How to Create Artwork in Op Art Style Using Adobe Illustrator

preview

Today we will learn how to create an optical illusion by using simple geometric forms, the Blend Tool and Live Effects. You can receive many variants of such artwork by changing the parameters of the effects. It is much easier than it might seem at first glance. So let’s get started!

Tutorial Details

  • Program: Adobe Illustrator CS3 – CC
  • Difficulty: Beginner-Intermediate
  • Topics Covered: Blend Tool, Transform and Pathfinder live effects
  • Estimated Completion Time: 10 minutes

 

Final Image

As always, this is the final image that we’ll be creating:
15
Op Art, also known as optical art, is a type of art that started being popular in the second part of the 20th century; it uses different optical illusions based on the features of perception of planar and spatial figures.

Step 1

Start Adobe Illustrator and create a new document (File > New…). In the opened dialog box ,set the parameters of the artboard and choose the color mode depending on how you want use your received image. If you’re planning to print your optical art, choose the CMYK color mode. If you want to publish your artwork in the web only, then choose the RGB color mode.

01

Step 2

Take the Rectangle Tool (M) and create a square of any size with black fill and with no stroke.

02

Step 3

And now create a second black square, which is smaller than the previous one. The center of the second square matches the center of the first square.

03

Step 4

Select both squares, then go to the Object > Blend > Make or use the shortcuts Option/Alt + Cmd/Ctrl + B. Keep the blend object selected and go to the Effect > Pathfinder > Exclude.

04

Step 5

Click twice on the Blend Tool (W) icon on the Tool panel or go to Object > Blend > Blend Options…. Select the Specified Steps from the pop out menu and set the number of steps which fits our intentions.

05

Step 6

Select the smaller rectangle. It can be easily done in the Layers panel.

06

Now go to the Effect > Distort & Transform > Transform…. Experiment with the angle for this effect and tick the Preview option to observe the changes taking place.

07

Step 7

The basis for our optical illusion is created. Now you can continue experimenting with the effect’s parameters. For example, you can set the value of the vertical and/or horizontal shift in the Transform Effect dialog box; then click OK.

08

Step 8

Since we only use live effects to create Op Art, we can continue to play with the forms. Keep the upper square selected, go to the Effect > Convert to Shape > Rounded Rectangle…, select Relative, set 0px for the parameters Extra Width and Extra Height, then set the Corner Radius.

09

Step 9

The basic for blend object should not necessarily be in square shapes. You’re free to choose whatever forms you like. The optical illusion, based on two triangles, is indicated in the figure below.

10

Step 10

We can very quickly create a great number of optical illusions with the help of the VectorScribe plug-in. One of its tools is the Dynamic Shape Tool, which can convert standard forms into dynamic and then change their parameters as we desire. You won’t need to create a new blend object, just simply convert the existing forms into new ones, for example squares into hexagons or even stars.

11

12

Step 11

And finally, if you need to restrict the created op art to a picture plane, do it with the help of the Clipping Mask. Using the Rectangle Tool (M), create a rectangle of the necessary size.

13

Now select our illusion and a rectangle, then go to the Object > Clipping Mask > Make or use Cmd/Ctrl + 7 shortcuts.

14
All we need to do is to print our artwork and hang it on the wall. I hope you have fun experimenting with this technique!

15

Iaroslav Lazunov

Author: Iaroslav Lazunov

My name is Iaroslav Lazunov, I am a graphic designer from Ukraine. I am glad that I finally found the job in my life that I can share my knowledge and experiments with you in my tutorials. Follow me on Twitter or visit my blog Vectorboom.com.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis

20 thoughts on “How to Create Artwork in Op Art Style Using Adobe Illustrator

  1. Really cool technique! How would you go about recreating step 11 in Illustrator? I tried blending 2 stars with rounded corners but unable to produce a similar look.

  2. Hey there! I love your tutorials, because they are extremely well-written, but could you please correct the title, it’s op-art not opt-art.
    Thanks for writing these, you’ve saved me hours of extra-labour on many occasions.

  3. Hiya,

    I am also having trouble with step 4 onwards – if you first go to expand appearance – you and then pathfinder > exclude, you get step 4, but then if you go on to blend > specified steps 20, I just get a few squares in the middle and not what is on step 5 visual.

  4. I learned more things about the blend tool, the effects panel and its feature
    vectips.com/tutorials/create-artworks-opt-art-style-using-adobe-illustrator/ … pic.twitter.com/thR3VEupUw.
    the link posted on twitter is attached,
    comments are welcome

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>