How To Create a Mosaic Text Effect

In today’s video tutorial I’m going to take you through a process I’ve come up with for creating a mosaic tile effect, using a mix of Adobe Illustrator and Adobe Photoshop. This kind of tiled effect has been quite trendy over recent years, made popular by Nick Misani and his ‘Fauxsaics‘ series, where he would produce illustrations of the place names he traveled to in the style of the kind of classic mosaic tile art found in hotel foyers and subway stations. Those Fauxsaics are painstakingly created by hand by drawing each individual tile, but my process uses the power of Adobe Illustrator to achieve a similar look. We’ll then transfer the art over to Photoshop to help boost the realism with texturing and the must-have pair of superimposed feet.

Check out Envato Elements for design & stock templates – https://spoon.graphics/2N3cTKZ

► Get the Smoothy Font – https://spoon.graphics/3fg4Dlw (Save 50% when purchased as part of my Favourite Fonts bundle! – https://spoon.graphics/fonts)
► Random Select Illustrator Script – https://spoon.graphics/2x2WzQx
► 24 Free Dirt Textures – https://spoon.graphics/2JoL3Th
► Feet & Legs Seen From Above from Shutterstock – https://spoon.graphics/2BJ105n

Subscribe to the Spoon Graphics YouTube Channel

Download with membership

Share on Pinterest
17 Comments submitted Add yours!

Join my mailing list to get access to this free resources bundle!

Free design resources bundle

17 Comments

  1. This tutorial is rad! (and funny: “Hello darkness, my old friend”) Thank you for this very informative & creative video!!

  2. Hey
    Your information always helpful in my work. After read your blogs i become a big fan of yours. After read this blog, i know how, i give best effect in my video. Thanks for this wonderful content. Have a Nice day.

  3. The script for AI does not exist, when you hit the download button, you get error 404 and it says that the page does not exist

  4. Fantastic video. Besides the cool tile effect, there are some other great Illustrator shortcuts I learned from it. Thank you for sharing your wisdom!

  5. So badass! Such a detailed vid tutorial, with the final effect having many uses. Thanks so much for posting the vid & all the useful links. Btw-I purchases items from Envato/Graphic River on many occasions. Good stuff on that site!

  6. I’m working in CS6 and can’t get the pattern brush to get the corner settings to overlap. Is anyone else having that problem?

  7. One thing to be aware of: When I performed ‘Expand Appearance’ on the tiles, they remained grouped. When I used the ‘Random Select’ script, set at its default ’50’ percent, I found that it took very little time but selected large contiguous blocks of tiles instead of random individuals. This, of course, did not produce a random-looking result; instead it looked like the tile-layer had run out of one batch of tiles and started using another from a different tile production run.

    I found that ungrouping the tiles and THEN selecting by fill color and using the ‘Random Select’ script took much longer to run but produced the desired result. I inferred from this that ‘Random Select’ was randomly selecting the groups, not the individual tiles, so if you want a truly random appearance when using this script you want to make sure you ungroup the objects before running the script.

    Thanks for an excellent tutorial, Chris; I really enjoyed it and quite a number of other tuts you’ve authored. I am a relative newbie, in Illustrator, and these tutorials have been very helpful to me in understanding and using Illustrator

Comments are now closed