Efeito de ouro no texto

Introdução:

Olá querida comunidade do PSD. É ótimo tê-los de volta em um dos meus tutoriais. Hoje vocês aprenderão como criar um belo efeito de ouro como na Figura 01. Além disso, vou mostrar como você pode criar suas próprias bibliotecas de cores, para que você tenha as cores de ouro que vamos criar mais tarde sempre à disposição. Por fim, vamos dar uma olhada extra em como transformar um texto 2D em uma versão em 3D.

Então, chega de falar. Vamos começar...

Parte 1:

Passo 1: Criar cores de ouro

Antes de começar a criar um efeito de ouro, você precisa de diferentes cores de ouro. Neste tutorial, precisamos de quatro valores CMYK diferentes. Mas onde você realmente pode obter esses valores? Minha recomendação neste caso é bem simples. Como precisamos de cores de ouro, pesquise no mecanismo de busca de sua escolha (no meu caso, "Google") as palavras "Ouro, Barras de Ouro, Cores de Ouro" ou algo similar. Em seguida, vá para a "Pesquisa de Imagens" e veja diferentes imagens com cores de ouro. Como você pode ver na Figura 02, escolhi uma imagem com duas barras de ouro aqui. Salve essa imagem ou a imagem de sua escolha no seu computador e depois abra o Illustrator.

Ao chegar no Illustrator, a primeira coisa que você deve fazer é criar uma nova área de trabalho no formato A3. Você pode fazer isso em Arquivo>Novo.

Agora vá em Arquivo>Colocar e selecione a imagem no diálogo que aparecer, que você salvou anteriormente. Confirme esta janela com OK.

Agora vamos usar essa imagem como referência para as cores de ouro. Pegue a Ferramenta Retângulo, crie quatro quadrados pequenos e posicione-os em qualquer lugar na sua área de trabalho. O tamanho não importa. No meu caso, todos os quadrados têm 28 x 28mm.

Agora chegamos ao ponto em que você precisa extrair os valores de cores de sua imagem. Para isso, selecione um quadrado primeiro e depois pegue o conta-gotas na Barra de Ferramentas. Agora selecione diferentes tons de ouro da imagem. Faça isso para cada quadrado uma vez. Na Figura 06, você pode ver de quais áreas eu extrai os valores de cores com o conta-gotas.

Para aqueles que não estão totalmente satisfeitos com seus próprios valores de cores, aqui estão os valores CMYK das minhas quatro cores (veja também a Figura 07).

• CMYK - 9/43/96/37
• CMYK - 6/24/80/9
• CMYK - 2/13/67/0
• CMYK - 3/6/65/0

Passo 2: Criar um degradê

Depois de criar os quatro valores de cores diferentes, é hora de criar um degradê com essas cores. Para fazer isso, pegue novamente a Ferramenta Retângulo e crie um quadrado. O tamanho também não importa neste caso.

Antes de começar a criar um degradê com as cores de ouro, você precisa trazer essas cores para sua Paleta de Cores. Você pode acessar esta paleta novamente em Janela>Paleta de Cores, se ainda não a tiver exibido.

Quando você clica em um quadrado com uma cor de ouro, essa cor também aparece na parte inferior da Barra de Ferramentas no lado esquerdo. Pressionando e segurando o botão esquerdo do mouse, você pode arrastar essa cor para a Paleta de Cores usando o Arrastar e Soltar. Faça isso com todas as quatro cores.

Em seguida, você precisa da Paleta de Degradê. Se ainda não a abriu, vá para Janela>Degradê (ou, no Mac - Command+F9), para exibi-la.

Adobe Illustrator - Efeito dourado na tipografia

No próximo passo, selecionem o quadrado que criaram no início do Passo 2. Cliquem uma vez no campo de gradiente na Paleta de Gradiente para criar um gradiente preto e branco pré-definido. Agora é necessário modificar este gradiente para os nossos objetivos.

Adobe Illustrator - Efeito de ouro no texto

Com a Paleta de Cores, agora vocês podem arrastar as cores douradas recém-criadas para o campo de gradiente usando o Arrastar e Soltar. Vocês podem facilmente remover o campo de cor preto e também o branco deste gradiente, segurando o botão esquerdo do mouse e arrastando-o para fora da Paleta de Gradiente.

Agora arrastem quantos campos de cor quiserem para o gradiente, conforme visto na Figura 12.

Adobe Illustrator - Efeito dourado na fonte.

Da esquerda para a direita, terão a seguinte ordem nos campos de cor (consultem a Figura 13).

Illustrador da Adobe - Efeito dourado no texto

Passo 3: Criar texto e preparar para o gradiente de ouro

Depois de criar o gradiente dourado, podem usar a Ferramenta de Texto para escrever uma palavra ou frase. No meu caso, estou escrevendo a palavra "Ouro". Para que o efeito dourado apareça bem, recomendo escolher uma fonte relativamente grossa. Em fontes finas e delicadas, o efeito de ouro não se destacará muito e parecerá deslocado. No meu caso, escolhi a fonte Myriad Pro com o estilo Negrito. Defini o tamanho da fonte como 300pt.

Adobe Illustrator - Efeito dourado no texto.

Quando estiverem satisfeitos com a escolha da fonte e da palavra, vão até a barra de menu superior em Texto>Criar Contornos.

Adobe Illustrator - Efeito dourado no texto

Agora podem clicar no quadrado com o gradiente prévio que criaram usando o Pipeta. Ao contrário do Photoshop, a Pipeta no Illustrator reconhece a diferença entre uma cor sólida e um gradiente. Isso resulta na aplicação do gradiente inteiro no vosso texto. Depois disso, o resultado final deve ser semelhante ao da Figura 16.

Adobe Illustrator - Efeito dourado na fonte.

Agora, como o gradiente está indo da esquerda para a direita e não de cima para baixo como desejado, podem simplesmente definir um ângulo de 90° na Paleta de Gradiente...

Adobe Illustrator - Efeito dourado no texto

... ou pegar na Ferramenta de Gradiente na Paleta de Ferramentas. Com essa ferramenta, podem ajustar livremente o gradiente clicando e arrastando. Dessa forma, podem definir livremente o ângulo, a posição e o comprimento do gradiente.

Adobe Illustrator - Efeito dourado no texto.

Após fazer o ajuste do gradiente, o resultado deve ser algo semelhante a (consultem a Figura 19).

Adobe Illustrator - Efeito dourado no texto

Passo 4: Fazer o ouro brilhar

No próximo passo, certifiquem-se de que o vosso ouro brilha bem.

Para conseguir isso, criem um contorno preto com uma espessura de 5pt.

Adobe Illustrator - Efeito dourado na fonte

Como versões mais antigas do Illustrator ainda não permitem gradientes em contornos, precisam transformar esse contorno em um objeto separado. Isso pode ser feito em Objeto>Expandir. Na janela que aparecer, desmarquem a opção Preenchimento e marquem a opção Contorno. Confirmem com OK.

Adobe Illustrator - Efeito dourado no texto

Com o atalho Command+Shift+G (no PC - Ctrl+Shift+G) podem desagrupar (pressionem o atalho 2 vezes). Isso permitirá selecionar o contorno separadamente. (Figura 22)

Adobe Illustrator - Efeito dourado no texto

Agora, clique no quadrado com o degrade e crie uma cópia ao lado enquanto mantém pressionada a tecla Alt. Volte para a paleta de degradê e mude, como na imagem 23, o valor de ouro destacado para branco. Esse valor branco será responsável pelos destaques nas bordas mais tarde.

Adobe Illustrator - Efeito dourado no texto.

Agora selecione o contorno da sua fonte e preencha com o degradê recém-modificado. Você pode fazer isso facilmente usando a pipeta, clicando no quadrado com o degradê apropriado (imagem 24).

Adobe Illustrator - Efeito dourado no texto

Para ajustar um pouco mais esse degradê, pegue novamente a ferramenta de degradê da paleta de ferramentas e arraste o degradê de cima para baixo à esquerda. (Você precisa fazer isso para cada letra separadamente). Depois disso, tudo deve parecer mais ou menos como na imagem 25.

Adobe Illustrator - Efeito dourado na tipografia.

Quando você colocar essa fonte em um fundo escuro, os destaques brilhantes nas bordas se destacarão ainda mais. E o efeito de ouro estará concluído.

Adobe Illustrator - Efeito de ouro no texto.

Parte 2:

Criando Bibliotecas de Cores

Em especial para efeitos como o texto dourado, seria muito prático poder salvar essas cores e degradês de alguma forma separada. Claro, você pode anotar os valores de cor adequados em um caderno e consultá-los sempre que necessário. No entanto, o Illustrator oferece uma maneira muito melhor, mais rápida e, acima de tudo, mais simples.

Aqui você tem a opção de criar suas próprias bibliotecas de cores que são armazenadas diretamente no Adobe Illustrator.

Volte para a paleta de cores. Lá, você havia arrastado todos os tons de ouro através do arrastar e soltar anteriormente. Agora você pode fazer o mesmo com os dois degrades que criou.

Adobe Illustrator - efeito de ouro no texto

Clique no pequeno ícone de pasta no canto inferior direito da paleta de cores. Na janela que aparece, dê um nome para esse novo grupo de cores. Simplesmente nomeie o grupo como "Cores de Ouro" e confirme a janela com OK. Isso criará um novo grupo.

Adobe Illustrator - Efeito de ouro no texto

Agora, arraste suas cores de ouro para este grupo. Infelizmente, você não pode colocar os degradês nessa pasta, pois o Illustrator impede isso.

Como você deseja salvar apenas as cores de ouro em sua biblioteca de cores de ouro, você precisará deletar as cores padrão. Faça isso selecionando as cores que deseja excluir enquanto mantém pressionada a tecla Shift e, em seguida, clicando no pequeno lixo na parte inferior direita.

Normalmente, eu não apago as cores preto e branco, pois muitas vezes elas são úteis. Após fazer tudo isso, deve ficar mais ou menos assim (imagem 29).

Adobe Illustrator - Efeito dourado no texto.

Agora clique na pequena seta no canto superior direito para abrir um menu suspenso. Vá quase até o final e clique em Salvar biblioteca de cores como ASE. No nova janela, atribua um nome (neste caso, novamente "Cores de Ouro").

Adobe Illustrator - Efeito dourado no texto

Sua primeira biblioteca de cores personalizada está pronta.

Agora crie um novo documento em Arquivo > Novo.

Ao criar o documento, você notará que as cores de ouro desapareceram e as cores padrão estão visíveis novamente.

Para acessar novamente as cores de ouro, clique na pequena seta no canto superior esquerdo da paleta de cores para abrir o menu suspenso. Desta vez, vá para Abrir biblioteca de cores e então em Personalizado. Agora as bibliotecas de cores que você salvou aparecerão. Ao clicar em Cores de Ouro, uma nova paleta de cores será aberta com as cores de ouro e os degradês que você salvou anteriormente.

Adobe Illustrator - Efeito de ouro na tipografia

Conteúdo Extra

Texto Dourado como Implementação 3D

Como prometido no início do tutorial, preparei um pequeno conteúdo extra para vocês. Vou mostrar rapidamente como transformar sua fonte 2D em uma fonte 3D. Vamos começar...

Selecione sua fonte dourada e clique na barra de menu superior em Efeitos>3D>Extrudar e Biselar.

Adobe Illustrator - Efeito dourado na tipografia.

Em seguida, aparecerá uma janela de diálogo um pouco maior, na qual poderá ajustar todas as configurações para um texto 3D. Ao clicar em Visualização no canto inferior esquerdo, verá imediatamente as mudanças ao ajustar um valor.

Duas configurações são muito importantes aqui para nossa fonte 3D.

• Na parte superior, você pode girar livremente o texto 3D e posicioná-lo como desejar (1).
• Em Profundidade de Extrusão, você pode definir o quanto deseja que sua fonte se estenda para trás (2).

No momento, ainda não parece tão bom (Figura 33), porque a parte extrudida para trás da fonte é cinza e ainda não é dourada.

Adobe Illustrator - Efeito dourado no texto.

No entanto, esse problema pode ser facilmente resolvido clicando em Mais Opções e escolhendo Personalizado em Cor de Sombreamento. Você pode inserir o valor da cor como #D2B023 aqui. Todas as configurações que apliquei podem ser vistas na Figura 34.

Adobe Illustrator - Efeito dourado no texto.

Sua fonte 3D dourada está pronta.

Adobe Illustrator - Efeito dourado no texto.

Conclusão

Espero que tenham se divertido com este tutorial e que agora saibam como criar uma fonte dourada com meios relativamente simples. Se surgirem mais perguntas, por favor, escrevam nos comentários abaixo deste tutorial. Farei o possível para respondê-las o mais breve possível.

Seu

Julian