5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Posted on October 14th, 2009 under Abstracts,Basics,Drawing,Text Effects

Join 640-553 web designing training course to learn how to create beautiful images and boost up your creative skills using PMI-001 photoshop tutorials and 220-702 DIY guide.

Recently I have been focusing on providing some simple, beginner-leveled Photoshop tutorials here on psdvault.com, aiming to helping Photoshop starters to learn some basic, but useful things towards their design. After all, I do get lots of emails from beginners wanting to learn from the basics.

Therefore, I made a few mini Photoshop tutorials and compiled them into one, big tutorial with some tricks I learnt and discovered in the past.

In this post, I will show you 5 Useful Little Photoshop Tricks to Bring Out That bit of Extra Elegance for Your Design. I think those techniques would be quite useful for a Photoshop beginner, as they give you a good starting and/or finishing point for whatever things you design. Once you learn those skills, you can apply them to a wide range of occasions. Have a try!

The topics I will be focusing on in the post include:

  1. Give Your Text A Bit More Depth
  2. The Light From the Top (Highlight Specific Area)
  3. Clever Use of Motion Blur
  4. The Cloud and Warp Tool
  5. Distort Your Way into 3D

Give Your Text A Bit More Depth

Here is the problem – You typed some text onto the canvas, but somehow it looks just boring, like this text below:

(Font: Myriad Pro)

text depth original 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Here is how you can easily add some more depth and lighting contrast to the text itself – on the text layer, apply the following layer blending options:

Drop Shadow

1 drop shadow 500x350 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Inner Shadow

1 inner shadow 500x350 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Bevel and Emboss

1 bevel 500x350 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Contour

1 contour 500x350 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Gradient Overlay

1 gradient overlay 500x350 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

And here is the effect after those blending options applied:

1 effect1 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

You can see just by adding those very simple layer blending options, you can make you text looks more attractive and contains more lighting depths.

The Light From the Top (Highlight Specific Area)

If you want to bring out some more extra elegance for the text above, you can add some light from the top.

To do this, simply create a new layer on top of the text layer, keep the blending mode as “Normal”, grab a big soft round brush with White colour, do a single click on the position as shown below:

2 click 500x503 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

And you will have the following effect: (can reduce the layer opacity to around 80% if you think the light is too bright)

2 effect1 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

This method can be used widely in lots of different occasions, for anything you want to highlight.

Clever Use of Motion Blur

Sometimes you see a display like this:

3 sample 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

and you wonder how this nice shadow is created. Well, simple!

Basically you grab a soft round brush with a dark colour, do a single-click on a spot:

3 click 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Go to Filter > Blur > Motion Blur and apply the following settings:

3 motion blur 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Hit Ctrl + F several times to re-apply motion blur several times, then use the free transform tool (Ctrl + T) to reduce the height if necessary. You will have the following effect:

3 free trans 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

That’s it! If you want to make a dark shadow, just use a darker brush in the beginning.

The Cloud and Warp Tool

Have you ever thought of combining the cloud rendering filter and the Warp Tool together? If not, have a try with those two now, you will be surprised what effect that brings you.

The steps are quite simple: create a new document with black background, use the Lasso Tool with a 50px feather and draw a circle, render some cloud inside it by going to it Filter > Render > Cloud: (with White as Foreground colour, Black as Background colour)

4 cloud 500x302 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Then Hit Ctrl + T and bring up the Free Transform Tool, right-click on the cloud and choose “Warp”:

4 select warp 499x333 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Then expriement! Use the warp tool to tweak the cloud into whatever shape you like:

4 warp 500x411 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Here is my effect after the warping:

4 effect1 500x347 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Try out different angles, you will get lots of different effect as a result.

Distort Your Way into 3D

This is a really quick way of making a 3D look with the Distort option available in the Free Transform Tool.

So create a new document with White background and make some rectangular shape filled with different colour on it: (The size of the rectangular shapes are roughly half of the height the canvas)

5 rect 500x399 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Duplicate this shape layer, drag the duplicated shapes beneath the original shapes, resize it to fit the canvas:

5 drag 500x338 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

On the duplicated layer, right-click and choose “Distort”:

5 distort 500x323 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

Hold down the “Shift” key, click and drag both bottom corner of the shape until you reach the following effect:

5 after dist 500x297 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

For Lighting Contrast, simply add a new layer with blending mode set to “Color Burn”, grab a soft round brush with a dark colour and paint over the desired area:

5 brush 500x274 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design

That’s all for this tutorial! Hope you enjoy it and find those little tricks useful and inspirational! Cheers and have a great day!

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 55 Create a Magical Photo Manipulation with Flowery Effect in Photoshop 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
  • Rachelsuen

    wow~~quite useful ~~

  • http://www.waxideal.com sarandi

    awesome tutorial! keep up the wonderful and useful content

  • http://lab.kapit.fr Steeve Cayla

    Thanks a lot ! Great !

  • Claudy

    Thanks a lot!!!

  • BagshiK

    Thanks, it’s very useful =) !

  • Angela

    These tutorials are so awesome…thanks so much…God Bless…

  • http://www.kayahankahriman.com Kayahan

    WOW!!! u just saved my life =))

  • James

    @everyone: no problem, glad they’re useful to you!

  • http://www.jauhari.net/ Jauhari

    Latest trick is ROCK!

  • http://gizmodose.com Gizmodose

    James, i think something went wring here, i can’t see any images.

    For example http://www.psdvault.com/wp-content/uploads/2009/10/5-rect-500×399.jpg leads to a 404 page

  • http://techstuff.mottacoca.com cj

    i agree with Gizmodose…

    nice tutorial, and it would be best if we can see the images :-)

    thanks for the nice tutorials

  • James

    @Gizmodose @cj: weird… I don’t have any problem viewing the images. But to be sure, I have re-uploaded that specific image and it should be working now.

  • http://genxprophets.wordpress.com dany

    Your site is such A good tutor , which made me think out of books..

  • http://www.colthart.com Bruce Colthart (@bccreative)

    I especiallly like the idea of warping the cloud! I’ve used other effects on clouds many, many times but hadn’t thought of that – nice!

  • http://blog.glennvanbogaert.co.cc Glenn Van Bogaert

    Wow, some great tricks that I definatly would use in my next designs

  • http://ijlalhasnain.com dandy

    Really nice and useful. Thanks

  • parkair

    Brilliant!!

  • http://www.clippingimages.com clippingimages

    Nice tutorial. Very easy and well defined. Thanks for sharing this nice post. Really awesome to learn these tricks.

  • http://www.templateslord.com Marko Petkovic

    Great tips, I didn’t know number 4 and 5, thanks!

  • http://alb3rt1.altervista.org Alb3rt1

    Thanks for this tuts! We need more of these tips :)

  • http://craigbaldwin.com/blog/2009/11/the-week-in-links-021109/ dot Blog. The week in links 02/11/09

    [...] 5 Useful Little Photoshop Tricks To Add Extra Elegance For Your Design (psdvault.com) [...]

  • http://stormwindkennel.multiply.com hypnostics

    thanks for this! :)

  • Saher

    Thanx for this gr8 tips :)

  • http://desaindigital.com jeprie

    Gosh, great trick. That last thing, 3D and warp, really remind me of how stupid i am using photoshop.

  • http://www.VesoneXDTv.com Vesone

    Very nice tutorial, I’m going to try some of these techniques later on today.

    Especially the one with the font.

    Keep up the great content

  • http://vikerweb.wordpress.com vikerweb

    Useful tricks!. Thanks!.

  • http://www.colorfulparty.com/5-easy-photoshop-tricks-to-get-amazing-design/ 5 Easy Photoshop Tricks to Get Amazing Design | Colorful Design Party

    [...] Click here to view the photoshop trick If you enjoyed this article, please consider sharing it!   [...]

  • datshay

    Hay its great yaar…….

  • spondita

    thanks a lot! :)

  • Teresa

    thanks, it’s pretty useful.

  • http://www.ultrabold.net ULTRABOLD

    AWESOME TUTOR! I really like some things like this. Thank you!

  • Grateful reader

    Does it matter what photoshop you have?? -____-” because i don’t seem to have the warp thing D: putting that aside thank you :D you are every good are writing simple and understandable tutorials ^___^

  • http://www.msnforum.tk msn

    AWESOME TUTOR! I really like some things like this. Thank you! msn thanks

  • http://mypersonalise.com Eoin

    Thanks for this tutorial about using the cloud render effect.. For some reason add reason I don’t have a wrap option on my Photoshop cs4, but while trying compensate I ended up creating a meteorite… Yeah, I know.. Nothing like what you were showing lol

    So, I decided to create a little tutorial of my own over at my blog on how to create a meteorite, but have to give you thanks because I never would have thought of it if I didn’t come across this blog first.

    So here goes….. Thank You! :)

  • http://Website JB

    Thanks! Great tips!

  • http://Website MAt

    Muy bueno me encanto
    muy utiles todos los tutoriales

  • http://kcatprizerebel.blogspot.com/ James

    Great tips! I’ll be trying them out very soon!

  • http://Website Snow

    Good stuff :D

  • http://Website mike

    very good.thanks

  • http://Website Akki

    man thats awsome

  • http://bobmarley.com bobmarley

    only commenting because its cool

  • http://Website popoly

    love it so usefull thanksssss

  • http://www.alhneen.net/vb alhneen

    thats great really great thnks

  • http://Website Rahidy2k

    its great so helpful tnx……..

  • http://Website ROhit

    Awesome tutorials !!
    im really a beginner in photoshop! a real noob . .

    guess that gonna change!!

    thnx :)

  • http://Website lee

    thanks a lot…….beautifful

  • http://Website SALIM

    pls send me psd file with photoshop tricks & tips with psd file format

    thanx

    salim sayyed

  • http://Website not so imprtant

    hi pal its tooo use full and u may upload some videos or video links at end they may be very use full to us bro

  • http://www.veeruwebs.webs.com veeru

    it’s really useful…………..thanx

  • http://www.royalbengalweb.com Royal Web Design

    Really Great 5 Useful Photoshop Design Article. Really Good one. Photoshop is one of the most important tools for graphics & web designing.

    Thanks.

  • http://www.morphealth.com/ nisa sanjaya

    nice tutorial guys,, thanks :D

  • http://Website The Last See

    Nice and these tricks help very much

  • http://Website Musc

    many thanks for the excellent & handy tips :)

  • http://www.kreatywnecv.pl Piotr Plachta

    I guess i will stay longer on your website ;) cheers !
    pete

  • Crabcakes

    Another set of useful tips for beginners. Thank you very much!