PhotoPro - Grupo Profissional de Photoshop
CADÊ O ALÊ
Técnicas de ilustração de embalagem no Photoshop

Técnicas de ilustração de embalagem no Photoshop

25. Jul. 2012

Neste tutorial, técnicas para criar profundidade e sombreamento no Photoshop ao elaborar uma embalagem. Um recurso importante atender o mercado publicitário.

Aprenda, neste tutorial, algumas técnicas para criar profundidade e sombreamento em ilustrações no Photoshop ao elaborar uma embalagem. E depois veja o tutorial de como usar o displacement map para dar ainda mais realismo à ilustração.



1) Abra um documento quadrado e, com a ferramenta Pen, no modo Shape e com preenchimento de cinza, desenhe a forma da embalagem.

2) Em um novo layer, continue usando a ferramenta Pen. Mude o preenchimento para um tom de cinza bem claro, quase indo para o branco, e desenhe formas irregulares sobre a embalagem, como no exemplo abaixo. Essas formas simbolizam as áreas de iluminação.


3) Pressione a tecla Shift e clique sobre o layer das formas mais o layer da embalagem, depois, use as teclas de atalho Command+E (MAC) ou Control+E (PC) para achatar esses dois layers.


4) Crie uma cópia desta camada. Para isso, arraste o layer sobre o ícone Create a new layer, localizado na parte inferior do painel Layers. Em seguida, no menu principal, vá em Filter > Blur > Gaussian Blur. Aplique, na opção Radius, um desfoque de 15 pixels.


5) Pressione a tecla Command (MAC) ou Control (PC) e, mantendo a tecla pressionada, clique sobre a miniatura (thumbnail) da embalagem do layer inferior. Isso irá ativar uma seleção em volta da forma. Inverta a seleção com as teclas de atalho Shift+Command+i (MAC) ou Shift+Control+i (PC). Selecione o layer da cópia da embalagem, que é o layer superior, e clique em Delete para eleminar os pixels de desfoque que ficaram além do contorno da forma ao ser aplicado o filtro Gaussian Blur.


                  

6) Entre em Filter > Filter Gallery > Artistic  e escolha  a opção Plastic Wrap. Isso irá criar sobre a superfície da embalagem um efeito de brilho de material plástico. Faça os ajustes no painel que achar necessário e clique em Ok.


7) Use a opção Curves para fazer com que o tom geral do efeito fique um pouco mais claro.


8) Em um novo layer, crie um retângulo bem estreito no sentido vertical, preenchido com preto.

Com a ferramenta de seleção retangular, selecione a área em volta do retângulo, de modo que a seleção encoste na parte superior e inferior da forma. Com a seleção ativa, vá em Edit e defina essa forma como um Brush Preset. 


9) Com o novo brush salvo, ative a ferramenta Brush (B). No painel de controle, clique duas vezes sobre a pastinhas de brushes para abrir o painel Brush. Localize o novo brush e clique sobre a aba Brush Tip Shape. Na opção Spacing dessa aba, aumente os espaços entre as repetições do brush.


10) Em um layer acima do layer da embalagem, posicione o brush preenchido com preto no canto superior da embalagem. Pressione a tecla Shift e arraste o brush para o lado. Isso irá criar a repetição de traços, como demonstrado no exemplo abaixo. Faça o mesmo processo também na parte inferior da embalagem.


11) Ative o painel de Styles pelo menu Window > Styles e, no submenu do painel, ative a biblioteca Web Styles. Escolha o efeito de metal estampado e aplique esse efeito sobre o layer dos traços.


12) Achate o layer dos traços e o layer da embalagem. Ajuste a cor do Foreground para um verde claro, de valor hexadecimal #b3d18f. Em seguida, vá em Image > Adjustments > Hue/Saturation. No painel, ative somente o item Colorize para que o tom esverdeado "colorize" a embalagem.

13) Abra, agora, um novo layer e volte a utilizar o brush criado anteriormente. Mude a cor de preenchimento para um verde escuro. No exemplo abaixo, usei um verde de valor hexadecimal #3a5618. Aumente o tamanho do brush, pressione a tecla Shift e arraste o pincel por toda a extensão da parte superior do arquivo, como demonstrado no exemplo abaixo. Em seguida, use as teclas de atalho Command+T (MAC) ou Control+T (PC), para ativar o modo de distorção, e arraste as linhas até encostá-las na parte inferior do documento.


14) Crie um novo layer abaixo do layer das linhas tracejadas. Preencha esse layer com um verde claro, de valor hexadecimal #b3d18f. Achate, em seguida, esses dois layers.


15) No menu principal, vá em Image e aplique um Trim. Em seguida, aplique Filter > Distort > Polar Coordinates, para criar o efeito do exemplo abaixo.



16) Reduza proporcionalmente o retângulo para o centro do documento, de forma que o retângulo com o efeito e a embalagem fiquem centralizados. O retângulo tem que ficar um pouquinho maior que a embalagem.


