*CLOSED* Slow Technique Scrap | 14 Dec 7pm EST

bellbird

Well-Known Member
Pollywog
Joined
Oct 10, 2010
Messages
17,363
Welcome to Slow Scrap -14 Dec 7pm EST
* Mosaic *
We're in the chat room now for a technique demo and slow scrap! Join us or follow along after with all the info here!

The What: Inspiration & Backstory
Today's technique scrap is inspired by a little trinket gift I bought myself.
Let me show you a photo:
IMG202112-mosaicdish300px.jpg

It's a little dish with glassy mosaic tiles that was an impulse buy!
I looked at it and instantly thought about how I'd go about making a scrappy background like it - doesn't everything make you think about scrapbooking?

Anyway in this first half hour, i'll show you one way to achieve a mosaic-y look that we'll use as part of the Slow Scrap steps in the 2nd half hour.

What do mean by Mosaic?
Ok so to start with a loose definition of the look of a mosaic to me is:
* lots of small pieces that work together to make a bigger picture or piece.
* can be all the same shape (lots of squares) OR a mix of irregular shapes
* can be precisely aligned for a clean minimalist style OR 'perfectly imperfect' with slight rotations for a more rustic, handmade look
* variations in colour or tone to the tile pieces that add interest but contribute to pattern and a bigger design
* gaps between each little piece that give them definition (or grout lines if you think about tiles)

The How:
Using my trinket dish as a starting point, I made a very similar background using a square brush in Photoshop CS6 & my screenshots are below.

(You could make basically the same page several ways, (like with custom shapes and drag out a square, duplicate it and hand place it a lot to make a row, group those layers, then duplicate the group (row) several times to make a larger square) but the brushes make it quicker.
If you don't have a square brush, you can also make your own from a custom shape - if you need that let me know but I'll be using the square brushes PS has today).

It looks like a lot of screenshots but it's all about set up to make the paper clipping easy at the end!
And if you remember any of Farrah's LEAP lessons on Brushes, that is basically the first half of it, so it may look scary but it's like anything else, something that after a few clicks, it's an extra tool to give us digiscrappers a quick way to do something papery (with no real scissors or clean up!)
(Her LEAP tutorial is here https://the-lilypad.com/forum/threads/lesson-on-everything-about-page-design-leap-march-2021.76257/

We start by loading the Square Brushes - Farrah covered this in the LEAP if you need more. (Note that in CC it's under Legacy Brushes)
1-loadsquare-800px.jpg
2squares-600px.jpg


Now we play with them on a blank canvas!
3guides-800px.jpg

Need more explanation?
Because brush size is in pixels, I changed my Ruler to pixels so it was a bit easier to think about the relative size - a 12 x 12 inch canvas is 3600 x 3600pixels. You can use trial and error to find a good square brush size but knowing I'll have a border or about 150 pixels each side of the page, leaves me with about 3300 x 3300 pixels to fill. Zooming in to the top corner of my canvas, I drag a guide from the ruler to give me that 150pixel invisible border (make sure guides are on by going to View > Guides or clicking Ctrl ;) - you can also type in specific guides by going View > New Guide and typing in 150px and 3450px for both horizontal and vertical )

Now just thinking before I 'brush' - If I used a 300pixel square brush, I could have rows and columns of 11 squares but I need an obvious space between my squares to give it that tiled mosaic look so I'm going to try using a size: 280px brush and space them at 120% - the distance and size is modifiable and up to personal preference of course. (Because the biggest square brush in that set is 24pixels, it will look a bit hazy at the edges at first because we scaled it up so much beyond it's 'sample size' but we'll fix that in a later step)
4-all-guides-600px.jpg

If the Brush palette isn't active, hit the 'B' key ****Marilyn pointed out to me I missed an important screenshot here - the Size and Spacing are under Brush Tip Shape (in the Brushes Palette) -thanks Marilyn!
5-brush-with-and-without-jitter800px.jpg


So holding 'Shift', this is the nice clean-spaced mosaic tile row I get (the black squares). To get it to look more perfectly imperfect, handcut paper tile look, I adjusted the Brush Shape Dynamics & still holding Shift, you can see the difference in the wonky angled placement of the blue squares
 
Last edited:
continuing on...

Either of those is fine for mosaic squares but I kept moving the Shape Dynamics a bit more & it gave me a few rectangles which I like and after putting in some extra guides,and this time not holding the shift key, it also gives me a 'perfectly imperfect' look I like so for the next steps I'll use the 'lightest blue, no shift' row brush details .

6-brush-extra-jitter.jpg

A closer look at the Brush Palette numbers
7-brushpalette.jpg

So now I know what settings I want for my square brush to give the size, spacing and angles I liked, I'm starting with a new canvas
To keep my guides, I'm just going to Go to Image > Duplicate to copy my whole page so far with the guides and then delete what i'm not using (i may want to come back to my clean black row for a different page - just make sure you 'Save As' different names).

8-add-color-dynamics-800px.jpg

Got some color variation to the squares and now we fill up the page
9-continue-brushing-on-same-layer-600px.jpg
 
This is optional but if your squares have fuzzy edges when you zoom in, this is how two ways to fix that.
One way -
10-contract5px-800px.jpg

(Using Refine Edge is my preferred way if you have that menu option - it might not be under Select in CC)
11-fixing-fuzzy-edges-800px.jpg

Ta-da! fixed!
12-fixed-edges-800px.jpg

You can make a pretty cool mosaic with just one paper!
13-onebigpaper-800px.jpg

Works with any paper really
13b-onebigpaper-800px.jpg
 
If you want to use a few different papers to make your mosaic background, the next steps set that up for you.
15-apply-layer-mask-800px.jpg

Now this Magic Wand is one of my best friends for this reason
16-select-with-magic-wand-800px.jpg

So now you can see in the Layers Palette the different colored squares and they will be what we clip papers to for the slow scrap background.
17-repeat-selection-but-not-perfect-800px.jpg
 
Wooo!
Congrats if you got thru all that - here's your steps... and you can use a template for the Slow Scrap (i'll link a few that have that mosaic background look) if it is really too much...

Tag me with any questions so i see them in this thread - you have 24 hours from now to put your Mosaic page in this thread and the Speed Scrap gallery


(as always *****
Please post your completed layout in The Lilypad gallery. GALLERY RULES: Layouts must contain at least 50% TLP products. (Templates count as 15%.) Uploads must be less than 250k. List all credits; no off-site linking allowed.)


Slow Scrap Mosaic Steps:
1. Use the above mosaic technique steps or any method to create a background, frame or shape featuring small paper pieces
- You should have at least 2 papers. (1 for the background (seen in between the mosaic pieces) and at least 1 'cut' into smaller pieces) - and if a template does this for you, that works for me -I'll link some below

2. Add a photo (1 or more)

3. Use wordart (wordstrips or any other wordart is fine too)

4. Add at least 1 tag or label (or both)

5. Add at least 1 extra element (as many as you want) & the date (does not have to be exact). Title and journalling are optional

6. Add shadowing and save for gallery!



 
Last edited:
This is my page - i turned off one of the red square layers by mistake and then thought it actually looked better with more 'white space' (or grey space here really)


credits: Paislee Press | Say Yes to... elements and papers; New School Year wordart pack
Paula Kesselring | Basic Black no.3 papers

https://the-lilypad.com/store/paislee-sayyesto-papers.html
https://the-lilypad.com/store/paislee-sayyesto-elements.html
https://the-lilypad.com/store/New-School-Year-by-paislee-press.html
https://the-lilypad.com/store/Basic-Black-3.html

font- american typewriter

(photo credit to DH)
 
Last edited:
**** Templates I randomly saw that have 1 or more in the pack that have that mosaic look of lots of little shapes with gaps between ****
https://the-lilypad.com/store/Simply-Clean-No.-8.html - the clean squares look
https://the-lilypad.com/store/Paper-Bit-Digital-Scrapbook-Templates.html -the messier wonkier rectangle look
https://the-lilypad.com/store/Artsy-Journal-Templates-26.html - the lots of irregular shape pieces look
https://the-lilypad.com/store/Title-Templates-Revisited.html -the layered squares, so wonky the gaps are sometimes not quite visible and some squares overlap

And these ones because hey you may prefer triangles to squares!
https://the-lilypad.com/store/Love-Triangles-No.-9.html
(the bottom left one)
https://the-lilypad.com/store/Escape-Layered-Templates.html
 
Last edited:
I'm out for a few hours now but I'll try to answer questions later. Enjoy!
 
I googled about Refine Edges in PhotoshopCC, I read this about it -
" 2015.5, Adobe replaced Refine Edge with Select and Mask, a new all-in-one workspace for both making and refining selections."
This may help??
https://www.photoshopessentials.com/basics/access-refine-edge-photoshop-cc-2018/#:~:text=But in Photoshop CC 2015.5,both making and refining selections.

I ended up making a square shape and using it to define a new brush that was much larger. :) Thank you for the tip though!!
 
I very much wanted to be at the chat but I ended up taking my daughter to an event. I don't have much time to scrap on weekdays so I used a template by SwL.
 
Back
Top