Efeito de anel em texto

Baseado em tutorial publicado no site Meteor Webdesign


::Objetivo::

Mostrar uma técnica de construção de um anel decorativo em uma letra.


::Visão antecipada::

Para uma visão antecipada do efeito, veja no final desta página, textos decorados com o anel na primeira letra.


::Primeiros passos::

Acompanhe as etapas 1 a 4 na figura mostrada abaixo:

figura 1

1-) Construa duas elipses de cores e tamanhos diferentes;
2-) Coloque uma elipse sobre a outra;
3-) Selecione as duas elipses vá ao menu Modify => Combine Paths => Punch;
4-) A elipse menor deve ter 'furado' a maior como mostrado. Está pronto o anel.


::Seguindo em frente::

Vamos novamente acompanhar os passos da figura a seguir:

figura 2

1-) Selecione a elipse furada, vá ao menu Modify => Transform => Skew
Aparece um retângulo preto com quadradinhos em volta como mostrado.
Segure a tecla Shift e posicione o ponteiro do mouse que agora tem a forma de uma flexinha redonda, no lado direito do quadrado que apareceu e gire no sentido anti-horário.
Você notará que o retângulo gira aos pulos de uma amplitude igual a 15o;
2-) Dê 3 pulos e você terá girado o anel 45o como mostrado;
3-) Desenhe uma letra. Eu desenhei um M de Maujor. Posicione a letra ATRÁS do anel
Se você seguiu a sequência notará que a letra ficou na frente do anel. No FW o último objeto desenhado vai sendo posicionado na frente dos demais. Para passar a letra para trás você deverá usar o painel Layers (tecla F2 esconde/mostra o painel).
Selecione a letra e observe no painel Layers que o quadradinho (ao lado de um olho) da letra está em destaque (normalmente na cor azul) clique, arraste para baixo e solte o quadradinho da letra, pois ali no painel quanto mais no alto o quadradinho tanto mais à frente está o objeto que ele representa;
4-) Selecione a letra vá ao menu Text => Convert to Paths ou CTRL + Shift + P. Clique sobre a letra para conferir ela deverá ficar como mostrado na figura, contorno azul cheia de quadradinhos.


::Está quase acabando::

figura 3

Agora você trabalhar com dois arquivos contendo a letra e o anel.

1-) Selecione a letra e o anel e tecle Ctrl + C (copiar) em seguida tecle Ctrl + N (novo documento). Isto faz abrir uma janela popup para as dimensões do novo palco. Aceite as dimensões clicando OK na janela que se abriu e você terá um palco vazio na tela.
Clique em qualquer lugar no palco e em seguida tecle Ctrl + C (colar)
Agora você tem dois arquivos iguais mostrando a letra e o anel. Neste arquivo que você acabou de criar selecione o anel e a letra e vá ao menu Modify => Combine Paths => Intersect. Clique sobre o palco e você terá aquelas formas mostradas no número 2 da figura acima, que são as regiões onde o anel interceptou a letra.
2-) Vamos apagar as formas que estão mais abaixo e à esquerda, deixando somente aquelas duas acima e à direita.
Precisamos primeiro desagrupar aquela pequenas formas. Selecione as formas e vá ao menu Modify => Combine Paths => Split (ou tecle Ctrl + Shift + J). Agora sim apague, selecione o que restou e tecle Ctrl + C (copiar). Agora volte ao arquivo que tem a letra e o a nel e tecle Ctrl + C (colar).
3-) Fazendo tudo isto você obtém o que está mostrado no número 3 da figura acima.
4-) Dê um zoom onde acaba de ser 'colado' o que você copiou e colou.
5-) O zoom aparece como neste número da figura. Trabalhe no zoom com a ferramenta 'lápis' Ferramenta lápis para limpar o vermelho que ficou na frente do branco.


::Usando a letra com anel::

