Javascript Menu by Deluxe-Menu.com
AddThis Social Bookmark Button
transparentAllFreelanceWork Icons Top Graphic Design Forum & Discussions Our Sister Site - Graphic Design Community & Networking for Designers Our Sister Site - Digg for Designers Tag Favorite Design Sites Graphic Design & Graphics News Blog Our Sister Site Graphic Design Community - Graphic Designers & Web Designers Chat Our Sister Site Graphic Deisgn Community's Graphic Designers Gallery our sister site graphic design community - Graphic Design Events including Design Competitions and Competitions Clipart, Graphics, Stock Photography and Illustration Articles and Resources Design Education and Schools Free graphic design templates layouts and skins Graphics, Design, & Layout Software Articles & Tips Graphic Design Business and Careers and Jobs Articles and Resources Graphic Design Layout and Design Articles and Tutorials Search or Browse More Graphic Design Resources in our Directory



  • Search Design Schools and Classes
    Search for Graphic Design Schools and Classes
  • Graphic design templates
    graphic design templates stocklayouts Creative Graphic Design Templates

    Take a look at these creative templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses. If you're faced with time limitations, budget constraints or simply need new creative ideas, let these designs do the work.

home > Graphic Design Articles > Graphics Software > Adobe Photoshop >Creating 3D Text Effects in Photoshop (Adobe Photoshop & 3D Text Effects Tutorial)


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!!

GRAPHIC DESIGNERS FROM OUR GRAPHIC DESIGN COMMUNITY

 
DryLCE graphic designers from community Design Facet graphic designers from community JKnapp Spotlight graphic designers from community
achristopherdrown Spotlight graphic designers from community JKnapp Spotlight graphic designers from community graphic designer from our design community - aliencat

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.


Oct 6
Web Based Image Editors - Online Photoshop Alternatives for Image Editing
With Adobe recently launching their online version of Adobe Photoshop - Adobe Photoshop Express - you might be wondering if there are other quality image editors online. You don't have to wonder anymore. We have put together a list of more than 30 web-based picture editors that are great alternatives to Photoshop Express. I am not saying that any of these online image editing tools are better than Photoshop Express, but they are all quality tools that can be used to create great image effects.


Sep 30
Freelance Graphic Design Jobs and Web Design Jobs - We?re Rolling in Them
We have set up a script to take the freelance design jobs from dozens of freelance sites, graphic design forums, web design forums, job boards, and graphic design job sites. This script is set to automatically update this job board several times a day so you can be assured that you are looking at regularly updated freelance graphic design and web design projects on this aggregator.


Sep 25
Fonts FAQ - Answers To Your Questions About Fonts
I get questions about fonts all the time and I wanted to write a post that would help many of you. Today I am answering many questions about fonts that will help you in your daily graphic design tasks.


Sep 20
Productivity Tools for Efficient Graphic Designers to Automate Design Process
You will find that a lot of these tools can automate your graphic design process by actually doing the tedious repetitive tasks that slow you down. There are a ton of tools listed here, so make sure to bookmark this page.


Sep 11
Logo Design Process of Inspirational Graphic Designer Jon Sandruck
Logo Design Process of Inspirational Graphic Designer Jon Sandruck Do you want to learn about the logo design process from a logo designer who is going to have two of his logos to be included in the inspirational Logo Lounge 5? Then please welcome the very talented Jon Sandruck. Today Jon Sandruck is going to detail [...]


Sep 8
Most Unique / Silly Shopping Bags Ever Designed - Inspirational Graphic Design
I have collected more than a dozen of the coolest shopping bags that I have ever seen. The creativity that was put into designing these bags could be put towards any graphic design project, and is not only limited to shopping bag design. These graphic designers thought outside the box (or bag in this situation) and I would love to have you submit some designs that you think showcase the same creative thinking (designing).


Sep 2
Collection of Free Photoshop Pattern Sites - Start Downloading Those Patterns
If you are a Photoshop guru, then you are probably always on the lookout for new free Photoshop stuff. Well, we try to do that legwork for you. On this page you will find a nice roundup of free Photoshop pattern sites. Click through to these sites and download some of those free patterns. Have fun.


Sep 1
Huge Roundup of Typography Blogs, Resources, Articles, Galleries, & Tools
A collection of Typography blogs & resources, Typography articles, Typography showcases, and Typography tools and then categorized them for you in this article.


Aug 30
A Roundup of the Best Photoshop Logo Design Tutorials Online
I have collected the top Photoshop Logo Design tutorials online and listed them for you below. There are also plenty of Web 2.0 Logo Design tutorials as well.


Aug 28
Best Cool, Clever & Unique Billboards and Outdoor Advertising Part II
This part II of a never-ending series of the coolest outside ads, billboards, and public advertising.