Cinco truques rápidos para obter efeitos de gralhas fixes no Photoshop

Quer dar aos seus textos aquele toque especial, mas não tem muito tempo? Não há problema! Com o Photoshop, pode criar efeitos tipográficos fantásticos em apenas alguns passos. Neste tutorial, vou mostrar-lhe cinco técnicas rápidas e fáceis para dar à sua tipografia um aspeto criativo e moderno. Desde o brilho néon e o aspeto metálico até aos efeitos distorcidos - estas técnicas rápidas irão acrescentar variedade e estilo aos seus designs. Vamos começar e preparar o cenário para os seus textos!

1. Efeito de contorno retro para títulos

Especialmente para folhetos e papéis de parede, os contornos retro criativos podem ser criados muito rapidamente com a opção de preenchimento para fora.

Passo 1: Colocar o texto

Utilizo um fundo de raios com um texto ligeiramente rodado como imagem inicial. O texto tem o tipo de letra Eight Track em 300 pt.

Passo 2: Opção de preenchimento 'brilho exterior' como um gradiente

A opção de brilho exterior como preenchimento é normalmente utilizada como um brilho/sombra claro ou escuro. No entanto, o Photoshop também oferece a opção de aplicar um gradiente como um brilho em vez de uma cor.

Com os textos, as definições precisas resultam em inúmeros efeitos de contorno que podem ser variados com diferentes métodos de preenchimento. Graças à disponibilidade e à fácil criação de gradientes adequados, existe uma variedade quase infinita de efeitos de contorno que podem delinear delicadamente tipos de letra ou criar margens psicadélicas e coloridas.

O tamanho na caixa de diálogo das opções de preenchimento especifica o tamanho do gradiente que deve aparecer no exterior. O preenchimento inferior especifica a intensidade com que o efeito deve aparecer diretamente no texto. A técnica é importante: precisa.

Muito bom: Na definição de efeitos especiais, existe um gradiente interrompido que pode ser utilizado para obter um efeito retro bem sucedido. As cores também podem ser facilmente ajustadas. Se quiser, também pode deixar que os contornos exteriores se desvaneçam na transparência.

O efeito de contorno retro está terminado:

2. Efeito de contorno desgastado para títulos

Um efeito de contorno desgastado pode ser utilizado na perfeição em folhetos verdes ou em títulos. O efeito em si é rápido de criar.

Passo 1: Coloque o texto num fundo branco

O fundo é branco. Utilizo a ferramenta de texto para escrever as letras PSD num exército de 600 pontos.

Passo 2: Selecionar letras Selecciono as letras da camada de texto premindo Ctrl e clicando na miniatura da camada de texto.

Passo 3: Editar a seleção Utilizo o atalho Ctrl+Alt+R para abrir a caixa de diálogo Melhorar arestas. Nesta caixa de diálogo, defino um contorno suave para a minha seleção. O valor específico pode variar consoante o tamanho do texto.

Passo 4: Criar uma nova camada e preencher com cor Crio uma nova camada com o atalho Ctrl+Shift+Alt+N e preencho-a com uma cor à minha escolha. Apenas a área selecionada é preenchida com cor.

Posso desativar a camada de texto e anular a seleção com o atalho Ctrl+D.

Passo 5: Converter em objeto inteligente Selecciono a camada da letra com a borda suave e a camada branca e converto ambas as camadas num objeto inteligente.

Passo 6: Aplicar o filtro inteligente de aguarela três vezes Aplico o filtro artístico de aguarela três vezes ao meu objeto inteligente.

1. Passar

As entradas aqui também podem variar consoante a cor selecionada, o tamanho da margem suave e o tamanho do texto.

2. Passagem

3. Passagem

Após apenas duas passagens, é possível ver como foi criado um efeito de borda irregular e desgastada. Com a terceira e uma possível quarta passagem, posso otimizar um pouco mais o efeito, se necessário.

Assim, o efeito pode ser utilizado como um componente de texto para fundos sujos. O fundo mostrado aqui está anexado a este tutorial como material de trabalho.

Nesta vista, no modo de cor Mais escuro com 85% de opacidade, o fundo está no modo Normal também com 85% de opacidade:

Na vista diferenciada no modo Diferença com 100 por cento de opacidade, o fundo está no modo Normal com 50 por cento de opacidade:

3. Efeito de espelho simples na ótica 3D

Um efeito de espelho simples para tipos de letra, que funciona de forma muito simples sem muitos pormenores, é criado nos passos seguintes.

Fonte da imagem: Akhilesh Sharma - Fotolia.com.

Passo 1: Definir a imagem espelhada como um padrão

O primeiro passo para este efeito é definir a imagem que vai ser espelhada no texto como um padrão. Faço isto com a imagem aberta através do menu Editar>Definir padrão.

Passo 2: Colocar o texto Coloco o texto no meu documento com uma fonte arial de 300 pontos. O documento tem um tamanho de 800x600 pixéis e um fundo preto.

Passo 3: Opção de preenchimento do contorno Abro as opções de preenchimento para a minha camada de texto e selecciono o separador Contorno . Selecciono Padrão como o tipo de preenchimento e clico no padrão previamente definido na pré-visualização do padrão.

Outras definições:

Posso utilizar o rato para posicionar o padrão na imagem exatamente como pretendo que apareça no contorno do texto. Posso confirmar as definições com OK.

Passo 4: Definir a opção de preenchimento como camada Clique com o botão direito do rato para criar uma camada a partir do meu estilo de camada. O contorno está agora disponível numa camada no painel de controlo de camadas. Coloco a camada por baixo da minha camada de texto.

Passo 5: Opção de preenchimento de sobreposição de padrão Nas opções de preenchimento para a camada de texto, selecciono o separador Sobreposição de padrão e chamo o padrão previamente definido. Utilizo o seletor de escala para reduzir o tamanho do meu padrão até este se ajustar à vista. Posso utilizar o rato para posicionar o padrão na imagem exatamente como pretendo que apareça no texto.

Passo 6: Afinar o contorno Para dar um aspeto realista ao efeito, movo a camada de contorno um pouco para baixo e para a esquerda utilizando as teclas de setas do teclado para criar um aspeto ligeiramente 3D.

Agora posso criar um contorno de 1 pixel de espessura no exterior com o preenchimento de padrão para a camada de texto para dar um pouco de glamour ao reflexo. Como o contorno tem apenas um pixel de espessura, também pode ser apresentado na parte superior do texto. Se o efeito for demasiado forte, basta reduzir um pouco a opacidade.

Isto cria um reflexo de luz adicional agradável. O resultado é um efeito de reflexo simples com um aspeto 3D.

4. Efeitos de gradiente de reflexo em textos e formas

Deixe-me começar por dizer que me inspirei para criar este tutorial em Scott Kelby, que explicou este efeito no seu livro "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".

Scott Kelby explicou a criação do efeito em 12 passos para duas letras. Ele procedeu da seguinte forma:

1. Criar texto
2. Rasterizar o texto, selecionar e arrastar o primeiro gradiente
3. Duplicar a camada e arrastar o contragradiente
4. Cortar o gradiente através da seleção da elipse
5. Transformar a seleção
6. Inverter e remover a área de gradiente selecionada
7. Adicionar contorno
8. Adicionar borda achatada e relevo
9. -Repetir os passos 12 para a segunda letra
   
   
   
   

O efeito é muito atrativo. No entanto, apenas produz um resultado estático. O texto não pode ser alterado porque foi rasterizado logo no início. Tenho de repetir a maior parte dos passos para cada letra adicional.

No meu tutorial, gostaria de mostrar uma forma que permite alterar ainda mais o texto. Este efeito também pode ser utilizado para adicionar mais letras mais rapidamente.

Passo 1: Criar um gradiente

Para criar este efeito mais rapidamente, crio o gradiente duplo como um padrão. Para o fazer, primeiro abro o menu de gradiente no meu documento de 1000x600 pixels, clicando na pré-visualização de gradiente na barra de menu com a ferramenta de gradiente (G) activada.

Agora, crio o gradiente que vai ser colocado no texto como um reflexo com um gradiente duplo.

O gradiente tem a seguinte disposição:

Cinzento - Branco - Preto - Cinzento

Adiciono as quebras de cor em falta clicando ao lado de uma quebra de cor existente e colocando-as na posição pretendida utilizando a função arrastar e largar. Posso alterar a cor da quebra de cor utilizando o seletor de cores no menu do gradiente .

A transição do branco para o preto é difícil. Os conjuntos de cores não devem ser colocados uns em cima dos outros, mas ligeiramente deslocados. Caso contrário, a transição terá mais tarde um ligeiro efeito de escada. A suavização de 30 por cento garante que o gradiente na área cinzenta também é agradável e suave.

Se necessário, também posso guardar o novo gradiente na pré-visualização do gradiente, declarando-o como Novo com um nome à minha escolha. Depois, confirmo as minhas definições de gradiente com OK.

Passo 2: Dobrar o histórico

Arrasto o gradiente da parte inferior central do documento para a parte superior esquerda utilizando a ferramenta de gradiente.

Infelizmente, devido à curva do gradiente, não posso efetuar todas as edições utilizando apenas uma sobreposição de gradiente. A solução é aplicar o gradiente curvo como um padrão.