A seguir uma aplicação da letra com anel que acabei de construir.
Escrevi o nome Maujor usando a mesma fonte e tamanho que usei no tutorial.
Selecionei a letra com o anel copiei e colei em cima do M de Maujor.
Selecionei tudo (Maujor + letra com anel) fui ao menu Modify => Flatten Selection (ou tecle Crlt + Shift + Alt + Z unindo tudo em um bitmap único.
Apliquei efeitos Effects => Bevel and Emboss => Raised Emboss e depois Filters => Adjust Color => Hue/Saturation.

figura 4

Animação de texto com máscara

Baseado em tutorial do forum fwdesign: http://forum.fwdesign.net

Importante: Você deverá conhecer as técnicas de animação pelo painel "Frames" para obter este efeito.

::Objetivo::

Mostrar uma técnica de animação de um texto com uso de máscara.


::Visão antecipada::

O efeito final da animação é mostrado abaixo.

textani8

Observar:

Cor do texto: vermelha;
Cor da animação: verde;


::O texto a animar::

Abra um novo documento;

Digite no palco o texto a animar na cor de sua preferência e aplique efeitos se assim desejar. Neste tutorial usei um texto na cor vermelha sem efeitos;

Clone o texto digitado. Para clonar Ctrl + Shift + D

Mude a cor do clone para a cor da animação. Neste tutorial usei a cor verde;

Você deve obter o mostrado na figura abaixo:

textani1


::A máscara::

Sobre o texto digitado, desenhe um retângulo na cor preta e com a ferramenta "screw" "skew" distorça o retângulo dando-lhe a forma de um paralelogramo como mostrado na figura abaixo:
Em 2005-12-01: Você pode "pegar" a ferramenta skew assim: selecione o retângulo e tecle duas vezes a tecla "Q".

textani2

::Colando a máscara::

Agora vamos colar o paralelogramo como máscara no texto:

Selecione o paralelogramo e tecle Ctrl + X para recortá-lo do palco;
Selecione o texto que está no palco e menu Modify ==> Paste as Mask

Você obterá o mostrado na figura abaixo

textani3

::Desvinculando a máscara::

Observe no painel "Layers" da figura acima um símbolo em forma de "8" (oito) entre o texto e a máscara.
CLIQUE no símbolo e ele vai desaparecer, desvinculando o texto da máscara;

Pegue a ferramenta de seleção seta branca e clique dentro do paralelogramo que agora está com uma linha de contorno e sem preenchimento (cor amarela neste tutorial) para selecioná-lo e arraste para um lado e para outro para constatar que você pode movê-lo a vontade ficando o texto imóvel.

textani4


::Criando frames::

Posicione o paralelogramo no início do texto como mostrado abaixo;

Abra o painel "Frames" Shift + F2

Clique para abrir o menu suspenso do painel "Frames"
Duplicate Frames ==> Number 23 ==> OK

textani5

::Animando no painel Frames::

Clique sobre Frame 2 e desloque o paralelogramo uns 2 pixel para a direita;

Clique sobre Frame 3 e desloque o paralelogramo uns 4 pixel para a direita;

Clique sobre Frame 4 e desloque o paralelogramo uns 6 pixel para a direita;

Clique sobre Frame 5 e desloque o paralelogramo uns 8 pixel para a direita;

textani6

Vá repetido a operação até atingir o último Frame que deverá coincidir com a chegada do paralelogramo no final do texto.

textani2


::O efeito final::

Aqui está o texto animado que você já havia visualizado no início deste tutorial.

textani3

::Nota::

A quantidade de Frames e o tempo de cada frame dependerá do tamanho do texto e da velocidade desejada para a animação.

Quanto maior o texto maior será a quantidade de Frames e em consequência, o tamanho do arquivo crescerá em Kb.

Rosa Abstrata.

fonte:tutorials fotoshop

01. Pressione Ctrl+N para criar um novo arquivo e defina o tamanho em 400x400 pixels com 72 dpi´s e modo RGB.



02. Pressione a letra G do teclado para selecionar a Gradient Tool e defina os seguintes valores na barra de opções da ferramenta.



03. Aplique o gradiente como na foto abaixo.



04. Agora vá em Filter> Distort> Wave e use os valores abaixo.



05. Sua imagem deverá ficar parecida com a imagem abaixo.



06. Agora vá em Filter> Distort> Twirl e use os valores abaixo.



07. Agora sua imagem deverá estar como a imagem seguinte.



09. Pressione Ctr+U para abrir a caixa de Hue/Saturation e defina os seguintes valores.



10. Pressione Ctrl+J para duplicar a layer Background e mude o modo de blend da layer para Screen.



11. Agora vá em Edit> Transform> Flip Vertical, sua imagem deverá ficar como a imagem abaixo.



12. Pressione Ctrl+E para mesclar as camadas, pressione Ctrl+J para duplicar novamente e mude o modo de blend da layer para Lighten.



14. Agora vá em Edit> Transform> Flip Horizontal.



15. Pressione Ctrl+E para mesclar as layers novamente, agora pressione Ctrl+B para abrir a caixa de Color Balance e use os valores abaixo.



16. Ao final sua imagem estará como a imagem abaixo.

Efeito Comic Book.

fonte:tutorials fotoshop

01. Pressione Ctrl+O para abrir a foto a ser trabalhada, neste tutorial iremos usar a imagem abaixo.



02. Agora vá em Image> Adjustments> Levels ou pressione Ctrl+L e defina os valores de 60, 1.00 e 220 para Input Levels, sua foto deverá ficar como a foto abaixo.



03. Agora vá em Filter> Artistic> Film Grain e defina o valor de 4 para Grain, 0 para Highlight Area e 10 para Intensity, estes valores podem variar conforme a foto usada, por isso caso esteja usando outra foto não se espante se o resultado final for um pouco diferente do mostrado neste tutorial.



04. Arraste a layer para o ícone de Add New Layer no rodapé da paleta de layers ou pressione Ctrl+J para duplicar a layer, dê o nome de HALFTONE para a nova layer.



05. Vá em Filter> Pixelate> Color Halftone, defina o valor de 4 para Max Radius e deixe o restante dos valores inalterados, pressione Ok e mude o modo de blend da layer para Darken.



06. Clique na layer HALFTONE e vá em Layer> Layer Style> Stroke e defina uma valor de 20 pixels para Width, Inside para Position, e #F5ECE1 para Color.



07. Pressione Ctrl+Alt+Shift+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um retângulo no canto superior esquerdo da tela, pressione a letra G do teclado para selecionar a Paint Bucket Tool e selecionar a cor laranja, clique dentro da seleção para pintá-la, vá em Layer> Layer Style> Stroke e defina um valor de 3 pixels para Size na cor preta, pressione novamente a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um outro retângulo desta vez na parte inferior direita da tela, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte a seleção de branco, vá em Layer> Layer Style> Stroke e defina um valor de 3 pixels para Size na cor preta como feito anteriormente.



08. Agora pressione Ctrl+Alt+Shift+N para criar uma nova layer e pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie um retângulo ao redor da foto como na imagem abaixo e depois vá em Edit> Stroke e defina o valor de 4 para Width, preto para cor, Center em Location e pressione Ok.



09. Pressione Ctrl+D para retirar a seleção da imagem e vá em Filter> Blur> Blur More, em seguida vá em Filter> Distort> Ripple, defina um valor de 20% para Amount e Medium para Size, aplique Filter> Sharpen More para finalizar a borda.



10. Adicione algumas legendas para a foto e ela estará finalizada.

Como aplicar um desenho no Chão.

fonte:tutorials fotoshop

01. Pressione Ctrl+N para criar um novo arquivo e logo em seguida pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie um quadrado, pressione a letra G do teclado e pinte o quadrado de preto (ou a cor que desejar), pressione Ctrl+J para duplicar a camada, pressione a letra V do teclado para selecionar a Move Tool e posicione a cóia do quadrado ao lado da orinal, pressione Ctrl+E para mesclar as duas layers e logo em seguida Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool novamente e posicione os dois quadrados abaixo dos quadrados originais como na foto abaixo, pressione Ctrl+E para mesclar as layers.



02. Pressione Ctrl+J para duplicar a layer, em seguida Ctrl+T para abrir a caixa de Free Transform, gire a nova layer em 45° como na foto abaixo.



03. Pressione Ctrl+E para mesclar as layers.



04. Pressione Ctrl+J 3 vezes para criar mais 3 layers com o desenho e logo após pressione a letra V do teclado para selecionar a Move Tool, posicione cada cópia como na foto abaixo.



05. Pressione Ctrl+Alt+Shift+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, crie um círculo e posicione no centro de um dos desenhos como na foto abaixo, caso tenha dificuldade em centralizar o círculo vá em Select> Transform Selection, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte o círculo de preto.



06. Pressione Ctrl+J mais 3 vezes para criar mais 3 cópias do círculo, pressione a letra V do teclado e posicione cada cópia como na foto abaixo, ao final pressione Ctrl+E 4 vezes para mesclar todas as layers.



07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer e logo após pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um retângulo no canto direito do documento, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte o retângulo de preto.



08. Pressione Ctrl+J e posicione a cópia no lado esquerdo do documento, pressione Ctrl+J e logo após vá em Edit> Transform> Rotate 90° CW, posicione a cópia no alto da tela, pressione Ctrl+J e posicione a cópia na parte de baixo do documento, sua imagem deverá ficar como a da foto abaixo, pressione Ctrl+Shift+E para mesclar todas as layers.



09. Agora pressione Ctrl+O e abra a foto de alguma sala que mostre o chão como na foto abaixo.



10. Volte no documento do desenho que foi criado e pressione Ctrl+A para selecionar seu conteúdo e Ctrl+C para copiar, vá na foto que será usada e pressione Ctrl+V, ela deverá ficar como a foto abaixo, caso seja necessário pressione a letra V do teclado para selecionar a Move Tool e posicione o desenho.



11. Pressione Ctrl+J para duplicar a layer do desenho e depois a letra V do teclado para selecionar a Move Tool para posicionar a cópia do desenho ao lado da original, faça isso até preencher toda a área do chão.





12. Ao terminar pressione Ctrl+E até mesclar todos os desenhos que serão aplicado no desenho (só não mescle a foto do chão), pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, ajuste a imagem como na foto abaixo.



13. Mude o modo de blend da layer para Soft Light.



14. Agora vá em Layer> Layer Style> Stroke e defina os valores abaixo.





15. Pressione a letra E do teclado para selecionar a Eraser Tool e apague as áreas que entram em conflito com o desenho que foi aplicado ao chão, como por exemplo, móveis, sófas etc.



16. Ao final sua imagem ficará assim.