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ível Acesse PhotoPro.com.br/pspro--, e faça o download de uma imagem similar
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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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. [email protected]