17) Refile o quadrado na forma da embalagem. Para isso, repita o método utilizado no passo 5 deste tutorial.


18) No layer das linhas, aplique o Blend Mode chamado Color Burn. Depois, achate o layer das linhas com o layer da embalagem.


19) Abra o filtro Liquify e faça pequenas distorções nas bordas da embalagem, para que a ilustração fique com  um aspecto mais natural.


20)  Para enriquecer ainda mais a ilustração, aplique um Layer Style com Inner Glow, para criar um contorno mais escuro em torno da embalagem. Use também o Inner Shadow para criar uma sombra interna em um dos lados da embalagem e o Drop Shadow para fazer a sombra projetada.


21) Para finalizar, faça um fundo interessante, utilizando gradientes, e crie também um rótulo para a sua embalagem.

É isso aí!

Abraços!






  1. Líga disse:

    Ale, muito bom esse tutorial, trabalho com embalagem e há tempos procuro formas de desenvolver as técnicas para mockups mais realistas, vcs bem que podiam lançar mais materiais como DVD,s; livros, cursos... sobre o tema né!

  2. Olá Liga, muito obrigado pelo comentário. A sua ideia do DVD sobre mockups digitais é muito boa! Quem sabe o Getulino não se baseia nisso para um próximo lançamento, não é? Obrigado por nos acompanhar!

  3. Daniel Kuntz disse:

    Adorei a dica também trabalho com embalagens, quem sabe o Geti da essa força e lança o DVD dobre Mockups!

  4. Renata disse:

    Olá! Adorei as dicas, realmente foi muito útil para o que estava procurando a semanas. Porem sempre que uso a ferramenta Blend Mode chamado Color Burn exatamente da forma que foi citada, minha imagem fica quase transparente e mesmo achatando ela perde muito a cor. Alguma sugestão do que poderia estar acontecendo?!?! Abraço

  5. Olá Renata! Este Blend mode tem resultados diferentes dependendo das cores que esteja utilizando para a mesclagem. Porém eu acho que o seu arquivo esteja no modo CMYK ele tem que estar em RGB para poder exibir cores mais vivas e depois de todo o procedimento e de ter achatrado todos ois itens, mesmo convertendo a imagem em CMYK voc vai ver que não ira perder muito a cor. Obrigado por ter postado!

  6. Deise disse:

    Me perdi no passo 6 :/ Não consegui selecionar o filtro Plastic Wrap, não sei por que mas o photoshop versão cs6 q eu uso só habilita a galeria de filtros quando eu abro uma foto, tem alguma outra forma de fazer a embalagem? queria muito aprender... obrigada

  7. Olá Deise. Pode ser que seu arquivo esteja no modo CMYK padrão de cor. Vá em Image>Mod e ative a opção RGB. A galeria de filtros do Photoshop so é ativada no modo RGB. Tente isso Abs!

Deixe um comentário

AGENDA CURSOS
Dominando o Photoshop CS6

Data: 08 de junho de 2013
Local: Brusque/SC - Centro Empresarial de Brusque

3º Photoshop Expert Goiânia

Data: 15 de junho de 2013
Local: Goiânia

Livro Photoshop, DVD Photoshop, DVD Lightroom, DVD Illustrator
Eizo Monitores
Fotolia - Banco de Imagens
PODCAST VER TODOS
Criando máscara de opacidade no 3D do Photoshop
23. Apr. 2013
Assista já!
Tratando fotos com Camera Raw e Photoshop
12. Apr. 2013
Assista já!
Criar foto panorâmica com Lightroom e Photoshop
26. Mar. 2013
Assista já!
Tratando uma foto no Lightroom com Clicio Barroso
19. Feb. 2013
Assista já!
Crie fotos de impacto com recursos do Camera Raw
11. Dec. 2012
Assista já!

FIQUE LIGADO!
DIRETO DO BLOG DO ALÊ

Recursos do Pathfinder no Illustrator

21. May. 2013

O Filtro Pathfinder é excelente para criar formas e, em conjunto com o efeito 3D, elas podem ganhar profundidade e conseguir resultados interessantes.

Como dar mais vida às suas fotos através do Lightroom

20. May. 2013

Ajustes simples podem modificar totalmente uma fotografia. Veja nesse tutorial como dar mais vida a uma foto em poucos passos através do Lightroom.

Formas simétricas no Illustrator

17. May. 2013

Uma técnica bem interessante no Illustrator é usar a condição de Effect para desenhar formas simétricas com perfeição.

CONTATO

Endereço: Rua Madre Maria Basília, 237 - Centro
Cep 13300-003
Itu / SP
Telefone: (11) 4013-7979

Email: info@photopro.com.br

©Copyright - Todas as marcas utilizadas neste site são propriedade a seus respectivos fabricantes.