Com Ctrl+T>Curva, defino uma ligeira curvatura para que a transição preta seja curvada. Para o fazer, arrasto a grelha de curvatura ligeiramente para o canto superior esquerdo.

Passo 3: Definir o gradiente como um padrão Posso agora definir o gradiente duplo curvo como um padrão. Para o fazer, selecciono Editar>Definir padrão no menu. O nome é: Gradiente duplo com reflexo.

Passo 4: Colocar o texto Selecciono um novo fundo vermelho escuro para o documento. Agora posso introduzir o meu texto com um exército de 530 pontos. Escrevo a letra P.

Passo 5: Sobreposição de padrão Abro as opções de preenchimento da minha camada de texto. No separador Sobreposição de padrão, selecciono o meu padrão previamente definido na lista de seleção.

Agora, posso simplesmente mover o rato para o documento e, de forma intuitiva e direta, mover o meu padrão para a posição desejada. Se necessário, também posso dimensionar o meu padrão se for demasiado grande ou demasiado pequeno para a letra.

Passo 6: Contorno No separador seguinte, Contorno, defino um contorno de 5 píxeis de espessura na posição Exterior. O tipo de preenchimento é um gradiente.

Na pré-visualização do gradiente, clico na definição predefinida prata das definições de metal.

O contorno, por si só, ainda não tem o aspeto pretendido. Só fica realmente metálico com a borda achatada e o relevo.

Passo 7: Borda achatada e relevo As definições no separador Borda achatada e relevo criam o efeito metálico 3D. Selecciono as seguintes definições:

- Estilo: Contorno de relevo

- Técnica: Arredondar

- Profundidade: 100 por cento

- Tamanho: 5 píxeis

- Ângulo e altura da sombra: 120 e 30 graus

- Contorno brilhante: Anel duplo

O efeito está terminado.

Passo 8: Letras adicionais Para letras adicionais, basta duplicar a camada de texto, movê-la para a posição desejada e mudar a respectiva letra para a nova utilizando a ferramenta de texto.

Se necessário, só tenho de ajustar o gradiente duplicado à forma da nova letra no separador Sobreposição de padrões.

Se ainda quiser acentos de cor no meu gradiente, posso adicionar uma sobreposição de cor no modo Sobreposição, nas opções de preenchimento.

É tudo o que tenho a fazer!

5. texto inclinado com moldura

Um bom desenvolvimento do efeito de gradiente de reflexão anterior é dar ao meu texto uma moldura e inclinar a moldura com o texto na vista.

Neste exemplo, cada letra individual não terá um reflexo extra, mas partilhará um reflexo com as outras; por outras palavras, as letras não estão em planos individuais, mas juntas num plano.

Passo 1: Adicionar uma moldura

Utilizo a ferramenta de forma personalizada (U) para desenhar o retângulo com um rebordo fino das definições padrão como moldura para o meu texto.

Passo 2: Copiar estilos de camada Utilizo a tecla Alt para arrastar e largar os estilos de camada existentes na camada de texto para a camada da moldura. Agora, copiei os estilos de camada para a moldura. Se necessário, ajusto novamente a posição específica da sobreposição de padrão utilizando as opções de preenchimento para que fique bem visível.

Passo 3: Converter ambas as camadas em objeto inteligente Selecciono as camadas de texto e de moldura no painel Camadas e converto-as num objeto inteligente.

Passo 4: Transformar Selecciono Ctrl+T no meu objeto inteligente para o transformar. Posso utilizar a tecla Ctrl para arrastar o ponto do canto superior esquerdo ligeiramente para o centro. Isto faz com que a moldura e o texto se inclinem.

Se necessário, também posso mover os pontos do canto inferior individualmente, mantendo premida a tecla Ctrl, para realçar ainda mais o efeito de inclinação. Posso confirmar a minha transformação premindo Enter.

Passo 5: Sugestão de colocação É importante que o texto tenha a moldura para que seja criada uma impressão de inclinação ou de inclinação. O texto sozinho só conseguiria este efeito de forma limitada.

Se pretender obter um efeito especial com a colocação, coloco o meu texto com uma moldura de forma a que não haja espaço suficiente para toda a moldura no documento. Se necessário, também tenho de cortar o documento para este efeito. Isto cria a impressão de um tamanho pictórico especial. O conteúdo não cabe na moldura do documento, é demasiado grande. Num sentido figurativo, isto transmite o tamanho do conteúdo. Por exemplo, a SPIEGEL colocou o nome Google na capa de tal forma que o Google não cabia na capa. Esta foi uma forma simples de demonstrar a dimensão e o poder especiais da Google.