Newtuts Paradise Tutorial - Xara 3D + Adobe Photoshop
Guto Bittencourt em 04 de Abril de 2010
As imagens que contém objetos tridimensionais estão em alta e nós da Newtuts não perdemos a oportunidade de mostrar algumas técnicas para um bom enquadramento 3D em fotos reais. Esse tutorial super-avançado está bastante detalhado em imagens, afim de você entender fácilmente e perfeitamente cada passo dessa composição gráfica.

Download dos Arquivos. (Brushes, Imagens...)

Resultado Final

Clique nas imagens para vê-las inteiras

Passo 1 - Xara 3D

Abra o Xara clique no 'X' ao lado esquerdo epara selecionar o modo de texto somente e escreva o que desejar. Eu por exemplo escrevi Newtuts.

Passo 2

Nesta imagem você pode observar a posição dela está diferente, assim como suas cores.
Coloque igual a esta posição, ao rodapé do lado direito do Xara, mostra detalhado os graus da posição do texto que é: '21º : -11º : 0'. Em color options mude a cor do texto para "#E6E6E6". O tipo da letra eu escolhi 'Oldsansblack' mas pode ser um Arial em negrito que lembra também esse aspecto robusto da font.

Passo 3

Mude a cor de 'Light 1' para '#FFFFFF' que é branco.

Passo 4

Mude a cor de 'Light 2' para '#69B559'.

Passo 5

Mude a cor de 'Light 3' para '#2D4796'.

Passo 6

Em 'Extrusion Options' mude o valor de 'Depht' para 15.

Passo 7

Em 'Bevel Options' selecione a opção 'Round Incut' com o 'Depht' de valor 20.

Passo 8

Em 'Shadow Options' desmarque a opção 'Shadow' que tirará a sombra da imagem.

Passo 9

Em baixo do menu 'Help' tem uma pequena lâmpada que ativa o módulo de visualização de luzes. Clique na lâmpada ou aperte o atalho "CTRL+TAB" para ativá-la e posicione as setas de iluminação como na imagem abaixo. E nosso texto 3D estará pronto.

Passo 10

Para exportar a imagem 3D para o Photoshop precisamos ir em 'File > Export' ou pressionar o comando "CTRL+SHIFT+E" no teclado.

Passo 11

Escolha um nome para a imagem e uma pasta para salvá-la, em baixo marque a opção 'PNG' pois o fundo será transparente e é necessário o tipo da imagem ser 'PNG'. Clique em 'salvar'. Na proxima imagem veremos as configurações para gravar a imagem 3D.

Passo 12

A imagem precisa ser salva como na imagem abaixo: Campo 'size' marque a opção 'User Defined' e escola o tamanho de 2000 por 630 pixels. Em 'Color Depht' marque a opção 'True Color - 24 bits'. Em 'Options' marque a opção 'Transparent' e Clique em 'Save' para salvar a imagem.

Passo 13

Abra a imagem no Photoshop e o texto em 3d coloque dentro da imagem, duplique as duas camadas, tanto o fundo como o texto 3D.

Passo 14

Duplique novamente o texto 3D, assim ficando 3 camadas somente do texto, renomeie as layers background para 'fundo' as imagens background e para o nome do texto as imagens do texto 3D assim como na imagem abaixo. Aplique a um texto 3D o 'Free Transform' indo em 'Edit > Free Transform' ou o atalho "CTRL+T".

Passo 15

Com o 'CTRL (Control)' pressionado, vá até as pontas da imagem 3D e deixe-a com o aspecto abaixo para fazermos a sombra.

Passo 16

Renomeie para 'sombra' e coloque ela uma layer abaixo. Deixe o Control do teclado pressionado e clique em cima do quadrado da layer 'sombra' para fazer seleção na palavra. Com um brush grande e cor preta, pinte toda área da layer sombra, ficando como a imagem abaixo.

Passo 17

Troque o valor de 'Opacity' da layer sombra para 75% e vá em 'Filter > Blur > Gaussian Blur'. Coloque o 'Radius' com o valor de 18.6 como nas imagens abaixo.

Passo 18

Abra a imagem da árvore no Photoshop. Dê um duplo clique na layer background para poder aplicar algumas coisas a ela e clique em ok.

Passo 19

Vá no menu: 'Select > Color Range'.

Passo 20

Cique com o 'conta-gotas' na área equivalente ao espaço branco da imagem da árvore. Coloque o valor de 'Fuzziness' em 114 e dê ok.

Passo 21

Dê 'Delete' em seu teclado para eliminar o fundo branco da imagem e ela irá ficar com o aspecto como abaixo.

Passo 22

Coloque a árvore com o fundo transparente na imagem a ser feita, em cima de alguma letra 3D como na imagem abaixo.

Passo 23

Deixe só uma layer do fundo visualizável e em seu teclado pressione a letra 'M' para ativar a ferramenta de seleção. Selecione uma ára da grama como abaixo feito.

Passo 24

Aperte em seu teclado o comando 'CTRL+J' para duplicar a área selecionada em uma outra layer e renomeia ela para 'grama'.

Passo 25

Coloque a layer da grama em cima de todas e retire sua visualização para ficar oculta. Duplique a layer da árvore, ative uma layer da letra em 3D, as layers: 'árvore', 'árvore copia', 'fundo' e 'sombra'. Dê um zoom e chegue bem perto das bordas inferiores da layer da palavra 3D e ative a layer 3D. Com a borracha, escolha um brush que já vem no Photoshop como se fosse uma grama, e coloque o seu tamanho em 28 pixels.

Passo 26

Deixe o botão do mouse apertado e com a ponta do pincel de grama de borracha, vá apagando as bordas inferiores da palavra em 3D dando um efeito de grama. As duas imagens abaixo mostra como irá ficar o resultado.

Passo 27

Dê um zoom nas layers da árvore e apague o pequeno contorno branco que ainda têm nelas com a borracha de pincel normal. Irá ficar como nas imagens abaixo.

Passo 28

A layer cópia da árvore que está acima de outra layer da árvore, coloque no modo 'Overlay'.

Passo 29

Com a layer da palavra em 3D ativa, selecione a ferramenta 'Magic Wand Tool' ou aperte o atalho 'W' para acioná-la, mude a 'Tolerance' para o valor '5' e selecione a área branca mais interior como nas imagens abaixo. Para ficar mais fácil, deixe o 'shift' do teclado apertado e vá selecionando parte por parte.

Passo 30

Ative a visualização da layer 'grama' e selecione-a, aperte o atalho 'CTRL+SHIFT+I' para inverter a seleção e aperto o botão 'Delete' do seu teclado para deletar toda grama ao redor da imagem 3d.

Passo 31

Com a 'Pen Tool' (Letra 'P' no atalho do teclado) faça traçados que simule a grama beirando o mar, veja a imagem final para ter idéia do que seja - se caso estiver com dúvida. Depois de feito todo o traçado aperte o botão direito do mouse e selecione a opção 'Make Selection...', a opção 'Feather Radius' com o valor de 0 e dê ok.

Passo 32

No seu teclado aperte o atalho 'CTRL+SHIFT+I' para inverter a seleção e aperte 'Delete' para apagar a seleção invertida.

Passo 33

Com a ferramenta 'Erase Tool' (Borracha), selecione um pincel como o mostrado abaixo que tem como título: "Dry Brush Tip Light Flow" com o tamanho de 66px e vá apagando toda parte superior da layer 'grama' para dar um aspecto de ponta da grama, assim como o lado esquerdo da imagem.

Passo 34

Com a ferramenta 'Pen tool' vá selecionando as falhas que ficaram ao apaar a borda da grama. Depois aperte o botão direito e selecione 'Make Selection...' e aperte ok na janela posterior para selecionar as falhas e depois dê 'Delete' em seu teclado para apagar elas. Veja as imagens abaixo.

Passo 35

Abra a imagem do mar dentro de nossa composição. Com a ferramenta de seleção, selecione toda área do mar inferior. Dê 'CTRL+SHIFT+I' para inverter a seleção e após clique em 'Delete' para deletar a área invertida selecionada. e ficará como nas imagens abaixo.

Passo 36

Vá em 'Edit > Free Transform' ou aperte 'CTRL+T' para ativar ela e com a tecla 'SHIFT' pressionada, redimensione seu tamanho uniformemente (igualmente), afim de tampar a imagem da palavra em 3D. Veja abaixo.

Passo 37

Renomeie a layer da água do mar para 'mar', retire a visualização dela. Na layer da letra em 3D, selecione a ferramenta 'Magic Wand Tool' (varinha mágica) e faça como fizemos nos passos anteriores, selecionando a parte branca mais inferior da palavra deixando o 'SHIFT' pressionado.

Passo 38

Com a layer 'mar' selecionada, dê 'CTRL+SHIFT+I' para inverter a seleção e 'Delete' para apagar as partes fora à palavra 3D, mude a posição da layer 'mar' para baixo da layer 'grama'.

Passo 39

Com a 'Erase Tool' (Borracha) normal, tamanho de 300 pixels e 'Hardness' com valor '0', apague a área superior da layer 'mar' como na imagem abaixo.

Passo 40

Com a ferramenta 'Burn Tool' (letra 'O' no atalho), na layer 'fundo', escureça um pouco a grama para dar mais realidade às sombras, ficando como na imagem abaixo.

Passo 41

Crie uma nova camada acima de todas outras, selecione a ferramenta 'Brush' (pincel). Com o botão direito do mouse marque o brush de nuvem e reduza seu tamanho, selecione uma cor branca na paleta de cores e aplique na camada, assim como está na frente das árvores.

Passo 42

Duplique todas as camadas (menos a nuvem que não precisa e a camada da árvore que ja está duplicada), e coloque as de cima das originais no modo 'Overlay' (Sobreposição) para dar esse efeito de cores.

Passo 43

Crie uma nova camada, com a ferramenta "Gradient" (Degradê) faça um degradê do preto no lado esquerdo superior, ao branco no lado direito inferior. Coloque-a no modo 'Soft Light' e veja como ficou abaixo.

Passo 44

Na layer que está a letra 3D duplicada em modo 'Overlay', apague com a borracha as partes inferiores para não tirar o destaque da grama no pé da palavra.

Resultado Final

Sobre o Autor

Sou Guto Bittencourt, apaixonado pelo design, Web/Gráfico Designer, estudante universitário de Comunicação Social voltado para a Publicidade e Propaganda, aventureiro em Designer 3D, de animação e de interiores. Atualmente atuo como freelancer e blogueiro. Meu portifólio está em construção.