Create a Spectacular Style Text Effect

May 25th, 2008 by ART-D Posted in Adobe Photoshop, Text Effects

   

In this tutorial we’ll create a cool looking 3D Style text effect.

Begin your work with creating a new file of 1280×1024 px and 72 dpi.

Then we shall use the Rectangle Tool (U) to draw the background of the picture to be.

Create a Spectacular Style Text Effect in Photoshop CS3

Set the next shown parameters for the made new layer by making a mouse click on this layer in the layers’ palette. Blending Options>Gradient Overlay

Create a Spectacular Style Text Effect in Photoshop CS3

Gradient’s parameters:

Create a Spectacular Style Text Effect in Photoshop CS3

Create a Spectacular Style Text Effect in Photoshop CS3

Using the Custom Shape Tool (U), try to represent the rays coming out of the central picture’s part.

Create a Spectacular Style Text Effect in Photoshop CS3

Mark out the inside tops, applying the Convert Point Tool (holding on SHIFT button) and then press CTRL+T, while using Maintain aspect ratio for getting together the rays in a single point on the central part of the picture.

Create a Spectacular Style Text Effect in Photoshop CS3

The layer’s parameters: Opacity 70%, Fill 0%
Blending Options>Gradient Overlay

Create a Spectacular Style Text Effect in Photoshop CS3

Gradient’s parameters:

Create a Spectacular Style Text Effect in Photoshop CS3

Create a Spectacular Style Text Effect in Photoshop CS3

Create now a new layer (Create new layer) and select a standard brush of black color, Brush Tool (B) (Opacity of 10%) to dark out the picture’s edges.

Create a Spectacular Style Text Effect in Photoshop CS3

