AnimHuT
  • Articles
    • Other Topics
    • Picture Of The Day
    • Review
    • Viral Videos
  • Contest
  • Freebies
    • Brushes
    • Font
    • Icons
    • Infographics
    • Patterns
    • Photoshop PSD
    • Textures
    • VECTORS
    • Wallpaper
  • Inspiration
  • Photography
  • Themes
    • Plug-ins
    • WordPress Themes
  • Tutorial
    • After Effects
    • Codex
    • Flash
    • Illustrator
    • Photoshop
      • Text Effects
    • Quick-Tip
Home » Tutorial » Quick Tip: How to create a different style 3D text in Photoshop
Jun27 13
Quick Tip: How to create a different style 3D text in Photoshop

Quick Tip: How to create a different style 3D text in Photoshop

Posted by Sipi Sagar in Tutorial

email
print

We might have seen lot of tutorials about creating 3d text in different ways, but in this tutorial we are going to see completely a new breed of 3d text in which only the depths of the 3d text is visible but still you can read the text. These kinds of 3d text effects will be very useful in creating something in graffiti style.

Step 1: Open the document
Open a new document with any size that you desire and type the text that you like. I have typed this one.

Step 2: Creating the 3d effect
Now holding on alt press right arrow 7-10 times. Now re-arrange the layers such that the original text layer is on the top then below comes the copy of them in ascending order.

You will get output like this.

Step 3: Merging layers
Now select all layers other than the original text layer and merge them all together by pressing ctrl+e.

Step 4: Make selection
Hold ctrl and click inside the thumbnail of the original text layer with the merged layer still selected and press delete. Then hide the original text layer. Now only the depths of the 3d text layer remains and the highlight gets disappeared and you get a different 3d text.

Corollary: Now you can change the background color and still the 3d text is not affected. You can place them on any wall texture and change the blending mode to overlay and get graffiti style.
Final Output

Download Tutorial

0

Written By: Sipi Sagar

Currently working as a corporate trainer for various international companies and universities or schools that deal with business, design, advertising and media and now have got settled as a permanent faculty at Arena Animation Academy, Koramangala. Also working as a freelancer in web designing for the past 2 years. Specialized in web designing, flash applications and 3d architecture.

  • http://www.logolitic.com logolitic

    Nice and simple!
    See my “How to create an animated banner in Photoshop” tutorial

    http://logolitic.com/how-to-create-a-banner-animation-in-photoshop-tutorial/
    .-= logolitic´s latest blog ..How to create an animated banner in Photoshop tutorial =-.

    • Sipi Sagar

      Thanks, logolitic. Visit other posts from animhut also to get more freebies, tuts, tips and tricks. Also stay in toch with animhut for more of future posts.

  • http://www.logoblog.org logo design

    Hey this seems very innovative tutorial comparing with previous articles. Thanks for the post.

  • http://www.insurent.com Tenant credit check

    nice bunch of tips..simple to understand..

    • Sipi Sagar

      Thanks Tenant,stay in touch with animhut for more bunch of nice tips.

  • http://kathyblogger.com Kathy

    You have a lot of nice tips on here. I am going to give this one a try. It is amazing how quickly you can create neat affects with Photoshop if you know the shortcuts.
    .-= Kathy´s latest blog ..Shameless Self Promotion =-.

    • Sipi Sagar

      Thank you Kathy, Sure as you told we can produce magics with the power of photoshop. I read your latest post ..Shameless Self Promotion .. really impressive.

  • http://www.boojeebeads.com/blog/ Tracy

    Thanks for the great tip! I really struggle with text graphics for some reason in photoshop and this is obvious on my header banners. So any tips I can get are appreciated.
    .-= Tracy´s latest blog ..It’s Funky- Freaky Friday- Fashion’s Oddest Finds- Right Here- =-.

    • Sipi Sagar

      Thanks tracy, Surely we will post more text effects tutorials. stay in touch with animhut for that.

  • http://bloggertowp.com/ Umesh Katkar

    simple text tutorial
    .-= Umesh Katkar´s latest blog ..Phyrranet Migrated to WordPress =-.

    • Sipi Sagar

      thanks umesh. text effect tuts are always simple but generally people make it complicated in the name of making it more elegant.

  • http://blogreaction.com/ Aaron

    Thanks Sipi. Very simple to do but a very good effect that can be done quickly. I can’t wait to learn more photoshop tricks to save me time. I am so slow right now.

  • http://www.krop.com/ariarsyadi/ Ari Arsyadi

    I am glad you provided this one with ready-to-download material. nice!

Our Advertisers :

Subscribe to AnimHuT (it’s Free)

Add Animhut on  Google plus animhut Free  Email Subscription for design updates animhut on twitter Animhut rss subscription for latest Updates Join our Official  Facebook Page Animhut Flickr Pool

Our Facebook Official Page
Follow @animhut

Latest Post From the Blog

  • Blog Article: How to Find the Top Talent for your Start-up
  • 2012 Facebook Update: New Image Slideshow like Google Plus
  • Today’s Google Doodle : Charles Dickens 200th Birthday
  • Inspiration: 2012 Fresh Caricature on Popular Celebrities
  • Inspiration: Mid 1970′s like Illustrations by Jorge Mascarenhas
  • Miniature Wonderland – Creative Macro Photography Inspiration
  • Inspiration: Innovative and Creative Motion Reel by Jimmy Yuvan

Archives

Community News

  • Etched text effect using Photoshop

    Here is a very easy to follow tutorial to help you easily do it for any kind of color booklet…

  • 10 Best Clothing Website Designs

    Clothes were made initially to keep us warm and also function as a form of protection. However, since then it…

  • 35 Charming and Romantic Wallpapers That Make You Fall In Love

    Love is the most important part in ones life. Even today, in these turbulent times, love always finds a way…

  • Computers Arts Collection Vol 1 – Graphic Design

    Computer Arts Collection is brand new annual series of six comprehensive guides coming from the authors of Computer Arts, and…

  • 20 Cool Battery PSD Templates, Icons, Tutorials

    PSD Templates are an important element which contributes to impressive and effective graphic design. Creating an battery icon isn’t easy…

●● We Recommended ●●



● Best Web Hosting Review
● Best Web Host Companies
● Review BlueHost
● China wholesale
● factory
● Free Website Design
● Website builder
●Mactheripper
● Coupon Codes
• Freelance Web Designer
• Direct TV Packages
● InternetPhonePackage.com
•Best WordPress Themes
•iPage Web Hosting
● Web Hosting Services
●Youtube to MP3

Search by Tags

ANIMHUT art history Articles caricature character design Contest Daily Photography Daily photos design history digital painting Flickr Freebies Funny Videos google google doodles graphic design Icons illustration Illustrator InfoGraphics Inspiration Inspriation mascot Patterns Photography Photogrphy Photoshop Photoshop tutorial Poster Project365 Quick-Tip Review roundup sriganesh stock image stress buster Texture Tutorial twitter VECTORS Videos Viral Video Wallpaper Wordpress wordpress theme

Hall of Fame :

Friends

  • AdmixWeb
  • ArtAtm
  • BloggerJet
  • CreativeOverflow
  • DesignModo
  • Designrfix
  • Desizntech
  • Graphik Design Agency
  • Logolitic
  • Orphicpixel
  • premiumpress coupon code
  • Skyje
  • Smashingshare
  • Underworldmagazines
  • Visionwidget
  • Webdesignfan
  • Webexpedition18

Pages

  • DESIGN NEWS
  • Who We are ?
    • Authors
  • | CONTACT |
  • Site Map
  • Follow us
    • Google +
    • Like AnimHuT fan page
    • @animhut (Twitter)
    • StumbleUpon Profile
    • Add me on Facebook

© 2009-2012 AnimHuT | Designed by Elegant Themes | Powered by WordPress| Sherweb