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.

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.

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.

Passo 1 - Selecione a opção Drop Shadow. Marque o Angle: 60°, Distance: 15 px, Spread: 30% e Size: 20px. Pronto já te-mos 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.

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

Download disponívelAcesse PhotoPro.com.br/pspro--,e faça o download de uma imagem similar

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 An-gle: 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 apli-cado 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 desti-no 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 esti-lo. Faça isto para copi-ar 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

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.

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 ob-jeto. Pinte de branco o texto. Vamos as configurações, só se-lecione Inner Shadow. Marque Blend Mode: Mutiplay, Angle: 60°, Distance: 10 px, Choke: 10 % e Size: 10px.

6 - CRIANDO UM FUNDO DE ALUMíNIO ESCOVADO

Para aumentar o realismo e dar um maior contraste à com-posição é recomendado sempre criar uma textura de fundo. Aqui no caso uma textura propositalmente aspera para valori-zar 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ál-ogo. Em Amount digite 100%, Distribution marque uniform e marque a opção monochromatic. Confirme em OK.

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.

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.

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.

7 - CRIANDO O EFEITO STYLER DE GEL TRANS-PARENTE

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 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 sele-cione, 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.

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.

Seus trabalhos vão ganhar mais volume e realismo de iluminação.

* Logotipo do HSBC para o programa de marketing interno.

500px 72ppi

4000px 600ppi

Dica: Há outras opções para colar um objeto, entre elas a opção Path, a qual pode ser editada com a ferramenta Pen.

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 ar-quivo 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 utili-zando 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 2 - CRIANDO UM NOVO ARQUIVO

Abra no Photoshop um novo arquivo com 500px por 300px, 72 ppi de resolução e fundo branco. No Illustra-tor 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 ima-gem, confirme com o Enter. 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.

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).

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 possibili-dade 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 auto-maticamente aplicado, como os estilos de camada e a am-pliação em vetor (infinita).

Seus trabalhos vão ganhar mais agilidade e flexibilidade usan-do 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