FORCE Mig33 Community
Hello, welcome to FORCE community. Feel at home... and enjoy.

Do not forget to read forum rules.

Join the forum, it's quick and easy

FORCE Mig33 Community
Hello, welcome to FORCE community. Feel at home... and enjoy.

Do not forget to read forum rules.
FORCE Mig33 Community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Adobe Photoshop Tutorial No. 5 : Choco Frog

+5
f0r3v3r_force
enella
carelyn
tart_force
jkakashi01
9 posters

Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by jkakashi01 Fri Nov 14, 2008 1:12 am

In this tutorial you can use any reptile or small animals. Here, a small frog is the subject; he’s covered with chocolate as if he jumps out of the cup which is full of chocolate milk.

1. Crop the frog (or any animal). How? Click P (Pen Tool) or the button in the toolbar (see the image). Adobe Photoshop Tutorial No. 5 : Choco Frog 110
Select only the frog (or the animal that you use). If you’re worrying about the shadow if you’re going to crop this too or not, I suggest not selecting the shadow too, because we’re not moving the frog away, instead it will stay where it is. We’re just making a copy of the frog and paste it in a new layer. We’re doing this for easy editing without making any changes on its background. As you finish selecting the edge of the frog, you will notice a circle as you reach your starting point, which would also be the end point. Now you will see that the frog is selected. Next, right click on the middle part of the frog’s image and select Make Selection. An option bar will come out of the screen. Make sure that the Anti-aliased is checked, and then click Ok.

2. Click Edit > select Copy. Go to Edit once more and then click Paste. You will notice our Layer rollout, have a new layer (Layer 1). Adobe Photoshop Tutorial No. 5 : Choco Frog 1a10
That is the layer of the copied frog. You can do anything on this layer without making any difference on the frog’s shadow or even with the cup. Rename the new layer with “Cropped Frog” by just double-clicking on the name (Layer 1) itself, and press Enter.

3. Now, we have to colorize the frog, but before that we have to desaturate the Cropped Frog. Make sure to select the Layer of the Cropped Frog. Go to Image > Adjustments > Desaturate. Adobe Photoshop Tutorial No. 5 : Choco Frog 1b10
The Frog will be black and white. Click on your color picker and enter the values same with the image. Adobe Photoshop Tutorial No. 5 : Choco Frog 1d10
Click the Cropped Frog layer. Adobe Photoshop Tutorial No. 5 : Choco Frog 210

4. Hold down the Ctrl key and click on the thumbnail of the Cropped Frog layer. Create new layer and name it with Chocolate Color.Adobe Photoshop Tutorial No. 5 : Choco Frog 2a10
As you noticed, the frog is still selected. Go to Edit > Fill. An option box will appear. Make sure the Foreground Color is selected then click Ok. Adobe Photoshop Tutorial No. 5 : Choco Frog 2b10
Then go to Select > Deselect. Adobe Photoshop Tutorial No. 5 : Choco Frog 2c10

5. Go to Blend Menu > Hard Light. Adobe Photoshop Tutorial No. 5 : Choco Frog 2d10
Adobe Photoshop Tutorial No. 5 : Choco Frog 2e10
You will see now that the Chocolate color is applied in our Cropped Frog. The blend mode blends the color from the upper layer (Chocolate color) to the one below it (Cropped Frog). Right now we have to merge our two layers. All you have to do is go to Layer > Merge Down. Adobe Photoshop Tutorial No. 5 : Choco Frog 310
This will merge the upper layer down to the lower layer.

6. Now we’re going to smudge the Frog. Just to make its texture smoother, and gives it more realistic view of covered chocolate. All we have to do is create a new layer again and name it Smudge, because we don’t have to directly affect the Cropped Frog layer. Right click on the Smudge in the toolbar and select Smudge Tool. Adobe Photoshop Tutorial No. 5 : Choco Frog 410
Right click on the image and adjust the Smudge parameters. Adobe Photoshop Tutorial No. 5 : Choco Frog 510
Turn the Hardness to zero and the Master Diameter to a lower size. In the upper toolbar make sure that the Sample All Layers is checked and the Strength is at least in the mid percent, try 45%.Adobe Photoshop Tutorial No. 5 : Choco Frog 610
Now smudge the frog to smoothen its part. How? Click Left button, hold for a while and move slowly from left to right (vice versa). Adobe Photoshop Tutorial No. 5 : Choco Frog 6a10
Smudge its body, legs even its feet, corner of the eyes. Make sure not to smudge the eyes and the lips. We have to retain those details for later editing. Smudge those parts that seem too sharp. After you smudged the frog you will notice that it looks smoother now.

7. We’re now ready to add more details to the frog. The Drips. Make sure that the foreground color is the same chocolate color that we’ve made a while ago. Create a new layer and name it with Drips. Click Brush tool in the toolbar. Adobe Photoshop Tutorial No. 5 : Choco Frog 710
Select the Shape Dynamics and in the Control box select Fade. Adobe Photoshop Tutorial No. 5 : Choco Frog 7a10
In the Minimum Diameter, try adjusting the levels. The higher the Diameter the longer the fade. You can also adjust the size of your brush by right clicking. Just to make different sizes of the drips every time you make one. Now, click on the Frog’s foot, hold down Shift key (to make straight line) and drag your brush down to make a drip. If ever you’ll notice that the drip looks softer try to adjust the Hardness of your brush to a higher value, just right click and the brush parameter will appear. The edge of the drip seems thicker and finer. Make some drips. Make sure not to give the frog a soaking wet look. Refer to the image for example. Most drips do have sort of a ball at the end part of it. To make this, just click a couple of times at the end of the drips or make a circular shape. You can also add detail at the starting point of the drip by rounding it off also.Adobe Photoshop Tutorial No. 5 : Choco Frog 7b10

8. Almost done. We have to add highlights to the image. Create new Layer and name it Highlights. Change the Foreground Color to white color. Adjust the Diameter of the brush to a smaller size and the Hardness to at least 45%, and at the Shape Dynamics of the brush lower down the Minimum Diameter. Now, Click at the bottom of the drip, hold down Shift key and drag up the brush tool. Adobe Photoshop Tutorial No. 5 : Choco Frog 810
Also add highlights to the frog’s feet and other part of his body. You can refer to the image as an example.Adobe Photoshop Tutorial No. 5 : Choco Frog 8a10

9. Smudge the highlights to make it smoother and blended to the Frog’s body. Create a new Layer and name it Smudge Highlights. Adobe Photoshop Tutorial No. 5 : Choco Frog 910
Click on the Smudge tool and start smudging away the highlights.Adobe Photoshop Tutorial No. 5 : Choco Frog 1010

10. After smudging the highlights, we’re about to edit the Frog’s eye, because it was covered with chocolate. All we have to do is click on the Cropped Frog’s Layer and click on the Add Layer Mask. You will see this at the bottom part of the Layer rollout, it’s beside the fx ( Add Layer Style) icon. Click on Brush Tool. Make sure that the Opacity at the upper toolbar is set to 100% and at the Shape Dynamics of the Brush , at the Control, select OFF instead of Fade. Now zoom into the Eye and paint on that part. If nothing’s happening on the eye part, check your color palette. If your foreground color is white switch it to black or vice versa.

11. To give your image a more realistic view, we have to adjust its texture. Click the Smudge Layer, adjust the Opacity (you’ll see this at the upper potion of the Layer rollout) at least 70%. You’ll notice that the original texture of the Frog comes out or appear. Let’s adjust the color of the Frog. Select the Cropped Frog Layer. Hold down the Ctrl key, click on the thumbnail of the Cropped Frog Layer, press Shift key and then press the thumbnails of the Smudge Layer, Drips Layer, Highlights Layer and the Smudge Highlights Layer, and release the Ctrl and Shift keys. You’ll notice that the Frog is selected. Now click the topmost layer which is the Smudge Highlights Layer. Go down and click the Create New Fill button and select Hue and Saturation. Adobe Photoshop Tutorial No. 5 : Choco Frog 1110
Adjust the Saturation level down to -20%. This will give the chocolate color a flatter or matte effect. You can also add a splatter effect on the cup if you want too; just make sure it will look realistic.Adobe Photoshop Tutorial No. 5 : Choco Frog 1210






banana jive banana
jkakashi01
jkakashi01
Tech Moderator
Tech Moderator

