Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Posted on April 19th, 2009 under Text Effects

Learn photoshop and web graphics tips, techniques and useful practices with mcitp certification. We offer self study ccna 640-802 guide and ccna security dumps to help you become expert.

In this tutorial, I will show you the process I used to create this super delicious, shining and glossy text effect in Photoshop. In fact, I once again accidentally discovered this interesting effect while playing with Photoshop filters this afternoon and thought I could share it with you guys :)

Along the way, we will be using techniques such as layer blending options, filter effects, adjustment layers and a few photoshop tools. It’s a very simple tutorial, have a try!

Meanwhile, I have received a few enquiries about how to add colour effects onto a plain image from my past tutorial – and I decided to include the method I use to achieve the colour effect along with this tutorial. So read on if you’re interested!

Here a preview of my final result for this tutorial: (Click to enlarge)

susan boyle text final1 500x333 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Alternative versions:

susan boyle text final 2 500x333 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

susan boyle text final 3 500x333 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Ok let’s get started!

Step 1

Create a new document sized 1200px * 800px and fill the background layer with Black. Duplicate the background layer once (Always a good habit) and grab the Gradient Tool (G) fill the duplicated layer as shown below:

1 gradient overlay 500x331 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

After applying the gradient effect, duplicated this layer once and on the second duplicated layer, go to Edit > Transform > Flip Horizontal and change the layer blending mode to “screen”.

You will have the following effect:

1 duplicate 499x333 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Step 2

We can make the background a bit brighter and fresher. So go to Layer > New Adjustment Layer > Color Balance and apply the following settings:

Shadows

2 shadows Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Midtones

2 midtones Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Higtlights

2 highlights Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

And you will have the following effect:

2 effect2 500x332 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

OK that’s for our background! We can now add our text effect onto it.

Step 3

Download this font and type some text onto it, resize and position it as shown below:

I typed Susan Boyle because I was so touched and inspired by her performance on Britains Got Talent show :) Wish her all the best!

3 type 500x317 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Apply the following layer blending effect to the text layer:

Drop Shadow

3 drop shadow 500x350 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Inner Shadow

3 inner shadow 500x350 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Outer Glow

3 outer glow 500x350 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Inner Glow

3 inner glow 500x350 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Bevel and Emboss

3 bevel 500x350 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Contour

3 contour 500x350 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Gradient Overlay

3 grad 500x350 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

And you will have the following effect:

3 effect2 500x330 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Step 4

Load the selection of the text layer (ctrl + left-click the thumbnail image of the text effect on the layer palette):

4 left click Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

4 load sel 500x158 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Then create a new layer called “fibre” (make sure you maintain the selection) and fill it with White colour:

4 fill 2 500x156 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Then go to Filter > Render > Fibers and apply the following settings:

4 fibre Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Then go to Filter > Blur > Gaussian Blur and apply the following settings:

gau blur Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Change the layer blending mode of this “fiber” layer to “lighten” and you will have the following effect:

4 effect2 500x126 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

To add some lighting variation onto it, we duplicate the “Fiber” layer once more and change the blending mode of the duplicated layer to “overlay”:

4 effect 2 500x321 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Step 5

Now we can add some colour onto our text! To do this, load the selection of the text layer using the method described previously, create a new layer called “colour” on top of all layers:

5 layer Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Maintain the selection of the text layer, grab a soft brush with colour of your choice and simply paint over the layer. You will see because we have a selection of the text, you will paint only within the selection not any other area:

5 paint 500x150 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Change the layer blending mode of this layer to “color” and you will have the following effect:

5 effect2 500x180 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

To add a bit more shining effect to finish off the text, duplicate the “colour” layer once and change the blending mode of the duplicated layer to “overlay”.

Here is the final effect: (click to enlarge)

susan boyle text final1 500x333 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!

I added some textures on the background just to decorate it a bit: (click to enlarge)

susan boyle text final 2 500x333 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Alternatve Colour

susan boyle text final 3 500x333 Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.

