Share this topic on AskShare this topic on DiggShare this topic on FacebookShare this topic on GoogleShare this topic on TwitterShare this topic on YahooShare this topic on Google buzz

Author Topic: Image Mosaic Effect  (Read 2060 times)

0 Members and 1 Guest are viewing this topic.

Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
    • fence-post.deviantart.com
Image Mosaic Effect
« on: December 20, 2007, 04:02:28 PM »
In this tutorial, I'll show you how to do this PS Mosaic Effect Tutorial in a much simpler and faster fashion.  In fact, it's so fast and simple, you might want to wear a seat belt while doing it!  ;D  BTW, I will not be held responsible for whiplash or other speed-related injuries that may result!  ::) :P  Our tool of choice is the GIMPressionist plugin, which can be found under the Filters Menu > Artistic > GIMPressionist

Our results will look like this:



I've also attached a modified brush GIMPressionist brush to the bottom of this post, which you can use, if you want to try out one of the final screenshots I've posted below.  Just click on the attachment at the bottom of the post to download, unzip the file and save the brush to your GIMPressionist's Brush folder (somewhere on your hard drive like this: C:\Program Files\GIMP-2.4\share\gimp\2.0\gimpressionist\Brushes)  When you open up GIMPressionist, the brush will be available to you with the name Shape03a.pgm.

Also, I recognize this isn't a true mosaic.  I'm just using the same name as referenced in the PS tutorial.

The board will automatically resize images above a certain size.  If the image you are viewing looks bad, Firefox users can right-click on the image and choose View Image to view a full-size version.  I believe IE users can just click on the image and the full-size version will open.
Let's begin!

Step 1

Open up the desired image in GIMP.  I'll be using this one:



Step 2

Go to Filters Menu > Artistic > GIMPressionist



Step 3

In GIMPressionist, you'll see several tabs.  I'll show you which ones I'm using and the settings.....you adjust to taste.  Don't close GIMPressionist until I tell you!  ;)

On the Brush Tab, choose the shape02.pgm brush:



Next, click on the Orientation Tab and set the Directions to 1, Start Angle to 0 and the Angle Span to 0



Now, click on the Size Tab and set the Sizes to 1, Minimum Size to 7, and Maximum Size to 7 (Your minimum and maximum sizes may need to be adjusted to fit your image)



On the Placement Tab, Click on the "Evenly distributed" radio button and set the Stroke Density to 3.



On the Color Tab, Choose any option you wish.  I've chosen Average Under Brush...



And, lastly, on the General Tab, Pick a Solid Color (I've chosen white) or, if you want a Transparent Background, you'll need to Add an Alpha Channel to the original image (can't do that in GIMPressionist) and then, click on the Paint Edges check box....



Step 4

Click the Update Button below the preview image to see what the results will be (no screenshot here).  If you're happy (and you know it  :P), click the OK button.

Here's my results (I've scaled these images down a little bit)



Here's another version with all the settings set the same as above, but with a brush size of 12.



Here's one using brush shape03.pgm with a size of 7.



The same brush as the image above with a size of 12.



And, lastly, one using the brush I've attached to this post.  Notice that the center is not completely open, but not completely visible either.



Step 5 - Optional (No screenshots)

You can save these settings as a preset by going to the Presets tab, and selecting Save Current...  You'll add a name and description (optional) and then you can do this same thing as described above, just by choosing your preset from the dropdown and selecting Apply.

Obviously, you can use any of GIMPressionist's brushes (or your own for that matter).  These are just the ones I wanted to show you.

Well, I hope you've enjoyed this tutorial and found it useful.  More importantly, I hope you didn't sustain any injuries along the way!  ::)  Cheers!
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline Darth_Gimp

  • Number One
  • *****
  • Posts: 2,894
  • Karma: 0
  • Faith, Folk, Family!
    • lds-jedi.deviantart.com
    • Odinic Rite
Re: Image Mosaic Effect
« Reply #1 on: December 20, 2007, 05:36:14 PM »
I guess great minds think alike. I was working on this effect last week and wes trying to perfect it. Good to see you had the time to do this tutorial. As with all things there are several ways... and I can't wait to try this method!
GimpDome Group: http://gimpdome.deviantart.com/
My DeviantArt: http://lds-jedi.deviantart.com/

There's no worse feeling than that millisecond you're sure you are going to die after leaning your chair back a little too far.

Offline fencepost

  • Member
  • **
  • Posts: 2,626
  • Karma: 0
    • fence-post.deviantart.com
Re: Image Mosaic Effect
« Reply #2 on: December 20, 2007, 05:40:38 PM »
I also have used patterns to create masks, which is really quick as well, but since the GIMPressionist has everything built in, I figured, "why not go with it?"  Thanks, you'll have to share your way as well.  Always more than one way to skin a cat!
I'd rate you as an upper-middle-lower-mod with pro-novice-inter tendencies.....and a twist of lime!  Of course, my rating scale is completely objectively subjective, but ALWAYS consistently inconsistent.

Offline Damascus

  • Global Moderator
  • *****
  • Posts: 1,301
  • Karma: 0
Re: Image Mosaic Effect
« Reply #3 on: December 20, 2007, 05:43:18 PM »
If you're happy (and you know it  :P)

I'm Happy!   ;D

A very cool Tut, yet again...  :h_star:

Offline istarlome

  • Global Moderator
  • *****
  • Posts: 955
  • Karma: 0
    • istarlome.deviantart.com
Re: Image Mosaic Effect
« Reply #4 on: December 23, 2007, 10:17:59 PM »
nice effect. i esp like the last one.



Offline a2j3

  • Member
  • **
  • Posts: 501
  • Karma: 0
Re: Image Mosaic Effect
« Reply #5 on: December 24, 2007, 10:18:01 AM »
Absolutely beautiful job fence.  +karma  +karma

Offline Hi-T3k~HillBilly

  • Administrator
  • *****
  • Posts: 1,526
  • Karma: 0
    • hitech-hillbilly.deviantart.com
    • Facebook:jacob.c.dillon
    • hitek_hillbilly:imageshack
    • droz928: PhotoBucket
    • jcdillon28:twitter
    • HillBillyGFX
Re: Image Mosaic Effect
« Reply #6 on: December 24, 2007, 10:19:53 AM »
As always Fence great job and a wounderful tutorial. The effect is really cool.

Offline gigatwo

  • Member
  • **
  • Posts: 354
  • Karma: 0
Re: Image Mosaic Effect
« Reply #7 on: December 24, 2007, 11:30:30 AM »
Really nice effect. It makes a great background since it doesn't stand out too much. I might darken it if I was going to use it on it's own though.

Tags:
 

anything