Illustrator: Adding Reflections to Images with Masks

How to Add Reflections to images with masks in Adobe Illustrator

  • Insert a photo go to File>Place and select a photo from your computer
  • Place it by left clicking on the artboard
  • Scale it down
  • Edit>Copy
  • Edit>Paste in Place
  • Object>Transform>Reflect (horizontal axis for pasting below or above rather then left or right)
  • Drag the reflection / refelected image down, until it snaps in place
reflect Adobe Illustrator
  • Select Rectangle Tool – create a black rectangle
  • Press CMD (or CTRL) and Y to see outlines
  • Line up the rectangle to cover the bottom photo
  • Select the black rectangle and the bottom photo which is underneath
  • Select the Transparency Pallet
Adobe Transparency
  • Click “Make Mask”
  • Untick “Clip”
  • Click to select the black rectangle in the panel:
  • Next Click on Gradient
  • Adjust the gradient – anything that is black blocks part of the image, white keeps the image:
adobe illustrator gradient
change to -90 degrees to fade bottom more

In the color panel, change the RGB to all zeros to completely cover part of the photo

mask gradient adobe illustrator

Illustrator – Compound Paths & Clipping Masks

Creating Compound Paths & Clipping Masks in Illustrator

Compound path consists of two or more paths that interact with each other
source

  • Create two circles using the ellipse tool
  • Add a gradient
  • See how the gradient is added seperately:
  • Select both of the circles
  • Go to Object>Compound Path>Make
  • Now the gradient will be applied both circles together
  • The shapes are effectively one shape, with a space in between
compound path illustrator
  • Compound Paths can be applied to text too
  • Just select the text and then go to Type>Create Outlines first

Illustrator – Creating an ‘Infinite Symbol’

How to create the Infinite Symbol in Adobe Illustrator

  • Select the Type Tool
  • Go to Type menu – Type>Glyphs>choose the infinite symbol:
Adobe illustrator - infinite symbol
  • double click to add the infinite symbol
  • Use the Scale Tool* to enlarge it (*on the right below)
illustrator toolbar


Turn the Text Icon into a Shape

  • Select the infinite symbol, go to Type>Create Outlines
  • Use the direct select tool to move bits of the symbol about and reshape it

Illustrator – Drawing a Volume Speaker Icon

How to draw a volume icon in Adobe Illustrator

Making the Speaker

  • Select the rectangle tool
  • Create a black ‘vertical rectangle’
  • Copy & Paste the rectangle and drag to the right – Edit>Copy, Edit>Paste in Place. Then hold down shift and drag to the right
  • Colour the right rectangle red (Just to distinguish the two)
  • Use the Direct Selection tool and select the two corners of the red rectangle that are furthest to the right:
  • Use the Scale Tool (See toolbar above – the scale tool is on the right, near the top, usually) – drag the two corners up and down:
  • Select the two right-hand-side corners again
  • This time drag them to the right slightly, to make the red shape thicker
  • Colour both rectangles black when you are happy with the shape:
illustrator speaker

Drawing the SoundWaves

  • Using the elipse tool (found under the rectangle tool) and holding shift – drag out a circle
  • Using the Direct Selection tool – drag out a ‘selection field’ to select a point on the left:
illustrator circle
  • Hit delete to remove the left hand side of the circle
  • Select the new, semi circle
  • Switch the stroke and fill so the stroke is black
  • Increase the thickness of the stroke until it looks like this:
illustrator circle
  • Change the stroke cap to be circular
  • Copy and paste in place the semi circle and tap the left arrow key to move to the left of it

  • Unite the 2 parts of the icon with the Pathfinder – Unite tool
pathfinder

Lesson taken from this free course on Udemy – https://www.udemy.com/course/useful-tricks-and-tips-in-adobe-illustrator/learn/lecture/2988468#overview