0

I want to make something like this artwork.

enter image description here

I tried using gradient, but it look so ugly and flat. How to achieve such shadow in Illustrator?

1

mosaic

  • Create a square: fill gray, stroke dark gray 1 pt (at the left of the image)
  • From the Appearance Panel → add a second stroke over the fill: gradient, 8pt, Opacity: 100%, multiply.

Square

  • Appearance Panel → click this stroke and go to menu EffectDistort & TransformTransform: move it vertically the same distance as the stroke weight

transform

  • At the stroke → Menu EffectStylizeFeather

feather

  • Duplicate this stroke dragging it to the Duplicate Selected Item icon at the Appearance panel bottom.
  • Change the new stroke options: 20pt, Opacity: Multiply 35% and change the stroke color if necessary.
  • Double click the Transform options and move it Vertical=0 and horizontal= the same distance as the stroke weight but negative

duplicate

  • From the Graphic Style Panel → create a New Graphic Style to keep this graphic options
  • Copy the square and paste in front Cmd + F Mac or Ctrl + F Win
  • Select both squares and create a Clipping Mask Cmd + 7 Mac or Ctrl + 7 Win

Mask

  • Deselect all, click twice the Transform Tool and uncheck Scale Strokes and Effects to prevent the strokes from expanding when modifying the base square

Strokes

Create the mosaic with squares, rectangles or other shapes applying the Graphic Style and masking them after.

  • 1
    Thats very neat making 3 strokes. I thought I need to group 3 squares together to make double drop shadow. I might need to increase the feather a bit higher to make it more smooth, I think. – LordSacha Oct 7 '18 at 8:00
  • Of course, this is a base technique, then you must adapt everything to your own work – user120647 Oct 7 '18 at 8:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.