Tutorial: Criando uma árvore de Natal pelo Photoshop

COMPARTILHE:

Como criar uma árvore de natal usando shapes, layer styles e gradientes variados.

Preview Descrição: Como criar uma árvore de natal usando shapes, layer styles e gradientes variados.

  • [message]
    • ##check##AVISO: Criando uma árvore de Natal pelo Photoshop

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo arquivo, defina o tamanho de 1280x1024 pixels, modo de cor em RGB e 72 dpi´s, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para pintar de preto.

Criando uma árvore de Natal pelo Photoshop

02. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Rectangle Tool, crie um retângulo que pegue toda a área útil do documento (certifique-se de que a opção Shape Layers esteja ativa), vá em Layer> Layer Style> Gradient Overlay e defina o gradiente abaixo.

Criando uma árvore de Natal pelo Photoshop

Criando uma árvore de Natal pelo Photoshop

03. Seu documento deverá ficar como na foto abaixo.

Criando uma árvore de Natal pelo Photoshop

04. Pressione Ctrl+J para duplicar a layer, defina o valor de Fill em 0%.

Criando uma árvore de Natal pelo Photoshop

05. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Criando uma árvore de Natal pelo Photoshop

Criando uma árvore de Natal pelo Photoshop

06. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Ellipse Tool, com a tecla Shift pressionada clique e arraste para criar uma elipse como a da foto abaixo, defina o valor de Fill da layer em 0%.

Criando uma árvore de Natal pelo Photoshop

07. Agora vá em Layer> Layer Style> Gradient Overlay e defina os seguintes valores.

Criando uma árvore de Natal pelo Photoshop

08. Sua imagem deverá ficar como a da foto abaixo.

Criando uma árvore de Natal pelo Photoshop

09. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, desenhe o formato de um pinheiro como na foto abaixo.

Criando uma árvore de Natal pelo Photoshop

10. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Custom Shape Tool, clique no ítem Shape na barra de opções da ferramenta e escolha o Shape de estrela.

Criando uma árvore de Natal pelo Photoshop

11. Crie diversas estrelas dentro do desenho do pinheiro variando seu tamanho, ao final sua árvore deve ficar como a da foto abaixo.

Criando uma árvore de Natal pelo Photoshop

12. Clique na layer onde criamos o contorno da árvore e vá em Layer> Hide Layers, clique na layer das estrelas e pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Custom Shape Tool e com o shape da estrela ainda selecionado crie uma estrela maior que ficará no topo da árvore, como na foto abaixo, vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

Criando uma árvore de Natal pelo Photoshop

13. Sua imagem deverá ficar como a da foto abaixo.

Criando uma árvore de Natal pelo Photoshop

14. Agora clique na layer que estiver abaixo da layer com as estrelas que compõe a árvore, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Custom Shape Tool, selecione um dos três shapes e aplique na layer, varie seu tamanho, defina a opacidade da layer por volta de 20%, agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a Custom Shape Tool ainda selecionada escolha outro Shape dos indicados na foto abaixo e crie alguns outros shapes com tamanhos variados, defina a opacidade da layer em 10%, pressione Ctrl+Shift+Alt+N para criar uma nova layer layer, escolha o último shape dos três selecionados e aplique em tamanhos variados, defina a opacidade da layer por volta de 40%, sua imagem deverá ficar como a da foto abaixo.

Criando uma árvore de Natal pelo Photoshop

15. Sua imagem deverá ficar como a da foto abaixo.

Criando uma árvore de Natal pelo Photoshop

16. Agora clique na layer que estiver abaixo da layer da estrela que está no topo da árvore de Natal, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Custom Shape Tool, clique no ítem Shape que está na barra de opções da ferramenta, escolha o Shape abaixo.

Criando uma árvore de Natal pelo Photoshop

17. Com a tecla Shift clique e arraste afim de posicionar o efeito como na foto abaixo.

Criando uma árvore de Natal pelo Photoshop

18. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Criando uma árvore de Natal pelo Photoshop

