Design & UX

25 mai, 2007

Composição e efeitos Photoshop CS2

Publicidade

Inicialmente gostaria de agradecer aos 10.667 acessos das 2 primeiras matérias que publiquei por aqui. Muito legal! O meu intuito como colaborador do iMasters é de difundir o dia-a-dia da criação e elaboração de campanhas publicitárias dentro do mercado de agências de publicidade. Devido a pedidos, saí um pouco do meu foco e decidi fazer uma matéria explicativa de alguns efeitos de PS CS2. Segue abaixo um bom exemplo.

Criaremos hoje uma composição que eu fiz para um cliente em homenagem ao Dia Internacional da Mulher. Utilizei efeitos básicos do CS2, mas a composição e o resultado final ficaram bem legais.

Vamos à captação de imagens. Para quem não conhece, o Stock Photos é o maior banco de imagens do mundo (www.sxc.hu) e todas essas imagens podem ser encontradas lá, em alta resolução:

Download das imagens

Recorte de imagens:

Vou demonstrar o processo de recorte profissional, utilizando a ferramenta “Pen Tool” no PS CS2. Procure a tecla de atalho “P” ou clique na ferramenta demonstrada na imagem abaixo:

Não esqueça de selecionar a opção “Path” para não haver o prenchimento na hora do recorte:

Vamos ao recorte. Para facilitar a operação no PS CS2, eu costumo pressionar a tecla “F” antes de iniciar qualquer trabalho. A tecla “F” deixa a plataforma em modo “FULL SCREEN”, porém com o menu acessível. Se você pressionar a tecla “F” novamente (2 vezes) você irá para o modo “FULL SCREEN” porém sem o menu de acesso e também com o background na cor preta. Essa segunda opção é corriqueiramente utilizada para uma melhor visualização. Outra dica importante é a utilização da “barra de espaço”. Para quem não sabe, a barra de espaço (pressionada) permite que você “navegue” pela plataforma quando seguramos o mouse pressionado e o direcionarmos pelo ambiente do aplicativo. Abra a imagem da mulher.

Dicas para recortar:

Um bom “recortador” de fotos ou arte-finalista tem que ter um certo bom senso para não deixar “sobras” indesejáveis no resultado do recorte. Trabalhe, sempre (regra), com muito zoom, mas no limite, sem distorcer a imagem, senão você não entenderá o que está recortando.

Outra dica importante é tentar visualizar a imagem sem o fundo antes de iniciar o recorte, mas isso é algo que só a experiência trará…, então paciência e treino, muito treino.

Utilizei bastante zoom (Ctrl + + / zoom mais e Ctrl + – / zoom menos) e cliquei para criar o primeiro “nó” utilizando a ferramenta “Pen”.

Após o primeiro nó, devemos ir clicando e criando os nós restantes.

Dicas:

  • Clique e mantenha pressionado o botão do mouse para “curvar” as linhas dos nós.
  • Para obter a curva desejada, clique (mouse) e mantenha pressionado, direcione e solte quando achar necessário.
  • Utilize a tecla “Alt” para opções secundárias. Exemplo: Se você observar, durante o processo de recorte, as vezes, a continuação das curvas não “obedecem” como desejamos. Pressione “Alt” para obter o resultado desejado.
  • Você deve terminar a “junção” dos nós exatamente aonde foi inserido o primeiro deles.

Após recortar a imagem com a ferramenta “Pen”, clique em “Window”, depois em “Paths”. Logo após, com o CTRL pressionado, clique na janela do “path” criado (onde diz “Work Path).

Pronto! A imagem está selecionada, pressione o comando “CTRL + C” para copiar a imagem. Abra um documento novo (CTRL + N) com 2.000 pixels de largura e 1.231 pixels de altura. Nomei-o como DIA DA MULHER.

Pressione CTRL + V.

Bom, vamos lá. Esse artigo é compriiiiido…, mas vai valer a pena.

Abra todas as outras imagens (CTRL + O). Vamos começar com a cortina (aquela laranja). Selecione a imagem com a ferramenta “Máscara” ou clique, com o CTRL pressionado, sobre o layer da imagem e copie-a. Volte para o documento DIA DA MULHER, adicione um layer novo (CTRL + SHIFT + N) e cole a imagem.

Faça o mesmo com a imagem das flores.

Defina “Fill” (preenchimento) como 50%.

Ordem dos layers de cima para baixo: Mulher, Flores e Cortina Laranja.

Abra a imagem que contém as borboletas coloridas. Pressione o comando CTRL + L (níveis) e defina o nível 255 para 200. Isto deixará o background branco. Copie e cole no documento DIA DA MULHER. Defina o modo de visualização como “Multiply”. Este modo reduz a coloração branca encontrada nas imagens.

Eu colei uma “borboleta” por trás da imagem da mulher, afim de dar uma idéia de “Anjo”, afinal, as mulheres são especiais.

Coloquei, também, a imagem da “jóia de borboleta” na parte superior do layout, utilizando o mesmo processo de visualização “Multiply”.

Bom, quase finalizado. Eu percebi, durante o processo, que faltava um certo toque de design. Como eu sei que as mulheres identificam-se com “moda”, decidi utilizar elementos característicos como cores vivas e simulação de recortes.

Esse “efeito”, se é assim que podemos chamar, é muito simples de ser criado. Existem “n” maneiras de fazê-lo, mas vou criá-lo de uma maneira bastante simples.

1 – Com o CTRL pressionado, clique sobre a imagem da MULHER. Será selecionada uma imagem.

2 – Abra um layer novo (CTRL + SHIFT + N).

3 – Selecione a ferramenta “Paint Bucket Tool” ou a letra “G”, defina a cor branca como preenchimento (2 cliques – nº 2 na imagem)

4 – Clique sobre a seleção.

O resultado final ficará como acima. Pressione o comando CTRL + T (transformar). Com as teclas “SHIFT” e “ALT” pressionadas, redimencione (pelas diagonais) a imagem, conforme desejado. Coloque o layer por trás da imagem da MULHER (basta clicar sobre o layer e “arrastá-lo” para baixo do layer da MULHER).

Criei efeito semelhante para a “jóia da borboleta”, também.

Quase finalizado…

Decidi colocar uma frase em homenagem as mulheres, mas essa parte deixo por conta de vocês, eu coloquei conforme abaixo.

Adicionei, também, uma sombra no layer da frase e no layer da parte branca por trás da mulher. Para fazer isso, selecione o layer que deseja inserir sombreamento, clique com o botão direito do mouse sobre o layer e clique em “blending options”. Depois selecione a primeira guia “Drop Shadow” e insira as configurações conforme a imagem.

Bom, como um toque final, adicionei uma moldura branca, meio “quebrada”.

Para fazer isso, selecione a ferramenta “Polygonal Lasso Tool”, insira um layer novo (CTRL + SHIFT + N) vá clicando e desenhando a moldura como desejar (lembre-se que você deve começar os nós e terminar no mesmo ponto). Depois repita o processo de preenchimento com a ferramenta “Paint Bucket Tool”.

É isso. Espero que gostem. Divirtam-se.