Flash Games
 FAQ   Search   Memberlist   Usergroups   Register  Profile   Log in to check your private messages   Log in 


Photoshop Tutorial: Multi Colored Image



 

Post new topic   Reply to topic  
   DEVPPL Forum Index -> Photoshop Tutorials
View previous topic :: View next topic  
Author Message
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3642
Location: Sweden

PostPosted: Sun Jun 19, 2005 1:29 am    Post subject: Photoshop Tutorial: Multi Colored Image Reply with quote

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:
Click to view this image at its original size
Click on the image to view it at its original size


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:
Click to view this image at its original size
Click on the image to view it at its original size

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:
Click to view this image at its original size
Click on the image to view it at its original size


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:
Click to view this image at its original size
Click on the image to view it at its original size

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:
Click to view this image at its original size
Click on the image to view it at its original size

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:
Click to view this image at its original size
Click on the image to view it at its original size


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 Smile


I made one more color and here's the result:
Click to view this image at its original size
Click on the image to view it at its original size


IF YOU LIKE THIS TUTORIAL, PLEASE REGISTER AND HELP DEVPPL GROW
Back to top
View user's profile Send private message Visit poster's website
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Sun Jun 19, 2005 7:20 am    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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.
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
Kotik
1000+ Club


Joined: 23 Aug 2004
Posts: 1099
Location: Sweden

PostPosted: Sun Jun 19, 2005 8:33 am    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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.
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3642
Location: Sweden

PostPosted: Sun Jun 19, 2005 10:08 am    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

That's not needed to be done, just if it's a greyscale image.
Back to top
View user's profile Send private message Visit poster's website
Mesko
100+ Club


Joined: 14 Jun 2005
Posts: 207
Location: Sweden

PostPosted: Sun Jun 19, 2005 1:08 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

Nice tut, though it's hard to find/take pictures that only have like two colours... :/
Back to top
View user's profile Send private message MSN Messenger
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Sun Jun 19, 2005 1:53 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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 Wink That way you should be safer when adding different color parts as well I guess.
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3642
Location: Sweden

PostPosted: Sun Jun 19, 2005 2:57 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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 =)
Back to top
View user's profile Send private message Visit poster's website
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Sun Jun 19, 2005 5:53 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

Razz, do you really need a tutorial for that?
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
Mesko
100+ Club


Joined: 14 Jun 2005
Posts: 207
Location: Sweden

PostPosted: Sun Jun 19, 2005 7:26 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

I know how to: Ctrl + Shift + U?
Back to top
View user's profile Send private message MSN Messenger
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3642
Location: Sweden

PostPosted: Sun Jun 19, 2005 7:54 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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.
Back to top
View user's profile Send private message Visit poster's website
Mesko
100+ Club


Joined: 14 Jun 2005
Posts: 207
Location: Sweden

PostPosted: Sun Jun 19, 2005 7:56 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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!
Back to top
View user's profile Send private message MSN Messenger
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3642
Location: Sweden

PostPosted: Sun Jun 19, 2005 8:31 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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.
Back to top
View user's profile Send private message Visit poster's website
Mesko
100+ Club


Joined: 14 Jun 2005
Posts: 207
Location: Sweden

PostPosted: Sun Jun 19, 2005 10:12 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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. ._.
Back to top
View user's profile Send private message MSN Messenger
Kotik
1000+ Club


Joined: 23 Aug 2004
Posts: 1099
Location: Sweden

PostPosted: Sun Jun 19, 2005 11:18 pm    Post subject: Re: Photoshop Tutorial: Multi Colored Image Reply with quote

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.
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
Display posts from previous:   
Post new topic   Reply to topic    DEVPPL Forum Index -> Photoshop Tutorials All times are GMT + 1 Hour
Page 1 of 1

 
 
Welcome to DEVPPL.com
You are not logged in, which means that you can't post in the forums.
Click here to Register

If you are a current member here on DEVPPL, please login below:

User: Pass:
Log me on automatically each visit:

 


Powered by phpBB © 2001, 2005 phpBB Group - Modified by DEVPPL

Flash Games - Sitemap