JCMS - FIQUE POR DENTRO!!: Dicas e truques do Photoshop

Dicas e truques do Photoshop - Efeitos em texto

Jean Carlos Medeiros Silva

Efeito "Glow"

Cria um novo documento.

Selecciona a ferramenta "Type Mask Tool" e escreve o teu texto.

Select > Save Selection para gravares a selecção.

Ctrl+Alt+4 (carrega a selecção).

Edit > Stroke > Width 4 pixeis.
Ok

Select > All (Ctrl+A)

Filter > Blur > Gaussian Blur > Radius 3

Ctrl+Alt+4 (carrega a selecção novamente), e preenche a selecção com cor.

Texto em Metal


1.



Cria uma nova imagem e digita o teu texto.

2.

Nos Menus de cima escolhe: Select > All Edit > Copy Layer > New Layer Edit > Paste Apaga o layer com o texto.

3.

Layer > Effects > Bevel and Emboss Style: Inner Bevel Angle: 135 Depth: 8 Blur: 13

4.

Layer > Effects > Outer Glow Opacity: 75 Blur: 5 Intensity: 0%

5.

Filter > Stylize > Emboss Angle: 135 Height: 10 Amount: 400%

6.

Image > Adjust > Equalize Filter > Render > Difference Clouds Image > Adjust > Equalize (novamente)

7.



Filter > Artistic> Plastic Wrap Highlight: 15 Detail: 13 Smoothness: 15 Filter > Render > Difference Clouds Image > Adjust > Equalize

Texto Cromado


1.



Cria uma nova imagem com um azul escuro como background. Cria um novo layer e faz uma selecção que apanhe a metade de baixo do layer. Preenche com um gradiente de preto para cinzento.

2.



Inverte a selecção (Ctrl+Shift+I) e preenche com um gradiente de cinzento para branco. Selecciona tudo (Ctrl+A) e faz um Cut a imagem (Ctrl+X) para ficar na memória.

3.



Escolhe a ferramenta "Type Mask Tool" e digita o teu texto. Grava a tua selecção. Select > Save Selection.

4.



Preenche a tua selecção com um gradiente de Branco para Preto.

5.



Agora escolhe Select > Modify > Contract > 2 pixeis e cola a imagem que cortas-te no passo nº 2 (Ctrl+V). Se pressionares a tecla "V" podes mover a textura para o teu gosto.

Texto com Sombra



Existem dezenas de formas de criar uma sombra para o Texto. No Photoshop 5.x digita o teu texto vai a Layer > Effects e selecciona o Drop Shadow.

1.



Digita o teu texto com a cor que pretendes para sombra.

2.



Selecciona tudo (Ctrl+A) e aplica o filtro Gaussian Blur Filter > Gaussian Blur com 2.5

3.



Agora escolhe a cor para o texto e digita o mesmo texto (com a mesma fonte e tamanho). Coloca o texto por cima da sombra com um ligeiro afastamento.

Texto com Outline


1.



Digita o teu texto com a ferramenta "Type Mask Tool" Grava a selecção Select > Save Selection. Não deselecciones.

2.



Escolhe a cor para o Outline e escolhe Edit > Stroke > 6 pixeis Location: Center Ok

3.



Com o texto ainda seleccionado preenche o interior com uma cor.

Texto Arredondado


Para criar este tipo de efeito usa-se normalmente o Freehand, o Corel Draw ou o Illustrator. Nestes programas criar o texto a partir de um circulo é muito mais fácil e rápido mas nem sempre conseguimos importar o resultado para dentro do Photoshop. O melhor mesmo é faze-lo de raiz.

1.



Cria uma nova imagem e desenha um circulo com a ferramenta "Circle Marquee" No menu em cima selecciona: Edit > Stroke Width: 1, From Center

2.



Digita o texto que queres utilizar no centro do circulo.

3.



Com a ferramenta "Marquee" seleccionada, desenha um rectângulo de modo a apanhar apenas a letra do meio (neste caso o X). Selecciona a Ferramenta "Move" (V) e move a letra para cima do circulo.

4.



Faz o mesmo para todas as letras mas agora quando as colocares em cima do circulo roda-as de modo a se ajustarem ao longo do circulo. Edit > Free Transform (Ctrl+T)

5.



Continua a teres todas as letras em volta do circulo.

6.



Quando terminares apaga o layer do circulo e acerta bem as rotações das letras.

Texto em Relevo


1.



Começa com uma textura ou com uma cor.

2.



Selecciona a ferramenta "Type Mask Tool" e escreve o teu texto. Select > Save Selection para gravares a selecção. Não deselecciones.

3.



Ctrl+J (para copiares a tua selecção para um novo layer). Filter > Blur > Gaussian Blur > Radius 2-4.

4.



Volta ao layer com a textura e selecciona Filter > Render > Lighting Effects. Usa estes valores (cima para baixo): Omni: on, 13, 25, 0, 14, 20, #channel, white is high, 20. Ok.

5.



Para dares mais contraste carrega a seleção Select > Load Selection e inverte Select > Inverse. Preenche com uma cor sólida.

Texto com textura


1.



Abre a imagem com a tua textura. Selecciona tudo Ctrl+A e copia Ctrl+C. Agora clicka na tecla Delete e apaga a textura.

2.



Vai a palette "Channels" e cria um novo Channel. Digita o teu texto cria a tua imagem preto e branco.

3.



Na palette dos Channels clicka no RGB e volta para a palette dos Layers. Carrega a tua selecção Ctrl+Alt+4 e selecciona Edit > Paste Into. Agora tens a textura dentro do texto.

Texto com Textura Colorida


1.

Cria uma nova imagem RGB com o tamanho 500x500 Pixeis.

2.

Cria Outra imagem RGB com o mesmo tamanho (500x500)

3.

Na 2ª Imagem escolhe a ferramenta Radial Gradient Tool. Na janela das opções (lado direito) escolhe "Spectrum", na caixa de cima em vez de "Normal" escolhe "Difference".

4.



Começa a sobrepor varios gradientes na imagem. Alterna com Linear e Diamond (não te esqueças de estar no modo "Difference")

5.

Selecciona tudo Ctrl+A e copia Ctrl+C

6.

Volta para a 1ª imagem que criaste. Com a ferramenta "Type Mask Tool" cria o texto. Nota que quanto maior for o texto melhor irá ficar.

7.



Assim que tiveres digitado o texto vai aos menus em cima e escolhe: Edit > Paste Into. Desta forma passaste a textura que criaste na 2ª imagem para dentro do texto da 1ª imagem. Podes experimentar com diferentes fontes e gradientes para conseguires outros resultados.

Texto em 3D

Começa com uma textura e converte-a para o modo grayscale. (Image > Mode)
Converte agora para o modo RGB para poderes utilizar os layers.
Selecciona tudo Ctrl+A e copia Ctrl+C. Grava a selecção Selection > Save Selection e faz Ok.
Vai a Pallete dos Canais (Channels) e clicka o canal #4, faz paste Ctrl+V

Clicka no canal RGB e volta para a pallete dos layers.
Selecciona tudo se necessário, e preenche a imagem com preto.
Carrega a selecção Select > Load Selection > #4 . Esconde a selecção Ctrl+H mas não a deselecciones. Com a ferramenta "Airbrush" pinta uma cor na selecção. Este passo permite-te criares um padrão engraçado.
Usa várias cores para criares o efeito arco-iris.

Escolhe a ferramenta Type Mask Tool (com um "T" a tracejado) e escreve o teu texto. Grava a selecção.

Para criares o efeito 3D, usa o "Carve Filter" da Alien Skin. Se não tens este conjunto de filtros usa o Emboss do Photoshop Layer > Effects > Bevel and Emboss.

Para criares a sombra aplica o efeito Drop Shadow. Layer > Effects > Drop Shadow.

Botão Redondo



1.



Cria um novo documento. Desenha um circulo. Escolhe uma cor clara para foreground e uma cor mais escura para background. Selecciona a ferramenta "gradient" e pinta o quadrado do canto superior esquerdo para o canto inferior direito.

2.



Selecciona o circulo e no menu em cima escolhe: Select > Modify > Contract> 6 pixeis Preenche a selecção com o mesmo gradiente mas no sentido oposto. Do canto inferior direito para o canto superior esquerdo.

3.



O último passo é colocares dentro do botão o texto que pretendes. Dica: para um melhor efeito utiliza uma cor que contraste com o fundo.

Cantos Arredondados



Existem várias maneiras de criar interfaces com os cantos arredondados. Este tutorial aborda uma das formas.

1.



Cria um novo documento e acede a pallete dos canais ("Channels"). Cria um novo canal e desenha um circulo branco. (ver imagem em cima)

2.



Cria os restantes circulos com o mesmo tamanho e coloca-os nos cantos do rectangulo.

3.



Com a ferramenta Marquee preenche com branco de modo a ficares apenas com um rectangulo arredondado. Dica: Faz várias selecções apartir do topo dos circulos.

4.



Clicka na palette dos Canis em RGB e volta para a palette dos Layers. Carrega o novo canal Ctrl+Alt+4 e preenche com um cor ou gradiente.

5.



Para fazeres um botão escolhe no menu Select > Modify > Contract > 5 pixeis, depois Select > Modify > Feather > 2 pixeis. Preenche com o mesmo gradiente mas no sentido inverso. Escreve o teu texto.

6.



Experimenta com circulos de diferentes tamanhos. Prenche os circulos com preto ou branco dependendo da forma final que pretendes.

Botão Arredondado


1.



Cria um selecção circular.

2.



Clicka na Tecla "Q" Quick Mask Tool

3.



Cria uma selecção quadrada em volta do circulo. Mantêm pressionadas as teclas Ctrl+Alt+Shift e com o rato arrasta a selecção para o lado direito (desta forma crias duplicas o layer com o circulo).

4.



Cria uma selecção Rectangular como na figura de cima.

5.



Carrega na tecla "Delete". Se o a seleção ficar vermelha em vez de branca carrega na tecla "X" e depois "Delete" novamente.

6.



Sai da Quick Mask Tecla "Q" e grava a selecção Selection > Save Selection

7.



Preenche a selecção com a tua cor favorita ou textura.

8.



Escolhe: Select > Modify > Contract > 4 pixies Select > Feather > 2 pixeis Select > Inverse Cria um novo Layer e preenche com um gradiente branco do topo do botão para o meio com a opção Foreground to Transparency activa.

9.



Para dares um contorno ao botão selecciona-o e escolhe Edit > Stroke > 2 pixeis from center.

Botão Pressionado



A maior parte dos sites utiliza um script em java para substituir um botão por outro pressionado. Este tutorial ensina-te apenas a criar os dois botões. Nota: Este tutorial é de nível intermédio. Partimos do princípio que estás a vontade com os layers e as selecções.

1.



Começa com uma textura ou com a tua cor preferida.

2.



Cria uma selecção circular e grava-a. Escolhe uma cor clara para o foreground e uma escura para background. Preenche o circulo com a ferramenta Gradient do canto superior esquerdo para o canto inferior direito.

3.



Encolhe a tua selecção em 5 pixeis Select > Modify > Contract. dá um Feather a selecção de 2 pixeis Select > Feather. Inverte a selecção Select > Inverse. Preenche com o mesmo gradiente mas agora a partir do canto inferior direito para o canto superior esquerdo.

4.



Digita o texto que queres usar dentro do Botão.

5.



Cria um novo layer. Carrega a tua seleção (Ctrl+Alt+4) e cria o contorno em volta do circulo. Edit > Stroke > 2 pixeis from center Criamos a 1ª imagem do botão. Exporta como Gif, File > Export > GIF89a export

6.



Para criarmos a 2ª Imagem cria um novo layer e coloca-o para baixo do layer texto e por cima do contorno. Carrega a tua seleção novamente (Ctrl+Alt+4) e preenche com 30% de preto.

7.



Select > Feather > 3 pixeis e inverte a selecção Select > Inverse. com as "Arrow Keys" move a selecção para baixo e para a direita 4 pixeis. Agora preenche a seleção com 80% de preto.

8.



Carrega a tua seleção original novamente e inverte. Carrega na tecla Delete para apagar as áreas pretas em volta do botão.

9.



Para dares um efeito mais realista move o texto 2 pixeis para baixo e para a esquerda. Agora exporta a imagem como gif (com outro nome) e tens o teu botão em 2 estados concluido.



Exemplo animado

Botão 3D com Textura


1.



Cria um novo layer. Com a ferramenta "Circle Marquee" desenha um circulo e grava a seleção Select > Save Selection. Abre a Imagem com a tua textura e faz Ctrl+A (selecciona a Imagem) Ctrl+C (copia) Volta para a imagem com o circulo e no menu em cima escolhe Edit > Paste Into.

2.



Cria outro layer, escolhe o branco para foreground e escolhe a ferramenta "Gradient" "G". Nas opções escolhe "Foreground to Tranparent" e traça uma diagonal da esquerda para a direita.

3.



Agora escolhe o preto como foreground e aplica novamente o gradiente mas agora a diagonal da direita para a esquerda.

4.



Para fazeres a sombra cria um novo layer e coloca-o por baixo do layer da textura e por cima do background. Carrega a selecção Select > Load Selection e preenche com 60% de Preto. Selecciona tudo Ctrl+A e aplica o filtro Filter > Blur > Gaussian Blur com 2 pixeis. Clicka na tecla "V" e move a sombra 3 pixeis para baixo e 3 pixeis para a direita (usa as arrows keys). A partir daqui exitem 3 maneiras de criares o botão. No menu escolhe Select > Modify > Contract > 6 Pixeis.

5.



1ª Opção Para fazeres um botão plano carrega na tecla "Delete"

6.



2ª Opção Para fazeres um botão mais arredondado escolhe Select > Feather > 3 pixeis. Carrega na Tecla "Delete"

7.



3ª Opção Para fazers um botão concâvo escolhe Select > Feather > 3 pixeis, depois Layer > Transform > 180 Graus. Pressiona a tecla "7" (para 70 de opacidade)