Forum relacionado com web design e design gráfico. Duvidas, sugestões, regista-te e participa.
 
InícioPortalFAQBuscarMembrosRegistrar-seConectar-se

Compartilhe  | 
 

 [PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
Autor Mensagem
Admin
Admin
Admin
Admin

Sexo : Masculino
Idade : 27
Mensagens : 50
Localização : Leiria
Data de inscrição : 09/09/2009

[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Vide
MensagemAssunto: [PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator   [PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator EmptySeg Dez 07, 2009 4:13 am

So,to create the 3D text,you must have Adobe Photoshop and
Illustrator.First,we`re going to create the 3D effect in Illustrator
and then in Photoshop will stylize it a little bit.What are we making
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Final


Creating the 3D text in Adobe Illustrator

Open Adobe Illustrator and create a new document of 750×750 px.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 1Select the Text tool and type in your first letter with a bold font.I am using Hobo Std Medium 72px.Fill it with white color.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 2Select the letter and go to Effect > 3D > Extrude & Bevel.You may hit Preview to see how the letter shape is changing.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 3Repeat those steps for the next letters and adjust the rotation to make different symbols.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 4Now
let`s export the letters for Photoshop.Go to File->Export and be
sure to choose from the list .psd extension to be compatible with
Photoshop.Then go to Photoshop and load the .psd 3D text.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 5
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 6Stylizing the 3D text in Photoshop

Create a new layer in Photoshop to make a background for the text and add a radial gradient overlay.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 7
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 8Add the text over the background.Select the Magic Wand tool,set tolerance to 2 and select the front side of the first letter.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 9Make a new layer above the letter layer,select the layer and fill the selection with a blue gradient using the Gradient tool(G).
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 10Now the letter looks better.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 11Continue with the rest of the letters giving them different color gradients,like in the image below.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 12Now
we`re going to create an effect for the each depth of each
letter.Double click the first letter layer,and add the next blending
options:
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 13
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 14
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 15You may see how the depth of the letter is changing in a transparent blue,like in the image:
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 16Continue the procedure for each letter,by changing the gradient color to a similar one like the letter.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 17Let`s
decorate them a little bit.For this step,download some decorative
flower brush sets and start paint inside each letter.To paint inside
them,first you must hide the letter`s face and then select them with
the Magic Wand tool,with a tolerance of 2pt.Watch the images below to understand better the procedure:
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 19
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 18Download from here the decorative flower brush sets:[Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.]Paint each letter as you want.You may give them a color or a gradient.You decide.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 20
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 21Now download this [Você precisa estar registrado e conectado para ver este link.],make a layer under the letters and paint some white fog,like in the image below:
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 22Ok,now lets add some more interesting background elements.Download this [Você precisa estar registrado e conectado para ver este link.] and add some lines over the letters.I painted them over a layer situated between R and T.Change the layer mode to Soft light,decrease the opacity to 60-65% and add an Outer Glow.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 23
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 24
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator 25To finish,put 2 or 3 shining stars over the letters.For this,download this lovely [Você precisa estar registrado e conectado para ver este link.],paint some stars and give them an Outer glow to shine.Final Image

This is how my final image looks,after following all the steps above.
[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Create-a-hot-iphone-sky-scene[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator Final

We`ve reached the end of the tutorial.I thank you for reading and I hope you learned something today
Voltar ao Topo Ir em baixo
https://ds-design.forumeiros.com
 

[PhotoShop + Illustrator] Create a cool 3D text using Photoshop and Illustrator

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1

Permissão deste fórum: Você não pode responder aos tópicos neste fórum
Ds-Design :: Design Gráfico :: Astúcias e tutoriais para criação gráfica -
Forumeiros.com | © phpBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Criar um fórum