Hoje nós vamos mostrar um ótimo tutorial feito por um de nossos leitores, Chanito, do Panama. Neste tutorial ele vai mostrar a vocês como criar uma boa explosão 3D com Adobe Illustrator, Cinema 4D e Adobe Photoshop. Nós vamos usar ferramentas básicas para fazer essa arte. Boa sorte!!

Para mais informações visite a página de Chanito no Deviantart em http://chanito.deviantart.com/

Passo 1

Abra o Adobe Illustrator e encontre a fonte que queira usar na sua arte. Nesse caso eu usei Xirod Font e mexi um pouco nela. Faça um contorno e salve no Adobe Illustrator 8. (O Cinema 4D abre vetores apenas dessa versão do Adobe Illustrator).

Reader Tutorial: Extinction

Passo 2

Vá para o Cinema 4D e abra o seu arquivo Illustrator, quando você abrir o arquivo no Cinema 4D você vai vê-lo dentro de um grupo. Você precisa desagrupá-lo e adicionar 'extrude NURBS' em cada uma das letras da palavra. Depois que tiver as letras com extrude adicione luz (eu usei 2 áreas de luz, na frente e no lado esquerdo) e target camera (opcional, você pode fazer o que quiser).

Passo 3

Bom, já temos nosso texto 3D e precisamos adicionar mais detalhes antes de irmos para o Photoshop. Nós vamos duplicar nosso objeto 3D 8 vezes para poder editar e nós vamos adicionar explosion and shatter. Você precisa brincar com as configurações para ver como quer deixar o visual do seu texto. Apenas aplique 3 explosions e 3 shatters e faça um preview, assim você verá onde precisa adicionar mais detalhes.

Reader Tutorial: Extinction

Passo 4

Vá até render settings e coloque as seguintes configurações. Faça o render e salve em formato 300 DPI TIFF com Alpha Channel.

Reader Tutorial: Extinction

Passo 5

Abra o render no Photoshop, vá até Channels e escolha Alpha Channel. Faça sua seleção, corte seu texto 3D e cole em outra layer. Assim você pode trabalhar apenas com seu texto 3D e depois com o background.

Passo 6

Nós vamos criar o background e pintar algumas áreas com azul escuro. Eu usei o basic soft brush e 50% opacity para alcançar o efeito que queria.

Passo 7

Agora nós vamos adicionar mais detalhes ao background e também precisaremos criar alguns highlights atrás do texto 3D para destacar o texto.

Passo 8

Hora de adicionar cor ao nosso texto 3D. Você pode fazer isso de maneiras diferentes. Eu usei o basic soft brush e pintei sobre as letras 3D e fiz algumas masks.

Passo 9

Nós precisamos fazer um efeito especial para aplicar na frente das letras 3D. Para fazer isso, escolha a Gradient Tool e troque o modo para Difference. Faça gradientes em direções diferentes. Depois, selecione o texto e faça uma layer mask nessa layer do efeito. Troque o blend mode para Soft Light e Opacity para 70%

Passo 10

Agora selecione o texto 3D, vá até Modify - Contract e use 10 to 20 pixels. Delete e desmarque, vá então até Effects - Blur - Motion Blur use Angle: 15 e Distance entre 60 a 70 pixels.

Passo 11

Agora vamos adicionar mais detalhes ao nosso texto 3D. Escolha um bom splatter brush e pinte onde quiser. Para gerar a parte de trás da explosão você precisa adicionar vidros quebrados por trás do texto. (http://psdtuts.s3.amazonaws.com/208_Break_Down/pieces.png).Add some highlights to make it stand out.

Passo 12

Adicione mais sombras dentro do texto 3D com a Polygonal Lasso Tool e a Gradient Tool usando Preto a Transparente.

Passo 13

Agora adicione algumas rachaduras para deixar o efeito da explosão mais real. Coloque uma rachadura na letra que quiser quebrar, no meu caso, o x.

Passo 14

Adicione highlights na borda de cada letra para dar uma sensação real de explosão. Para criar o começo da explosão adicione um mini explosion brush na parte interna do x.

Passo 15

Faça algumas linhas e flares no ponto da explosão de maneiras diferentes. Use cores diferentes para dar uma aparência legal.

Passo 16

Adicione a imagem do vidro quebrado em cima do seu texto 3D e troque o Blend Mode para Overlay. Duplique e vá até Edit - Transform - Flip Horizontal e troque o Blend Mode para Normal.

FINAL

Essa é a imagem final. Espero que tenham gostado desse tutorial!

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.