Today we take a look at the technique of creating ink drawing style using WidthScribe. Thanks to this plug-in you can achieve a similar effect by setting the parameters in the Width Stamp panel. Phantasm effects will allow you to conduct all the necessary manipulations with the bitmap image directly in Adobe Illustrator.

Step 1

For this tutorial, we will need a photo isolated on white background. I took the Figure in the karate fighting stance image from Shutterstock. Create a new Illustrator's document and place the image (File> Place …).

Step 2

To create an ink drawing effect we will use the Width Stamp tool of the WidthScribe plug-in. Open its panel (Window > WidthScribe > Width Stamp panel). Set the parameters and options shown in the picture below, and select the Concentric Circle preset. Of course, you can use other settings. It all depends on the image size and the goals you'd like to achieve.

Now click on the Make with Preset button.

Thanks to WidthScribe  the image was converted into variable width concentric circles that convey the distribution of light and shadow of the image.

Step 3

Karatekas believe that the source of energy is located in the navel area. No problem, let's move the center of concentric circles to this point. Click on All Settings… button in the Width Stamp panel. In the open dialog box, set the new X coordinate that corresponds to the required position of the preset center.

Step 4

Despite the fact that we have chosen Trim Contour at Min Width option, segments of circles are located not only on the karate man’s body, but also on the background. This happens because the background is not completely white. You can easily isolate the body of the athlete, if you are using Phantasm. Select Image object in the Width Stamp group in the Layers panel.

Now go to Effect > Phantasm > Levels…. Shift the white slider until the background is cleared from circle segments.

Step 5

Create a rectangle that corresponds to the image size, and place it below the karate man’s body. Fill this object with a radial gradient that contains two shades of grey. Using the Gradient Tool (G) align the gradient center with the center of concentric circles.

Step 6

Now create highlights. Copy Width Stamp group and paste it in front (Cmd / Ctrl + C; Cmd / Ctrl + F). Slightly increase Max Width and replace black color with white color in the Width Stamp panel.

Select Image object in the Width Stamp group in the Layers panel, then go to Effect > Phantasm > Invert….

Step 7

Open the Phantasm Levels dialog box by clicking on the name of the effect in the Appearance panel. Move sliders similar to the one shown in the picture below.

Step 8

Duplicate Width Stamp group one more time (Cmd / Ctrl + C; Cmd / Ctrl + F). Press Release button in the Width Stamp panel. Delete Phantasm Invert and Levels effects in the Appearance panel. With the help of one of the drawing tools Pencil Tool or Dynamic Sketch Tool create an outline of a karate man based on the bitmap image.

Now delete the picture of the karate man.

Step 9

Select the upper white Width Stamp group and outline created in the previous step, then go to Object > Clipping Mask > Make (Cmd / Ctrl + 7). Sports poster in ink drawing style is ready. You only have to add the text. By the way, Width Stamp Tool can also be applied to editable text.

Pin It on Pinterest

Share This
I didn't know Illustrator could do that!

Sign up forTips, Tricks, Updates + Discounts straight to your inbox!

High Fives! You're now successfully subscribed


Your Cart