• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to add multiple strokes to text?!

Community Beginner ,
Jan 21, 2019 Jan 21, 2019

Copy link to clipboard

Copied

I am looking to create a design that has the same look as a logo I saw but I can't seem to find out how it was made. Most of my searches have led me to videos on "Stroke Offset" & "Offset Path" but I don't think either of these are what was done. If anyone could please help me I'd really appreciate it! Below is the logo. Does anyone know the steps on how to make this? image (2).png

Views

4.1K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jan 21, 2019 Jan 21, 2019

clevelandb,

You could use a Blend, for each letter shape, presuming stroke/nofill (Round Cap/Join):

1) Copy the original and scale up to the desired outer size (about 4 2/3 times in the image), you can also set the copy Stroke Weight if you wish to have linear decrase, see under 3);

2) Select both original and copy and Object Blend>Options>Spacing, set the desired number of intermediate steps (9 in the image);

3) Object>Blend Make, the Object>Blend>Expand and change the strokes as desired, colour an

...

Votes

Translate

Translate
Community Expert ,
Jan 21, 2019 Jan 21, 2019

Copy link to clipboard

Copied

clevelandb,

You could use a Blend, for each letter shape, presuming stroke/nofill (Round Cap/Join):

1) Copy the original and scale up to the desired outer size (about 4 2/3 times in the image), you can also set the copy Stroke Weight if you wish to have linear decrase, see under 3);

2) Select both original and copy and Object Blend>Options>Spacing, set the desired number of intermediate steps (9 in the image);

3) Object>Blend Make, the Object>Blend>Expand and change the strokes as desired, colour and Stroke Weight if not set through 1), and for the outer ones further work to get the stipple appearance which is different from simple dashed lines).

You can go back and forth (Object>Blend>Release) to get it right.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 21, 2019 Jan 21, 2019

Copy link to clipboard

Copied

The method I would use:

The "D" and "G" start out as half circles with line strokes added to them. Then the path offset command is used to create the farthest objects away from the originals. The paths are cut open to create the open "D" and "G" shapes. The blend tool is used to fill in the 9 objects between the "D" and "G" shapes. Adjust the line strokes, end caps and stroke patterns for the desired look. The example image looks like the person actually went in and sliced and diced each path manually for the dashed patterns for a more random look than an even repeating pattern.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 21, 2019 Jan 21, 2019

Copy link to clipboard

Copied

Looking at this logo - I don't believe you can achieve this specific look with an offset path and maintain the proportions.

I'm guessing it was built by hand with separate strokes for each item. Especially looking at the angle for the lower back of the D and upper front of the G.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 21, 2019 Jan 21, 2019

Copy link to clipboard

Copied

LATEST

It's not about maintaining the proportions. It's about maintaining an even distance between the line strokes. If you just scale the "D" and "G" objects proportionately and then perform a blend operation you will end up with uneven amounts of spacing between the line strokes. Look at Jeff's example above. The spacing between the line strokes is fairly even in the mid curve part of the "G". Get to the top and bottom of the curve and the space between line strokes gets wider.

The path offset command is one way to maintain even spacing between the line strokes for all the increasingly larger objects.

I wish Illustrator had an additional function for the path offset command for multiple copies. Since the "D" and "G" both start with half circle elements it's actually necessary to create two path offsets and blend between those two new objects to get the right look. It's either do that or manually create new offset objects one at a time for 10 times. Below is an example using the path offset process. I didn't bother with all the dashed line effects in order to preserve the obvious look of the even distance between the line strokes.

G-Thing.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 21, 2019 Jan 21, 2019

Copy link to clipboard

Copied

Using a Blend in a way that is similar to what Jacob suggested.

Screen Shot 2019-01-21 at 10.23.04 AM.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 21, 2019 Jan 21, 2019

Copy link to clipboard

Copied

you can add a multiple stroke by using appearance panel, but in this case you will not achieve what you want, you can do it manual or. by using blend tool.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines