(+20) 11 1120 1628

Pixelated Mosaic Edges – Photo Shop

Pixelated Mosaic Edges – Photo Shop

This tutorial will show you a way to easily create a pixelated mosaic-type effect for use on edges or borders or whatever you want.

Create a new document, whatever size you want, by pressing [Ctrl + N].

Select the Square Marquee tool [M] and draw your square through half of the document.

Press [D] to set your default colors, and then press [Alt + Backspace] to fill with black. Deselect with [Ctrl + D].

Next, run the Wave Filter by going [Filter > Distort > Wave]. Play around with the settings, but you’ll probably want something a little less extreme. I used the following settings:

– Generators : 2
– Wavelength: 10,48
– Amplitude: 5,6
– Sine


Back to the Filter menu, run the Ocean Ripple filter [Filter > Distort > Ocean Ripple]. This distortion will give you an idea of how far your pixel edges will go.

– Size: 5
– Magnitude: 12

Next step is to pixelate our image. Run [Filter > Pixelate > Mosaic]. Choose a [Cell Size] around 5-6 pixels.

Create a new Curves Adjustment layer by going [Layer > New Adjustment Layer > Curves…] or by using the button at the bottom of the Layers palette.

Adjust your curves to something crazy… like a rollercoaster. You’ll start to see the edges separate a little bit. Just play around with them and watch your image until you see something that might work for you. You can always adjust it again later, thanks to the magic of Adjustment layers.

Create a new Levels Adjustment layer by going [Layer >New Adjustment Layer > Levels…] or, again, by using the shortcut button on the Layers palette. Play with the sliders, moving them closer together until you get the effect you want. This is a personal preference, so do what you think looks good.

Here’s mine:

We’re going to use this as our mask so we can apply some colors.

Go to [Select > Color Range] and click on the black side. Set the Fuzziness to 200.

With your selection, create a new Solid Color Fill layer by going [Layer > New Fill Layer > Solid Color…]. Choose any color you like.

Create another Solid Color Fill layer and drag it below the Color layer you just made in the Layers Palette [F7]. Fill it with any color you like. I chose something a little complementary.

Keeping with the Iconfactory fashion, I’ll create a new Solid Color Fill layer and fill it with white.

Then add a little shadow by going [Layer > Layer Style > Outer Glow] and adjusting the color to black and the Mode to Normal.

And here’s my finished product:

This effect has a lot of variables so it will almost never come out the same. Play around with it and have fun!