How to Superimpose a Pattern Over Another Image in Illustrator

How to Superimpose a Pattern Over Another Image in Illustrator


Start Creating a Passive Income Using Illustrator

So why Illustrator? Well Adobe Illustrator is professional design software commonly used by graphic designers or other designers to create professional, beautiful artworks and designs for commercial or non commercial purposes. But if you do not have a Graphic Design degree but want to acquire the skills anyway.. my tutorials can help you learn the basics of Illustrator to create beautiful professional designs or graphics to be sold in the market place like Creative Market, Master bundles, Design Cuts and lots more..

And start creating a passive income for yourself!


So lets get into it!

  1. First, open your Illustrator program or if you are just getting started, you can purchase a plan or trial your free 30 Day here.
  2. Once you’ve installed and run the program, download your free vector pattern (Illustrator file) here and open it.
  3. Open your Swatches panel (right hand panel) and drag your vector pattern into it.
  4. Double-click the pattern (you’ve just dragged into the swatches panel) and un-tick ‘Move tile with art’. But make sure the ‘Size tile to Art’ is tick! Click ‘Done’ and the window will automatically close to bring you back to your main canvas. Your swatch pattern has now been created!


Now, you are ready to create your project!

  1. First, lets find an image you want to superimpose your pattern on. Click File > Place > (Find an image you want to superimpose your pattern on) > Click ‘Place
  2. We don’t want the image moving around so let’s lock it in place. Use keys Ctrl+2 (PC) or CMD+2 (Mac) to lock the image/object.
  3. Then create a path over the area you want your pattern to appear. Use the Pen tool (Shortcut for ‘P‘) and trace the area. It takes a bit of practice but once you get the hang of it, it’s easy as!
  4. Use the ‘Selection Tool’ (Shorcut for ‘V‘) to select the path you’ve just traced/created.
  5. Open the Swatches panel and click the pattern (you’ve dragged in previously) to fill in the path you’ve selected.
  6. Once the pattern is filled in, remove the stroke. Select the stroke and click the slash icon (None /).


And here’s the fun part!

  1. Make sure your path is selected again using the ‘Selection Tool’ or use shortcut key ‘V‘.
  2. Go to the Transparency Panel or if it’s not open, go to Windows > Transparency. Or just use the shortcut key Shift+Ctrl+F10
  3. In the Blending mode panel, on the dropdown menu click Multiply. Play around with the Opacity but I think 90% opacity would be perfect!
  4. If you’re not satisfied with the path, you can edit the path again to your liking.

To upload it on the web, follow these steps:

  • Export as image (File > Export > Name your file and under Save as type: JPG or whatever suits you > Save.
  • Under Image/JPG options > Color Model: RGB  > Quality 7 and above > Resolution 72 DPI > Click ‘OK’.
  • Your image is now saved! Or take a screenshot and upload it online!


There you have it!

A beautifully imposed pattern over an image in Illustrator :).

How to superimpose a pattern over an image in illustrator

And here are just a few examples below on what objects you can superimpose your pattern on.

Remember to subscribe to my channel to follow my future tutorials!

I hope you’ve learned something and you like this tutorial. Do leave a comment below if you have any questions or suggestions so I can improve on my future tutorials.


Check Out Our New Arrivals

  • Sale! The Hopeless Romantic Toolkit

    The Hopeless Romantic Toolkit

  • Sale! 30 Beautiful & Inspiring Motivational Quotes

    30 Inspiring Motivational Quotes

  • 16% off! Life Planner: Mid Year 2017-2018

    Life Planner: Mid Year 2017-2018

    $25.00 $21.00

Have you start planning your month yet?

I have a GIFT for you so you can start planning your goals RIGHT AWAY.

DOWNLOAD These 2 FREE Printables Below

Free Printables: Mother’s Day Coupons

Free Printables: Mother’s Day Coupons

This is a brilliant way to pamper your mum on this special day especially when you are on a budget or short on cash.

So what if you are? I believe giving these coupons to your mum is a more meaningful gift because you can show your love and appreciation not to mention, sincerity through your actions.

My printables are only just a few examples you can use to pamper your mum.. you don’t even need a fancy software to create your coupons. If you want to get super creative,start personalizing your coupons! Just get some art paper, use markers or paint and make them yourself. Wah lah!

Anyway, I hope you are inspired by today’s gift and remember to pamper your mums on this special day!

You can download your free printable coupons here. Enjoy!

Happy Mother’s Day to all Mothers around the world! 🙂



25 Life Planner Printables

Pin It on Pinterest