Efeito texto demorango com Photoshop

9
52

Com este tutorial vamos mostrar como criar um efeito de texto de morango delicioso e inspirador. Alguns estilos de camada serão usados para obter o efeito principal e a textura do texto, as sementes serão criadas de maneira mais simples, e algumasimagnes serão utilizadas para as folhas.

O Resultado Final:

O Resultado Final:

Notas:

O software usado neste tutorial é o Adobe Photoshop CS6, mas você pode usar a partir da versão CS3 sem problemas.

Recursos:
* Wallpaper suave padrão por Atle Mo
* sardas padrão por Atle Mo
* frutas por mossi889.
* Pontos e Screentones por screentones.

Nota: Você pode precisar carregar os contornos utilizados no tutorial, acesse esta imagem para ver como fazê-lo.

Passo 1

Crie um novo documento com 1024 x 768 pixels. Defina a cor de primeiro plano para #f8cece, e então use a ferramenta Balde de tinta (G) para preencher a tela com essa cor.

Crie um novo documento com 1024 x 768 pixels. Defina a cor de primeiro plano para #f8cece, e então use a ferramenta Balde de tinta (G) para preencher a tela com essa cor.

Crie o texto que quiser usando a fonte Janda Manatee. Defina a cor da fonte para #f12f2f, o tamanho para 250pt, e o valor de controle para 20, isso aumenta o espaçamento entre as letras.

Crie o texto que quiser usando a fonte Janda Manatee. Defina a cor da fonte para #f12f2f, o tamanho para 250pt, e o valor de controle para 20, isso aumenta o espaçamento entre as letras.

Duplique (Ctrl+J) a camada de texto duas vezes para que você tenha mais duas cópias. Altere o valor de preenchimento da segunda cópia da camada para 0%.

Duplique (Ctrl+J) a camada de texto duas vezes para que você tenha mais duas cópias. Altere o valor de preenchimento da segunda cópia da camada para 0%.

Passo 2

Dê um duplo clique na camada de texto original para aplicar o estilo de camada seguinte:

Bevel and Emboss: Altere o estilo para Stroke e Emboss, o tamanho para 10, marque a caixa Anti-aliasing, altere o modo Destaque para Overlay, a cor Shadow Mode para #b64a4a, e sua opacidade para 56%.

Você só vai ver a diferença quando aplicar o efeito Stroke daqui a pouco.

Você só vai ver a diferença quando aplicar o efeito Stroke daqui a pouco.

Contour: Escolha o contorno Half Round , e marque a caixa Anti-aliased.

Contour: Escolha o contorno Half Round , e marque a caixa Anti-aliased.

Stroke: Altere o tamanho para 3, e a cor #f12f2f.

Stroke: Altere o tamanho para 3, e a cor #f12f2f.

Inner Shadow: Mude a cor para #9b1a1a, a opacidade para 100%, a distância para 0, e o tamanho para 15.

Inner Shadow: Mude a cor para #9b1a1a, a opacidade para 100%, a distância para 0, e o tamanho para 15.

Drop Shadow: Mude a cor para #5b5b5b, e a distância a 7.

Drop Shadow: Mude a cor para #5b5b5b, e a distância a 7.

Isto irá adicionar um contorno exterior que adiciona mais dimensão ao texto e uma sombra sutil.

Isto irá adicionar um contorno exterior que adiciona mais dimensão ao texto e uma sombra sutil.

Ative a ferramenta Move (V), em seguida, pressione a tecla de seta para a direita duas vezes, e a tecla de seta para baixo duas vezes, para mover 2 pixels para a direita e dois pixels para baixo.

Ative a ferramenta Move (V), em seguida, pressione a tecla de seta para a direita duas vezes, e a tecla de seta para baixo duas vezes, para mover 2 pixels para a direita e dois pixels para baixo.

Passo 3

Dê um duplo clique na cópia da primeira camada de texto para aplicar o estilo de camada a seguir:

Bevel and Emboss: Altere o tamanho para 21, desmarque a caixa Use global light, mude o ângulo para 68, a altitude para 64, o Gloss Contour para Log, marque a caixa Anti-aliased, a opacidade do Highlight Mode para 50%, a cor do Shadow Mode para #742b2b, e sua opacidade para 25%.

Bevel and Emboss: Altere o tamanho para 21, desmarque a caixa Use global light, mude o ângulo para 68, a altitude para 64, o Gloss Contour para Log, marque a caixa Anti-aliased, a opacidade do Highlight Mode para 50%, a cor do Shadow Mode para #742b2b, e sua opacidade para 25%.

Texture: Escolha o padrão “Soft Wallpaper”, e mude a profundidade (deph) para 50%.

Texture: Escolha o padrão "Soft Wallpaper", e mude a profundidade (deph) para 50%.

Isto vai criar a primeira camada da texturização morango.

Isto vai criar a primeira camada da texturização morango.

Passo 4

Dê um duplo clique na segunda cópia da camada de texto para aplicar o estilo de camada a seguir:

– Bevel and Emboss: Altere o tamanho para 18, desmarque a caixa Use Global Light, mude o ângulo para 77, a altitude para 42, marque a caixa Anti-aliased, altere o modo HighLight para Overlay, sua opacidade para 70%, e a opacidade do Shadow Mode para 0%.

- Bevel and Emboss: Altere o tamanho para 18, desmarque a caixa Use Global Light, mude o ângulo para 77, a altitude para 42, marque a caixa Anti-aliased, altere o modo HighLight para Overlay, sua opacidade para 70%, e a opacidade do Shadow Mode para 0%.

Texture: Escolha o padrão “Soft Wallpaper”, e mude a profundidade (Deph) para 20%.

Texture: Escolha o padrão "Soft Wallpaper", e mude a profundidade (Deph) para 20%.

Isto irá criar a segunda camada da texturização morango.

Isto irá criar a segunda camada da texturização morango.

Passo 5

Criar um novo documento de 100 x 100 pixels.

Criar um novo documento de 100 x 100 pixels.

Ative a ferramenta Elipse, e escolha Shape na barra de opções. Defina a cor para preto, em seguida, clique e arraste para criar uma elipse de 45 x 85 px.

Ative a ferramenta Elipse, e escolha Shape na barra de opções. Defina a cor para preto, em seguida, clique e arraste para criar uma elipse de 45 x 85 px.

Ative a ferramenta de seleção direta (A), em seguida, clique no caminho da elipse para ver os pontos de ancoragem, depois, clique no ponto na parte inferior.

Ative a ferramenta de seleção direta (A), em seguida, clique no caminho da elipse para ver os pontos de ancoragem, depois, clique no ponto na parte inferior.

Vá ao menu Edit> Free Transform Points. Em seguida, pressione e segure as teclas Alt e Shift e clique e arraste o lado direito da caixa de transformação em direção ao centro.

Por causa da tecla Alt, os dois lados serão transformados juntos.

Uma vez que você tenha um bom resultado, pressione a tecla Enter para aceitar as alterações e sair do modo Free Transform.

Uma vez que você tenha um bom resultado, pressione a tecla Enter para aceitar as alterações e sair do modo Free Transform.

Com a ferramenta de seleção direta ainda ativa, clique e arraste para selecionar os dois pontos dos lados da elipse. Acesse Edit> Free Transform Points, pressione e segure as teclas Alt + Shift, clique e arraste para fora, para ampliar essa parte. Pressione Enter, em seguida, pressione a tecla Seta para cima para mover esses pontos um pouco para cima.

Com a ferramenta de seleção direta ainda ativa, clique e arraste para selecionar os dois pontos dos lados da elipse. Acesse Edit> Free Transform Points, pressione e segure as teclas Alt + Shift, clique e arraste para fora, para ampliar essa parte. Pressione Enter, em seguida, pressione a tecla Seta para cima para mover esses pontos um pouco para cima.

Continuar modificando a forma até obter um resultado parecido com o mostrado a seguir.

Continuar modificando a forma até obter um resultado parecido com o mostrado a seguir.

Quando estiver pronto, vá em Edit> Define Brush Preset, e digite um nome para o seu novo pincel.

Quando estiver pronto, vá em Edit> Define Brush Preset, e digite um nome para o seu novo pincel.

Você pode salvar o arquivo, se achar que ainda precisará dele depois, então feche-o e volte ao documento original.

Passo 6

Abra o painel Brush (Window> Bush), em seguida, escolha o pincel que criamos e modifique suas configurações como mostrado abaixo:

Brush Tip Shape:

Brush Tip Shape:

– Shape Dynamics:

- Shape Dynamics:

Crie uma nova camada em cima de todas as camadas, nomeie como “Sementes”, defina a cor de primeiro plano para #d9a907, em seguida, comece a adicionar as sementes dentro do texto.

Aqui está um fato interessante: O fruto verdadeiro do morango é o aquênio, também conhecido como a semente do morango.

Aqui está um fato interessante: O fruto verdadeiro do morango é o aquênio, também conhecido como a semente do morango.

Certifique-se de que as sementes sejam distribuídas de maneira uniforme, e que elas não estejam muito próximas umas das outras. Assim que estiver pronto, duplique a camada das “sementes” e mude seu valor de preenchimento para 0%.

Certifique-se de que as sementes sejam distribuídas de maneira uniforme, e que elas não estejam muito próximas umas das outras. Assim que estiver pronto, duplique a camada das "sementes" e mude seu valor de preenchimento para 0%.

Passo 7

Dê um duplo clique na camada “Sementes” para aplicar o estilo de camada a seguir:

Bevel and Emboss: Altere o estilo para Pillow Emboss, o tamanho para 15, desmarque a caixa Use Global Light, mude o ângulo para 162, a altitude para 58, marque a caixa Anti-aliased, altere o modo de HighLight para Vivid Light, sua opacidade para 90%, e a opacidade do Shadow Mode para 50%.

Bevel and Emboss: Altere o estilo para Pillow Emboss, o tamanho para 15, desmarque a caixa Use Global Light, mude o ângulo para 162, a altitude para 58, marque a caixa Anti-aliased, altere o modo de HighLight para Vivid Light, sua opacidade para 90%, e a opacidade do Shadow Mode para 50%.

– Contour: Escolha o contorno Rounded Steps, e marque a caixa Anti-aliased.

- Contour: Escolha o contorno Rounded Steps, e marque a caixa Anti-aliased.

Texture: Basta escolher o padrão “Sutil Freckles”.

Texture: Basta escolher o padrão "Sutil Freckles".

Isto vai criar a área que envolve as sementes (córtex).

Isto vai criar a área que envolve as sementes (córtex).

Passo 8

Dê um duplo clique na cópia da camada “Sementes” para aplicar o estilo de camada seguinte:

Bevel and Emboss: Altere o tamanho para 2, desmarque a caixa Use Global Light, mude o ângulo para 130, a altitude para 48, marque a caixa Anti-aliased, e mude a cor do Shadow Mode para #68671c.

Bevel and Emboss: Altere o tamanho para 2, desmarque a caixa Use Global Light, mude o ângulo para 130, a altitude para 48, marque a caixa Anti-aliased, e mude a cor do Shadow Mode para #68671c.

Contour: Escolha o contorno Gaussian, e marque a caixa Anti-aliased.

Contour: Escolha o contorno Gaussian, e marque a caixa Anti-aliased.

Drop Shadow: Mude a cor para #771e1e, a distância para 0, o spread para 3, e o tamanho para 3.

Drop Shadow: Mude a cor para #771e1e, a distância para 0, o spread para 3, e o tamanho para 3.

Este estilo melhora a aparência das sementes.

Este estilo melhora a aparência das sementes.

Passo 9

Segure Ctrl e Clique na miniatura da camada original de texto para criar uma seleção.

Segure Ctrl e Clique na miniatura da camada original de texto para criar uma seleção.

Vá em Select> Modify> Expand, e digite o valor 3. É o mesmo valor do “Stroke”, aplicado à camada de texto original. Então, estamos basicamente criando uma seleção que abranja o contorno.

Vá em Select> Modify> Expand, e digite o valor 3. É o mesmo valor do "Stroke", aplicado à camada de texto original. Então, estamos basicamente criando uma seleção que abranja o contorno.

Crie uma nova camada em cima de todas as camadas e nomeie de “Inner Shadow”.

Crie uma nova camada em cima de todas as camadas e nomeie de "Inner Shadow".

Preencha a seleção com branco.

Preencha a seleção com branco.

Altere o valor do preenchimento da camada “Inner Shadow” para 0, então dê um duplo clique nela para adicionar um efeito Inner Shadow.

Altere o valor do preenchimento da camada "Inner Shadow" para 0, então dê um duplo clique nela para adicionar um efeito Inner Shadow.

Mude a opacidade para 50%, a distância para 0, e o tamanho para 10.

Mude a opacidade para 50%, a distância para 0, e o tamanho para 10.

Isto irá adicionar uma sombra interna ao texto, o que ajuda a adicionar profundidade e definir as bordas um pouco mais.

Isto irá adicionar uma sombra interna ao texto, o que ajuda a adicionar profundidade e definir as bordas um pouco mais.

Passo 10

Este passo é opcional, vamos criar algumas partes verdes no topo do texto.

Crie uma nova camada entre as duas cópias da camada de texto e nomeie de “Top Gradient”, em seguida, preencha com branco.

