logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA
Irish Culture


dailyclick
All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Chalk Text Effect In Illustrator CS6


The Chalkboard style is very popular and I wanted to create an animated chalkboard style logo in Apple Motion. The first step was to create the text for the logo image in Illustrator and give it a chalkboard effect with an Illustrator brush.

I wanted to start with the logo text in my own handwriting. So I created the chalkboard background image in PhotoshopR and copy/pasted it into IllustratorR. Next, I used the Pen tool to “write” my business name on a new layer. I was only using my mouse, so I needed to adjust the paths a little. Because I created the path for each letter with the Pen tool, I could use the Direct Selection tool to adjust each anchor point on the path.

Once I had the text the way I wanted, I was ready to set the Stroke color to #ffffff. However, because the Brush Definition or style would effect the weight of the stroke, I first applied the Dry Ink 1 brush style to each letter. At that point, I could set the Stroke weight for each letter individually. The two capital letters were set to 2 pixels and the rest of the letters were set to 1 pixel.

At that point, I selected all the text and copied to the clipboard. Going back to Photoshop, I used the Paste as Pixels option to add the text to the Photoshop file that I would import into Motion. Here are the steps for how to do this.

  1. Copy and paste the background image from Photoshop into Illustrator and lock that layer.

  2. With the Pen tool, draw the letters of the business name in the scale to fit nicely inside the background image.

    Some of the letters can be draw in one stroke. However other letters, such as the “p”, “i”, “D” and “n”, may take a combination of strokes.You can also use the Line and Ellipse tools for letters such as “o” and “i”.

    Because the Dry Ink 1 brush style will behave differently for each letter path, apply the style to each letter individually.

  3. Select all the paths that make of one letter and select the Dry Ink 1 style from the Brushes panel. If the brush style “reshapes” the letter, use the Direct Selection tool to nudge any anchor points back into shape.

  4. Save this file in the Illustrator .ai format. You might want to use it as a starting point for another project.

  5. Select all the letters and click Edit - Copy.

  6. Go back to your chalkboard background image in Photoshop and click Edit - Paste. In the Paste pop-up dialog box, select Paste As Pixels.

  7. Save this as a Photoshop .psd image for importing into AppleR MotionR.

Join us in the Flash forum. | Join us in the Digital Art and Design forum.

|


Add Chalk+Text+Effect+In+Illustrator+CS6 to Twitter Add Chalk+Text+Effect+In+Illustrator+CS6 to Facebook Add Chalk+Text+Effect+In+Illustrator+CS6 to MySpace Add Chalk+Text+Effect+In+Illustrator+CS6 to Del.icio.us Digg Chalk+Text+Effect+In+Illustrator+CS6 Add Chalk+Text+Effect+In+Illustrator+CS6 to Yahoo My Web Add Chalk+Text+Effect+In+Illustrator+CS6 to Google Bookmarks Add Chalk+Text+Effect+In+Illustrator+CS6 to Stumbleupon Add Chalk+Text+Effect+In+Illustrator+CS6 to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
How to Print and Cut Clip Art in Silhouette Cameo

Paper Bead SVG Cut Files

Design a Paper Bead SVG Cut File

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor