Como criar um efeito de texto Stencil Banner no Adobe Photoshop

Entortar objetos é uma maneira fantástica de alcançar alguns grandes, efeitos realistas. Este tutorial irá mostrar-lhe como usar propriedades de forma, objetos inteligentes, texturas, estilos de camada e pincéis para criar um efeito de texto simples, stencil banner. Então, você vai ter que usar o comando Warp para fazer o resultado final mais realista e dar-lhe um pouco mais de profundidade. Vamos começar!

Ativos Tutorial

Os seguintes ativos foram utilizados durante a produção deste tutorial:

• Regular Lintsec  fonte.
• Textura estoque Papelão  por YmntleStock.
• Irrestrito grunge Neutral 7  por DivsM estoque.
• Wallpaper macio  padrão por Atle Mo.
• Muro de cimento 3  padrão por Atle Mo.
• Você também vai precisar carregar um Photoshop conjunto de pincel padrão.Então, vá até Edit> Presets> Preset Manager , e escolher Brushes dapredefinição Tipo menu dropdown. Em seguida, clique na pequena seta para a direita da predefinição Tipo menu suspenso e clique Brushes quadradosperto da parte inferior do menu pop-up. Quando a caixa de diálogo aparece após isso, basta clicar em Anexar , e você vai ter o Brushes Jogo quadrado.

1. Criando o fundo

Passo 1

Criar um novo px 909 x 620 documentos, e definir a resolução para 200 .

Coloque o estoque de Papelão textura  imagem no topo do fundo camada, redimensioná-lo conforme a necessidade, e mesclá-lo com o fundo camada quando terminar. Em seguida, duplicá-lo, e ir para Filter> Convert for Smart Filters .

Passo 2

Clique no Criar novo preenchimento ou camada de ajuste ícone na parte inferior da Layers painel e escolha Levels .

Passo 3

Clique no ajuste Clip to camada ícone na parte inferior do Propriedades do painel e mudar o Sombras valor para 15 .

Passo 4

Clique no Criar novo preenchimento ou camada de ajuste ícone novamente e adicionar um Color Balance camada de ajuste. Clique no  ajuste Clip to camada ícone, certifique-se os Tones opção é definida como Midtones e altere os valores para -45 , 0 , e 2 .

2. Criar e Posicionamento do retângulos e do Texto

Passo 1

Escolha a ferramenta Retângulo , e criar uma px 140 x 200 retângulo usando a cor #edebdf .

Passo 2

Escolha a Ellipse Tool e escolha o Forma Frente Subtrair opção no Opções bar.Em seguida, clique no Opções Geometria ícone, e defina o tamanho fixo 's W e Hvalores a 7 .

O que você precisa fazer agora é clicar e arrastar um pouco para criar dois furos na parte superior do retângulo. Você pode usar alguns guias para ajudá-lo a posicionar os círculos bem, mas isso não é necessário.

Passo 3

Criar o texto em todas em maiúsculas , cada letra em uma camada separada, usando a fonte Lintsec regular , o tamanho 43 pt , ea cor preta .

Passo 4

Coloque a primeira camada da carta abaixo da camada do retângulo que você criou, renomear a camada retângulo para a letra que está abaixo dele, e, em seguida, selecionar as duas camadas.

Escolha a ferramenta Move , e clique nos centros verticais Alinhar e Alinhar centros horizontais ícones na Opções bar.

Passo 5

Duplique a camada retângulo, mover a cópia em cima de outra carta, e repita o restante das etapas até que cada letra tem um retângulo.

3. Criar as finais do estêncil Formas e as camadas de sombra

Passo 1

Selecione todas as camadas de texto que você tem, e ir para a Escreva> Converter em Forma (ou clique com o botão direito um deles e escolhaConverter em Forma ).

Passo 2

Selecione a camada de cada letra e sua camada de retângulo, e vá para Layer> combinar formas> subtrair formas em sobreposição . Isto irá mesclar as duas camadas em uma só, e subtrair a carta do retângulo, criando a forma do estêncil.

Passo 3

Repita isso para o resto das cartas que você tem.

Passo 4

Duplicar cada camada de forma, colocar a cópia abaixo do original, e dê um duplo clique na miniatura do cópia para mudar sua cor para # afaba3 .

Assim que estiver pronto, selecione cada camada de forma que você tem, botão direito do mouse e escolha Convert to Smart Object . Isso fará com que a transformação e deformação que estaremos realizando no próximo não-destrutivos e editável.

Passo 5

Selecione cada forma camada de cópia, e depois vá para Filter> Blur> Gaussian Blur , e mudar o Radius para 3 .

Passo 6

Depois de aplicar o Gaussian Blur , alterar a cópia (sombra) camadas " Blend Mode para Multiply , ea opacidade para 85% .

Isso vai acabar criando as camadas de stencil e de sombra.

4. Styling Camadas estêncil e deformação Shapes das Sombras

Passo 1

Clique duas vezes camada de forma stencil da primeira letra para adicionar umPattern Overlay efeito usando os seguintes valores:

• Blend Mode: Multiplicar
• Opacidade: 50%
• Pattern: Wallpaper Macio

Passo 2

Botão direito do mouse na camada estilo e escolha Copy Layer Style . Em seguida, selecione o resto das camadas de estêncil, clique com o botão direito em qualquer um deles, e escolher Paste Layer Style . Isto irá aplicar o padrão de sobreposição efeito para o resto das camadas.

Passo 3

Selecione cada camada stencil com a sua camada de sombra, e depois ir para aEdit> Free Transform . Girar, mover e redimensionar as camadas selecionadas como você gosta, e toque no retorno chave para aceitar as alterações. Faça o mesmo para o resto das letras até que você gosta de como eles são colocados.

Passo 4

Em seguida, para cada camada de sombra, selecione-a e, em seguida, ir para aEdit> Transform> Warp , e brincar com a sombra moldar um pouco, clicando e arrastando as áreas de malha, pontos de controle, e / ou pegas.

Passo 5

Leve o seu tempo com este passo, e não tenha medo de tentar coisas diferentes e modificar a forma mais de uma vez até que você gostar do resultado que você recebe. Bata o retorno chave quando feito para aceitar as alterações.

Usando a urdidura de comando para criar as sombras em vez de o efeito Drop Shadow nos dá muito mais controle sobre o resultado final, e nos ajuda a alcançar um efeito final mais realista e interessante.

5. Adicionando um Gradient Overlay

Passo 1

Esta é uma sutil, passo opcional, mas ajuda a melhorar a iluminação final.

Clique duas vezes camada de forma stencil da primeira carta, e aplicar umGradient Overlay efeito usando um preto para branco preenchimento de gradiente, e alterar os outros valores como segue:

• Blend Mode: Soft Light
• Opacidade: 10%
• Ângulo: 20

Passo 2

Aplique o mesmo efeito para o resto das letras, mas certifique-se de mudar oângulo valor, dependendo da direção da sombra da letra que você modificado anteriormente. Você pode fazer isso enquanto você ainda está sob o Gradient Overlay guia, clicando e arrastando o preenchimento de gradiente sobre a letra até que você gosta como ele se parece.

Assim que estiver pronto aplicar o Gradient Overlay efeito a cada letra, você deve acabar com algo parecido com isto:

6. Adicionando a textura ao estêncil Formas

Passo 1

Coloque o Irrestrito Neutral grunge 7 imagem no topo de todas as camadas, e redimensioná-lo conforme necessário.

Passo 2

Pressione e segure o Comando e Mudança chaves, e clique na miniatura cada forma da camada de estêncil para criar uma seleção.

Passo 3

Clique no Add Layer Mask ícone na parte inferior da Layers painel. Isto irá usar a seleção para criar uma máscara que se aplica a textura para apenas as formas de estêncil.

Passo 4

Mude da camada de textura Blend Mode para Color Burn e sua opacidade para25% .

7. Criando Caminhos do Cordéis

Passo 1

Crie uma nova camada em cima de todas as camadas e chamá-lo Cordéis .Escolha a Pen Tool e escolha o caminho opção no Opções bar.

O que você precisa fazer agora é criar os caminhos em que você deseja adicionar o barbante. Você pode clicar para adicionar pontos de ancoragem de canto, e clique e arraste para criar curvas. Tenha em mente que o caminho criado não tem que ser perfeito, como você pode escolher a Direct Selection Tool (A) , a qualquer momento depois de ajustar os pontos de ancoragem ou as alças de direção.

Passo 2

A maneira mais simples para criar os caminhos é para clicar e arrastar para onde você quer que o caminho para começar, e, em seguida, clique e arraste para onde você quer que acabe.

Para separar a caminhos, pressione e segure o Comando chave, e clique fora do caminho que você terminar de criar, de modo que ele não vai ser ligado ao caminho que você vai criar depois.

Assim que estiver pronto criar os caminhos, todas as formas de estêncil deve ser conectado.

8. Modificando Brushes do Twine e acariciando os Caminhos

Passo 1

Defina o Primeiro Plano de cor para # afaba2 , escolher a Brush Tool e abra aescova painel (Window> Pincel) . Sob a forma de pincel Dica  guia, modificar as configurações como abaixo:

Passo 2

Bata o retorno tecla uma vez para acariciar o caminho com a ponta do pincel modificado.

Alternativamente, você pode escolher a Direct Selection Tool (A) , clique com o trajeto do trabalho e escolha Stroke Path . Em seguida, escolha da escova a partir da ferramenta de menu drop-down, certifique-se de que a pressão Simulate caixa estiver desmarcada, e clique em OK .

Passo 3

Sob  escova forma da ponta na escova painel, escolha o duro Praça 10 pixelspincel de ponta, e modificar suas configurações, como mostrado abaixo:

Passo 4

Clique no Shape Dynamics guia, alterar os valores como mostrado abaixo, e certifique-se de definir o Angle Jitter Controle valor a Direção . Isso fará com que o ângulo da ponta do pincel seguir a direção do caminho.

Passo 5

Crie uma nova camada em cima do Twine camada, chamá-lo Stripes , e derrame o caminho com o novo ponta do pincel.

Escolha a Direct Selection Tool (A) e acertar o retorno chave para se livrar do trajeto do trabalho.

Passo 6

Command-clique o Twine miniatura da camada para criar uma seleção, selecione o Stripes layer, pressione as Command-J chaves para duplicar a seleção em uma nova camada, renomeie a camada de cópia para Stripes , e excluir o originalStripes camada.

Etapa 7

Alterar o Stripes da camada de preenchimento valor a 0 , em seguida, duplicar oTwine camada, arraste a cópia abaixo do original e renomeá-lo  Cordéis Sombra .

9. Styling o Twine e as camadas Stripes

Clique duas vezes o Twine camada para aplicar a camada seguinte estilo:

Passo 1

Adicionar um Bevel and Emboss com essas configurações:

• Tamanho: 14

Passo 2

Adicionar uma textura com essas configurações:

• Pattern: Parede de concreto 3
• Profundidade: 71%

Passo 3

Adicionar uma sobreposição de cores com essas configurações:

• Cor: # f5f2ed

Você pode usar qualquer outra cor que você gosta também.

Isto irá criar o estilo do barbante.

Passo 4

Clique duas vezes nos Stripes camada de aplicar uma sobreposição de coresefeito, alterando o Blend Mode para Multiply , e usando qualquer cor que você gosta também. Aqui, a cor usada é # ea4342 .

Isso vai colorir as listras.

10. Modificando Sombra do Twine

Passo 1

Selecione o Twine Sombra camada, e escolher a ferramenta Letreiro Retangular. Escolha um pedaço do fio, e ir para a Edit> Transform> Warp .

Passo 2

Transforme a sombra usando a urdidura de comando, tal como fez para as sombras dos estêncil Formas originais. Assim que estiver pronto, vá paraSelecionar> Cancelar seleção ( Command-D ) para se livrar da seleção.

Passo 3

Repita os mesmos passos para selecionar e deformar a sombra de cada peça. É melhor manter a sombra um pouco sutil para as pequenas peças que ligam os cartões de estêncil.

11. Adicionando Vignette para o resultado final

Passo 1

Clique no Criar um novo preenchimento ou camada de ajuste ícone e escolhaGradient .

Passo 2

Use um Transparente para preenchimento gradiente com as cores # e3e1d5para a esquerda e # 595959 para a direita. Mude o estilo de Radial ea Escalapara 450 .

Passo 3

Certifique-se de que a Gradiente camada está no topo de todas as camadas, e alterar o seu Blend Mode para Linear Burn .

Passo 4

Selecione a cópia de fundo camada, vá para Filter> Blur Gallery> Iris borrão , e mudar o borrão valor sob a ferramenta de desfocagem painel à direita para 5 .

Você pode alterar a forma da elipse, clicando e arrastando os quatro pontos que estão conectados pela linha, e modificar Área de Transição, clicando e arrastando os quatro pontos maiores entre o pino central ea linha borrão exterior.

Isto irá adicionar um efeito vinheta simples para o resultado final.

Parabéns! Você está feito

Neste tutorial, utilizamos uma textura de papelão para o fundo, e ajustou a sua coloração e brilho.

Em seguida, foi utilizado um par de ferramentas e opções de forma a criar a forma card principal, acrescentou o texto, converteu-o em formas, e fundiu-a com as formas de cartões para obter as formas finais de estêncil. Nós duplicados dessas formas para criar as sombras, e converteu todas as camadas de forma em objetos inteligentes. Nós denominou as camadas, e usou a Transform e comandos Warp para movê-las e reformulá-las, antes de acrescentar uma textura simples.

Depois disso, foi utilizada a ferramenta Pen para criar o caminho do fio, modificou um par de escovas simples para acariciar os caminhos e adicionar as listras, e estilo das peças traçadas para adicionar textura e cor. Nós também deformado sombra do fio para combinar sombra 'os cartões.

Por fim, utilizou-se uma camada de ajuste Gradient eo filtro Iris Blur para adicionar um pouco de vinhetas para o resultado final.

Por favor, sinta-se livre para deixar os seus comentários, sugestões, e os resultados abaixo.

Via Tutsplus

14:24