Create a Spectacular Style Text Effect in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5

  • jenna

    21/09/2009

    I am stuck at the part where you have to make the rays i’ve done everythin like you said but after i add the gradient the rays don’t look anythin like you showed on here. did I do something wrong?
    i’m useing CS4 not sure if thats the problem.

  • josh

    21/09/2009

    yo i’m lost how did you ctr +Alt click on cursor thing help please!!!

  • jamie

    28/09/2009

    this guy does a bad job at explain hes confusing

  • Ste Jobs

    14/10/2009

    I’m using this guide as a newbie to Photoshop and to be honest I’m a little lost. I’ve learnt a lot from it but feel like I’m in at the deep end here. I think I’ll try something easier first. Thanks for the great tutorial anyway. I’ll come back when I know a little more.

  • Rajpoot

    08/11/2009

    nice tuts, i like it very much

  • Bryan

    28/11/2009

    I’m really lost on this I did almost everything you said I got stuck where it says:

    “Mark out the inside tops, applying the Convert Point Tool (holding on SHIFT button) and then press CTRL+T, while using Maintain aspect ratio for getting together the rays in a single point on the central part of the picture.” I need help please…!!!

  • gerome

    10/12/2009

    thiis dont even work wtf

  • Cristina

    10/12/2009

    I’m not very well at photoshop either, and I also got stuck at the rays explanation, but I sorted a way to do what you show here. Not sure it’s what you meant, but it worked.
    select the Convert Point Tool (Direct Select Tool worked also), drag a box around all inside corners of the starburst. Hit ctrl+t or right click and select “free transform points” mark the “maintain aspect ratio” button at the top (the one that looks like a chain link), and hold Alt while dragging the selection box inwards (scale down) until the rays meet
    I know this post is very old, but maybe new visitors get stuck at this same point… (I did)

  • Kait

    22/12/2009

    What in the world is the Ctrl-Alt thing trying to say? I’ve never even heard of a cursor button for Pete’s Sake.

  • TheVkilla

    25/12/2009

    Kursor button – he means arrows :D Holding Ctrl+Alt hit down arrow several times and that automaticaly create new layers a little moved towards previous layer.

  • Mamun_bangladesh

    31/12/2009

    its really awesome

  • Serene

    26/01/2010

    i dont get the part where you put the rays on before the letters

  • kanchana

    04/02/2010

    Nice effect

  • Prasad

    09/02/2010

    daz vry gook idea for rising effect

  • salma

    18/02/2010

    Nice effect

    thank you

  • HUMAN

    26/03/2010

    really, really bad explained about those ray-bursts. coudnt manage to squeeze

  • IOP KIEN +

    11/04/2010

    MMM ES NECESARIO EL INGLES???

    XD

  • AMB

    14/04/2010

    I agree with 95% of the comments on this tut. Got lost right at Mark out the inside tops, applying the Convert Point Tool (holding on SHIFT button) and then press CTRL+T, while using Maintain aspect ratio for getting together the rays in a single point on the central part of the picture.

    Dont understand what that means at all. What a shame. I was looking for a way to do this effect easily and this is the closest I got.

  • sara

    04/05/2010

    i am lost right here…. “mark out the inside tops, applying the Convert Point Tool (holding on SHIFT button) and then press CTRL+T, while using Maintain aspect ratio for getting together the rays in a single point on the central part of the picture.” it is a new layer? because whe’ve already set the layer’s parameters if we apply the shape on the original/backround layer… why in the pic example the backround is grey??? I AM LOST.. its a cool effect..i want to learn!!

  • ni

    11/05/2010

    nice effect..i really liked it

  • tom

    11/06/2010

    >jenna
    >21/09/2009
    >I am stuck at the part where you have to make the rays i’ve done everythin like you said but after i add the gradient the rays don’t look anythin like you showed on here. did I do something wrong?
    i’m useing CS4 not sure if thats the problem.

    Try adjusting the scale of the gradient. It’s likely that you have created your image at a different size to the tutorial and therefore you might need to tweak a few things differently.

  • tom

    11/06/2010

    to AMB and sara and others

    - this part of the tutorial is saying that you need to adjust the custom shape so that the points meet in the middle.
    To do this you need to use the selection tool (white arrow) to select the points in the centre of the shape, using shift to select multiple points.
    Next you need to hit CTRL+T to enter free transform mode, and then while holding shift (to constrain the proportions) and alt/apple (to keep it centred while you scale), drag to pull the points into the centre.
    Now the rays in your shape should meet in the middle.

    hope this helps

  • Daljeet Singh

    19/06/2010

    Hi Dear
    It is a very usefull site for photoshops & designer. Please visit again & again.

    Daljeet Singh

  • izolasyon

    27/06/2010

    nice tutorials.. thanks you.

  • Abeon

    16/07/2010

    Very nice and modern style.
    Will make a nice logo for a site I’m working on, thanks!

  • surya

    23/07/2010

    where is the text effect man.iam open for that only but you didnt put that one

  • Terry

    06/08/2010

    I am with everyone who left comments – I can’t get past the ray thing, the explanations are really not clear how to do it. I have tried many things even what was written in the comments, I managed to get the outline but when I try to apply the gradient to create the sunburst it doesn’t work.

    It would be nice if someone can explain how to create this, I know of another way to create a sunburst but want to learn how to do it this way.

  • Oyunlar

    27/08/2010

    nice style for logos.. thank you..

  • sokphom

    28/08/2010

    very goods

  • Awesome

    20/10/2010

    This tutorial helped me finish my logo design.
    I liked how you created a radical spiral ray with a gradient and custom shape.
    One thing you could help with is: where did you get the custom shape?
    I couldn’t find it and had to use a alternative. The end result was the same though.
    Thanks and keep up the great work!

  • Abilash

    17/11/2010

    Thanks for ur tutorial..

  • BJC

    14/12/2010

    Cool mine turned out beter tho ;)

  • Chetna

    19/12/2010

    You Need To Explain It Quite Well Dude!

  • evden eve

    04/01/2011

    where did you get the custom shape?
    I couldn’t find it and had to use a alternative

  • Alan

    07/01/2011

    For those stuck at the part where they have to do the rays:
    After you have completed the steps with the gradient, right click on the layer – Convert to smart object. And thats about it.

  • Brick machine

    08/01/2011

    Thanks for sharing your article. I really enjoyed it.

  • fer

    11/01/2011

    Im stuck in te parte that says: Select the parameter Free Transform>Skew for each letter im using photoshop c3 but i cant fin that option help please

  • Carlos E. Quevedo

    15/01/2011

    Guys I was lost with these tutorial as well, but I did not give up and looked around and had found this tutorial http://www.cgrats.com/3d-text-effect.html/2
    try it and them come back to this one again and try to solve it. I have not done yet.

  • Carlos E. Quevedo

    16/01/2011

    Here another one with more or less the result but better explained.

    Enjoy it guys I know what is to wish to complete the tutorial and some thing is wrong!!!!

    Duplicate the text layer and move it up by one pixel. The short cut for duplicating a layer is Ctrl + J and the short cut for moving it up a pixel is Ctrl + Up arrow key (while keeping the text tool selected). Repeat this process 15-20 times until you have something like…

  • jai

    02/02/2011

    Thanks for ur tutorial..

  • graphic design

    15/04/2011

    Excellent tutorial. Never thought of creating this way. Thank you!

  • printers london

    30/04/2011

    I am confused at the part where you have to make the rays done everything like you said but after i add the gradient the rays don’t look anything like you showed on here.
    Well done much helpful for graphics designers.

  • hxtrade98

    04/05/2011

    Excellent tutorial. Never thought of creating this way. Thank you!

  • wes

    30/05/2011

    To all who are confused on the part, do this:
    -Click A, this will give you the selection tool. If your arrow is white then you have the right tool. If it is black, then go to your toolbox, right click on the tool and select the white arrow (directional selection tool).

    -Starting from the middle of your custom shape, hold shift and select all the blue points.

    -Once you have them selected, click ctrl+T. Then go to the top where it says percentage and type in 0% for both width and height.

    -There you have it, it should be done now. Just click the arrow at the right to apply settings.

    Btw I have CS5

  • bizee

    03/06/2011

    hiya

    am i missing something? the background I can do, but..

    where is the rest of the tut showing how to do the TEXT part?

    is there a part 2 somewhere?

  • Legend

    14/06/2011

    nice

  • zakia albuloshi

    19/06/2011

    nice collection, I advice every one to have look over it

  • Winter Technology

    26/06/2011

    Love this Tutorial…i’m going to try right now!

  • boohoo

    28/06/2011

    i follow all your steps, and works perfect..ty for this tutorial

  • Karol

    28/06/2011

    neat way to make 3d letters – thanks

  • Hazel

    26/07/2011

    What did you use as your skew settings?

  • Christopher

    15/09/2011

    I’m reading this article post and it seems to be wonderful! I like your way of writing and you’ve got stated some fantastic things about this issue.

  • feja kweka

    20/09/2011

    I av worked wit t n i made t.

  • javed shaikh

    23/11/2011

    its very hard. and in this tutorial not showed perfect when make a simple text to 3d but i have done it.

  • İzmir Lazer Epilasyon

    20/02/2012

    i like this tutorial

  • bulu

    24/05/2012

    lots of thanks that ur helping such types poor computer boys to teach us

    India – kolkata

    thanking u

  • felipe

    31/05/2012

    I need help! I can put that letter you please help me and how I do it?

  • pape

    24/08/2012

    did this work on adobe photo shop7

  • boff

    07/12/2012

    nice tut, methinks the 23% setting is way too low for the size of the image. Just sayin

  • who said thAT

    07/12/2012

    I Think a lot of things are being lost in translation. Understanding what he is saying is the problem :-/

  • Abet

    11/01/2013

    I thought this was about creating 3D text. That was the reason I came here in the first place and not with those rays and gradients.

  • Liz

    30/04/2013

    Yeah – the convert point part for the rays was REALLY confusing. Thanks Christina for helping me through it. I’m no beginner at Photoshop – been using it for a few years – and this tutorial confused the hell out of me. A for effort, bro.

  • Raju adhikari

    03/05/2013

    This is good but not Text effect is loaded i think

All the study material in VCP-410,350-001 and 640-802 is completely simplified.Also by using 650-177 and 642-637 you will have no difficulty in understanding and preparing for the exam.