19. Sua imagem deverá ficar como a da foto abaixo.

Criando uma árvore de Natal pelo Photoshop

20. Agora pressione a letra B do teclado para selecionar a Brush Tool, selecione a cor indicada no primeiro contorno da árvore de cima para baixo, pressione a letra P do teclado para selecionar a Pen Tool e crie um path no formato do contorno da árvore, clique com o botão direito do mouse sobre o Path e escolha a opção Stroke Path, escolha a opção Brush e marque a opção Pen Pressure, pressione Ok, repita o processo (mudando para as cores indicadas) até criar todos os contornos mostrados na imagem abaixo.

Criando uma árvore de Natal pelo Photoshop

21. Ao final sua árvores estará como a da foto abaixo.

Criando uma árvore de Natal pelo Photoshop

site de origem: http://www.adobetutorialz.com/articles/3021/1/Merry-Christmas-tree-design

COMENTÁRIOS

BLOGGER: 25
  1. Olá André, estou com dificuldade no passo 18, minhas listras permanecem em branco, ele não aplica o gradiente..segui tudo certinho...me ajuda please!!

    ResponderExcluir
  2. Oi Tatiana, obrigado pela visita! :)

    Oi Nanda, defina o Fill da layer em 0% antes de aplicar o Gradien Overlay, obrigado pela visita!! :)

    ResponderExcluir
  3. /\
    ||
    ||
    uashhuashasuhsauuhasuhsauhsuh
    .
    .
    .
    Muito legal o efeito, mas veio tarde de +, meu patrão a 2 semanas atrás pediu pra mim fazer um cartão de natal para mandar pros clientes, procurei algum aki no Tp, como não achei, fiz um em .GIF mesmo :D e pra variar tive que fazer um impresso tbm, ainda bem que ele gostou do resultado (ele é bem exigente) :D

    ResponderExcluir
  4. André, me enrrolei logo no passo 2, ao criar nova camada que, fica vazia, não consigo aplicar o efeito gradiante,ou o efito deve ser aplicado na camada preta?Obrigado
    jaci

    ResponderExcluir
  5. Oi Hallan, ontem com um comentário é que notei que o ::Tutoriais Photoshop:: ainda não tinha nada relacionado ao Natal... mas vou postar mais coisas sobre esta data, fique ligado aí! obrigado pela visita! :)

    Oi Jaci, então no passo 02, quando você cria o retângulo, que deve pegar toda a área do documento, se a opção Shape Layers estiver marcada o retângulo automaticamente estará colorido com a cor de Foreground do seu Photoshop, aí se você for em Layer> Layer Style> Gradient Overlay o gradiente toma o lugar da cor, aí basta configurar do jeito que está no passo 02, espero que isso ajude, obrigado pela visita! :)

    ResponderExcluir
  6. Muito bom esse tutorial de natal!

    achei otimo, e nem parece ser muito dificil de fazer ^^

    uma pergunta, André, vc ja teve contato com o CS4?

    existem varias mudanças no layout, mas ainda não sei explorar todas as novidades dele, se puder postar algo a respeito quando tiver material pra isso, eu agradeceria =D

    ResponderExcluir
  7. Agora entendi!!! Tão fácil que até fico envergonhado! Obrigado!!!
    jaci

    ResponderExcluir
  8. poxa andre eu tava precisando de um tema de natal e acabei criando meu trabalho

    http://cid-d4060b30d8182e63.skydrive.live.com/self.aspx/Algumas%20artes%20desenvolvidas/Salao%20escola%20Natal%20YEAH.jpg


    porem curti a arvore viu
    talvez eu ainda use.

    Valeu e continue esse trabalho maravilhoso que ajuda todos nós que vivemos de design e propaganda.
    Abraco

    ResponderExcluir
  9. opa... aqu não tem o brush do pinheiro... tem algum link para baixar???

    ResponderExcluir
  10. MUITO BOM O TUTORIAL, SIMPLES E CRIATIVO, E GABRIEL, É SIMPLES CRIAR ESSE BRUSH, É SÓ CRIAR UMA ESTRELA EM UM NOVO ARQUIVO E SALVAR COMO DEFINE BRUSH PRESET, ESPERO TER AJUDADO. VALEW ANDRÉ PELO BLOG, ESTÁ AJUDANDO MUITA GENTE. VC É 10

    ResponderExcluir
  11. Amigo, Estou no passo onde adiciono as estrelas na arvore, soh que no meu CS3 Extended nos tipos de shape nao tem estrelas e nem as dos flocos de neve, ha poucos shapes...Voce pode me ajudar?

    Please :)

    ResponderExcluir
  12. Parabéns cara.. Simples, prático e muito bonito

    ResponderExcluir
  13. oiiiiii...
    adorei o tutorial!!
    afinal adoro todos os tutoriais!!!
    Parabens msm!!!
    so queria saber uma coisa.... adoroooooooo seus brushs.... onde vc baxa??
    mais uma vez Parabens pelo site!!

    ResponderExcluir
  14. essas porras de tutos aki nunca dão certo
    o gradient overlay não deu certo nenhuma vez
    fiz as coisas por outros métodos...
    e depois o elipse tool tbm não deu
    nessa parte eu desisti
    e exclui o photoshop
    porra de tutos
    podiam fazer uma coisa mais simplificada
    eu tava tentando aprende
    mas não da nada certo
    \ /
    O O
    c
    ----

    ResponderExcluir
  15. as imagens não tão carregando de novo.

    parei com esse blog.

    não vou mais visitar.

    eu sei traduzir os tuto q vc rouba, sabia ?

    FUIIIZ

    ResponderExcluir
  16. Jullian, eu também achei que não tinha... mas tem! Faz o seguinte... na tela onde você escolhe as shapes, tem uma setinha que abre uma aba com opções. Clica na opção "All" e depois clica em Yes. Dai ele vai carregar todas as shapes disponíveis!

    ResponderExcluir
  17. Pq essas imagens não carregam?!
    Aff..
    Doida pra fazer e não dá..=P

    ResponderExcluir
  18. Parabéns pelo blog. Dá uma grande ajuda e muitas ideias. Só gostaria de fazer uma pergunta: onde estão esses shapes todos? O meu CS3 não tem nada disso.
    Continua com o trabalho.

    ResponderExcluir
  19. o que o Shi Anizio disse dá certo, eu nunca tinha reparado nisso ¬¬
    apareceu todas essas shapes.. existem muitas!
    mas eu acho que eu to fazendo alguma coisa errada, por que no passo 20, quando eu clico com o botão direito na path que eu fiz, não dá pra clicar na opção Stroke Path! deve ter alguma coisa errada, mas eu não sei o que é..

    ResponderExcluir
  20. Um resultado final tão lindo num tutorial tão ineficiente.
    Tive que pular várias etapas e finalizar no Corel.
    O degradê no shape de mira não funciona.
    O efeito degradê de luz no circulo também não.
    Sempre acompanho seus tutoriais e todos são ótimos, mas este deixa muito a desejar.
    Expecifique melhor como usar as ferramentas.
    Nem todos são craques como você.

    ResponderExcluir
  21. Cara não consegui fazer o passo 17 e 18.
    Apliquei o negócio mas na hora de configurar o graient ele continuou do mesmo jeito não ficou como você mostrou.

    ResponderExcluir
  22. Meu photoshop é Cs5, não estou conseguindo fazer os passo 6 e 7,você poderia me explicar, não aplicar efeito de resultado do passo 8.

    Att.

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,349,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,510,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Criando uma árvore de Natal pelo Photoshop
Tutorial: Criando uma árvore de Natal pelo Photoshop
Como criar uma árvore de natal usando shapes, layer styles e gradientes variados.
https://www.andresugai.org/Tutoriais/12.2008/T12/imagem23.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/12/criando-uma-rvore-de-natal-pelo.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/12/criando-uma-rvore-de-natal-pelo.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar