Log in

Previous Entry | Next Entry

GIMP: Mosaic Effect

Tutorial Type: Filters/Special Effects for Images
Program: GIMP 2.6.2
Steps: 3-4
Difficulty: EASY
Translatable: Yes
Summary: GIMP already has its own "mosaic effect" (Filters>>Distorts>>Mosaic), but I find their version very ugly.  I think this one is much prettier.  This tutorial is very handy, because you can pretty much use it for anything- icons, wallpapers, banners, or whatever you want.

1) Firstly, Open up your image in Gimp and go to Layer>>Duplicate Layer (Shift + Control + D).  This is the picture that will be used:

2) Go to Filters>>Blur>>Pixelize (For PSP9 users Pixelate is located in Distortion Effects).  A window will open up and ask you what size you want the pixels to be.  Since it really depends on the image, it is up to you.  I chose 30x30.

3) Then, go to Filters>>Enhance>>Sharpen.  As before, how sharp you want it to be is up to you.  I put mine at 63.  You image will have a bunch of nicely colored squares.  From here, I would change the layer mode to Overlay, but depending on your picture, you can use Screen, Multiply, or whatever you want.

4) The last step is totally optional, which is to choose your focal point (in my case is the middle flower) and erase any part of the mosaic covering it.  I used the Free Select Tool (or the Lasso Tool) for this one.  After some fiddling and minimal editing, voila!  It is done!

If anyone found this helpful, please comment!   I am up for questions, as well. (^o^) Oh, and show me your works!  I would love to see them!


( 12 comments — Leave a comment )
Aug. 11th, 2009 07:55 am (UTC)
this is a lovely tutorial!
it's simple, but a great outcome. i'll try it as soon as i can.
Aug. 11th, 2009 08:57 am (UTC)
Gorgeous tutorial. As has already been said, v. simple.

It's a bit different for PSP9 though so I just edited (Pixelate is located in distortion effects, jsyk).

Not the best icon but it's just to try it out. xx
Aug. 11th, 2009 10:31 pm (UTC)
Thank you for trying it out! And I will add that to the tutorial.~ (^o^)
Aug. 12th, 2009 01:49 am (UTC)
You're very welcome!
Aug. 11th, 2009 03:08 pm (UTC)
Wow, I love this effect! I will definitely be saving this tutorial to my bookmarks. :)
Aug. 19th, 2009 08:44 am (UTC)
Excellent tutorial! I'm looking forward to trying this. Thank you!!
Aug. 21st, 2009 04:07 am (UTC)
This looked interesting, and I don't play with filters enough, so I figured I'd check it out with Photoshop CS. I used the pixelate (filter > pixelate > mosaic) on the first try...

but it didn't have the whiteish lines that yours did (which may have been a function of picture choice.)

So, I then tried doing Filter > Texture > Patchwork...

which got me the lines, but I think I prefer the first.

Just to let you know that it translates to PS as well. I may end up playing around with it for real, rather than on a throwaway picture. Thanks for the reminder that filters can be interesting! :)
Aug. 21st, 2009 01:11 pm (UTC)
Thanks for the sweet tutorial. I got to play with it last night and although my base image wasn't as striking as yours, everything worked just the way you said it would and I was satisfied with the end result. (I'd show it to you, but it's a birthday card for a friend and it has to stay under wraps until the 23rd.)
Dec. 10th, 2009 06:09 pm (UTC)
Oh hai, I used this tutorial using a slightly different effect in place of mosaic in an icon I made. :B

Feb. 8th, 2011 06:31 pm (UTC)
Hi :) Thank you for this great tutorial :)
I was wondering... may I translate it into italian? I'm a member of an italian forum and I'd like to share your tutorial with the other members. I will credit your lj.
So, thank you for your time :)
Mar. 3rd, 2011 03:36 am (UTC)
Sorry for such a late reply! I've been busy. Of course you can translate it, if you give me credit. :D
Nov. 6th, 2011 02:56 am (UTC)
I love this tutorial :) here is my result. tut result
( 12 comments — Leave a comment )