8

I tried the deformed circle to intercept but find it very complicated. Anybody knows how to achieve this?

enter image description here

  • 2
    Near duplicate answer here – joojaa Sep 15 '17 at 13:08
  • demo here – joojaa Sep 15 '17 at 13:28
  • Radial distort. – Webster Sep 15 '17 at 13:33
  • @joojaa The tricky part is the "distorted" brush effect. Look closely: when a segment is close to the edge of the letter, it gets more narrow... Not talking about the end of the segment, that's easy with an art brush, but the "inside" of the object. I'm must say I'm stuck there... I think this is an interesting puzzler ^^ – Vinny Sep 15 '17 at 14:22
  • This is a kind of (concentric circle) half-tone screen. – Stan Sep 15 '17 at 15:31
6

The receipe seemingly is already given. It is unfortunately distributed between all the comments and have an implicit form. But here it's written together:

Start with a circle in Illustrator. Copy it to a series of concentric circles. I had 40 of them.

Prepare in Photoshop a new hi-res empty image. I took 3000 x 3000 pixels. Copy and paste your circle set into it. Stretch it to max size and select paste as pixels. Then write your text onto the circles as a new layer:

enter image description here

Select with the Magic Wand the exterior of the text. Delete with that selection the exessive parts of the circles. Hide the text. The circles are now like masked by the text.

enter image description here

Blur the circles. I gave a slight Gaussian blur and a spinning radial blur:

enter image description here

Make a rectangular selection and copy the blurred pattern to Illustrator, drag the size to comfortable and goto Object > Live Trace > Tracing options. Select black&white tracing, Ignore white and Preview=ON. Play with the treshold and other settings until the result is ok.

enter image description here

The characters may need some tuning. I expanded the trace, ungrouped and deleted the strokes. I made the sizes to more uniform with Envelope distortion. The pattern was bulged and the last E was distorted to compensate the horizontal perspective like angle.

Finally a test background was added.

enter image description here

NOTE: This all should be possible in Illustrator without Photoshop. Maybe someone writes the receipe.

ADDENDUM: No new methods invented here, but applied the suggested 2-layer concept to get more variation to the stroke width without manual editing:

enter image description here

The uppermost is in Photoshop. There were 2 sets of circles with different line widths. The narrow was cut with the text. The wide was cut with expanded selection. The layers were merged

In the middle: Still in Photoshop. Radial blur (=spinning) was added

At the bottom: Traced and added a background. Tried Inkscape at this time.

  • Thanks for sharing your receipe... Maybe it will be good enough for the op's needs. However it doesn't give the answer to the puzzle: how to get segments to be thinner when close to the edge... Any idea? – Vinny Sep 16 '17 at 7:22
  • @Vinny this is the suggested halftoning . The thin ends are sharper and longer with more careful balancing of the blur and tracing parameters. Manual reshaping is possible, too. A hairline stroke can be added automatically. I will recheck this puzzle in another way. – user287001 Sep 16 '17 at 7:49
  • Setting the extremities to be thinner is doable, with an custom art brush form for instance... But how to distort the other sides of the elements in regard of their position in the letter is a mystery to me. Possibly done manually but I have the feeling it wasn't.... – Vinny Sep 16 '17 at 10:05
  • Or you cu can do this in two layers – joojaa Sep 16 '17 at 10:14
  • Good tutorial, but the accent grave on the final e is really disturbing – Philipp Sep 17 '17 at 11:04
3

Here is another possibility, all done in Illustrator...

  1. Start with concentric circles in Illustrator.

  2. Create the word and position it over the circles.

  3. Convert the type to paths (create outlines).

  4. Ungroup the converted type and release any compound paths. Give the word any line weight, no fill. Duplicate the circles and converted type to a new layer.

  5. Select all and click on Outline in the Pathfinder panel. This will cut the lines at all intersections. Ungroup the result and give it a line weight. Delete all lines except the ones inside the words.

  6. Select all and in the Stroke panel, select Width Profile 1 to apply a tapered stroke to the lines. Adjust the line weight to get the effect you want. I used a stroke width of 1.8pt.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.