![]() |
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
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Business Cards: Ideas and Inspiration, Part I
As a graphic designer, your business card should do more than let people know how to contact you. If you’re interested in truly making a good first impression, the business card has got to stand out. Whether through color, design, die cutting, unique materials, 3D shapes, or actual samples of your work, a stand-out business [...]
Collaborating and Negotiating: Part II
Today, we’re looking at the collaboration side of negotiation and collaboration in graphic design. Because your work is ultimately for the client, at times you as the designer must be willing to compromise to reach a mutually agreeable goal. Here are some tips to help you collaborate with clients.
Ways to Collaborate
Listen. On page 28 [...]
Collaborating and Negotiating: Part I
It’s there in the design brief: the problem your client wants you to solve. But whether your objective is to create an advertisement, exhibition or public announcement, sometimes you and the client aren’t quite on the same page about what exactly the best design solution is. OC Photographer asked a great question about the collaborating [...]
When Things Go Bad: 5 Tips for Firing Clients
Most graphic designers will be in a similar situation at some point: the client will not pay, the client is never satisfied with your work yet won’t collaborate to fix it, or you simply realize that you and the client are not meshing. Regardless of when and why you need to fire a client, everyone [...]
Tips for Working with Clients: Approaching the Relationship
Whether you’re looking for design classes, design degree programs, internships or first jobs, it’s important to choose an option that will help you learn clear communication, especially when it comes to designer/client relationships. Knowing how to work with clients should always be part of a successful graphic design education. The following tips can help you [...]
Working for Good: Pro Bono Design, Part II
If you’re interested in doing pro bono graphic design work, it’s important to educate yourself about smart ways to do it. Once you’ve got some guidelines, you can approach your pro bono work with creativity; unless your client specifically requests it, you don’t need to limit yourself to a brochure. Consider these ideas for pro [...]
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.