Cheers and have a nice day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • http://www.webmasterclip.com Edward.H

    thanks for your useful tutorial, I have submitted a link of this article to our website in order to share it with more people. check
    http://www.webmasterclip.com/story/design-super-delicious-shining-and-glossy-text-effect-photoshop

  • http://typezine.wordpress.com Márcio Guerra

    Really nice tutorial! I did enjoyed it! Didn’t seen such a light and easy tutorial with such a great overall look like this in a while!
    Good luck also Susan Boyle! Eheheh! You rock!

    Márcio Guerra

    Check out my links
    http://Typezine.wordpress.com/ – My Type Blog
    http://twitter.com/mguerra79/ – My Twitter – Follow me!
    http://HoldUs.blogspot.com – My portuguese Poker Blog
    http://depacco.com/pages/index.php?refid=mguerra79 – In case you want to make some extra money!

  • http://www.psaddict.com psaddict

    Awesome!

    Added to http://www.psaddict.com

  • http://glmcgema.wordpress.com/2009/04/20/nouveau-graphique/ Nouveau Graphique « Glmcgema’s Blog
  • pierre

    thanks for the tutorial I found it a nice one.

    greetz

  • http://www.joyoge.com/ joyoge designers’ bookmark

    very easy tutorial nice effect, thanks..

  • http://www.cosassencillas.com/2009/04/21/enlaces-semanales-no-publicados-15/ Enlaces semanales que no he publicado (15) | Cosas sencillas

    [...] Design a Super Delicious, Shining and Glossy Text Effect in Photoshop (psdvault). En este tutorial, nos muestra el proceso utilizado para crear un bonito y brillante efecto del texto usando Photoshop. Solo es necesario utilizar algunas técnicas como opciones en la capa de mezcla, efectos de filtro, capas de ajuste y unas pocas herramientas más. Es un tutorial muy sencillo. [...]

  • http://0ojewelo0.wordpress.com/ DigiTaL JeweL

    nice tutorial , i like the final effect , thank you very much

  • http://photorestorationretouching.com/ photo retouching

    I am looking at taking my text skills to another level and this tutorial has left me with great ideas!

  • http://www.sblgraphics.com/clipping-path_service.aspx photoshop image masking

    Thank you for posting this great tutorial. The instruction is easy to follow, and the results I have gotten are amazing! Love it!

  • admin

    @everyone: thank you all for the comment, glad you enjoy the tutorial :)

  • http://www.miraztutorials.com huwaw69

    Great txt design and effect! groovy!

  • http://design-notes.info/tutorial/photoshop-resources/19-fresh-text-effect-tutorials/ 19 fresh text effect tutorials | Design-Notes

    [...] Shining and Glossy Text Effect in Photoshop [...]

  • James

    Excellet tutorial!!!
    Could I ask you where you get the textures? Thank you.

  • http://nikoricko.com Hawdy Yawll

    This was an awesome tut. Me and my work buddeh did it in a flash! 8D Thanks. :3

  • http://tahti-bunny.deviantart.com Tahti

    Thanks so much for this awesome tutorial! I used it here: http://tahti-bunny.deviantart.com/art/Butter-Fly-124061999

  • http://www.templatis.com templtae

    Looks great!

  • http://ozkonter.wordpress.com/2009/06/24/efeito-taxi-de-nova-york/ Efeito Taxi de Nova York «
  • http://bg-uroci.net/2009/08/%d0%bb%d1%8a%d1%81%d0%ba%d0%b0%d0%b2-%d1%86%d0%b2%d0%b5%d1%82%d0%b5%d0%bd-%d1%82%d0%b5%d0%ba%d1%81%d1%82/ » Blog Archive » Лъскав цветен текст

    [...] Източник Превод: almavez [...]

  • Frankie

    Cool beans

  • http://paid-survey-sites-that-pay.blogspot.com/ Darius Connors

    I can’t seem to get the same look as yours. Do you have the PSD for this tutorial so I can compare it with mines?

    Thanks
    Darius

  • DesignersArt

    Thank you for posting such a great tutorial. The instruction is easy to follow, but I got one problem, will u plz tell me something about white contour in step 4….
    Great website with great template hope you will also give a tutorial about Avatar for users you are using in the comments

  • http://creativenerds.co.uk/tutorials/70-photoshop-ttorials-for-creating-perfect-typography/ 70 Photoshop Ttorials For Creating Perfect Typography | Creative Nerds

    [...] 58. Design a Super Delicious, Shining and Glossy Text Effect in Photoshop [...]

  • http://www.lanche86.com/blog/70-photoshop-tutorials-for-creating-perfect-typography/ 70 Photoshop Tutorials For Creating Perfect Typography | blog.lanche86.com

    [...] 58. Design a Super Delicious, Shining and Glossy Text Effect in Photoshop [...]

  • http://www.booto.net/?p=5326 70个字体Photoshop设计教程 | Booto’Blog

    [...] 58. Design a Super Delicious, Shining and Glossy Text Effect in Photoshop [...]

  • Rmgblackknight

    Thank you for posting such a great tutorial.