Mobile app version of vmapp.org
Login or Join
Speyer780

: Illustrator: how to reproduce font line art I am interested to find a proper way of reproducing the below font line art example. What I've tried: Using the Type tool, I've created the letter

@Speyer780

Posted in: #IllustratorEffects #LineArt

I am interested to find a proper way of reproducing the below font line art example.


What I've tried:
Using the Type tool, I've created the letter "S", right click >create outlines (I guess that creating a middle letter path will be better but not so sure how). After that, I've used Stroke >Dashed Line option, choosing the following values:



At this point I'm not so sure if I am going into the right direction because the result it's not looking close enough to the model. There are some angles applied on the dashed lines and more than one layer(?);

Any thoughts?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

2 Comments

Sorted by latest first Latest Oldest Best

 

@Nimeshi706

Using blend is the way to go. Blends over complex curves aren't easy to control though—you end up with something like this:



An easier way is to create your blend on a straight path and create an art brush form your blend. Controlling blends with varying strokes also isn't easy so I would suggest using 2 separate blends.

Create your first blend:



Duplicate the blend, decrease the stroke width and rotate 180°:



You can edit the paths to create the angled joins. Just select the overlapping end point (if they aren't already in the same position—move them so that they are) and move them to get your desired result:





The S shape is significantly longer than the blend we've just created so simply move the paths on one end across—make sure your blends were created with a specified distance (not steps) otherwise you will have to increase the number of steps:



Create an art brush from your blends. You can do this by selecting the blends and dragging them to the brushes palette and selecting Art Brush from the New Brush dialog.



Get the center line of your S shape. I did this by quickly drawing a path over an S character, but you may be able to use a negative Offset Path to get a more accurate path.



If your shape has a consistent width or stroke weight using a negative Offset Path will get you the center line easily enough.

(Object → Path → Offset Path...)



In the case of an uneven stroke weight you can repeat the offset path command a number of times to build a guide to draw your center line.



An easier way is to again use a Blend. Remove the closing segments of the path at both ends and ungroup or release compound path so that you have to distinct paths and create a blend with 1 step. This should give you the center line (You may need to create the blend in segments for more complicated shapes if the blend fails).

You can find more techniques for finding the center line in this post: Technique for finding the centerline of a curved object?



Apply your art brush to the path:



This isn't perfect but you can easily go back and adjust your blends or the S shape to get a better result.

10% popularity Vote Up Vote Down


 

@Sent7350415

There are several parts to this answer, and I'm going to break them down for the most flexibility in understanding how to get to the finished product.

step one, setting up



define your shape


Draw the basic shape
Copy shape
Slice your shape in components (I used the scissor tool so slice in half)


Create the blend


Define your thick and thin strokes
Create a blend: Object > Blend > Make — I recommend
using "specified distance" for the spacing
(see this video for more on making blends)
Replace the spine: Object > Blend > Replace Spine


step two, creating the opposing blends




Make the knockout version: use the shape with the same fill as the background (or expand the blend and use pathfinder for a proper clip)
Make the mask version: use the shape to create a clipping mask
Reverse spine on one of the versions: Object > Blend > Reverse Spine


step three, finish the shape




Duplicate the halves (or repeat the steps for the other components of your shape)
Align the copies
Adjust the layer order
Adjust the blend properties as you desire


Note: these instructions don't get you all the way to the same effect you referenced, but from here it's a matter of determining how you want your lines to match up and adjusting the blends to give your desired effect.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme