Advertise    Write for Us

Vectorboom

How to Create a Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

posted by: Iaroslav Lazunov, in Illustrator Tutorials / Effects/ Comments: 0
Final Image Preview
Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

In this tutorial we will learn how to create a seamless pattern using Pattern Creation feature in Adobe Illustrator CS6, Width Gradient Tool and Width Selector Tool. With these tools, the creation of patterns has become much easier. Have you tried yet? If not, download WidthScribe’s 14 day free trial now!

Step 1

We begin our tutorial by creating a base of the seamless pattern. Using the InkScribe Tool (DrawScribe) I created ten curved segments that represent uniform stroke paths.

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

Select the created paths, then go to Object > Pattern > Make, which leads to a transition into the Pattern Creation mode. Choose the Tile Type: Brick by Row, then take Pattern Tile Tool in the Pattern Options panel.

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

Pattern Tile Tool allows us to change the size of the tiles — adjusting the distance between the elements of the pattern.

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

Step 2

Continue creating the base of our floral pattern while staying in the Pattern Creation mode. Create new curved segments using the InkScribe Tool or Pen Tool (P). The Pattern Creation mode allows us to create new elements that will not overlap with the existing ones, as we see the adjacent tiles.

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

Continue filling in the gaps between the elements of the pattern.

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

Step 3

Now transform the uniform paths into variable width paths. The Width Gradient and Width Selector Tools, which are present in WidthScribe, will help us with this.

Floral Seamless Pattern with Adobe Illustrator CS6 and WidthScribe

So, take the Width Gradient Tool and open its panel (Window > Width Scribe > Width Gradient panel). Now choose a V-shaped graph type for the width distribution via the panel’s fly-out menu.

You can read full version of this tutorial on AstuteGraphics.com

Total comments: 0
Recent Consultations
Create a Floral Ornament with MirrorMe and Illustrator
Free iOS 7 Illustrator Vector UI Kit for iPhone and iPad
Dribbble Invitation
SubScribe - Take the Guess Work Out of Drawing
How to Create a Vector Scene in Photoshop