Skip navigation
Currently Being Moderated

Create a Special effect for letter

May 8, 2012 11:25 AM

Dear all,

 

I have a one design & something similar font. i want to reproduce a same stroke color design, how can i do in illustrator,

 

JPG file is attached for reference

5634379537_77631c2726_o.jpg

 
Replies
  • Currently Being Moderated
    May 8, 2012 11:37 AM   in reply to manojb05

    It's merely a matter of using the proper fills and strokes and then Effects applied via the Appearance Panel.

     

    Snap_001.jpg

     

    What have you tried so far? Where are you stuck?

     
    |
    Mark as:
  • Currently Being Moderated
    May 9, 2012 1:48 AM   in reply to manojb05

    Don't give up too soon.

     

    Read the manual and watch some TV: http://tv.adobe.com/search/?q=%20appearance%20panel

     

    Then try. Try again. Post your results and ask again.

     
    |
    Mark as:
  • Currently Being Moderated
    May 9, 2012 6:14 AM   in reply to manojb05

    You would need to manually add shapes to create the gloss effect on the K, or use Gradient Meshes.

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 9, 2012 6:19 AM   in reply to manojb05

    I'm sure you notice how the a, r, v all overlap unsightfully - you've aleady outlined the font (assuming it is a font and you didn't draw that, but if you did - way to go; it's nice) so I suggest either making the letterforms a Compound Path, or Grouping them and applying the effects at the Group level. Don't Pathfinder Merge them because they'll no longer be moveable individually, although kerning and repositioning isn't really opttion since most of them do the cursive thing and flow into each other.

     

    At ease.

     
    |
    Mark as:
  • Currently Being Moderated
    May 9, 2012 6:22 AM   in reply to Mathias17

    Actually, just highlight the White Stroke in the Appearance panel and Choose Effect > Pathfinder > Add. Note the image I posted above has this effect for the white stroke specficially for this reason.

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 9, 2012 6:30 AM   in reply to [scott w]

    I'm struggling to understand what Add does. Even after looking at those "Style demos AI 10" files. . .

     
    |
    Mark as:
  • Currently Being Moderated
    May 9, 2012 6:33 AM   in reply to Mathias17

    Add is "Unite." Depending upon which version of Illustrator (and where within Illustrator) you look, the label changes.

     

    It creates one object out of overlapping objects. So for this example, it dynamically treats all the type objects as one element, "welding" them together where they overlap.

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 9, 2012 6:37 AM   in reply to [scott w]

    Brilliant. Thank you. Still unraveling the mysteries of the Appearance Panel.

     

    But but . . . how does the Add effect know which paths to "weld". Sure you have them all selected when you apply it, but how does it know to affect them all? How do you add another path to the Add "welded" group later on?

     
    |
    Mark as:
  • Currently Being Moderated
    May 9, 2012 6:46 AM   in reply to Mathias17

    It simply traces the outline of the entire object rather than it's inner objects. Or, in other words, it looks at the edge of the ENTIRE group rather than the edges of the group's contents. Sort of a "find edges" thing.

     

    You can continually add strokes as often as you want. A stroke is not a path. That's an important distiction. A path is merely a spine, it has no color or weight. The stoke is merely the color and weight given to the visible element which uses a path as a spine. Using the Appearance Panel doesn't add paths. It adds strokes... or additional visual definitions based upon the lenght and location of the same spine.

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 9, 2012 7:04 AM   in reply to [scott w]

    Thank you, Scott. To be honest I didn't totally follow that, but it's only because I've yet to put it to practice. I'll keep your explanation in mind as I make some attempts, hopefully today . . !

     
    |
    Mark as:
  • Currently Being Moderated
    May 9, 2012 7:15 AM   in reply to Mathias17

    Here's an example.

     

    There are essentially 2 levels of depth in any illustrator file. There's the spine or wireframe/outline level, then the Appearance or Preview level. The preview level simply adds color and dimension to the objects on the outline level. This is similar to how 3D apps work.. they have the construction planes, then the rendering on top.

     

    I have two paths.

    Snap_002.jpg

    These two paths are my wireframe or spine. From this spine, I can use the Appearance Panel to create any number of visual definitions based on the length and location of these paths/spines. I group the two paths and then use the Appearance panel.

     

    Snap_001.jpg

     

    I've added 4 strokes and a fill... but I still only have the 2 original paths. Note the Add effect for the yellow strokes. And note how it essentially traces the outline of the group rather than the star and rectangle independently.

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 10, 2012 6:16 AM   in reply to [scott w]

    Awesome, Scott. Thanks.

     

     

     

    You would need to manually add shapes to create the gloss effect on the K, or use Gradient Meshes.

     

    You can do some Pathfinder stuff to create little sliver shapes, mimicking an emboss basically, and then blur them.

     

    Notice the black slivers. Above: no blur. Below: blurred. Think of the possibilities.

     

    blurring.PNG

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 10, 2012 11:17 AM   in reply to [scott w]

    Hey, Scott. Using Add like you are in your example above, do you lose the ability to set the Stroke Alignment (Inside, Center, Outside)?

     
    |
    Mark as:
  • Currently Being Moderated
    May 10, 2012 11:20 AM   in reply to Mathias17

    Yes. But you lose that ability often. All it takes a is the additional Path > Offset Path effect to move the stroke.

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 10, 2012 11:22 AM   in reply to [scott w]

    Oh, right. Ok thanks!

     

    Yeah, losing ability to align strokes is an odd thing. Just when I really need it two of the Stroke Align buttons will be ghosted. Seems random . . .

     
    |
    Mark as:
  • Mathias17
    437 posts
    Feb 20, 2012
    Currently Being Moderated
    May 11, 2012 6:24 AM   in reply to manojb05

    Thanks. It's been modified a little by me, but I used Lobster as the base.

    Everyone here should get Lobster. Has ligatures and everything, very nice to use! GET IT!

     
    |
    Mark as:
  • Currently Being Moderated
    May 11, 2012 7:18 AM   in reply to manojb05

    For the emboss effect you can use the 3D bevel. This works well with properly rounded letters to avoid self intersection of the bevel. the black outline was created by expanding the 3D effect and the Unite function of the Pathfinder which may require some clean up of the stray points

    emboss.jpg

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points