Sign in to follow this  
Followers 0
Clawz114

Photoshop Tutorial

17 posts in this topic

Noticed that theres been a fair few topics about Photo-shopped bikes and post your picture and i will change it. Well now, for all of you out there who have Photoshop but don't know how to change the colours, heres how...

introla9.jpg

Right, first off you will obviously need adobe photoshop, if you don't have this... well then your not going to make much sense of whats to come.

Firstly, you need to open photoshop, i am using adobe photoshop CS2 but it shouldnt matter which version you have to use the simple tools i will be using.

26920468go6.jpg

Ok, now i opened photoshop i am going to find the picture i want to use. The picture below is the one i will be using so im going to drag that into photoshop and it should just import it as an image file.

44372542nk7.jpg

Right, now, i find it easier to maximize the window that the picture is in, this way you get the most view of the picture, although the small floating toolbox's do get in the way a lot.

75356370us4.jpg

Below i have maximized the image window and resized some of the toolbox windows as they get in the way sometimes.

84354256ot3.jpg

Ok, now youve got your picture and your ready to start colour changing. In my picture i am going to be changing the red parts, to green. Below i have zoomed into the end of the handlebars which is where i am going to start the colour changing.

41830897ze4.jpg

Go to the main toolbox which has the selection, brush tools etc and find the polygonal lasso tool. If you can see the lasso tool, right click on it and select the polygonal lasso tool.

55068749xc6.jpg

Draw around the area that you want to change the colour of by clicking, each single click defines a corner in the shape, you can do as many clicks as you want but don't click to fast otherwise it will think that you are double clicking and it will automatically end your selection. Draw carefully around the area and you will eventually come back to where you started. Click on where you started and it should select the area for you, or you can double click to get the same effect.

68798601lh8.jpg

Now go to image ---> Adjustments ---> Hue and saturation.

21252370yn7.jpg

Once this window has appeared you will need to press the box in the bottom right called "colorize". This will change your selection to colour instead of black and white.

Now its just a case of playing with the 3 dials until you find the colour you want.

Hue = where abouts on the spectrum of colour you are.

Saturation = How strong you want the selected colour to be.

Lightness = How bright/dark the colour is.

69976380cm4.jpg

I find it a lot easier if i save the colour that i want to use, otherwise every time you make a new selection you will have to find the colour you used last time again. So its best to save the colour you just made so you can load it later on.

10nn3.jpg

Now that i have filled in my first selection in green, and i have selected the second area i am going to go back to hue and saturation and then i am going to load the colour i saved from last time. This makes it so much easier than guessing what colour i used last time.

11jc4.jpg

Below is a picture of the bike after i have continued this process across the whole length of the handlebars.

12lu4.jpg

Now i am going to start on the rim but i am going to show you another tool that you can use to the same kind of effect as the polygonal lasso. If you look in the main tool bar window you should be able to see the "magic wand" tool. In the picture below i have selected the correct tool that you will need to find. Once you have found this tool, you can try it out by clicking on an area of colour that you want to change. This tool will highlight an area around where you clicked which shares a colour similar to th pixel you clicked on. This tool works very well for solid colours but not very well for shades. If you look towards the top left of the screen you will see a box called "tolerance". This option can be used to tell photoshop how wide a range of shades it should select for you. For example if you have the tolerance on 0 it will select a very small range of shades around the pixel you clicked on but if you have the tolerance on 100 it will select pretty much anything that is red or orange. This option can be tweaked to select the biggest area you can without selecting part of the background in my case. Ive set the tolerance on 32 as shown below.

13ty1.jpg

I have no clicked on the same area but with the tolerance set to 90. As you can see its selected a much bigger area than before, so it may be a good idea to use the magic wand tool instead of the lasso at times.

14zv5.jpg

I'm just going to go ahead and change this selection to green now.

15wz9.jpg

Below is what will happen if you put the tolerance on the magic wand too high up, it will select colours that you don't want it to select.

16oh9.jpg

Below i have selected one of my crank arms with the polygonal lasso tool and i have adjusted the option at the top called "feather". The feather option is how many pixels around your selection you want photoshop to blend or fade the new colour into. For example i have selected 10 pixels all around it, so you get a glowing effect... which is bad for me at the moment, but i suppose you could make some cool effects with it.

17yg8.jpg

Below i have put the feather back down to 0 and reselected the crank arm and coloured them both green.

18uz3.jpg

Below i have done the front rim and the front hub (very rushed)

19jf8.jpg

Finally the completed bike with green components instead of red.

20pd8.jpg

Hope this has helped some people, and i expect to see lots of Photo-shopped pictures appearing soon. :P

Clawz

Share this post


Link to post
Share on other sites

Dan you rape with photoshop you really are the Master lol :turned:

Edited by Tailz222

Share this post


Link to post
Share on other sites

Awesome post dude, Alot of detail and good explanations!

Got you validated aswell :)

Share this post


Link to post
Share on other sites
Awesome post dude, Alot of detail and good explanations!

Got you validated aswell smile.gif

I was already validated... i ermm... i LIKE... new members *looks around supiciously* :shifty:

Share this post


Link to post
Share on other sites

Wise words from a wise guy that was clawz114 showing of as normal i love that kid :P

Share this post


Link to post
Share on other sites
Wise words from a wise guy that was clawz114 showing of as normal i love that kid :P

Showing "off" daz u nub lol :lol:

Edited by Tailz222

Share this post


Link to post
Share on other sites
Wise words from a wise guy that was clawz114 showing of as normal i love that kid

I think we should get married... what about you? ;)

Share this post


Link to post
Share on other sites

dude that was a great post. but can you not do all of that in fireworks as well?

cheers teeth

Share this post


Link to post
Share on other sites

I find it helps give a realistic finish if you feather every selection by 1 pixel. Also playing around with where it says shadows highlights and mid in the hue/saturation window, to get the best effect.

Good guide. (Y)

Share this post


Link to post
Share on other sites
echo lites... nothing bad to say about them, nice tidy frames :)

yeh cheif, get the 05 python or just buy a zhi zm1 :shifty: same geo :turned:

nice post it will help allot of people using photoshop i love it it rules can do some great things on it.

chris

Share this post


Link to post
Share on other sites

Hi mate,

this may sound like I am dumb lol but here we go..

Is photoshop free to download from somewhere?? And if so, where from, or do you have to purchase it from somewhere?? Again, if so, where from and how much is it please???

Any help is much appreciated.

CJ.. (Y)

Share this post


Link to post
Share on other sites
I think we should get married... what about you? ;)

Yes...yes i do (Y)

Share this post


Link to post
Share on other sites
Hi mate,

this may sound like I am dumb lol but here we go..

Is photoshop free to download from somewhere?? And if so, where from, or do you have to purchase it from somewhere?? Again, if so, where from and how much is it please???

Any help is much appreciated.

Photoshop is not LEGALLY free software, if you want to purchase it LEGALLY you will have to pay a few hundred £££. But as i say you can download it ILLEGALLY with peer to peer programs such as limewire, but im not encouraging it... but you can do it, and it works.

Share this post


Link to post
Share on other sites

It was a good guide for what you did cover, but the fact you left out using layers was a BIG mistake. Especially if you want to change the colour of each of your selected components quickly and easily. Using your method you'd have to start from scratch each time because the more you alter the hue/s and saturation then change it again in a minutes time the further away from a realistic colour the image becomes.

Once you have the parts fully selected i would advise to copy them onto a new layer using the Ctrl+C then paste them down... having the selection boundries also pastes it in exactly the same place. Copy this layer so you have a backup then anytime you want to try a different colour you can refer to your backup to ensure more defined and vivid colours. It also lets you do them at the same time by just changing the hue/saturation of the entire layer, making an entire colour change into about a 10 second task.

Share this post


Link to post
Share on other sites
It was a good guide for what you did cover, but the fact you left out using layers was a BIG mistake. Especially if you want to change the colour of each of your selected components quickly and easily. Using your method you'd have to start from scratch each time because the more you alter the hue/s and saturation then change it again in a minutes time the further away from a realistic colour the image becomes.

Once you have the parts fully selected i would advise to copy them onto a new layer using the Ctrl+C then paste them down... having the selection boundries also pastes it in exactly the same place. Copy this layer so you have a backup then anytime you want to try a different colour you can refer to your backup to ensure more defined and vivid colours. It also lets you do them at the same time by just changing the hue/saturation of the entire layer, making an entire colour change into about a 10 second task.

I know but to be honest, i had created it just to be helpful, and out of my own time... and after doing all of that i really couldn't be bothered to do anymore :P

But yeah you can just c+p your selection before you change the colours and paste as a new layer, but wheres the fun in that?!?! :D

Share this post


Link to post
Share on other sites

thanks for the help mate (Y) i dont have it at home but we have it at my school bethor this post i didnt have clue how to work it but i think i might try it out at school tomorow

thanks for the help (Y)

Toby

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.