andrer welten kind (scatterheart) wrote in half_by_sea,
andrer welten kind
scatterheart
half_by_sea

Tutorials: The Mighty Boosh

rawkenr0ll wanted tutorials, so here are two, done while I was supposed to do other things, ahem. There might be more on the weekend, because I like doing this.

Tutorial 1 - Grey People and Coloured Textures

From to


01. Prepare the base
I started with this picture of The Mighty Boosh and prepared my base - copied the image into a new 100x100px document, scaled it down and sharpened a bit.



02. Add texture
The white background is kind of invisible here, sorry. Once the base image looked like I wanted it to, I copied this texture by indienotebook and pasted it behind the Boosh layer.




03. Remove the background
Then I cut out Noel and Julian. Since their outlines are relatively well defined, I used the lasso tool to select them and then used the quick mask button on the layers palette to remove the background. Of course, adding a mask first and then removing the background with a brush works, too. Whatever you prefer.






04. Desaturate! (To be said in a Dalek voice.)
I want the guys to stand out a bit more against the colorful background, so I put up a greyscale gradient map adjustment layer like so:



Then I grouped it with the Noel-and-Julian layer by pressing CTRL+G - that way it applies to that layer only, as you will see by the little arrow in the layers palette. (ETA: If you're using Photoshop CS3, it seems they changed something with the way grouping works. mscam found a solution, and if that doesn't work, I explained another way to achieve the effect - take a look at this thread.)
The result looks like this:



Of course you could just desaturate the layer, but using a gradient map instead really improves the contrast. Actually, gradient maps are awesome in pretty much every way - try using a lightly coloured one set to "soft light" for instant nice colouring, or a two-tone one with a lot of contrast for a pop-art effect. Maybe I should do a tutorial just on gradient maps... I love them.


05. Add some more colour
Anyway! I could leave it at that, but it feels like something is missing. Maybe some more cowbell colour... I duplicated the Noel-and-Julian layer (note that the grouped layer sticks to the copy, since that kind of squeezes itself between the adjustment layer and the original Noel-and-Julian layer) and grouped (for problems, see step 4) this texture, also by indienotebook with it (i.e. the lower layer, see the palette). You won't see anything, but move the the Noel-and-Julian layer just a bit up - et voilà:



A look at my final layers palette, to show what I was talking about in step 5:






Tutorial 2 - Kind of Collage-y

From to


01. Prepare the base
This is the picture I started out with. I prepared it as usual - copy/pasted the original image into a 100x100px document, scaled it down, sharpened it a bit. The background is white, so you can't see it here.




02. Add texture and cut out Julian
I wanted this icon to look a bit collage-y and gritty, so I copy/pasted this texture by dusty_memories behind the original layer. I roughly cut out Julian - because of the collage look I didn't bother to be exact. This is easiest with the lasso tool.




03. Cut out the thought bubble
For the thought bubble, I first copy/pasted another texture by dusty_memories on top of everything else. In the original icon, I used the pen tool to "draw" the shape by hand, but because I'm lazy, for the purpose of this tutorial I picked clouds from Photoshop's preset custom shapes and, setting it to "path", selected some areas - I turned down the opacity on the paper texture to see where to place them.





Whichever way you decide to do it, once you have selected what you want, open the "Paths" tab in your layer palette (or choose "Window -> Paths", if for some reason you don't have it there) and click on the little dotted circle to load your path as a selection. Press CTRL+Shift+I to inverse the selection and delete it. Then you can turn the opacity of the paper layer back to 100%.


04. Desaturate!
Last, but not least, I added a greyscale gradient map on top of everything to desaturate the icon (see the first tutorial in this post). Here's what my layers looked like in the end:



And this is the finished icon:



Hope this was helpful, let me know if anything is unclear. Also, feel free to request tutorials at any time, they're fun to make.
Tags: boosh, tutorials
  • Post a new comment

    Error

    default userpic
  • 44 comments
Very cool! I'm definitely going to have to try. :)
Thanks, let me know if anything is unclear! :)

jsrocks

8 years ago

scatterheart

8 years ago

cool tuto. thanks♥
Glad you like it. :)
thank u very much!
I love 5th step on 1st icon...definitely gives that cool finishing touch!
Thanks, I'm glad it worked for you.
Such a nice tut! :) Mems+ Thanks for sharing.Such a nice tut! :) Mems+ Thanks for sharing.
Thank you!
Nice tut! I'd like to see a gradient map tut!
I might do one on the weekend. :) Thanks!
Awesome tuts :) +mems
Thanks! :)
+mems!
lol the dalek voice on step 4 cracked me up:)
:D Thanks, glad you liked it!
awesome ♥ love the mighty boosh
Thanks! They're fantastic, aren't they? ♥
Thanks for these! I'm going to have to try these out later! :D
Thanks, let me know if they work out for you. :)
These are great. Thanks for sharing!
My pleasure! ;)
beautiful! loved them both! adding to my memories
Thank you! :)

Anonymous

March 6 2008, 01:59:38 UTC 8 years ago

What's the Boosh Layer and how do I paste the texture behind it?
Oh, I should have made that clearer - The Mighty Boosh are the guys in the icon, so the "Boosh layer" (I kind of fail at naming things) is the one with them on it. To paste the texture, you select it (CRTL+A), copy (CTRL+C), switch to the icon file, select the background layer and paste (CTRL+V).

Hope that helps!
Great tutorials! Thanks!
Glad you like it! :)
:[[
no matter what i do, the gradient map applies to the whole of my icon.
I tried grouping it but it didn't work!!
could you help me?

xxx

mscam

March 6 2008, 23:33:19 UTC 8 years ago Edited:  March 6 2008, 23:34:44 UTC

sorry interrupting.

if you use PSCS3 then right click on your gradient map layer and choose "create clipping mask" that worked for me

eta: i think it's a quirk of CS3 but the grouping doesn't seem to work the way previous versions did?! :(

scatterheart

8 years ago

scatterheart

8 years ago

i_eaticons

8 years ago

I tried the first one, like a million times, and it didnt work.... ):
If you ever take a request let me know please...
great job (:
If you have Photoshop CS3, it seems there is a quirk where grouping doesn't work the way it did before. mscam found a solution and I explained another option, here. Hope that helps! :)

And I'm pretty much always open for requests, so just let me know what you want.

coral_arratia

8 years ago

scatterheart

8 years ago

coral_arratia

8 years ago

LOL @ "Desaturate! (To be said in a Dalek voice)."

great tut, memming!
Thanks! :)
Wow, I just learned a lot of cool new tricks on photoshop. Thanks for this tutorial!
My pleasure. ;) Glad it helped!
this is an EXCELLENT tut, adding to mems!
Thanks so much, I've been waiting for a decent Boosh tutorial. Nice Darlek touch. x