Scrapbook Ideas

Tips & Tricks. Ideas & Inspiration. Resources for Scrapbookers.

Digital Mosaic Tutorial and Free Template

In case you haven’t already heard, the new collaborative kit created by Gina Marie Huff (of Weeds and Wildflowers Design) and Gina Miller is now available at Gina Miller Designs, and it is 20% off too (great deal, because this is a massive kit)! I loved working with this kit, and I know I will get lots of use out of it!! So, without further ado, here’s a page I made with the fab designs:

2 Cute

For Page Credits *Click Here* 

Photoshop Tips and Tricks

  • I made the page look like it has scalloped edges by starting with a plain white 12×12 page, placing the scallop-edged cardboard just inside the edges, then adding drop shadows (check these posts for drop shadow ideas).
  • To make the paper clip and ball chain look more realistic, I added drop shadows, then I used the eraser tool to erase a few sections to make the items look like they are wrapped around other elements on the page.
  • I created a new flower element (top left) by extracting part of a flower doodle and placing it over some patterned paper.

Technique: Create a Digital Mosaic (Free Mosaic Template Below)

Here’s a fun way to include many different patterned papers (or even photos) on one page and infuse your layout with lots of color and texture!

In Photoshop, start with a blank 12×12, 300dpi document (I used Photoshop CS for this project; the steps may vary in other versions).   

Step 1 Select Layer> Layer Style> Blending Options. Click on the words “Pattern Overlay”.  In the drop-down menu to the right, select the pattern called Nebula, with the opacity set to 100% and the scale set to 1000%. Click “OK”. Using the paint bucket, click inside the layer to fill the layer with the pattern (make sure the fill mode at the top of the screen is set to pattern, not foreground). Select Layer> Flatten Image.

Step 1

Step 2  Select Filter> Texture> Stained Glass. For my project, I used these settings: Cell Size = 49, Border Thickness = 20, Light Intensity = 0. Because my foreground color in the tool pallet was set to white, the grout color between the sections is white. You can play around with the settings, but keep in mind that bigger cells mean less work and they usually make the paper look more appealing. And you will want to keep the Light Intensity set to “0”, because it will make the next step much more simple. Once you are happy with your settings, click “OK”.


Step 3 Using the Magic Wand tool, select one of the cells. Then, use Select> Similar to select other cells of the same color range (changing the tolerance value, at the top of your screen, will cause this function to select a larger or smaller range of colors).

Step 3

Step 4 Right-click inside the selection and select “Layer via Copy” to duplicate the selected cells in a new layer. Keep returning to the background layer to repeat steps 3 and 4 selecting all the different color ranges. You will end up with several layers of randomly scattered cells.

Step 4

Step 5 After you have finished separating all of the cells onto different layers, you can begin adding your digital papers. Choose a layer of cells that you’d like to cover. Open a paper file and use the keyboard shortcuts ctrl+a and ctrl+c to quickly “select all” and copy the paper. Switching back to your mosaic document, use ctrl+v, ctrl+g and ctrl+e to quickly paste the paper above the selected layer, group the paper with the cells below and merge the two layers together (NOTE: these shortcuts all work in PSCS, but they might be different in other versions). Repeat for each layer of colored cells.

 Step 5

Step 6 After all of your cells are covered with paper, you can decide what to do with the grout. You can leave it as is, or add a full sheet of patterned paper directly above the background layer, which will add even more color and texture to the image.

Finished Mosaic

Here’s my finished mosaic, using lots of gorgeous papers from the new kit by Gina and Gina!

I know this technique might sound like a lot of work, but it really is pretty simple to do. Once you’ve made your mosaic, you can flatten it and use it as the background for a page, or even make a new paper out of it, like I did for the layout above. There are so many great uses for mosaics on your scrapbook page and you get lots of different looks out of them by using different papers or photos. Go ahead, try it :)!

Mosaic Template PreviewFree Mosaic Template

If you’d like to try the mosaic look without making your own from scratch, you’re in luck :). I made a template out of mine, so all you will need to do is open the template and follow steps five and six above, until you have your very own beautiful design! I also included a separate grout layer, in case you just want a solid color in between the cells (the layer is at the very top, but the visibility is turned off – just click on the layer to turn it on).

*Click Here to Download*

About these ads

21 responses to “Digital Mosaic Tutorial and Free Template

  1. cathy September 1, 2007 at 7:22 pm

    WOW, how neat is this! Thank you so much for this most interesting template!

  2. JSF September 2, 2007 at 2:25 am

    This is neat! Thanks for the tutorial – love the mosaic and want to try this. I am also thanksful for the template in case I don’t master the tute! lol

  3. Angela September 2, 2007 at 11:57 am

    OMG thanks so much for sharing. i love this

  4. NursePegggy September 2, 2007 at 5:58 pm

    This is great! Can’t wait to try it! Thanks!

  5. Claudia September 2, 2007 at 6:00 pm

    great tutorial! thank you for sharing the template!

  6. Olga September 2, 2007 at 6:57 pm

    Thanks so much for the tutorial. It’s fantastic, and many thanks for the template, it’s great. :)

    Best wishes. :O)

  7. jimtown September 2, 2007 at 7:42 pm

    Adorable! I love the look of mosaic and you made it achievable! Thanks so much.

  8. Lee September 2, 2007 at 8:37 pm

    Thank you so much!
    – Lee

  9. Leslie September 3, 2007 at 6:23 am

    Can’t wait to try this out. This is awesome!

  10. JanMary, N Ireland September 3, 2007 at 6:56 am

    Great LO, great tutorial. Love that kit too :)

  11. Maria September 3, 2007 at 10:52 am

    Thank you for the great tut and a freebie!!

  12. Deborah September 4, 2007 at 6:01 am

    How cool! This is great! Thanks so much for sharing it and the tut too!

  13. knowly September 4, 2007 at 8:48 am

    can’t wait to use this!

  14. camelia September 4, 2007 at 12:37 pm

    Great tutorial. Thanks for sharing the tutorial and template.

  15. jonee September 4, 2007 at 4:48 pm

    Thanks, Jess! Love the mosaic and I’m glad you made a template!

  16. Laura September 9, 2007 at 3:30 pm

    Looking forward to trying this, thanks.

  17. Jess September 14, 2007 at 6:41 am

    I’m so happy everyone is enjoying this template! I hope to have another one ready soon :)!

  18. Charlotte October 6, 2007 at 10:37 pm

    I love your pennant and mosaic templates, but I can’t use TIF type files. I use PSP, and it will work with photoshop PSD files which is the format that most templates come in. I usually convert the PSD files to PSP format, and everything works fine. So…ANYWAY (LOL), is there any chance you can make them psd?
    If not, thanks anyway, and they’re really nice!

  19. Jess October 6, 2007 at 11:38 pm

    YES! I have them in .psd, and if you need them that way you can just email me:
    scrapbookideas @ gmail DOT com and I will send them when I get a chance. No one has asked me for them that way so far so I have just been making them in .tif format because they are smaller files and upload/download faster :). Charlotte, I’ll send yours in a sec…

  20. neety June 25, 2008 at 3:05 am

    What a fantastic template. Thanks so much for sharing with me.

  21. Karen August 7, 2011 at 12:49 pm

    This is pretty cool! thanks for sharing it :)

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Get every new post delivered to your Inbox.

Join 477 other followers

%d bloggers like this: