DesignTips > > How to Create Simple Cobweb Illustration in Illustrator

How to Create Simple Cobweb Illustration in Illustrator

How to Create Simple Cobweb Illustration in Illustrator

In this section we will introduce you how to create the simple cobweb illustration in Illustrator.

This can be used not only with spiders but also with sculls, Halloween characters, or cute images such as hearts or ribbons.

You can create webs very easily with hexagons. Let’s find out how we can do it.

Step01 Draw Two Different Sized Hexagons

Draw two different sized hexagons and let them share the midpoint. No fill/With line.

Step02 Duplicate Hexagons

Select the two hexagons and set <Blend Option>. Create blend and create two different sized hexagons inside.

Step03 Divide/Expand

We have created four hexagons with Blend. However, we cannot transform them yet. Click [Object > Divide/Expand].

Step04 Transform Hexagons

In order to warp the hexagons towards inside, apply the setting above in [Effect > Path Transform > Blowout/Inflate] and transform the web.

Step05 Divide Appearance

The transform is not actual yet. Do [Object > Divide Appearance].

Step06 Add Straight Lines

Add straight lines with [Straight Line Tool] like you connect the edges of the hexagons. The length does not matter.

Step07 Transform Cobweb

Select the lines and the anchorpoints on the lines with [Direct Selection Tool] and drag them to any directions you like.

Do the same things with other parts and distort the web.

Done!

Done! This was easier than it looked, wasn’t it?

You can create different types of cobwebs easily by customizing the lines or the number of hexagons.

Customize

It is interesting to combine different cobwebs like in the ecample. You can swatch save it as a pattern. Be creative ans use this with a logo or other illustrations.

この投稿文は次の言語で読めます: Chinese (Simplified), Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop