lion_lamb2011 (lion_lamb2011) wrote in icon_tutorial,
lion_lamb2011
lion_lamb2011
icon_tutorial

  • Mood:
  • Music:

Jonas Brothers Tutorial!

^^click that^^

Program: Photoshop CS2
Translatable: No, uses Selective Coloring, Gradient Map, etc. Sorry :(
PSD: No
Examples: Yes, tons, because I don't explain things very well :D
Level: Beginner (seriously, a rock could do this, but the coloring is pretty!)
Steps: 10
 
 

Original Picture

Okay, here we go :)

1 First we're going to completely desaturate the picture. This can be done many ways, here's the way I do it.
Create a new Fill Layer by going to Layer at the top, then New Fill Layer, then Solid Color.
-For an example, click here.
Then go to the drop down box that says "Mode." Click on the arrow and then click on Saturation.
-Click here for an example.
Then change the color to Black, or type in 000000 in the number box.
-Click here if you need an example. Click OK.

2 Next, we're going to bring out the colors (or depth) in the picture, so let's add a Gradient Map by going to Layer, then New Adjustment Layer, then Gradient Map in the second section.
-If you're confused, click here.
Click OK when the box comes up. Then change the Gradient color (if not already applied) to "black, white," by clicking on the Gradient already there and clicking on the third option.
-Click here.
Then Click OK. Set this layer to Soft Light at 100%.

3 Black and White or non-RGB colored pictures (i.e. Sepia) are all about depth and making the picture come to life. Now that we have some depth in it from the Gradient Map, we need to give it some life. To start off doing that, we're going to add a New Fill Layer by going to Layer, New Fill Layer, then Solid Color. Refer to the first step if you need more guidance. This time, though set the Layer to "Soft Light," instead of Saturation. Type in (or copy and paste) 53380f in the # box.
Click OK.

4 If you are a beginner learner, this next part may be a little frustrating, but just hold on, I'll explain. Make a new Selective Color layer by going to Layer, then New Adjustment Layer, Selective Color.
-Example
In the box that comes up, there will be a Color drop down box, choose "Reds," from the drop down menu.
-Example
In the Reds, type these numbers in order in the white boxes:
Cyan: -100 Magenta: +100 Yellow: -100 Black: -100
In the drop down box, choose "Yellows," the same way you chose "Reds."
Cyan: -100 Magenta: -58 Yellow: -43 Black: +100
Choose "Whites," from the drop down box.
Cyan: +100 Magenta: +58 Yellow: -21 Black: -17
In the drop down box, choose "Neutrals."
Cyan: +8 Magenta: -2 Yellow: +6 Black: -16
Last one :) Choose "Blacks," from the drop down menu.
Cyan: +33 Magenta: +26 Yellow: -14 Black: -7
Click OK.

5 This is an easy step :)
Go to Layer, then New Adjustment Layer, then choose Brightness/Contrast.
-Example
In the Brightness box, type in +11.
In the Contrast box, type in +24.
-Example
Click OK.

6 This is fairly easy if you payed any attention up ^there^ :)
Make a new fill layer by going to Layer, then New Fill Layer, Solid Color.
When the box pops up, go to the Mode drop down menu. In the drop down box, click on Color. Then next to the Mode box is the Opacity percentage box. Choose 31% in that box.
Then Click OK. When the color box comes up, type in (or copy and paste) 53380f in the # box.
Click OK.

7 Now we're going to do another Selective Color layer. This is basically just to make it look cooler :)
If you don't remember how to do this, refer to step 4.
Neutrals
Cyan: +13 Magenta +10 Yellow: -7 Black: -22
Blacks
Cyan: +18 Magenta: +40 Yellow: -12 Black: -20
Click OK.

8 Okay, now we're going to do a Channel Mixer layer. Go to Layer, then New Adjustment Layer, and choose Channel Mixer.
-Example
Click OK when the box comes up.
Now, at the top of the other box that comes up, there will be something that says "Output Channel," with a drop down box next to it. Click "Blue," in the drop down box.
Fill the boxes in order according to these numbers:
Red: +2 Green: +4 Blue: +94 Constant: -7
Click OK.

9 Now we're going to sort of balance out the colors by making a Color Balance layer. Go to Layer, then New Adjustment Layer, Color Balance.
-Example.
Click OK when the first box comes up.
Under "Tone Balance," click on Shadows. Type the following set of numbers in according to their placement.
0, 0, +15
Choose Midtones under "Tone Balance." Type the following set of numbers in according to their placement.
0, -15, +19
Choose Highlights under "Tone Balance." Type the following set of numbers in according to their placement.
-13, -2, -17
Click OK.

10 Last step! In your layers box, scroll down to the very bottom. See the Gradient Map from the second step? Right click it, and choose "Duplicate Layer."
There should be a box that comes up, click OK.
Then, there should be a complete duplicate of that layer. Click and hold on to this layer, and drag it to the very top of all your layers. Then set it to "Luminosity," at 88%.

Voila! You're finished!
From here, you can add text. By the way, the font I used for my text in the examples and beginning picture is "Script MT Bold," which you can download for free from dafont.com.
Thanks for checking out my tutorial, I hope you found it of good use. I'd LOVE to see how you did, hear feedback, or see examples of this tutorial with other pictures!!!
Examples of icons using this tutorial:

-Sarah, lion_lamb2011
Tags: colouring: channel mixer, colouring: colour balance, colouring: faded colours, colouring: selective colouring, program: photoshop, tutorial: black & white, tutorial: colouring
Subscribe

  • Tableau Online Training Demo Video - IgmGuru

    IgmGuru's Salesforce Administrator and App Builder Certification Training course is designed according to the Salesforce Administrator & App…

  • Icon Coloring

    Does anyone know how to achieve this coloring? Photos are by Jessie Willner, this coloring is all over her Instagram.…

  • animated icons

    Hello, I was wondering if anyone could guide me into doing icons similar to these? Sorry, I do not know the name of the maker(s) or I'd add…

  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 5 comments