spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

Logo

HOME | EXPERTS | GRAPHICS| column 21

Rough it Up 7: Rough Edge Text with PaintShop Pro

PaintShop Pro has a huge selection of filters to create rough edges and text that look hand cut. But, in order to use the effects, we need a method to select only a border of your graphic. If you apply a filter to any graphic, you will usually lose the original structure completely. This is disastrous for text. If we cannot determine the original shape, how can we read the message. However, if you adjust only the edges of the graphic, enough of the original remains for recognition.

The following method will look more complicated than it really is, but if you follow along step-by step, it will all make sense.

   

Filter

Sculpture

Pattern

25

Size 100

Smooth

12

Depth

52

Ambiance

0

Shininess

0

Angle

315

Intensity

50

Elevation

66

Filter

Texture

Pattern

54

Size 25

Smooth

0

Depth

9

Ambiance

-37

Shininess

75

Angle

315

Intensity

69

Elevation

14

Filter

Texture

Pattern

30

Size 25

Smooth

0

Depth

9

Ambiance

100

Shininess

71

Angle

315

Intensity

71

Elevation

12

Select an Outline
Create your text. Make sure that you have the font size, color and kerning/spacing set as you require for the final result. Render the layer.

Select the Magic Wand from the Toolbox. In the Tool Options window, set the Tolerance to 1 and make sure Feather is set to 0. Click on the background area around your text to select the background. With your SHIFT key pressed, click on the interior areas of any letters to add to the selection. We use the background selection to eventually select the text since the text anti-aliasing adds several grays and it can be hard to select. See the close-up sample of the letter "O" with the selection boundaries on the inside and outside of the letter, and excluding the anti-aliasing.

From the Main Menu, choose Selection>Modify>Expand and set the value to the size you want for your edge. The samples on this page use a value of 2.

The final step is to remove the background area from your selection. With the CTRL key pressed, click in the background area and the internal areas of the characters. You should now have a selection that looks like the selection here. Note the selection borders on the outside and inside edges of the character as well as the internal areas forming the edge area.

Apply Filter
You will have to do some experimenting with filters for this effect, since it is hard to predict exactly how a filter effect will appear when it is only affecting a 2 pixel area. I have included three samples, complete with settings, to get you started.

Turn off your selection boundaries so you can preview the effect as you change settings (Selections>Hide Marquee or CTRL+ SHIFT+ M). You should also have your view set to 1:1 before you apply the effect, as the effect will be quite different in a close-up view.

Choose Image>Effects from the Main Menu to access the filters. I found the Texture filter provided the best selection of effects, but there are many combinations in the other filters that I did not test.

If you are using colored text, you will find that you must try many different combinations to prevent unwanted colors from being introduced in the effect. In this dark brown sample, I filled the outline area with black before applying the Sculpture filter. When the outline was the same as the text color, the filter was introducing very bright colors. Perhaps you can create the look you desire by filling the outline with a new color.

In this sample, I made no changes to the outline color. When I initially tried the Texture filter, there were a number of black dots in the edge pattern. It was actually a nice effect, but not what I had started out to do. Simply adjusting the filter settings removed the black dots.

If you like the ragged text look, spend some time experimenting with various filters, or create your own textures. Of course, there is nothing to stop you from applying more than one filter. One thing is certain—no two looks will be the same.

 

Next page

Rough it Up Tutorial Index

Rough it Up Start
PhotoShop Outline
PhotoShop Rough Edges
Wild Edges with CorelDraw
Coloring Outside the Lines
Fireworks Rough Edges
Rough Text with PaintShop Pro
PhotoShop Background Textures
Seamless Tiles in PaintShop Pro
Gallery and Resources

Front page2345678910

Developer News
Google to Shake Up Browsers With Own Launch
Mozilla's Ubquity Mashup: For The Masses?
iPhone Users Just Want to Have Fun



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Intel PDF: Virtualization Delivers Data Center Efficiency
Intel eBook: Managing the Evolving Data Center
Microsoft Article: BitLocker Brings Encryption to Windows Server 2008
Symantec eBook: The Guide to E-Mail Archiving and Management
Microsoft Article: RODCs Transform Branch Office Security
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
Avaya Article: Advancing the State of the Art in Customer Service
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Avaya Article: Avaya AE Services Provide Rapid Telephony Integration with Facebook
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Seminar: Efficiencies in Hardware/Software Virtualization
HP Webcast: Disaster Recovery Planning
Go Parallel Video: Performance and Threading Tools for Game Developers
HP Video: StorageWorks EVA4400 and Oracle
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
IBM TCO eKIT: Your IT Budget is Under Attack, Get in Control
IBM Energy Efficiency eKIT: Learn How to Reduce Costs
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
Microsoft Article: Silverlight Streaming--Free Video Hosting for All
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
HP Demo: StorageWorks EVA4400
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
The Partial Function Application in JavaScript · Creating Dynamic RSS Feeds with Ajax · Performance Optimizations for High Speed JavaScript
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Cablevision Deploys More Hotspots for Commuters · Dell Joins the Netbook Movement with its Inspiron Mini 9 · It's Official: Dell Enters the Netbook Fray


URL: http://www.webreference.com/graphics/
Created: Mar. 3, 2000
Revised: Mar. 3, 2000