Navigation:   Home  >>  Forums

Go Back   Photoshopchop.com > HOW TO'S > TUTORIALS

Notices

TUTORIALS The best place around to find some good tips and tricks from the members of PSC.

Reply
 
Thread Tools Display Modes
Old 03-03-2012, 11:49 AM   #1
ilovegraphics
Banned
 
Join Date: Feb 2012
Posts: 5
ilovegraphics is on a distinguished road
Default Turn design titles to 3D text using Photoshop

Booklet and catalog titles these days are not merely rendered in two dimensions anymore. With the advent of hi-tech digital imagery, we see more and more special covers for booklets, catalogs and brochures that have three dimensional looking graphics and text elements. This is in line with the trends in digital design seen on the web, and are now actually spilling over to print media.

In this tutorial we will teach you how to turn your design titles into three dimensional type text. Just follow each step and you will not go wrong in how to do it. So let us start with creating the document first.

1. Start by creating a new document. Go to File -> New… to open the New document dialogue window.



2. Set the size (width and height) that you need for your design. Take note that these are measured in pixels, but you can change them to inches by just clicking on the drop down menu of the measurement type. For prints, a resolution of 300 pixels/inch is recommended. For web images 72 pixels/inch is good. Press OK once you are done.

3. Now, let us get to creating your text. For 3D text, it is best to choose large type or fat type fonts. Script fonts are not ideal of course as you won’t get a clear three dimensional look, though of course, you can try and experiment for yourself.

4. In this tutorial we will be using the font IMPACT in our text, as it is a nice simple blocky type text. Just choose something wide and blocky for your own 3D text base.



5. Now that you have the text, ready, we will want to add some perspective to it to make it appear to be in a three dimensional environment. First though, make sure that your text has no misspellings. Also make sure that it is the right title or word that you want to use, as we are going to convert the text into a shape and by then you cannot edit the text readily. So make sure that your text content is in its final form.

6. Once ready, right click on the text and select “convert to shape”. You will now see that your text layer becomes a vector shape.



7. Next, simply press “Ctrl+T” on that text layer to start transforming your text. Once the selection box appears, right click on your text shape and choose “perspective”



8. Note that you will see box handles in the transform selection box. Click and drag these box handles to transform your text in the proper three dimensional perspective. Just experiment with it. (remember that you can always go back to the original untransformed shape by pressing the ESC key) Once you are done, Press enter to commit the transformation.



9. Now comes the sort of tricky part. Duplicate the layer that you created. Just right click on the original text layer and select duplicate layer.



10. Next, change the color of this new layer, to make it distinct from the original. Do this by double clicking on the colour layer thumbnail of the layer and choosing a solid color.



11. Next, we are going to create another duplicate layer of the text to make the other additional layers for that three dimensional effect. Just click on the text layer that is at the bottom, and press “Ctrl+J”



12. Doing this instantly creates a new layer copy of the selected layer.

13. Now, we are going to move this new layer a bit to make it part of the 3D effect. Click on the move tool or press “V” to be able to move your new layer.



14. The easiest way to accurately move your layer is to just use the arrow keys. With the layer selected, simply tap the arrow keys in the selected direction that you want. In our case, we would want to tap the left arrow key, as the 3D body of our text should protrude there.



15. Here, we pressed the left arrow key just three times to get the effect.

16. Now to get the 3D effect to be thicker, we will continue on creating duplicate layers and then nudging those new layers each by one. Do this by pressing CTRL+J and press the left arrow key once, over and over.

17. So the order of pressing it should be CTRL+J, Left Arrow key, CTRL+J, Left Arrow key.

18. After just ten repetitions of this, we get something like the image below:



19. Now that looks like a 3D image already.

20. To make things look more Integrated, we will change the colour of our new layers. First merge them by selecting all the duplicated layers and clicking “Merge Layers”



21. Next, add a color overlay blending option to the merged layer. Do this by right clicking on the merged layer and then picking blending options.



22. Click on the option for Color Overlay, and then choose a color that matches your front colour layer.



23. Once done, you should see a nice 3D type looking text.



Now all you have to do is to customize the colors and the angle of your text perspective to get the 3D effect that you need in particular for your own designs. Good Luck!
ilovegraphics is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


Cisco SG95-16 16-Port Gigabit Switch SG95-16-KR picture

Cisco SG95-16 16-Port Gigabit Switch SG95-16-KR

$47.00



GENUINE CISCO QSFP-40/100-SRBD 100G QSFP Transceiver  picture

GENUINE CISCO QSFP-40/100-SRBD 100G QSFP Transceiver

$129.99



Cisco SG110 24 Port Gigabit Ethernet Switch w/ 2 x SFP SG110-24 picture

Cisco SG110 24 Port Gigabit Ethernet Switch w/ 2 x SFP SG110-24

$117.00



Cisco SG110 8 Port Gigabit Ethernet Switch SG110D-08-BR picture

Cisco SG110 8 Port Gigabit Ethernet Switch SG110D-08-BR

$39.00



Cisco WS-C3850-48P-L 48-Port Gigabit 3850 PoE Switch w/ 715W+ C3850-NM-4-1G Mod picture

Cisco WS-C3850-48P-L 48-Port Gigabit 3850 PoE Switch w/ 715W+ C3850-NM-4-1G Mod

$79.00



Cisco WS-C3750X-48T-S 48 Port 3750X Gigabit Switch - Same Day Shipping picture

Cisco WS-C3750X-48T-S 48 Port 3750X Gigabit Switch - Same Day Shipping

$49.95



Cisco Nexus N3K-C3048TP-1GE 48 Port Switch w/ Dual Power - Same Day Shipping picture

Cisco Nexus N3K-C3048TP-1GE 48 Port Switch w/ Dual Power - Same Day Shipping

$85.99



Genuine Cisco SFP-10G-SR V03 10GBASE-SR SFP+ Transceiver Module 10-2415-03  picture

Genuine Cisco SFP-10G-SR V03 10GBASE-SR SFP+ Transceiver Module 10-2415-03

$8.00



Cisco Nexus N3K-C3172PQ-XL 48P 10GbE SFP+ 4P QSFP+ Switch N3K-C3172PQ-XL-F picture

Cisco Nexus N3K-C3172PQ-XL 48P 10GbE SFP+ 4P QSFP+ Switch N3K-C3172PQ-XL-F

$229.00



Cisco C9300-48U-A 48-Port Gig UPoE Network Advantage Switch -Same Day Shipping picture

Cisco C9300-48U-A 48-Port Gig UPoE Network Advantage Switch -Same Day Shipping

$859.95




All times are GMT -4. The time now is 05:19 PM.


Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
All rights reserved 2002-2008 Photoshopchop.com