Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Design Community
Photoshop Tutorials
Graphic Design Resources
Vandelay Design Blog
Design Reviver
Web Design & Graphic Design Blog
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Graphic Designers
Creative Public
The Print Guide
Creative Track
Digital Dreamer
Logomarket
Desktop Publishing
Blue Sfear
Web Design Templates
Design Directory
Web Designers & Developers
Crafts for Kids
Webmaster Tutorials
Web Designers
Web Design Portfolios
All Work at Home Ideas
How to Draw
Work From Home Job Search
More Graphic Design Links
OTHER SITES WE OWN
AllFreelance
All Freelance Work & Portfolios
Graphic Design Community
Best of Graphic Design
Web Design Tools & Resources
![]() |
home > Graphic Design Articles > Graphics Software > Adobe Photoshop >Creating 3D Text Effects in Photoshop (Adobe Photoshop & 3D Text Effects Tutorial)
by Mart Gil Abareta
If you are a graphic designer or a web designer, no doubt you either already know how to create cool text effects in Adobe Photoshop or you want to know how to. This Photoshop tutorial is for the latter. In this Photoshop tutorial, we will teach you how to create cool 3D text effects that will pop out from your website's or brochure's background!!
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
We know that with Photoshop, we can do everything that we want in terms of web and graphic design. This software has become a valuable tool in every designer’s works of art. Now, I have here the procedure from www.absolutecross.com in creating a pretty cool text effect to make it seem to melt into or "pop out of" your website's background.
First, you must open a new document and make it the right size for the text you will be working with. Select a color from the color picker that’s brighter than the color as your text will be. Click on the arrows to interchange the foreground to your background color. Go back to the color picker and select a shade that’s darker than what you’ve chosen for the foreground color.
Then, fill up the still empty image with the texture which will be utilized for the website’s background. Open the texture and select all by pressing Ctrl+A. Now, click on Edit / Define Pattern and then close the texture. By going back to your main graphic, select Edit/Fill/Pattern Uncheck the Preserve Transparency and set the opacity to 100% and mode to normal. Your graphic must now be filled up with the texture of your website's background.
Next, choose the Type Mask Tool, type in the word/s you want to incorporate in your graphic in the input field, and click OK. Then, have a selection of your words on your image. Make a new layer and fill the text selection with the foreground color by pressing Alt+Delete. While the text is still selected, make another layer and repeat the texture fill process we utilized earlier for the background within the text selection – only this time with a different texture. See if you need more textures, too.
With the top layer still chosen, drag the Opacity Slider in the Layers Palette down to about 50% or 60% based on how dark or light you want your final effect to appear. Make a new layer and choose the Gradient Tool. Drag within the text selection to make a gradient from top to bottom and then drag the opacity slider down till you can view some of the texture behind the gradient.
Moreover, we will generate a shadow for the text to "blend" into the website’s background. With the text still chosen, click on the Background Layer and add a new layer from there. Go to Select/ Feather and then 1-3 based on the thickness of the font you are utilizing. Press D on your keyboard and then Alt-Delete to fill the feathered selection with black. Again, press Alt-Delete to make a darker shadow. Then, hold down the Ctrl key and press the down arrow on your keyboard once or twice.
Finally, you can end the process here but if you have the Eye Candy filter, you can include an extra effect by applying a slight bevel to the text. You can also add to your image other stuff that you want and you're already done!
So, you can now follow the abovementioned steps using Photoshop and you’ll also enjoy working on your unique 3D text effects. Enjoy working!
For Comments and Questions about the Article you may Log - on to http://www.printingshoppers.com
Author of this article is Mart Gil Abareta.
RECENT ARTICLES from Graphic Design BloG
Graphic Design, Book Covers, and You - Part II
Reading a Book by Its Cover
The chance to produce art for a book cover is rare, bug the essential thought processes and creative steps are very similar, if not identical, in the inventive process. In this series we actually try to read a book by its cover--to see if the design concept is successful or [...]
![]() |
![]() |
|
![]() |
![]() |
|
Graphic Design, Book Covers, and You - Part I
Inspiration from the Covers of Books
In the next few posts, we'll look at some book covers and learn a few things about design. We'll find that design sometimes has to follow form. And in these examples, they follow the form of the content.
The creative processes used to design a book cover are relatively the same [...]
Freelancing 101: The Typical Life
Freelancing 101: The typical life.
Plus tips and advise from a professional.
By Elle Phillips
According to the US Bureau of Labor Statistics, about twenty-five percent of all Graphic Designers (or Graphic Artists) do freelance work, full-time or part-time. Many more have aspirations of doing freelance because of the money, creativity, and the appeal of working from home. [...]
When Design Becomes Literal
As a graphic artist, you face the challenge of creating designs that are unique, and interesting. Some designers, as you will see, have taken the idea of design to a very literal form.
The following examples are fun to look at and admire, but also serve as inspiration to think "inside the box" by approaching design [...]
Logos: What Makes a Good Design? - Part III
And Now the Good Stuff
In our last few articles about logo design we've seen some logos that didn't quite work because of design flaws, problems with concept or lack of visual appeal.
This time we'll look at some of the most famous logos in the world, and some that aren't so famous to see why they [...]
Logos: What Makes a Good Design? - Part II
The Logo Journey Continues
In our last article, we examined several logo designs that were, by most conventional standards, unsuccessful. Your art education is a continuing process and understanding the basics of graphic design can help you to be more effective in creativity and to avoid mistakes.
In Part 2 of this series, we'll take a look [...]
Logos: What Makes a Good Design? - Part I
Logo Design Isn't Always Easy
Designing a logo can sometimes be mystifying, but that doesn't mean it can't be done. At times a logo design just works, even though it may seem rather unremarkable. Other designs should work but they don't.
When Things Go Terribly Wrong
The examples in this article demonstrate what can happen when attention to [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic Designers
All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.