Graphic Design / Interactive Design / Fine & Applied Arts / Parkland College

Graphic Design Exercises
Illustrator: Gradient Mesh

Objective

To learn Adobe Illustrator production techniques by recreating the art below:

Discussion

The gradient mesh feature which allows one to make complex blends that remain editable. Mesh objects can also be used in conjunction with envelope distort to alter the shapes of objects with more control. In this exercise, we will make use of both features to recreate the above illustration.

Note: A good habit to get into while working in Illustrator is to make a copy of your work before going on to the next step. This gives you the freedom to experiment and compare variations before deciding on the best approach. The end result is also a reference file that can be used in the future to create similar effects.

Procedure

preparing for the exercise

  1. download starter file
  2. open "mesh.ai" in Illustrator, inspect layers, view > outlines (cmd+Y)
  3. help > Illustrator help: search "mesh", read "about meshes"

making the bottle with gradient mesh

  1. draw box (hint: always copy object before the next step)
  2. object > create gradient mesh (6 rows x 4 columns)
  3. direct select tool: adjust rows
  4. change fill color to olive (eyedropper reference color)
  5. direct select top/bottom rows
  6. add black (window > color)
  7. repeat with outer columns
  8. direct select 4 mesh points (one grid line in from corner)
  9. add black (window > color)
  10. adjust highlights: edit > edit colors > recolor artwork
    (adjust saturation/brightness)
  11. select top 4 rows, resize narrower (scale tool)

distorting the bottle with envelope distort

  1. copy original box art
  2. object > create gradient mesh (2 rows x 2 columns)
  3. move horizontal mesh line down
  4. object > arrange > bring to front (cmd+shift+])
  5. copy bottle art; select top object and bottle
  6. object > envelope distort > make with top object
  7. direct select tool: adjust handles
  8. object > expand

making the label

  1. copy bottle art
  2. object > flatten transparency (preserve alpha transparency=yes)
  3. object > clipping mask > release; ungroup (cmd+shift+G)
  4. delete outer box, fill label area with black
  5. draw objects for cutting
  6. window > pathfinder: subtract; expand
  7. object > create gradient mesh (3 rows x 2 columns)
  8. mesh tool: add vertical mesh lines (use progressive rhythm)
  9. object > arrange > bring to front (cmd+shift+])
  10. copy label art; select top object and label
  11. object > envelope distort > make with top object
  12. object > expand

making the background

  1. copy bottle and label art, adjust position
  2. draw box for background, fill=100K+100C
  3. object > create gradient mesh (24 rows x 1 columns)
  4. select every 3rd mesh point on right, make 0K+100C
  5. make each blue mesh point progressively darker: add 10%K
  6. scale tool: adjust position of mesh points; adjust handles
  7. use swatches to colorize last 2 mesh rows
  8. copy bottle and label art, position over background
  9. save

grading

  1. select finished art, copy and paste into new art board (letter, portrait); make larger
  2. file > save as (format=PDF)
  3. add your name and the exercise number to the file
  4. print a proof for grading (just page 2)
  5. file your graded proof in your Process Book for individual review

BACK TO TOP
Last updated: 3/1/17 ■ Webmaster: Paul Young