Flash Games

 FAQ   Search   Members   Groups   Register  User Control Panel      Login 

Your time now:
Sat Nov 21, 2009 9:41 am

All times are UTC + 1 hour




Post new topic Reply to topic  [ 14 posts ]  Bookmark and Share
Author Message
 Post subject: Photoshop Tutorial: Multi Colored Image
PostPosted: Sun Jun 19, 2005 1:29 am 
Offline
Site Admin
User avatar

Joined: Tue Aug 17, 2004 2:07 pm
Posts: 2554
Location: Sweden
We are going to start with an image that mainly has only one color (black and white do not count). Here's the image I choosed:
Image


We're now going to make a black border around the image. Right click on the layer and choose duplicate layer. You will now get a new layer that's selected. Press CTRL+T for transform, in the top of the screen, you can edit the percent of the width and height of the image. Change both of them to 99% and then doubleclick on the image to accept.

Make a new layer by pressing the new layer button in the layer window:
Image

Press 'D' to reset the colors to BLACK-WHITE, then press ALT+BACKSPACE to fill the whole layer with black color. CTRL+CLICK on the 'transformed layer' you made. (If you use Photoshop CS2, you have to CTRL+Click in the little preview image in the layers-window)

Press DEL on the keyboard to delete the black color where the transformed layer were. You should now have a border that looks like this:
Image


We are now going to make some black lines in the middle of the image so we get 'boxes' for the different colors. Click on the 'Rectangular Marquee Tool' (Hotkey: M). And make a selection from top to button that has about the same width as the border. It should look something like this:
Image

Press ALT+BACKSPACE to fill the selection with black color, press CTRL+D to deselect.

You should name make select the new 'box' you've made, use the 'Rectangular Marquee Tool' for this too. (if doesen't matter if you select the black border too) When you've selected it, it should look like this:
Image

Click once on the 'transformed layer' (should be the second from the top on the layer window). Press CTRL+U to get the 'Hue/Saturation' window up. Change the Hue to change color in the selected area. In my example, I choosed Hue: +40.

Press CTRL+D do deselect the selection.

We're now done with the image and here's my result:
Image


If you want, you can make one more black lines and change the color on many places in the image. And you should know how to to that now :)


I made one more color and here's the result:
Image


IF YOU LIKE THIS TUTORIAL, PLEASE REGISTER AND HELP DEVPPL GROW


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 7:20 am 
1000+ Club
Hehe, nice one Razz! I did this once as well, long ago, before I even knew this tutorial or any tutorial like it. Worked out pretty fine, maybe I can find the image again.


Top
  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 8:33 am 
Offline
1000+ Club
User avatar

Joined: Mon Aug 23, 2004 1:25 am
Posts: 1086
Location: Sweden
Might be worth mentioning that 'colorize' should be marked in the Hue/Saturation window in order to change the color. In case a beginner reads this tutorial.

_________________
DEVPPL : News Publisher


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 10:08 am 
Offline
Site Admin
User avatar

Joined: Tue Aug 17, 2004 2:07 pm
Posts: 2554
Location: Sweden
That's not needed to be done, just if it's a greyscale image.

_________________
Make sure to check out our TNX Review and Link Vault Review


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 1:08 pm 
Offline
100+ Club
User avatar

Joined: Tue Jun 14, 2005 10:04 am
Posts: 204
Location: Sweden
Nice tut, though it's hard to find/take pictures that only have like two colours... :/


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 1:53 pm 
1000+ Club
Mesko wrote:
Nice tut, though it's hard to find/take pictures that only have like two colours... :/

Make it a greyscale image then. Should remove some unnecesary colors ;) That way you should be safer when adding different color parts as well I guess.


Top
  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 2:57 pm 
Offline
Site Admin
User avatar

Joined: Tue Aug 17, 2004 2:07 pm
Posts: 2554
Location: Sweden
Mesko wrote:
Nice tut, though it's hard to find/take pictures that only have like two colours... :/


Let me write a tutorial about how to make a photo into a black/color image then =)


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 5:53 pm 
1000+ Club
Razz, do you really need a tutorial for that?


Top
  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 7:26 pm 
Offline
100+ Club
User avatar

Joined: Tue Jun 14, 2005 10:04 am
Posts: 204
Location: Sweden
I know how to: Ctrl + Shift + U?


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 7:54 pm 
Offline
Site Admin
User avatar

Joined: Tue Aug 17, 2004 2:07 pm
Posts: 2554
Location: Sweden
Im not talking greyscale, I'm talking about black and a color. I will try to post a tutorial like that tomorrow and you'll see what I mean.

_________________
Make sure to check out our TNX Review and Link Vault Review


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 7:56 pm 
Offline
100+ Club
User avatar

Joined: Tue Jun 14, 2005 10:04 am
Posts: 204
Location: Sweden
webmaster wrote:
Im not talking greyscale, I'm talking about black and a color. I will try to post a tutorial like that tomorrow and you'll see what I mean.


Oh, okay, sorry, I meant no harm, seriously, I never meant to be rude! Oh please, don't hurt me!


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 8:31 pm 
Offline
Site Admin
User avatar

Joined: Tue Aug 17, 2004 2:07 pm
Posts: 2554
Location: Sweden
Hehe mesko, no worries. Look on the image I used for this tutorial, that's how it should look when I'm done with the tutorial.

_________________
Make sure to check out our TNX Review and Link Vault Review


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 10:12 pm 
Offline
100+ Club
User avatar

Joined: Tue Jun 14, 2005 10:04 am
Posts: 204
Location: Sweden
webmaster wrote:
Hehe mesko, no worries. Look on the image I used for this tutorial, that's how it should look when I'm done with the tutorial.


I know, I'm just joking. ._.


Top
 Profile  
 
 Post subject:
PostPosted: Sun Jun 19, 2005 11:18 pm 
Offline
1000+ Club
User avatar

Joined: Mon Aug 23, 2004 1:25 am
Posts: 1086
Location: Sweden
Making an image black and white is very simple. Just make another layer over you image. Set the blending mode to 'Color', then fill it with black.

That way you get a black and white image. and yet if you remove that layer set on color you have your colors back.

_________________
DEVPPL : News Publisher


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 14 posts ] 

All times are UTC + 1 hour


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group - Flash Games - TNX Invitation Code - TNX Review


Webmaster - Excruciating - Johnathan - Kotik - Ash - Tomi - rangana - Phate - dflynn - Medley