Por vezes, são necessários apenas alguns cliques para dar vida à tipografia. Os efeitos de tipografia clássicos são intemporais e versáteis - perfeitos para logótipos, cartazes, convites ou publicações em redes sociais. Neste tutorial, vou apresentar-lhe cinco efeitos rápidos e fáceis que pode utilizar para criar os seus textos de forma criativa no Photoshop. Quer se trate de sombras, gradientes, aspeto 3D ou realces brilhantes - estas técnicas poupam tempo e ainda assim produzem resultados impressionantes. Vamos começar e levar a sua tipografia para o próximo nível!
1. composição tipográfica: colocar texto em formas
Passo 1: Princípio básico da composição tipográfica de formas no Photoshop
A composição tipográfica de formas no Photoshop é muito simples. Requer um caminho de trabalho no qual o texto é inserido.
Assim, é fácil desenhar uma forma utilizando a ferramenta retângulo. Depois, clico no retângulo com a ferramenta de texto e posso escrever ou inserir o meu texto.
Passo 2: Utilize as suas próprias formas para conjuntos de formas
Já está tudo dito sobre o princípio básico. Agora posso usar as ferramentas de desenho para alterar os meus caminhos como quiser, de modo a especificar uma forma para o texto. É ainda mais fácil se as formas já estiverem disponíveis por defeito. Selecciono a forma de balão de diálogo com a ferramenta de forma personalizada e desenho-a. No passo seguinte, clico novamente no balão de diálogo com o rato e escrevo o meu texto. O texto adapta-se perfeitamente à forma do balão de diálogo.
Posso utilizar as janelas Parágrafo e Caractere para fazer um pequeno ajuste fino, definindo a justificação, ajustando o espaçamento entre caracteres, selecionando o espaçamento entre linhas para o tamanho da forma, etc. Como resultado, o texto numa forma de coração pode ter este aspeto:
2. contorno: fazer fluir o texto à volta dos objectos
Passo 1: Princípio básico do contorno
Enquanto o Adobe InDesign tem um painel de controlo separado apenas para o contorno, com opções fantásticas como a procura de arestas, no Adobe Photoshop tem de encontrar uma forma alternativa para o texto fluir à volta dos objectos. A solução é um caminho de trabalho que corresponde aos contornos do objeto no qual o texto é colocado. O princípio básico por detrás disto é o mesmo que o conjunto de formas.
Para este tutorial, escolhi uma imagem da Fotolia.de (fonte da imagem: © Robert Kneschke - Fotolia.com).
Agora quero que o meu texto flua elegantemente à volta da pessoa. A imagem tem um fundo preto que não foi cortado. Uma vez que o fundo é preto, vou simplesmente utilizar a minha varinha mágica para selecionar o fundo.
Passo 2: Reduzir a seleção e criar um caminho de trabalho
Como a seleção está muito próxima da pessoa, reduzo a seleção em 10 pixels utilizando o menu Seleção>Alterar seleção>Reduzir. Nota: Faz sempre sentido limitar a seleção ao tamanho da moldura de texto pretendida. Posso reduzir selecções com Alt e a ferramenta de seleção e aumentá-las com Shift e a ferramenta de seleção. Por isso, devo otimizar a seleção para o tamanho do quadro de texto antes de criar o caminho de trabalho.
Agora, abro a minha janela de caminho e crio um caminho de trabalho a partir da seleção, clicando no símbolo correspondente.
Passo 3: Inserir texto
No último passo, basta-me clicar na forma com a ferramenta de texto e inserir o meu texto ou escrever o texto pretendido. O caminho de trabalho forma agora a moldura de texto para o texto.
Posso ainda editar a moldura de texto utilizando a minha ferramenta de texto. Resultado: O texto flui elegantemente à volta da pessoa do lado esquerdo.
3. Texto num caminho
Colocar um texto ao longo de um caminho é bastante simples.
Passo 1: Desenhar um caminho
Utilizando a ferramenta caneta, basta-me desenhar o caminho desejado no qual o texto deve ser colocado.
Passo 2: Colocar o texto
Utilizando a ferramenta de texto, desloco-me para o caminho de modo a que apareça uma linha ligeiramente pontilhada. Agora posso começar a escrever.
Passo 3: Informação de texto
Ainda posso utilizar o painel de caracteres para introduzir informações de texto.
Com a ferramenta de seleção direta, também posso tocar no meu caminho de texto e mover o ponto inicial do fluxo de texto e determinar se o texto deve ser apresentado acima ou abaixo do caminho.
Passo 4: Caminho através das ferramentas de forma
Também posso criar caminhos utilizando as ferramentas de forma. Crio um novo caminho no painel Caminhos e desenho uma forma de mão com uma ferramenta de forma, neste exemplo com a ferramenta de forma personalizada.
Agora também posso colocar o meu texto no caminho.
Passo 5: Criar um caminho a partir de selecções
Também posso criar selecções a partir de imagens e convertê-las num caminho para as utilizar em fluxos de texto tipográfico.
Utilizo a ferramenta de seleção rápida para selecionar o fundo desta imagem (fonte da imagem: iofoto - Fotolia.com). Inverto a seleção com Shift+Ctrl+I e crio um caminho de trabalho a partir da seleção. Utilizo-o novamente para o meu texto.
Passo 6: Acentuação do contorno com tipografia
O mesmo é possível com imagens que são um pouco mais complexas em termos de cor, como esta imagem de árvore (fonte da imagem: archaeopteryx_stocks).
Selecciono a árvore com a ferramenta de seleção rápida e crio novamente um caminho de trabalho a partir da seleção : clico no ícone Criar caminho de trabalho a partir da seleção no painel de caminhos. Agora também posso utilizar este caminho para o meu texto.
4. Agrupar textos com imagens utilizando uma máscara de recorte
O efeito de tipo clássico por excelência é preencher um texto com um padrão, uma textura ou uma imagem. Coloco a imagem que vai ser apresentada como preenchimento do meu texto no meu documento, diretamente acima da minha camada de texto no painel de controlo de camadas.
Crio a máscara de recorte com o atalho Ctrl+Alt+G ou com Alt e clico entre a camada de texto e a camada de imagem. Agora, a imagem só aparece onde está o texto. É cortada na vista para o conteúdo da camada abaixo.
Este efeito de texto é mais frequente, simplesmente sem opções de preenchimento num fundo preto ou branco, em catálogos de produtos, folhetos e afins com um fundo de estilo de vida - recentemente visto num catálogo de produtos de um fabricante de televisores. O livro "The Buy And Hold Bible", de Gerd Kommer, também apresenta este efeito simples na capa.
O efeito de máscara de corte é frequentemente utilizado com texturas de materiais. As opções de preenchimento (borda achatada/relevo com sombra projetada etc.) fornecem um texto em mármore, um texto em metal ou similar, que é usado para anunciar as últimas coleções de pedras do fornecedor xy na loja especializada ao lado.
5. Preenchimento de contornos com especificações de pincel através de trajectórias de trabalho
Uma técnica muito simples mas eficaz é preencher os contornos do texto com predefinições de pincel.
Passo 1: Selecionar o tipo de letra, escrever o texto e criar um caminho de trabalho
Em primeiro lugar, procuro um tipo de letra que seja o mais largo possível. Escrevo as letras PSD no meu documento utilizando uma Franklin Gothic Heavy de 120 pontos.
Posso criar um caminho de trabalho a partir do meu texto, clicando com o botão direito do rato na camada de texto no painel Camadas>Criar caminho de trabalho. Este é guardado no painel Paths (Caminhos).
Passo 2: Definir a predefinição do pincel
Posso ocultar a camada de texto. No painel Predefinições de pincel, selecciono uma ponta de pincel que deve ser utilizada como contorno de preenchimento para o meu texto. Selecciono um pincel de folha.
Abro o painel de controlo do pincel com F5. Aqui posso definir a forma do meu pincel.
Selecciono em:
- no separador Forma do pincel, selecciono um espaçamento de 60 por cento com um tamanho de 40 px. Esta definição é ideal para o tamanho do meu texto, para que o espaçamento dos pincéis individuais seja suave na transição.
- Nas propriedades da forma, defina um ângulo de variação de 25 por cento. Isto garante que os meus pincéis são rodados.
- Nas definições de cor, defina 12 por cento para o jitter de matiz e 12 por cento para o jitter de brilho. Isto dá-me uma ligeira irregularidade apelativa no tom de vermelho, o que cria um belo efeito de outono no tipo de letra.
Passo 3: Ativar o caminho de trabalho e criar uma nova camada
Agora, crio uma nova camada e ativo o caminho de trabalho no painel Paths (Caminhos). Ao clicar no segundo ícone no rodapé do painel Caminhos, preencho o contorno do caminho com o pincel selecionado. É importante que a ferramenta Pincel também esteja activada.
Se aumentar um pouco o tamanho do pincel, o resultado é uma variação agradável no tamanho do efeito. Desta forma, as definições do pincel podem ser utilizadas para ajustar o preenchimento do contorno de acordo com os respectivos requisitos. Neste exemplo, com um aspeto mais outonal.
Passo 4: Variação na predefinição do pincel
Se utilizar agora um pincel de flores como predefinição e aumentar um pouco a percentagem de variação de cor, obtenho um efeito de verão leve mas bonito.
Passo 5: Processamento adicional
Os preenchimentos de contorno são uma forma simples de criar efeitos de tipo rápidos. No entanto, regra geral, o efeito anterior requer certamente algum processamento adicional para o tornar mais atrativo como um todo.
Um possível processamento adicional para um aspeto outonal pode ser simplesmente preencher a área interior do texto com o meu pincel de folhas numa nova camada e selecionar o contorno do pincel criado anteriormente com Ctrl, clicar na miniatura da camada e utilizá-la como máscara de camada para a minha nova camada.
Desta forma, utilizo o contorno anterior como máscara de camada e obtenho também um efeito de contorno para o meu texto.
