() translation by (you can also view the original English article)
"Todo o mundo é feito de fé, confiança e pó de fada." Nesse tutorial, nós vamos levar nosso texto à terra do nunca, usando algumas texturas e imagens, junto com estilo de camadas e camadas de ajuste, para criar um efeito de texto com tema fantasia, inspirado no Peter Pan. Vamos começar!
Esse efeito de texto foi inspirado pelos inúmeros estilos de camadas disponíveis no Envato Market.
Recursos do Tutorial
Os seguintes recursos foram usados durante a produção desse tutorial:
- Fonte Propaganda
- Bright Sky 1 por photohouse
- OTF_Macro_Leaf_19 por Outside the Fray
- Branches and leaves resource por Rain-Gear
- Storm Brewing stock por mysticmorning
- Chic Sparkles por ElvenSword
1. Crie o Plano de Fundo
Passo 1
Crie um novo documento de 1000 x 850 px.
Clique no ícone criar nova camada de preenchimento ou ajuste (create new fill or adjustment layer) no final do painel camadas (layers), e escolha degradê (gradient).
Passo 2
Crie um preenchimento degradê usando as cores #1c466c à esquerda e #0a0314 à direita, configure o estilo (style) em radial, altere a escala (scale) para 170% e marque a caixa pontilhamento (diter).
Passo 3
Posicione a imagem Bright Sky 1 por cima da camada degradê, e redimensione e posicione conforme necessário.
Renomeie a imagem para céu (sky), altere o modo de mesclagem (blend mode) para luz suave (soft light) e sua opacidade (opacity) para 60%.
Passo 4
Vá até filtro> desfoque> desfoque gaussiano (filter> blur> gaussian blur), e configure o raio (radius) em 1,5.
Passo 5
Adicione uma camada de ajuste matiz/saturação (hue/saturation), clique no ícone clipe da camada (clip to layer), e altere a saturação (saturation) para -100 e a luminosidade (lightness) para -3.
2. Crie o Texto e Adicione a Textura de Folha
Passo 1
Crie o texto usando a fonte Propaganda. Configure o tamanho (size) em 265 pt e o tracking em 50.
Passo 2
Posicione a imagem OTF_Macro_Leaf_19 por cima da camada de texto, e redimensione baseado nos tamanhos dos detalhes que você quer.
Passo 3
Command-clique na miniatura da camada de texto para criar uma seleção.
3. Máscara e Posição da Textura de Folha
Passo 1
Com a camada da folha selecionada, clique no ícone adicionar máscara de camada (add layer mask) no final do painel camadas para criar uma máscara.
Clique no ícone de corrente entre a camada e a miniatura da máscara para mover a textura da folha separadamente dentro da máscara.
Passo 2
Se você precisar aplicar (repetir) a mesma parte da textura em mais letras, duplique a camada da folha e use qualquer ferramenta de seleção para selecionar as letras que você não quer que seja aplicada a textura.
Então, certifique-se de que a miniatura da máscara esteja selecionada, e preencha a seleção com preto para mascarar a seleção.
Lembre-se de desvincular a máscara para mover a textura dentro dela, e então vincular novamente quando você tiver terminado de movê-la junto com a textura.
Apenas tenha certeza de cobrir todo o texto com a textura de folha e então deixe a camada original do texto invisível.
4. Estilo do Texto Folha
Passo 1
Clique duplo na camada de textura para aplicar um efeito chanfro e entalhe (bevel and emboss) usando as seguintes configurações:
- Tamanho: 50 (size)
- Marcar a caixa Suavização de Serrilhado (Anti-aliased).
- Modo de Realce: Luz Suave (Highlight mode: soft light)
Passo 2
Clique direito na camada de estilo, e escolha copiar estilo de camada (copy layer style). Então selecione todo as outras camadas de folhas que você tiver e clique direito em qualquer uma delas e escolha colar estilo de camada (paste layer style).
Isso vai adicionar alguma dimensão ao texto.
5. Crie a Extrusão
Passo 1
Selecione as suas camadas de folhas, duplique-as, e então pressione as teclas Command-E para mesclar as cópias.
Renomeie a camada mesclada como extrusão (extrusion), e posicione-a abaixo de todas as camadas de folhas.
Passo 2
Pressione Command-T e entre no modo de transformação livre. Então pressione a tecla seta para baixo uma vez, e a tecla seta para direita uma vez também, para mover a extrusão 1 px para baixo e 1 px para a direita.
Pressione a tecla Return para aceitar as alterações.
Passo 3
Pressione as teclas Option-Command-Shift-T seis vezes para criar seis cópias da mesma transformação.
Passo 4
Posicione todas as camadas de extrusão em um grupo e chame de extrusão (extrusion).
6. Aplique um Estilo a Extrusão
Clique duplo no grupo extrusão e aplique um efeito chanfro e entalhe com essas configurações:
- Tamanho: 10
- Marcar a caixa Suavização de Serrilhado.
- Modo de Realce: Luz Suave
- Modo Sombra - Opacidade:25%
Isso dará alguma dimensão a extrusão.
7. Crie um Demarcador de Trabalho
Passo 1
Command-clique na miniatura da camada de texto, pressione e segure a tecla Shift para adicionar a seleção, e command-clique na miniatura da última camada cópia da extrusão.
Passo 2
Pegue qualquer ferramenta de seleção e então dê clique direito na seleção que você tem e escolha criar demarcador de trabalho (make work path).
Passo 3
Configure o valor de tolerância (tolerance) em 1,0 e clique em OK.
Passo 4
Isso vai converter a seleção em um demarcador de trabalho.
Crie uma nova camada por cima de todas as camadas e nomeie como traçado (stroke), e então pegue a ferramenta pincel.
8. Crie e Use o Pincel Traçado
Passo 1
Abra o painel pincel (janela> pincel), escolha a ponta Scattered Maple Leaves, e modifique as configurações conforme mostra abaixo:
Forma da ponta do pincel: (brush tip shape)
Dinâmica da forma: (shape dynamics)
Passo 2
Aperte a tecla Return para aplicar o traçado ao demarcador com a ponta modificada do pincel.
Pressione A para pegar a ferramenta de seleção direta, e então pressione Return mais uma vez para se livrar do demarcador de trabalho.
9. Aplique Estilo ao Traçado
Passo 1
Posicione outra cópia da textura de folha por cima da camada traçado e nomeie textura traçado (stroke texture).
Clique direito na camada textura traçado e escolha criar máscara de recorte para recortar a textura ao traço.
Passo 2
Clique Duplo na camada textura traçado para aplicar um efeito sombra interna (inner shadow) com essas configurações.
Adicione uma sombra interna com as seguintes configurações:
- Opacidade: 35%
- Distância: 5
- Tamanho: 7
Isso vai escurecer as bordas um pouco.
10. Adicione as Vinhas/Galhos
Passo 1
Abra a imagem Branches and leaves resource, use a ferramenta laço (lasso tool) para selecionar a parte abaixo e vá até editar> copiar.
Passo 2
Volte ao documento original e então dê um editar> colar (Command-V).
Pressione Command-T e então redimensione, rotacione e posicione a imagem colada conforme você quiser, por cima do texto.
Enquanto o modo de transformação livre ainda estiver ativo, você também pode dar um clique direito para acessar mais opções, como as opções refletir, se precisar.
Aperte Return para aceitar as alterações.
Passo 3
Você também pode usar a ferramenta borracha (E) (erase tool) para remover as partes indesejadas do galho.
Passo 4
Cole outra cópia da imagem e transforme, e repita até você cobrir o textos com galhos e vinha.
Passo 5
Agrupar as vinhas e galhos em um grupo chamado Vinhas (vinha).
Passo 6
Agrupe todas as camadas que você tem, exceto pelas camadas de plano de fundo e chame o grupo de texto (text).
11. Aplique estilo ao Texto Agrupado
Clique duplo na camada do grupo texto e aplicar o seguinte estilo de camada.
Passo 1
Adicione uma sombra interna (sombra interna) com essas configurações:
- Opacidade: 35%
- Distância: 0
- Tamanho: 27
Passo 2
Adicione um brilho externo (outer glow) com essas configurações:
- Modo de Mesclagem: Subexposição de cor
- Opacidade: 50%
-
Cor:
#e1ddd1 - Tamanho: 101
Passo 3
Adicione uma sombra projetada com essas configurações:
-
Cor:
#2b466b - Opacidade: 73%
- Distância: 7
- Tamanho: 21
Isso vai aplicar estilo ao texto.
12. Adicione Outra Textura de Plano de Fundo e Ajuste a Coloração do Texto
Passo 1
Posicione a imagem Storm Brewing stock abaixo do grupo texto, e renomeie como textura BG (bg texture).
Altere o modo de mesclagem da camada textura BG para Luz suave e sua opacidade para 70%.
Passo 2
Adicione uma camada de ajuste cor seletiva (selective color) por cima do grupo texto, e prenda a ele.
Escolha neutros (neutrals) no menu cores, e altere os valores conforme mostra abaixo:
- Ciano: 1
- Magenta: 7
- Amarelo: -3
- Preto:4
Passo 3
Escolha pretos no menu cores, e altere os valore conforme mostra abaixo:
- Ciano: 7
- Magenta: -3
- Amarelo: -29
- Preto: 2
13. Adicione Alguns brilhos
Passo 1
Crie uma nova camada por cima de todas as camadas, chame de brilhos (sparkles), e altere o modo de mesclagem para luz brilhante (vivid light).
Pegue a ferramenta pincel (brush tool) e configure a cor de primeiro plano (foreground color) como #fcf5d7.
Passo 2
Escolha qualquer ponta de pincel que quiser dos pincéis chic sparkles, e então modifique suas configurações no painel pincel, como o espaçamento (spacing) e a dinâmica da forma (shape dinamics).
Então clique e arraste levemente para adicionar alguns pontos de brilho ao redor do texto.
Então clique e arraste levemente para adicionar alguns pontos de brilho ao redor do texto.
Adicione uma camada de ajuste matiz/saturação (hue/saturation), e vincule a camada brilhos (sparkles).
Marque a caixa colorização (colorize), e então altere o matiz para 233 e a saturação para 100%.
14. Ajuste a Cor Final
Passo 1
Adicione uma camada de ajuste mapa de degradê (gradient map) por cima de todas as camadas e altere seu modo de mesclagem para luz suave (soft light) e sua opacidade em 50%, e clique na caixa degradê para criar um preenchimento degradê.
Passo 2
Para criar o degradê você vai precisar clicar abaixo da barra degradê e adicionar uma interrupção de cor (color stops) e quando você clicar em cada Interrupção, você mudará seus valores de cor e localização (localization). Aqui estão os valores de interrupção de cor usados da esquerda para a direita:
cor - localização
-
#774a11- 0% -
#976828- 20% -
#c49651- 50% -
#e1b978- 80% -
#ffe3a3- 100%
Passo 3
Adicione uma camada de ajuste degradê por cima de todas as camadas.
Crie um preenchimento degradê preencher de cor a transparente (fill color to transparent) usando as cores #ffe79d para a esquerda e #000000 para a direita, e altere o ângulo para -41.
Passo 4
Altere o modo de mesclagem da camada degradê para sobrepor (overlay) e sua opacidade para 30%.
Isso vai ajustar a cor do resultado final, e adicionar um lindo tom amarelado ao canto.
Parabéns! Você Terminou
Nesse tutorial nós criamos um plano de fundo simples usando um preenchimento de gradiente e algumas texturas.
Então nós criamos o texto e suas extrusões, aplicamos estilo nele, e adicionamos a textura de folha e alguns galhos nos dois.
Depois disso, nós adicionamos mais estilo para as sombras e efeito de brilho, assim como alguns pontos brilhantes. Finalmente, nós adicionamos algumas camadas de ajuste para modificar a coloração e luz do resultado final.
Por favor fique á vontade para deixar seus comentários, sugestões e resultados abaixo.