Mig33 ID : red.hot_force k_a_k_a_s_h_i.01
Location : Philippines
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_cil10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by tart_force Fri Nov 14, 2008 1:40 am

your really amazing bro red! keep on posting! GODbless!
tart_force
tart_force
Mega member VIP
Mega member VIP

Mig33 ID : peter.gabriel
Location : riyadh

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by jkakashi01 Fri Nov 14, 2008 2:27 am

you can try the frog sample...here's the picture:

CLICK HERE Very Happy
jkakashi01
jkakashi01
Tech Moderator
Tech Moderator

Mig33 ID : red.hot_force k_a_k_a_s_h_i.01
Location : Philippines
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_cil10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by carelyn Fri Nov 14, 2008 3:32 am

w0w Smile parang ang dali pagtiningnan pero ang hirap gawin Neutral TH artist ako pero hanggang imagination lang kaya ko lol! ...anyway, thanks bro. kaka for sharing this to us...
carelyn
carelyn
Site Administrator
Site Administrator

Mig33 ID : care-t0-inspire, inspire_force
Location : Israel
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_pis10

Character sheet
Skill: Chatter

http://migforce.peperonity.com

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by enella Fri Nov 14, 2008 6:42 pm

huh,hirap bro hehehe... thumbs up ang galing!tnx for sharing...
enella
enella
Hyper member lll
Hyper member lll

Mig33 ID : sweet._.elle_force,grayson_monique
Location : Al Baha KSA
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_lov10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by f0r3v3r_force Tue Nov 18, 2008 1:52 am

wew...batch br0..amazing one haaaak..thanks for sharing br0..God bless..
f0r3v3r_force
f0r3v3r_force
Master Initiator
Master Initiator

Mig33 ID : f0r3v3r_force,j0hn_myqael, you
Location : riyadh,saudi arabia
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_hap10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by cutest_dmd_force Tue Feb 10, 2009 6:51 am

jkakashi01 wrote:you can try the frog sample...here's the picture:

CLICK HERE Very Happy

best, thanks for sharing Very Happy galing mo talaga clap
tawagan na lang kita pag may ipapagawa ako xeo sa photoshop lol smash kc di ko ma gets lol!!
i appreciate your skill best thumbs up panalo ka!!!!!
kelan kba babalik sa forum Adobe Photoshop Tutorial No. 5 : Choco Frog 753839 sana may internet connection ka uli sa office nyo Very Happy
cutest_dmd_force
cutest_dmd_force
Moderator
Moderator

Mig33 ID : flower_of_may, cutest_dmd_force
Location : riyadh
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_cil10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by jkakashi01 Thu Feb 19, 2009 2:38 am

xenxa..i'll try to visit the forum as soon as i have my connection's back.and i'll post more tutorials.
jkakashi01
jkakashi01
Tech Moderator
Tech Moderator

Mig33 ID : red.hot_force k_a_k_a_s_h_i.01
Location : Philippines
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_cil10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by coychester Thu Feb 19, 2009 2:55 pm

Thanks bro for sharing... its amazing! 2 thumbs up!




Myspace Comments, Glitter Graphics at GlitterYourWay.com

Myspace Layouts

coychester
Hyper member l
Hyper member l

Mig33 ID : coychester / wizard_force
Location : Kingdom of Saudi Arabia
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_cil10

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by gone_the_force Mon Mar 09, 2009 3:29 am

nice bro jaka..
gone_the_force
gone_the_force
Mega member VIP
Mega member VIP

Mig33 ID : emzlou09,pretty_girl09
Location : canada
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Th_hap10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by pegasus202 Sun Mar 22, 2009 11:40 am

tnx for sharing bro jaka...
its good to learn how to do it...
nice one bro...
pegasus202
pegasus202
VIP Member
VIP Member

Mig33 ID : prince.william_force, pegasus202 p-e-g-a-s-u-s-2-0-2
Location : canada
Mood : Adobe Photoshop Tutorial No. 5 : Choco Frog Whoo10

Character sheet
Skill: Chatter

Back to top Go down

Adobe Photoshop Tutorial No. 5 : Choco Frog Empty Re: Adobe Photoshop Tutorial No. 5 : Choco Frog

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum