Este tutorial pretende lembrar algumas dicas importantes para transformar suas ilustrações mais realistas e dar mais volume, brilho e transparência, usando o Layer Style.
2- APLICANDO SOMBRA E VOLUME COM LAYER STYLE Abra o arquivo PSD no Photoshop. Vamos começar com o Layer 3, o círculo já está com um gradiente do vermelho para um tom mais escuro, antes de clicar no layer, pressione a tecla Cmd (Mac) e Ctrl (PC) para marcar a seleção onde vamos aplicar o Layer Style. Clique no icone fx na base da palheta de Layers.
1 - DESENHO EM VETOR Aproveitando seus desenhos, ilustrações ou logos, podemos rapidamente transformá-los em imagens mais realistas com o Photohop CS3. Ao criar seus desenhos no Illustrator, procure sempre organizá-los em camadas (layers) e exporte-os na extensão PSD. No Illustrator selecione menu File > Exporte, extensão PSD. Dica importante: não esqueça de marcar a opção Writ Layers para poder distribuir os Layers no Photoshop. Neste tutorial usaremos como exemplo este logotipo desenhado e exportado no Illustrator e já salvo em PSD.
Passo 1 - Selecione a opção Drop Shadow. Marque o Angle: 60°, Distance: 15 px, Spread: 30% e Size: 20px. Pronto já temos a sombra.
Passo 2 - Vamos para Outer Glow - em Elements > Techique: Softer Srpead: 0% e Size: 10px, isto evitará bordas brancas. Passo 3 - Por último marque a opção Bevel end Emboss. Em Structure selecione, Style: Inner Bevel, Technique Smooth, Size: 15 px e soften: 5 px. Shading Anglo de 60° e altitude 30°, Highlight Mode: Screen Branco e Shadow Mutiply preto.
Download disponível Acesse PhotoPro.com.br/pspro--, e faça o download de uma imagem similar
Antes de clicar em OK você pode salvar estas configurações como um New Style para aplicar em outra ocasiões. No Layer 6, onde temos o texto “DO”, pressione novamente o Ctrl(PC) e clique no Layer, a máscara em volta do objeto a ser trabalhado ficará selecionada. O texto já está vermelho em
5 - APLICANDO BAIXO RELEVO Agora vamos aplicar baixo relevo no texto “IT” no Layer 7. pressione Ctrl (PC), selecionando a máscara em volta do objeto. Pinte de branco o texto. Vamos as configurações, só selecione Inner Shadow. Marque Blend Mode: Mutiplay, Angle: 60°, Distance: 10 px, Choke: 10 % e Size: 10px. degradê. Vamos aplicar as mesmas configurações anteriores com pequenos ajustes. Clique no ícone fx. Passo 1 - Selecione a opção e em Drop Shadow, marque Angle: 60°, Distance: 15 px, Spread: 5% e Size: 20px. Passo 2 - Não vamos para Outer Glow. Passo 3 - Marque a opção Bevel end Emboss. Em Structure selecione, Style: Inner Bevel, Technique Smooth, Size: 10 px e soften: 5 px. Shading Anglo de 60° e altitude 30°, Highlight Mode: Screen Branco e Shadow Mutiply preto.
3 COPIANDO OS LAYERS STYLES Temos duas maneiras de copiar o estilo aplicado a uma camada em outra. 1ª opção: clique com o botão direito do mouse e selecione a opção Copy Layer Style, selecione o Layer destino e clique novamente com o botão direito em Past Layer Style. 2ª opção: clique no ícone fx e arraste para a camada onde deseja aplicar a cópia do estilo. Faça isto para copiar para o Layer 5 que é o contorno branco da paralavra “DO”.
4 APLICANDO O BRILHO/REFLEXO BRANCO. No Layer 8 temos o reflexo do texto “DO”, para isto crie uma máscara de camada clicando no ícone de Add layer mask e
6 - CRIANDO UM FUNDO DE ALUMíNIO ESCOVADO Para aumentar o realismo e dar um maior contraste à composição é recomendado sempre criar uma textura de fundo. Aqui no caso uma textura propositalmente aspera para valorizar o brilho e volume do primeiro plano. 1º Passo - Selecione o Layer 1 para criar o fundo. Entre no menu Filter > Noise > Add Noise para abrir sua caixa de diálogo. Em Amount digite 100%, Distribution marque uniform e marque a opção monochromatic. Confirme em OK.
aplique um degradê na máscara de camada. Caso a palheta de cor esteja com outra cor, clique na tecla “D” para voltar ao padrão preto e branco de primeiro e segundo planos. Para inverter os planos basta clicar em “X”. Repita esta operação para os Layers 9 e 10.
2º Passo - Entre no menu Filter > Blur > Motion Blur para abrir sua caixa de diálogo. Em Angle digite 90°, Distance: 70 px. OK.
Como as bordas do fundo não vão ficar regulares, pressione Ctrl+T (PC) Cmd+T (Mac),Transformação livre para ampliar o fundo. Ao arrastar as alças, pressione Alt (PC) Option (Mac) para ampliar nos dois sentidos a partir do centro.
Passo 1 - Selecione a opção Drop Shadow. Blende Mode Mutipaly, Marque o Angle: 60°, Distance: 20 px, Spread: 0% e Size: 20 px. Passo 2 - Em Inner Shadow. Blende Mode Mutipaly, Marque o Angle: 60°, Distance: 20 px, Choke: 0% e Size: 20px. Passo 3 - Marque a opção Bevel end Emboss. Em Structure selecione, Style: Inner Bevel, Technique Smooth, Depth 100%, Direction: Up, Size: 20 px e soften: 0 px. Shading Anglo: 60° e Altitude 30°, Highlight Mode: Screen Branco e Shadow Color Dodge Branco. Dica importante: Como nosso arquivo foi exportado em CMYK, alguns filtros não vão estar habilitados. Converta para RGB em menu Filter > Image > Mode > RGB Color. Assim os demais filtros estarão habilitados.
Passo 4 - Na opção, Blending Options selecione em Advanced Blend Fill opacity: 20%, marque Channels: R, G e B. Pronto, recomendo gravar este novo estilo em New style como Gel.
3º Passo - Aplicando o efeito de iluminação no fundo. Entre no menu Filter > Render > Lighting Effects para abrir sua caixa de diálogo. Selecione em Light type: Spotlight. Posicione conforme a figura abaixo, combinando a entrada de luz no mesmo sentido aplicado no logotipo, de cima para baixo da direta para esquerda. Confirme em OK.
Seus trabalhos vão ganhar mais volume e realismo de iluminação. * Logotipo do HSBC para o programa de marketing interno.
7 - CRIANDO O EFEITO STYLER DE GEL TRANSPARENTE Para criar um efeito de gel com as opções do Layer Style clique no ícone fx ou clique com o botão direto e selecione Blending Options.
PASSO 3 - APLICANDO UM LAYER STYLE Se no exercício anterior você salvou um New Style é hora de aplicá-lo ou monte seu Layer Style aplicando Drop Shadow, outer Glow e Bevel and Emboss. (Veja o tutorial Do It, tópico 2- Aplicando sombra e volume com Layer Style). Utilize a flexibilidade do Smart Object nas versões Photoshop CS2 ou CS3. Com este recurso você pode fazer transformação não destrutiva, ou seja o objeto vetor fica incorporado ao arquivo PSD e sempre que houver uma alteração no original o link restabelece uma atualização pelo original. Você poderá alterar a qualquer momento o tamanho e resolução da sua imagem sem perdas. No tutorial anterior foi usada a exportação em camadas, a desvantagem é que não consigo trazer o desenho vetor do Illustrator em camadas. Posso montar em partes. Vamos ver os passos.
PASSO 1 - IMPORTANDO O ORIGINAL EM VETOR Podemos fazer de duas maneiras. 1°- Importando através do comando Place, menu File > Place, selecione o arquivo utilizando uma caixa de diálogo, finalize a operação. 2°- Também pode ser com um simples copiar e colar entre o Illustrator CS3 e o Photoshop CS3, opção aqui adotada.
PASSO 4 - VANTAGENS DO SMART OBJECT A primeira vantagem é que a qualquer momento posso editar o arquivo em vetor, a segunda é a aplicação automática do Layer Style. A terceira vantagem é fundamental, é a possibilidade de transformação não destrutiva dos pixels da imagem. No exemplo abaixo, o arquivo da imagem foi ampliado de 500px com 72 ppi para 4000px com 600 ppi e tudo foi automaticamente aplicado, como os estilos de camada e a ampliação em vetor (infinita).
PASSO 2 - CRIANDO UM NOVO ARQUIVO Abra no Photoshop um novo arquivo com 500px por 300px, 72 ppi de resolução e fundo branco. No Illustrator copie o desenho vetor e cole no Photoshop. Antes de colar aparece a caixa de diálogo Paste, marque Smart Object. Aparecem alças para adequar o tamanho da imagem, confirme com o Enter.
Dica: Há outras opções para colar um objeto, entre elas a opção Path, a qual pode ser editada com a ferramenta Pen.
Note que o ícone do Layer Smart Object está alterado. Para modificar o desenho ou a cor, basta dar um duplo clique no ícone de Smart Object no Layer, o Illustrator é aberto.
500px 72ppi 4000px 600ppi Seus trabalhos vão ganhar mais agilidade e flexibilidade usando o Smart Object juntamente com Layer Style.
* Ricardo Pedrosa Macedo é designer de Produto e Comunicação Visual pela PUC-PR, e Mestre em Mídia e Conhecimento pela UFSC. É coordenador-adjunto no curso de Publicidade e Propaganda, professor de ensino superior do UnicenP e professor convidado da UTF-PR na Pós-graduação em Embalagem. Ministra cursos e treinamentos dos produtos da Adobe. ricardo@unicenp.edu.br