Crie uma nova camada entre as duas cópias da camada de texto e nomeie de "Top Gradient", em seguida, preencha com branco.

Uma vez que um efeito Gradiente Overlay será usado para criar as partes verdes, diferentes configurações serão utilizadas para a letras maiúsculas e minúsculas. Então é melhor separar as cartas primeiro.

Ative a Rectangular Marquee Tool (M), e clique no ícone “Intersect…” na barra de opções. Clique e arraste para criar um retângulo em torno das letras minúsculas.

Ative a Rectangular Marquee Tool (M), e clique no ícone "Intersect..." na barra de opções. Clique e arraste para criar um retângulo em torno das letras minúsculas.

A letra maiúscula será desmarcada. Vá ao menu Edit> Cut para remover as letras minúsculas.

A letra maiúscula será desmarcada. Vá ao menu Edit> Cut para remover as letras minúsculas.

Vá ao menu Edit> Paste Especial> Paste in place, para colar as letras minúsculas em sua posição original, mas em uma camada diferente, chamada de “Layer 1”.

Vá ao menu Edit> Paste Especial> Paste in place, para colar as letras minúsculas em sua posição original, mas em uma camada diferente, chamada de "Layer 1".

Alterar os valores de preenchimento de ambas as camadas para 0.

Alterar os valores de preenchimento de ambas as camadas para 0.

Passo 11

Dê um duplo clique na camada “Top Gradient” para aplicar um efeito de sobreposição de degradê. Mude a opacidade para 75%, o ângulo para 103º, e marque a caixa Reverse. Em seguida, clique na caixa de gradiente para criar o gradiente usado.

Dê um duplo clique na camada "Top Gradient" para aplicar um efeito de sobreposição de degradê. Mude a opacidade para 75%, o ângulo para 103º, e marque a caixa Reverse. Em seguida, clique na caixa de gradiente para criar o gradiente usado.

– You can add and Opacity Stop by clicking over the gradient bar, and a Color Stop by clicking below it. – Você pode adicionar um controle de opacidade clicando sobre a barra de gradiente, e um controle de cor clicando na parte de baixo.

Adicione os controles conforme mostrado a seguir.

Controles de cor

Cor – Localização
1 – # bcbc5c – 0
2 – # fbe599 – 12

Controles de opacidade

Opacidade – Localização
3 – 0-14
4 – 0-100

Opacidade - Localização

Isto irá aplicar o gradiente na letra maiúscula. Observe que o valor do ângulo é o responsável pela inclinação à esquerda. Este é o lugar onde planejamos adicionar a folha mais tarde. Você experimentar configurações diferentes e até inserir nas demais letras onde queira colocar mais folhas.

Isto irá aplicar o gradiente na letra maiúscula. Observe que o valor do ângulo é o responsável pela inclinação à esquerda. Este é o lugar onde planejamos adicionar a folha mais tarde. Você experimentar configurações diferentes e até inserir nas demais letras onde queira colocar mais folhas.

Agora clique com o botão direito sobre a camada “Top Gradient”, escolha Copy Layer Style, depois com o botão direito novamente clique em “Layer 1” e escolha a opção Paste Layer Style.

Dê um duplo clique em “Layer 1”, em seguida, mude a opacidade para 35% e o ângulo para 90. Clique na caixa de Gradient para modificar alguns valores.

Dê um duplo clique em "Layer 1", em seguida, mude a opacidade para 35% e o ângulo para 90. Clique na caixa de Gradient para modificar alguns valores.

Altere o local do n º 1 para 8, e n º 2 para 18.

Altere o local do n º 1 para 8, e n º 2 para 18.

Isto irá aplicar uma leve iluminação esverdeada nas letras minúsculas.

Isto irá aplicar uma leve iluminação esverdeada nas letras minúsculas.

Passo 12

Abra a imagem frutos, então use a ferramenta Rectangular Marquee para selecionar o primeiro morango da direita (ou qualquer outro que você preferir).

Abra a imagem frutos, então use a ferramenta Rectangular Marquee para selecionar o primeiro morango da direita (ou qualquer outro que você preferir).

Pressione Ctrl + J para duplicar o morango selecionado em uma camada separada. Você pode ocultar a imagem original, clicando no ícone do olho ao lado de sua camada.

Pressione Ctrl + J para duplicar o morango selecionado em uma camada separada. Você pode ocultar a imagem original, clicando no ícone do olho ao lado de sua camada.

Ative a ferramenta Magnetic Lasso, em seguida, selecione a parte vermelha do morango (já que é um pouco mais difícil selecionar a folha).

Basta clicar uma vez na borda e arrastar, os pontos serão adicionados automaticamente. Se necessário, você pode clicar para adicionar pontos manualmente. Termine no ponto de partida para criar a seleção. Depois, inverta a seleção acessando o menú Select> Reverse.

Vá ao menu Edit> Copy, em seguida, volte para o documento original.

Vá ao menu Edit> Copy, em seguida, volte para o documento original.

Vá ao menu Edit> Paste. Você pode ver que ainda existem algumas partes do morango, é só usar a ferramenta borracha para removê-las.

Vá ao menu Edit> Paste. Você pode ver que ainda existem algumas partes do morango, é só usar a ferramenta borracha para removê-las.

Acesse Edit> Free Transform, em seguida, redimensione, gire e coloque a folha na primeira letra. Pressione Enter para aceitar e sair do modo de Free Transform.

Acesse Edit> Free Transform, em seguida, redimensione, gire e coloque a folha na primeira letra. Pressione Enter para aceitar e sair do modo de Free Transform.

Clique duas vezes na camada de folhas e aplique um efeito de sombra. Mude a opacidade para 23, desmarque a caixa Us global light, mude o ângulo para 106, e a distância para 10.

Clique duas vezes na camada de folhas e aplique um efeito de sombra. Mude a opacidade para 23, desmarque a caixa Us global light, mude o ângulo para 106, e a distância para 10.

Isto irá adicionar uma sombra para a folha.

Isto irá adicionar uma sombra para a folha.

Vá para Image> Adjustments> Hue / Saturation, altere o Hue para 20, e o de Saturation para 35.

Vá para Image> Adjustments> Hue / Saturation, altere o Hue para 20, e o de Saturation para 35.

Passo 13

Crie uma nova camada em cima da camada de fundo, nomeie de “pontos”, ative o Paint Bucket Tool (Balde de tinta – G), selecione Pattern (Padrão) na barra de opções, em seguida, preencha o fundo com um dos padrões e “pontos e Screentones” que você baixouno começo deste tutorial. O utilizado aqui é o “3-40.bmp”.

Crie uma nova camada em cima da camada de fundo, nomeie de "pontos", ative o Paint Bucket Tool (Balde de tinta - G), selecione Pattern (Padrão) na barra de opções, em seguida, preencha o fundo com um dos padrões e "pontos e Screentones" que você baixouno começo deste tutorial. O utilizado aqui é o "3-40.bmp".

Altere o modo de mesclagem da camada “Pontos” para o Multiply, e sua opacidade para 35%.

Altere o modo de mesclagem da camada "Pontos" para o Multiply, e sua opacidade para 35%.

Se você quiser, você pode usar a ferramenta Borracha para remover os pontos que tocam as bordas do texto. Não exclua muitos para evitar a criação de áreas vazias.

Se você quiser, você pode usar a ferramenta Borracha para remover os pontos que tocam as bordas do texto. Não exclua muitos para evitar a criação de áreas vazias.

asso 14 asso 14

Finalmente, você pode adicionar mais texto usando uma fonte diferente, como a Clear Line.

A cor usada é #de2d2d e o tamanho de 100 pt.

A cor usada é #de2d2d e o tamanho de 100 pt.

Dê um duplo clique na nova camada de texto e aplique uma sombra simples, mudando a cor para #f8cece.

Dê um duplo clique na nova camada de texto e aplique uma sombra simples, mudando a cor para #f8cece.

A sombra rosa acrescenta um toque agradável, pois o tamanho da fonte é pequeno em comparação com texto principal.

A sombra rosa acrescenta um toque agradável, pois o tamanho da fonte é pequeno em comparação com texto principal.

Você pode apagar os pontos em torno da nova palavra também.

Você pode apagar os pontos em torno da nova palavra também.

Espero que tenha gostado do tutorial, e encontrado dicas e truques úteis.

Espero que tenha gostado do tutorial, e encontrado dicas e truques úteis.

Sinta-se livre para deixar um comentário dizendo qual sua fruta favorita, gostaríamos de criar mais efeitos frutados inspirados por suas respostas.

Via

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

9 COMENTÁRIOS

  1. Super legal este tuto que particularmente tentei ficou bom, mas faltou alguns detalhes para que eu pude-se finalizar…Liute vc esqueceu de informar a senha do arquivo zipado o do pontos e Screentones e não clube do design…KKKK

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here