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-23-2012, 09:04 PM   #1
ilovegraphics
Banned
 
Join Date: Feb 2012
Posts: 5
ilovegraphics is on a distinguished road
Default Polished Raised Metal Styled Vector Text Using Illustrator

In this tutorial, you will learn how to create text elements in illustrator that look like they are polished raised metal. Using this technique, you can actually turn any boring title in your brochure prints, booklet print covers, or your website's headings into polished looking steel text. This will require previous experience working with Illustrator, but if you stick to these steps, you will see how easy it is to do.

1. Create a new document for your title. Make sure you set the resolution and the size to the specifications that you need. For printed titles, it would be wise to use CMYK colour and of course at least 300 ppi for your resolution.



2. Now, once you have a new document open, use a rectangle as your background base. Choose the colour of course that will best contrast or blend with the raised polished style you are making.



3. Now, type in your text. Use the appropriate font style for your own design.



4. Notice that depending on your default choices, your font will have a certain colour and stroke with it. It is these properties that we will easily tweak to get the raised polished effect that we want. For now, remove these properties by selecting no colour for the fill and the stroke.



5. So first, with the text selected, go to the appearance panel and click on its menu from the top right of the controls. Click on Add Fill.



6. To create a polished silver like look, add a white and grey gradient. Use a right angle 90 degrees or negative 90 degrees so that the gradient is balanced on the horizontal. This adds our first effect layer.



7. Next we will add the raised buff effect. Add a new fill layer in the appearance panel. Make sure this new fill layer is beneath our initial gradient layer. Use a white fill colour in this layer and then select Effect - Path - Offset Path. Adjust the offset to 1 pixel.



8. Then go to Effect - Distort and Transform and then add 1 pixel value to the vertical move option.



9. Next we add a black contour. Add a new fill layer again. Use a black fill colour. Adjust it again by using the transform effect feature. Use a 3 pixel value in the vertical move.



10. Then, duplicate this black contour layer, and then add a dark grey to grey gradient to it.



11. Now, this layer will be our raised or embossed effect. Use the transform effect on this again. This time, use a 1 pixel vertical move value and a .25 horizontal move value. Then add additional copy values to it. Use 8-10 depending on how "raised" you want your text to be.



12. Finally, we will add a shadow effect to our raised text. Simply select our last gradient layer and then add a drop shadow effect by going to Effect - Stylize - Drop shadow. Change the values a bit to make sure that your shadow is visible a bit below our embossed text.



13. Once done, you should have our nice polished metal text effect for your specialized titles. Congratulations!

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


Dell PowerEdge R640 NVMe Server 2.10Ghz 8-Core 96GB 10x 1.6TB NVMe SSD HBA330 picture

Dell PowerEdge R640 NVMe Server 2.10Ghz 8-Core 96GB 10x 1.6TB NVMe SSD HBA330

$3133.65



Intel - Core i7-13700K 13th Gen 16 cores 8 P-cores + 8 E-cores 30M Cache, 3.4... picture

Intel - Core i7-13700K 13th Gen 16 cores 8 P-cores + 8 E-cores 30M Cache, 3.4...

$364.99



Intel - Core i9-13900K 13th Gen 24 cores 8 P-cores + 16 E-cores 36M Cache, 3 ... picture

Intel - Core i9-13900K 13th Gen 24 cores 8 P-cores + 16 E-cores 36M Cache, 3 ...

$519.99



Intel - Core i9-12900K Desktop Processor 16 (8P+8E) Cores up to 5.2 GHz Unloc... picture

Intel - Core i9-12900K Desktop Processor 16 (8P+8E) Cores up to 5.2 GHz Unloc...

$331.99



Unknown Gigabyte Aorus Master Ryzen 7 5800X 8-Core 3.80GHz 32GB RAM 2TB SSD picture

Unknown Gigabyte Aorus Master Ryzen 7 5800X 8-Core 3.80GHz 32GB RAM 2TB SSD

$499.99



Intel - Core i7-12700K Desktop Processor 12 (8P+4E) Cores up to 5.0 GHz Unloc... picture

Intel - Core i7-12700K Desktop Processor 12 (8P+4E) Cores up to 5.0 GHz Unloc...

$242.99



Intel Xeon E5-2667 V2 LGA 2011 3.3GHz 8 Core 130W 25MB 8GT/s CPU Processor picture

Intel Xeon E5-2667 V2 LGA 2011 3.3GHz 8 Core 130W 25MB 8GT/s CPU Processor

$24.00



AMD Ryzen™ 7 5700X 8-Core, 16-Thread Unlocked Desktop Processor picture

AMD Ryzen™ 7 5700X 8-Core, 16-Thread Unlocked Desktop Processor

$169.99



Apple iMac 24

Apple iMac 24" (256GB SSD, M1, 8GB, 8-Core GPU) Yellow - MGPF3LL/A - LOCKED

$450.00



Dell Desktop Computer 16GB RAM 512GB SSD Intel Core i5 8th Gen. Windows 11 Pro picture

Dell Desktop Computer 16GB RAM 512GB SSD Intel Core i5 8th Gen. Windows 11 Pro

$250.00




All times are GMT -4. The time now is 01:49 PM.


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