Uma composição tipográfica 3D combina efeitos de texto impressionantes com elementos de design criativos e leva a sua tipografia a um nível totalmente novo. Quer pretenda criar visuais futuristas, abstractos ou temáticos, pode utilizar o Photoshop para criar uma composição tipográfica 3D personalizada que realce visualmente a sua mensagem. Neste tutorial, vou mostrar-lhe passo a passo como criar o cenário para a sua tipografia 3D com texturas, efeitos de iluminação e outros elementos de design. Vamos começar e transformar a sua tipografia numa obra de arte!
Passo 1:
Primeiro, crio um novo documento; o tamanho não importa. Escolho um tamanho muito pequeno de 800x600 pixéis. Se quiser imprimir este efeito, deve alterar a unidade de pixéis para cm e a resolução de 72 para 300 pixéis/polegada.
Passo 2:
Agora, crio uma camada de texto com uma letra. Depois, clico em 3D>Repoussé>Camada de texto no menu.
Passo 3:
Faço as seguintes definições (para Materiais, utilizo o modelo Sem textura para tudo ):
Passo 4:
Agora, chamo o painel de controlo 3D em Janela e recolorir a extrusão. Para o fazer, clico na cor cinzenta em Diffuse .
Passo 5:
Agora a cor está correta. Só quero criar a minha própria textura no primeiro plano da letra.
Passo 6:
Para a nova textura, crio um novo documento com um tamanho de 200 x 1 pixel. Depois, faço duplo clique na camada de fundo e removo o conteúdo com a tecla Delete. Agora posso criar uma seleção que cobre metade do documento e colori-la de azul. Depois, selecciono tudo de novo e guardo-o em Menu>Editar>Definir padrão.
Passo 7:
Assim, o padrão é guardado e crio um novo documento com 2000x2000 pixéis. Depois, adiciono uma nova camada e colora-a (a cor não importa porque defini a opacidade para 0%). Agora vou às opções de preenchimento e ativo o meu novo padrão. Depois, guardo a textura como um ficheiro PSD no meu disco rígido.
Passo 8:
Agora, volto ao meu documento e abro a minha nova textura no meu Material - Inflated Front.
Passo 9:
O resultado é o seguinte (ainda não estou muito satisfeito com as linhas, por isso abro a minha textura novamente).
Passo 10:
Para poder rodar o meu padrão, converto a camada num objeto inteligente. Agora, o padrão que foi colocado em cima como opção de preenchimento também pode ser rodado.
Passo 11:
Gosto muito mais desta forma.
Passo 12:
Como as linhas são demasiado largas para mim, abro novamente a textura, vou ao meu objeto inteligente e dimensiono a sobreposição do padrão.
Passo 13:
Para tornar o fundo mais espetacular, adiciono um gradiente de cor à camada do fundo.
Passo 14:
Ao mesmo tempo, também dou um tom azul à minha borda achatada. O resultado é o seguinte:
Passo 15:
Para poder ver melhor as fontes de luz, exibi-as na parte inferior do painel de controlo 3D.
Passo 16:
Além disso, colori a camada de fundo de cinzento para poder ver as tiras de luz brancas. Altero o tipo de luz da minha primeira luz de direcional para pontual.
Passo 17:
Agora movo a luz e vejo imediatamente como o meu objeto reage a ela.
Passo 18:
Também altero a próxima fonte de luz para Spot e aumento a intensidade da luz para 1.
Passo 19:
Como renderizar todo o objeto pode ser muito demorado, também posso criar uma seleção e depois ir para Select for Progressive Render no menu de opções do painel 3D .
Passo 20:
O resultado parece muito bom. Também posso renderizar todo o meu objeto clicando na cena na parte superior do painel 3D e, em seguida, selecionando Raytracing - Draft ou Raytracing - Final (demora mais tempo) em Qualidade. Dica: Se precisar de alterar qualquer outra coisa no objeto, certifique-se de que altera a definição de novo para Interativo (pintura), caso contrário, o computador irá imediatamente renderizar tudo de novo e terá de esperar eternamente.
Passo 21:
Depois de terminar a primeira letra, crio a seguinte utilizando as mesmas definições e o mesmo procedimento. Mais uma vez, carrego a textura previamente guardada.
Passo 22:
Como as riscas são demasiado grandes para mim, posso editá-las diretamente na textura ou simplesmente ir a Edit Properties em Diffuse .
Passo 23:
Se agora aumentar o valor de U-Scale, as minhas linhas tornam-se mais pequenas. No entanto, por vezes as linhas são quebradas de forma estranha, o que é provavelmente um bug no Photoshop ou um erro do controlador da placa gráfica.
Passo 24:
Depois de renderizar a cena, a minha letra S fica com este aspeto:
Passo 25:
Mais uma vez, movo todas as fontes de luz e mudo algumas para spot também. Posso até clicar no ícone New (Novo) para criar mais fontes de luz.
Passo 26:
Uma vez que as linhas são demasiado largas para mim, vou para a textura, depois para o objeto inteligente e depois para a sobreposição de padrão, onde reduzo um pouco o tamanho. No entanto, há uma estranha linha dupla na letra S, por isso volto às propriedades da textura e altero um pouco o valor da escala U até encaixar.
Passo 27:
De seguida, crio a última letra. Coloco-a sob a letra S na hierarquia de camadas.
Passo 28:
Concebi algo muito especial para a minha letra d: a letra deve ter um padrão floral. Para isso, descarrego um pincel floral de PSD-Tutorials.de, insiro-o num documento de 2000x2000 px com um fundo transparente e guardo-o como um ficheiro PSD.
Passo 29:
Nas propriedades da textura, movo o padrão em conformidade.
Passo 30:
Agora, vamos ajustar a luz novamente e a minha letra não fica nada mal:
Passo 31:
A seguir, crio uma nova camada e adiciono alguns elementos mais pequenos com a cor branca, utilizando o meu pincel floral.
Passo 32:
Agora, está na altura de criar um fundo elegante. Pego na ferramenta Formas personalizadas e carrego a seguinte forma que o Photoshop traz de origem (se não estiver a aparecer, basta clicar na pequena seta no canto superior direito para carregar a biblioteca ).
Passo 33:
Depois de arrastar a forma, reduzo ligeiramente a opacidade, adiciono uma máscara de camada e preencho-a com um gradiente radial preto e branco.
Passo 34:
Ainda posso otimizar as riscas reduzindo a opacidade da área, por exemplo, e depois adicionar um ligeiro brilho ao exterior nas opções de preenchimento com tinta branca. Depois aplico um gradiente radial azul-azul escuro.
Passo 35:
Para fazer com que brilhe mais no centro, posso ajustar o gradiente em conformidade ou simplesmente alterá-lo com um pincel muito suave e grande . De seguida, reduzo um pouco a opacidade da camada.
Passo 36:
De alguma forma, as pinceladas florais são demasiado dominantes para mim. É por isso que as vou criar novamente, mas desta vez com um pincel ainda mais pequeno. O resultado é o seguinte:
Passo 37:
Também posso recolorir rapidamente o fundo com uma camada de ajuste de matiz/saturação:
Passo 38:
Se preferir retocar a cor das letras em vez do fundo, também posso ir aos modos de mistura de uma letra individual e definir uma sobreposição de cor utilizando o modo de mistura Cor. Depois, copio o efeito da camada para cada letra adicional, mantendo premida a tecla Alt.
Passo 39:
No entanto, é mais fácil se tiver as minhas letras numa pasta de grupo e depois inserir uma camada de ajuste de matiz/saturação por cima delas. E - muito importante: defino o modo de mistura da minha pasta de grupo de Through para Normal. Assim, a camada de ajuste só afectará o conteúdo da pasta.
Passo 40:
Um pequeno truque no final do workshop: Duplico as minhas letras 3D e depois rasterizo a minha cópia com o botão direito do rato.
Passo 41:
Agora tenho várias opções: Ou pinto toda a letra de branco, ou ponho-lhe uma sobreposição de cor branca. Agora, adiciono uma máscara e posso utilizar um pincel suave para realçar determinados destaques, por exemplo. No meu caso, realcei a luz no topo da letra d e utilizei outra camada com uma sobreposição de cor preta para tornar as sombras mais escuras.
Passo 42:
O meu resultado tem o seguinte aspeto:
Espero ter conseguido transmitir muitas dicas sobre como trabalhar com 3D no Photoshop. Como pode ver, não é assim tão difícil.
