Your Federal Quarterly Tax Payments are due April 15th Get Help Now >>

Killer Photoshop Tutorials by obaidul22

VIEWS: 14 PAGES: 268

									Killer
Photoshop
Tutorials
Part 1                      Obaidul Huq
                            To support more Photoshop tutorials being you’re better
                            professional help. Read more……………..




         Obi's Teach Inc.

 Mannan House, Bonarupa
Road,Chandana,Joydebpur,
      Gazipur, Bangladesh
     www.eteachlog.co.cc
                                              Contents


A folded and cut papercraft or scrapbook style heading………………………………………………. 3

Basic Text FX Tutorial……………………………………………………………………………………………………. 11

Brushed Silver Reflective Text Effect…………………………………………………………………………….. 13

Button Tutorial…………………………………………………………………………………………………………….. 37

Colourful glowing text effect………………………………………………………………………………………..          48

Create a Eco Friendly Social Bookmark Icon………………………………………………………………….      72

Create a Fantastic Surreal Representation of Time……………………………………………………….   87

Create a Magnificent Rose Concept Design in Photoshop…………………………………………….. 120

Create Light Text For Easily…………………………………………………………………………………………… 161

Create Simple Professional Text……………………………………………………………………………………. 185

Design Your iPhone Widgets…………………………………………………………………………………………. 193

Digital Girl Photo Manipulation Part 1………………………………………………………………………….. 197

Engraved Text with GIMP……………………………………………………………………………………………..              204

Enlight Boom Effect in Photoshop………………………………………………………………………………..          209

EURO 2008 Logo design……………………………………………………………………………………………….. 212




© 2012 Obi’s Teach Inc. All rights reserved




2|Page                                                    www.eteachlog.co.cc
                                     -- Tutorial 1 --


A folded and cut papercraft or scrapbook style heading




Installing the font
First things first, get the Disco Deck font from dafont.

You need to extract the *.TTF file for the font that you wish to use in that archive and put it in
the directory

C:\Users\<>\.gimp-2.6\fonts

and then restart GIMP. It should now be an available font style.

Starting the image
Now create a blank new image, 600x200 pixels canvas size.




3|Page                                                             www.eteachlog.co.cc
Run a BG->FG gradient over the image from top-right to bottom-left coloured black to white.




4|Page                                                         www.eteachlog.co.cc
Type out the word CRAFT using the installed font. Make sure each letter is a separate layer. I
used size 160 font - seems to be about right.




5|Page                                                           www.eteachlog.co.cc
The letters are black because I was too lazy to change the colour. Just use Colours -> Invert
menu item to change each layer to white and use the positioning tool to get the letters in the
correct place.




Creating the folds
Create a new layer above the letter 'C' and fill it with a radial gradient by dragging right to left
perfectly horizontally in the image.




Flip the new gradient layer horizontally using Layer -> Transform -> Flip horizontal and position
it over the 'C' with the positioning tool (make sure you drag the gradient, not the other letters!)

6|Page                                                               www.eteachlog.co.cc
and change the layer mode to 'hard light'. I turned off the visibility of the other layers by
clicking on the eye icon so it was easier to see what I was doing.




Right-click on the letter 'C' layer and choose 'Alpha to selection' and then go to Select -> Invert
menu item. Now make sure the radial gradient layer is highlighted and press delete.




Now invert the current selection again (so only the 'C' is selected) and use Filters -> Light and
shadow -> Drop shadow command to add a shadow with zero X-offset and Y-offset. The blur
should be 15px by default, which is fine.

7|Page                                                              www.eteachlog.co.cc
Repeat the same process for each letter.

Make sure with letters 'A' and 'R' that you drag the radial gradient from top to bottom instead
of right to left! Even with a right to left drag the effect is still interesting, so don't be too
concerned if yours ends up that way.




8|Page                                                            www.eteachlog.co.cc
Clean up and colour
Now move each layer called 'Drop Shadow #1' and so on to just above the letter layer that the
shadow belongs to. This will stop the shadows overlapping letters where they aren't supposed
to.




Finally, give the image some colour. Create a new layer on top of all other layers and fill it with
an orange colour like #ffa200 and then set the layer mode to 'Soft light'




9|Page                                                             www.eteachlog.co.cc
My GIMP actually crashed at this point and I lost all the steps above, so I will stop there. But, to
make it more like the Photoshop tutorial, you could use Colours -> Levels and play with the
curves, as well as Colours -> Brightness-Contrast in order to get a bit darker and more paperlike
image.

Viel Spaß, GIMPleute!




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials




10 | P a g e                                                        www.eteachlog.co.cc
                                     -- Tutorial 2 --
Basic Text FX Tutorial
1. Open up Photoshop and create a text object using the text
tool. For this tutorial, I used the font, ‘Gang of Three’, at 28px. You
can really choose any color and font you want to.




2. In your Layers (Windows>Layers) window, double click on the
text object and Layer Style window will open up. Click on the drop
shadow option and set the parameters to the following:




3. Now click on the ‘Bevel and Emboss’ option and change the parameters to the following:




4. Finally, select the Stroke option and change the parameters to the following and then click
OK:




11 | P a g e                                                         www.eteachlog.co.cc
5. You text should now look something like this:




6. With the Text Object selected in your Layers window, go to
Image>Text>Warp Text and set the parameters to the following:




7. And you’re finished!




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials




12 | P a g e                                                        www.eteachlog.co.cc
                                     -- Tutorial 3 --


                     Brushed Silver Reflective Text Effect
In this Etc Tutorial we will be creating a brushed silver reflective text effect. We will also be
creating the accompanying abstract reflective watery background scene.

Here we’re going to show you how to create the image below – an elegant brushed silver text
effect immersed in an abstract reflective watery scene.




Step #1
First you will need to download the two textures below and convert them into photoshop
patterns for later. To do this simply open each image then go to EDIT >> DEFINE PATTERN in
the menu. Alternatively, if you’ve downloaded the source files at the end of this post, simply
install the pattern set entitled reflective-brushed-metal-tut.pat by double clicking on it.)




13 | P a g e                                                         www.eteachlog.co.cc
                                            Brushed Metal Texture
                                                tutorialsetc-brushed-metal-texture.zip




                                            Blue Abstract Watery Waves
                                                tutorialsetc-abstract-water-smudge.zip




Step #2
Create a new transparent document 670px * 400px at 72dpi as seen below.




14 | P a g e                                                www.eteachlog.co.cc
Step #3
To keep our psd file organized first click on the folder icon in the layer pallet 3 times to create
three folders and name them FRAME, TEXT, and BACKGROUND respectively.




15 | P a g e                                                        www.eteachlog.co.cc
Step #4
Create a new layer within the FRAME folder and name it frame. Activate the shape tool by
typeing U, make sure the rectangular shape tool is selected, then draw out a square similar to
the one below, leaving a little room on the top and bottom.




Step #5
Activate the layer styles dialog box on your shape layer by double clicking on it or by going to
LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu. Then enter the settings below.




16 | P a g e                                                      www.eteachlog.co.cc
17 | P a g e   www.eteachlog.co.cc
Step #6
Create a new layer above the frame layer by going to LAYER >> NEW >> LAYER in the menu,
activate the text tool by typeing T, then type in your title using the settings below.




18 | P a g e                                                 www.eteachlog.co.cc
STEP #7
Within the BACKGROUND folder create a new pattern fill layer by going to LAYER >> NEW FILL
LAYER >> PATTERN in the menu and choose the abstract water pattern you either installed or
created in step #1 as seen below. Then set the layer opacity to 60%




19 | P a g e                                                 www.eteachlog.co.cc
STEP #8
Above the water layer create a color fill layer by going to LAYER >> NEW FILL LAYER >> COLOR
in the menu. Chose #000000 for the color theen set the layer blend mode to Color as seen
below.




20 | P a g e                                                   www.eteachlog.co.cc
STEP #9
Within the TEXT folder now, create a new layer by going to LAYER >> NEW >> LAYER in the
menu, activate the text tool by typeing T and type in some text using the Times at 330pt as seen
below.




21 | P a g e                                                    www.eteachlog.co.cc
Step #10
Duplicate the text layer you just created by going to LAYER >> DUPLICATE LAYER then open up
the layer styles pallet on the top text layer by going to LAYER >> LAYER STYLE >> BLENDING
OPTIONS in the menu and enter the settings below.




22 | P a g e                                                  www.eteachlog.co.cc
23 | P a g e   www.eteachlog.co.cc
24 | P a g e   www.eteachlog.co.cc
Step #11
Open up the layer styles pallet by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the
menu on the bottom text layer and enter the settings you see below.


25 | P a g e                                                 www.eteachlog.co.cc
26 | P a g e   www.eteachlog.co.cc
27 | P a g e   www.eteachlog.co.cc
Step #12
Select both text layers and drag them down to the new layer button to duplicate them, then
merge the resulting layers by going to LAYERS >> MERGE LAYERS in the menu then name the
merged layers “Reflection”.




28 | P a g e                                                  www.eteachlog.co.cc
Step #13
Flip the reflection layer vertically by going to EDIT >> TRANSFORM >> FLIP VERTICAL in the
menu. Then activate the move tool by typeing V and drag the reflection layer down until it lines
up with the base of your text as seen below. Bring the layer opacity down to 40% and then
create a layer mask.




29 | P a g e                                                     www.eteachlog.co.cc
Step #14
Activate the gradient tool by typeing G, make sure the default black to white gradient is
selected and that the gradient tool in in linear gradient mode, then drag the mouse as seen
below to make the reflection fade out gently.




30 | P a g e                                                    www.eteachlog.co.cc
Step #15
Above the Reflection layer create an new layer and name it “Shadow”. Then activate the brush
tool by typeing B , selct a basic round brush with opacity 50% and size 25px then draw along the
base of each letter as seen below.




31 | P a g e                                                    www.eteachlog.co.cc
STEP #16
To clean up the shadow use the motion blur filter by going to FILTER >> BLUR >> MOTION BLUR
in the menu and enter the settings below.




32 | P a g e                                                 www.eteachlog.co.cc
STEP #17
To clean up the shadow further use the gaussian blur filter by going to FILTER >> BLUR >>
GAUSSIAN BLUR in the menu and enter the settings below.




33 | P a g e                                                    www.eteachlog.co.cc
You should now have something that looks like what you see below.




34 | P a g e                                                 www.eteachlog.co.cc
Step# 18 (Optional Spotlight)
To punch up the effect a little more create a new gradient fill layer by going to LAYER >> NEW
FILL LAYER >> GRADIENT in the menu beneath the color fill layer and use the setings seen
below.




Thats it!
You should now have something that looks like what you see below.




35 | P a g e                                                    www.eteachlog.co.cc
Didn’t get the exact same results? Want to save some time? Download the source files below.




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials


36 | P a g e                                                        www.eteachlog.co.cc
                                     -- Tutorial 4 --

                                        Button Tutorial
                                              Preview:




This tutorial will show you how to create a stylish looking button using patterns and the
gradient tool. This tutorial written by Cameron ray.

    1.   First, make a new image 500*500px, with a white background.
    2.   Make a square selection.
    3.   Move to center of screen.
    4.   Make a new layer.
    5.   Fill the square with with black.




37 | P a g e                                                           www.eteachlog.co.cc
6.
Hold CTRL and select the bottom half of the square. It should remove half of the selection. Fill
with a white to transparent gradient, like this:




38 | P a g e                                                      www.eteachlog.co.cc
7.
Ctrl+shift+a to deselect all, then right click on the topmost layer, with the square, and click
"Alpha to selection." This should select the whole square.

8.
Make a new layer, name it "Glow"

9.
39 | P a g e                                                        www.eteachlog.co.cc
Open the paintbrush tool, and select "Circle (19)" raise the "scale" to 5 and change the color to
"#ab2020" Next, do as the image shows:




10.
Go to "Filters, blur, gaussian blur" and raise the blur to 25px.




40 | P a g e                                                       www.eteachlog.co.cc
11.
Next, click the rectangle select button, check "feather edges" and raise the slider to 20.0




41 | P a g e                                                      www.eteachlog.co.cc
12.
Hold CTRL and select the bottom half of the image. then erase the selected portion. You should
have this.

13.
For this next part, you have to download the attached pattern file. Once you do that, create a
new layer, and paste that on. Make sure only the square is still selected. Then lower the layer
opacity to 6%. You should have this:

42 | P a g e                                                     www.eteachlog.co.cc
14.
Now, to make it look cool, find your favourite stock image, I chose this one, for the cool looks.

15.
Open it, resize it to about 25% of what it was, then gaussian blur that image 5px to make the
button stand out.

16.
43 | P a g e                                                      www.eteachlog.co.cc
Next, we're going to make the drop shadow of the button.

17.
Alpha to selection the base of the button, then create a new layer. Color the selection black,
and deselect.

18.
Next, gaussian blur the shadow 5px, it should look like this.




44 | P a g e                                                      www.eteachlog.co.cc
19.
Looks good, eh? Lets make it look better. Click the 2nd box from the left, next to the layers, it
makes a chain link image. This links those layers together. Link all the images that are in the
button together.




20.
Move to the bottom right corner of the image, all the layers should move together.




45 | P a g e                                                       www.eteachlog.co.cc
21.
Now, add some cool looking details, and BAM, you got yourself a button. (I didn't add this, but I
made a mistake that I'm too lazy to fix atm, make the white to transparent gradient on a new
layer, that is on the top, to make it look more glassy.)




46 | P a g e                                                     www.eteachlog.co.cc
From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials


47 | P a g e                                                        www.eteachlog.co.cc
                                        -- Tutorial 5 --

                                Colourful glowing text effect
                                               Preview:




Been a while since I've created a text effect tutorial so I decided I'd do one. In this tutorial I will
show you how to create a colourfull text effect using the gradient blend and blur effects.

This is the final result of this tutorial




48 | P a g e                                                          www.eteachlog.co.cc
Step 1
Create a new image canvas, 600x450 is what i used. fill the background layer with solid black
using the bucket fill tool.




49 | P a g e                                                     www.eteachlog.co.cc
Step 2
Create a new layer name it "Blue gradient" and then grab the gradient fill tool, now in the tool
options select "Deep Blue" gradient and then apply it so that the light cyan blue is in he bottom
right corner and the dark blue in the top left corner. see the images below for example.




50 | P a g e                                                     www.eteachlog.co.cc
51 | P a g e   www.eteachlog.co.cc
52 | P a g e   www.eteachlog.co.cc
Step 3
Now Duplicate our "Blue gradient layer" and use the Flip tool to horizontally flip the layer.




53 | P a g e                                                      www.eteachlog.co.cc
Step 5
We wan't to change the color, so go to the menu and click on Colors>colorize and set the values
to Hue:293 Saturation:100 Lightness:7.




54 | P a g e                                                    www.eteachlog.co.cc
Step 6
Set the purple gradient layer to addition mode and adjust the opacity of both layers to 30.




55 | P a g e                                                     www.eteachlog.co.cc
This is how it should look.




56 | P a g e                  www.eteachlog.co.cc
Step 7
Now we'll add the text bit. select your preferred font i chose Georgia Bold Italic for this.




57 | P a g e                                                        www.eteachlog.co.cc
Step 8
Right click on the text layer and at the bottom of the menu click on "Alpah to selection", once
you have the selection around the text delete the text layer while making sure the selection is
still active.




58 | P a g e                                                     www.eteachlog.co.cc
Step 9
Now Create a new layer name it "Text", Grab the Gradient fill tool and select the "full saturation
spectrum" gradient, now aplly the gradient from left to right while holding down the CTRL key
to make it straight.




59 | P a g e                                                      www.eteachlog.co.cc
60 | P a g e   www.eteachlog.co.cc
Step 10
With the selection around the "Text" still active create a new layer name it text2 and fill it with
solid white.




61 | P a g e                                                       www.eteachlog.co.cc
Step 11
Agian with the selection still active create a new layer and name it "Text3" and this time fill it
with solid black, now you can deselect by going to select>none from the menu.




62 | P a g e                                                        www.eteachlog.co.cc
Step 12
Now go to the layers dialog and hide the layers text2 and text3.




63 | P a g e                                                       www.eteachlog.co.cc
Step 13
Select the layer "text" and in the menu go to filters>blur>Gaussian blur and set the blur to 10.




64 | P a g e                                                      www.eteachlog.co.cc
Step 14
Now you can unhide the text2 layer and as we did in step 13 go to filters>blur>garssuian blur
but this time set the blur to 5.




65 | P a g e                                                    www.eteachlog.co.cc
Step 15
Unhide our text3 layer and set the mode to overlay.




66 | P a g e                                          www.eteachlog.co.cc
The steps we did from step 7 till now should be repeated for the heart shape.

Step 16
The heart shape I used is from the windows webdings font, Using the text tool select webdings
font and type in a capital Y for it show, to get the same effect as the inspiration text repeat as
we did in step 7 to step 15.




67 | P a g e                                                       www.eteachlog.co.cc
Step 17
For the final wavy lines in the backgrounds I used a free photoshop brush that can be
downloaded from Qbrushes, to install these photoshop brush into GIMP simply place the .abr
file in GIMP's brush folder, then click on the refresh button found in the brushes dialog, once
you have them installed simply select the colour white and apply it as shown in my example on
a new layer.




68 | P a g e                                                    www.eteachlog.co.cc
finally set the layer mode of the lines brush layer to Overlay.




69 | P a g e                                                      www.eteachlog.co.cc
Pretty cool aye? its simple and I go into too much details sometimes, but that's because I know
there are alot of new gimp users around that would find it helpful or at least I hope it dose :).

Here is something i came up with while playing with the steps abit.




70 | P a g e                                                      www.eteachlog.co.cc
From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials


71 | P a g e                                                        www.eteachlog.co.cc
                                    -- Tutorial 6 --


               Create a Eco Friendly Social Bookmark Icon
In this week Tutorial, we will create one Eco-friendly Stumbleupon icon. Remaining icons are
FREE source files, which you can download and use it.




Final Result of Eco friendly Icon




72 | P a g e                                                    www.eteachlog.co.cc
Open the downloaded texture image.
Select the elliptical marquee tool and draw a circle by pressing Shift. Watch the info panel. Stop
when its 300px.
Press Ctrl + C to copy the texture.
Now open a New document 500 x 400 px.where we are going to do our exercise.
Paste it in the new document which is open. Draw guides to get the center.




73 | P a g e                                                      www.eteachlog.co.cc
In the tool bar, select the Elliptical Tool (U) and draw an ellipse of 300px.
Next, we have to add some fresh green grass on the border. For that select the brush tool (B).
From the Brush Presets, select the “Dune Grass” brush. (by default on the right side top also you
can see brushes tab.) Now we need to change the settings.




74 | P a g e                                                     www.eteachlog.co.cc
From the top right tab, click the Brushes tab and change the settings as below.
Slide the brush spacing to 1% (the least) It strokes should be tight enough.




75 | P a g e                                                     www.eteachlog.co.cc
Change the color to #3a670f. (Dark Green). Now go to the Paths menu, and right click the




76 | P a g e                                                   www.eteachlog.co.cc
mouse to bring out the option menu. Select the Strokes.




The results will be like below.




77 | P a g e                                              www.eteachlog.co.cc
Repeat the same process of stroking 2 times. 3rd stroke apply a lighter color -#5a9c38. (Use the
same colors for the steps below)




78 | P a g e                                                     www.eteachlog.co.cc
Now go to the Texture file and copy a second ellipse of 220px. Paste it in the center.




79 | P a g e                                                      www.eteachlog.co.cc
Apply the following bevel settings.




As we did the grass stroking for the above, repeat the same by drawing ellipse, and the apply
strokes.




80 | P a g e                                                    www.eteachlog.co.cc
Make a Stumbleupon logo shape or download a logo and select the white logo as below. Place
it on the center.

Ctrl+ Click on the layer panel to select the logo.




81 | P a g e                                                 www.eteachlog.co.cc
Go to paths panel. On the top corner you can see a button with an arrow . Click on that to open
the menu.

Select the “Make Work Path…” . Change the value to 1.0. Now you have got the shape of the
logo.

Next we need to stroke the shape as we did for the ellipse. Before that we need to reverse the
strokes.

Change the angle of brush stokes to opposite direction. Refer the below screen.




82 | P a g e                                                    www.eteachlog.co.cc
Stroke it 3 times with different green shades.




83 | P a g e                                     www.eteachlog.co.cc
Apply bright green color, #99f202 to the layer.




84 | P a g e                                      www.eteachlog.co.cc
We are now done!

Hope You can use the same technique and make other icons.

Few more icons for you. FREE!

Thanks!

Icon -Twitter




Icon -Facebook




85 | P a g e                                                www.eteachlog.co.cc
From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials


86 | P a g e                                                        www.eteachlog.co.cc
                                        -- Tutorial 7--
Photoshop Tutorial: Create a Fantastic Surreal Representation of Time
This tutorial will provide the evolution process of one of my works. In the tutorial you'll learn some
manipulation methods and have a glimpse on how to create a surreal image, taking in consideration a
solid theme or idea, in this case the theme is naturally about time and its (un)possibility to redeem itself.

I've used Photoshop CS4 to create this piece.

These are the sources I've used in the creation of this image, special thanks to Night Fate for providing
the background. To get started, download the following sources:

» Background - Night Fate
» Source - Hour Glass
» Glass
» Birds
» Raven




87 | P a g e                                                             www.eteachlog.co.cc
End result:




Step 1

To get started open the source one (contest's source) and let's build up our own hour glass.

Take a look at the picture:
1- Using the Pen Tool (P) select the part I've delimited with a red rectangle, as obvious don't
select it as a rectangle, select the glass's area and use it's edges. Gently clear out the spaces
between the glass and the metal, you should get something like the 1a image.
1a- Before going any further, duplicate the layer(right mouse click on the layer and click

88 | P a g e                                                       www.eteachlog.co.cc
"Duplicate Layer") and set it's Blending Mode to Overlay and opacity 100%.

2- You may want to merge the two layers you got from the step above, since you'll need to
duplicate it again. To do this select both layers by pressing the CTRL key and with the left
button of your mouse press on both layers, then right click on "Merge Layers".
- Now that you have only one layer, duplicate it. Go on the main menu, in the top and click on
Edit > Transform > Flip Horizontal.
- Adjust both layers still you create a real time glass. To do this you may want to use the Zoom
Tool (Z) and the CTRL key + left mouse button. You shouldn't transform it, or one side may get
bigger/smaller than the other.

3- Now separate the bottom and the upper part, use the Rectangular Marque Tool (M) to help
you. Divide both halves by the middle of the object.
- Hide the bottom part, the one with the sand on it. Remove the eye mark on that layer for
now.

4- Duplicate the upper part and do the same you've done on the step 2 about adjustment.
You need to create an object once again, so apply the Edit > Transform > Flip Horizontal to the
duplicated layer and adjust it to the upper part.
- Now merge both layers again and reduce it's opacity to around 70%.
- To create a more natural look use the Clone Stamp Tool (S) and the Smudge Tool in the
middle of the object to erase the "mirror" effect.
- Use the Eraser Tool (E) and start cleaning gently the inside area, but not completely. Change
the opacity of the eraser as well as it's size often to create a better effect. Make the middle
parts nearly unnoticeable like real pure glass. Tip: When going to the edges use less opacity so
you don't make them vanish away.




89 | P a g e                                                     www.eteachlog.co.cc
Step 2

- Once our time glass is nearly ready, create a new file, you may want to save the previous file
as well. File > New > 1800 vs 1800 Resolution in pixels.
- Open the background source image by Night Fate and start to adjust it to your new square
shape file.
- Now using the Clone Stamp Tool remove the hole in the bottom of the picture. Tip: Try to
make it look as real as possible don't just randomly clone; you can clone some of the ground's
cracks and create a similar effect as the existent ones.




90 | P a g e                                                      www.eteachlog.co.cc
Step 3

You should have both files opened now, the new one with the background and the old one with
the hour glass we made. You will need to copy the object to the new file, to do this you
should:
1. Select the object - Use the Rectangular Marquee Tool or Select > All; click on the object's
layer; then click CTRL+ C.
2. Paste the object in the new layer - Click CTRL + V.
3. Use the Smudge Tool in the middle to soft the edges, since we pasted 2 halves into one
previously.


After this just adjust the object in the background. I decided to place it in the middle for now.



91 | P a g e                                                       www.eteachlog.co.cc
Step 4

Remember the bottom of the glass we hided back there? We will need it now, go to the first file
and unhidden it. Do the same method that i described in the last step to copy it to the new file.

We only want the white sand inside the glass, so all the rest must be erased, let's start step by
step:
1- Once you got the half with the sand or the whole glass which had the sand on it, select the
lower part, use the Rectangular Marquee Tool (M). You can delete the layer with the full glass if
you wish.
2- As you can see in the picture below, you should clean all the area outside the red rectangle i
made, you can use the Rectangular Marquee Tool (M) and the DELETE key (it will delete the are
you've selected) if you wish or simply use the Eraser Tool (E).
- Then start cleaning inside too, this time you must use the Eraser Tool (E) with different sizes
to be more efficient, remember you only want the sand.

92 | P a g e                                                     www.eteachlog.co.cc
Step 5

Returning to the glass, this layer should be above the sand's one... since it's opacity is lower
than the sand one, you'll still be able to see the sand, it will look like the sand it's inside the
glass, exactly as we pretend.

All you need to do is to adjust the sand shape and size to the glass's one. Use CTRL + T
(Transform) if you need.

It should look something like this:




93 | P a g e                                                          www.eteachlog.co.cc
Step 6

Now that the main glass is set, create the other two smaller glasses, one at the right at the
main glass and the other at the left:
1. Duplicate the main glass one time.
2. Now reduce it's size (CTRL + T). Make it around 2/3 of the main one.
3. Now duplicate this layer, so you have both small glasses with the same size.
4. Place them with the positions i described above. Try to keep equal spaces between the main
glass and the small ones.

After this duplicate the main glass and set the layer's blending mode to "Soft Light" at 100%
opacity. Do the same to the smaller glasses.




94 | P a g e                                                    www.eteachlog.co.cc
Step 7

Working on the upper sand of the main glass now. You'll need to duplicate the current sand
layer we have. Then go on Edit > Transform > Flip Vertical.

As you can see you can't really place this layer on the upper part of the glass, it will look fake
and ugly, so let's start the manipulation:
1- Use the Eraser Tool (E) and start cleaning the top (the yellowish part), try to clean it in a
horizontal line.
2- Place this layer below the glass's as you did with the lower sand.
3- Transform this sand piece to fit the upper lower part of the glass, use the Transform (CTRL +
T) and the Warp Tool (Edit > Transform > Warp).
4- Once the sand it's totally adjusted to the glass, use the Smudge Tool to drag down some
sand. With a small size, gently pull it down, use the Eraser Tool (E) to clean partially some parts
if needed.

95 | P a g e                                                      www.eteachlog.co.cc
You can see the evolution here and how it should look like, I've hidden the smaller glasses so
you could visualize it better.




Step 8

To guide you better i'll divide this step into numbers:

1- To create a better dropping effect, start by creating a new layer - you can always clone the
sand and the shape it as you wish. I've used the Eraser Tool (E) and the Warp tool to do this,
same method I've used on the sand's adjustment. Then finally use the Smudge Tool to drag it
even more down.
Then I've created another layer and did the same but in a smaller proportion.

96 | P a g e                                                      www.eteachlog.co.cc
2- Once you got the shapes set. Duplicate the layers, so you'll have another two new layers one
for the base dropping sand and one for the smaller dropping one. Set the bigger drop's blending
mode to Linear Dodge 70% opacity and the second to Screen 100% opacity. (Check the image
below if you have any doubts)

3. I created a Curves Adjustment Layer - Layer > New Adjustment Layer > Curves with the
setting you can see in the image below (you can set something similar it doesn't need to be
exact). Place this layer below all the layers and above the background.




97 | P a g e                                                    www.eteachlog.co.cc
Step 9

Select the smaller glass's layers and the main glass layer and merge them. Now let's apply some
Adjustment layers:
1. Levels - Layer > New adjustment layer > Levels
2. Using the Quick Mask Mode (Q) select the glass's right sides (in red in the picture), from
where the light source is coming. Now apply a Brightness/Contrast adjustment layer (Layer >
New adjustment layer > Brightness/Contrast) to the selected areas.

These adjustment layers should be binded to the layers with the 3 glasses, so it will only affect
it. Just click on the adjustment layer, click on ALT then with the mouse's left button click on the
glass's layer.




98 | P a g e                                                       www.eteachlog.co.cc
Step 10

Let's start the shadowing, we started to build up the light source from the right on the last step
by intensifying the luminosity on the glass in it's right side, this means the shadows will be
placed on the left side.
My biggest goal on this step it's to show you the method, since drawing a line and blurring it
until it looks fine depends a lot on the size of the line, position, effect you wish and so on.

1- First of all create a presence shadow, draw a horizontal black line right on the bottom of
each glass, use the Brush Tool (B) for this. Use a diameter of around 45 for the main glass and
20 for the smaller ones, you should do this in separated layers. After this go to Filter > Blur >
Gaussian Blur and apply it to both layers, the amount will differ from the main glass to the
smaller ones: around 25 for the big and 15 for the small. Let the blending mode and opacity as
they are: normal and 100%, make sure these layers are at the top of all layers.

2- Focusing the left small glass, draw a black horizontal line with the Brush Tool (B) in a new
layer, start on the bottom of the glass and direction it to the left. Apply Gaussian Blue
depending on the size of your brush, it should look kinda cloudy. Then set it's blending mode to
Soft Light and opacity to 60%.

3- Do the same thing you've just done to the other small glass. The only thing that changes is
the opacity, to 100%.

4- And finally the same to the main glass, don't forget the line to this one should be thicker.
Also if the shadow gets too intense in the place where it meets the left small glass's shadow,
use the Eraser Tool (E) with a small opacity and delete some of it.
The opacity of this layer is 70% on Soft Light.




99 | P a g e                                                      www.eteachlog.co.cc
Step 11

To give the glasses a more realistic and shiny effect you should:
- Duplicate you glasses layer or layers, it's ok if you merged them or still have the small in one
layer and the big one in another, works the same way.
- Let it be as normal blending mode and 100% opacity. As you can see the glasses have way
more intense edges and more brightness.
- Let's create some more deepness by creating some shadows on the left side of the glasses.
Remember when you had to create some lights on the right side? It's exactly the same way, but
now instead of applying an adjustment layer you'll simply do as you did with the shadowing:
1. In a new layer, draw some black lines in the left side following the glasses edges, use the
Brush Tool to do so. Use smaller brushes for the smaller glasses.
2. Apply Gaussian Blur on them to create a little fog/cloud look but not too dispersant.
3. Bind this layer to the one you've duplicated few ago. (Check the image below if you're not
sure what i meant with bind)

100 | P a g e                                                     www.eteachlog.co.cc
I made a new layer and added a really soft shadow on the top of the small glasses (using the
same black line and Gaussian Blur method), since it looked too bright. Blending mode: Soft Light
at 100% opacity.




Step 12

Now merge everything that has to do with the glasses less the ground shadows (obviously the
background is not included, this has nothing to do with the glasses). You should end up with an
unique layer with all the glass information you've made up until now. Select all the layers with
CTRL + Mouse's left button then right click and click on Merge Layers.

Now duplicate this layer and set it's Blending Mode to Soft Light and Opacity 35%.

101 | P a g e                                                    www.eteachlog.co.cc
As you can see the edges look much better but the inside looks not so good, the lines are way
too intense. Using the Eraser Tool (E) start slowly cleaning the inside area (not completely),
you'll need to play with the tool's opacity as well as the eraser's size too. For example you may
want to use 60-70% of the eraser's opacity in the exact middle and 30% near the middle's
surrounding areas. Don't touch the limit edges and avoid cleaning much the surrounding areas
of them.




Step 13

We're done with the glasses structure and look for now. We'll start the most time consuming
and tiring part now, it's pretty much about repeating over and over - the fading/breaking apart
effect.

102 | P a g e                                                    www.eteachlog.co.cc
Before starting this process make sure you duplicate your glass's layer and hide it, you may
need it in case you do some major mistake.

- Begin with the main glass, use the Zoom Tool (Z) until the left top part of the main glass fills
your screen (as you can see in the picture). Using the Pen Tool (P) with the Paths setting, start
by drawing in (a selection) a random shape on the edge of the glass.
- Once you've got this selection shape click on CTRL + C to copy the glass's part you've just
selected, then click CTRL + V to paste this area in a new layer.
- Now on the main menu click Select > Reselect and selecting the Glass's layer click on the key
DELETE to clean that area from your glass's layer, don't do this on your new layer or you'll end
up with an empty layer.

Check below to have a better idea of this method.




Step 14

Keep repeating this process, until you get many shapes off the glass and a considerable part of
it fading away, this will take awhile, don't worry you'll get there with patience.

Tips:
- Don't make them too bigger neither too small, neither all with the same size and shape!
- Avoid mixing the colors - the brown shapes should be the near brown texture of the glass and
not near the yellow one.




103 | P a g e                                                      www.eteachlog.co.cc
Step 15

When you've made all the shapes you wish, let's build a movement effect. The pieces are
moving away from the glass, they're going up-right so the tail/movement should be noticeable
on it's back at the bottom-left.

Merge all the shapes you have into one layer and duplicate it. In the bottom layer you'll apply
Motion Blur: Filter > Blur > Motion Blur with an amount of 11 of approximated (check the
direction in the image below).




104 | P a g e                                                    www.eteachlog.co.cc
Step 16

Move the Motion Blur layer a little to the bottom-left side, just use the ALT key to move it a
really little bit. This layer will create an illusion tail behind the shapes.


You should have something like this:




105 | P a g e                                                     www.eteachlog.co.cc
Step 17

Duplicate the Motion Blur layer and move it even more far away but since we're in a big zoom,
that space is really really small, this step is to prolongate the tail. The opacity of this layer
should be at 60%.

Here you can see the difference between no tail and both tail layers:




106 | P a g e                                                     www.eteachlog.co.cc
Step 18

To end this process i added some sand look between the shapes and the glass, right int he
edge of both of them.

- To do this use the Brush Tool (B) with a size of 2-5, to select the colors use the Eyedropper
Tool (I), place the sand depending on the glass's colors, if the near area is brown place the
brown sand nearby.
- Apply a soft Gaussian Blur around 0.3-0.8 pixels.




107 | P a g e                                                      www.eteachlog.co.cc
Step 19

Alright, the fading effect for the main glass is now done. You'll need to repeat this process two
more times now...

In red you can see the zones from where i've created the fading effect on the small glasses.




108 | P a g e                                                     www.eteachlog.co.cc
Step 20

Once you've spent some nice hours doing this process over and over you should end up with
something similar to this:




109 | P a g e                                                 www.eteachlog.co.cc
Step 21

Open the broken glass source in the top of this tutorial and let's add it to our environment:

- Start by copying the whole image as it is now in a new layer in our work, don't worry about the
black background.
- Set it's Blending Mode to Screen.
- Place it in front of the main glass, use ALT or CTRL + T to move + transform if you wish.
- As you can see it already looks good but it doesn't totally fit our scene, let's add some
adjustment layers (they should be binded to the broken glass layer):
* Photo Filter - 67% of a medium yellow.

110 | P a g e                                                     www.eteachlog.co.cc
* Vibrance - -39 Saturation.
* Curves and Color Balance (check the image).




Step 22

Move to the background layer, using the Rectangular Marquee Tool select the sky zone, copy
and paste it into a new layer. Set the Blending Mode to Overlay and opacity to 62%.




111 | P a g e                                                 www.eteachlog.co.cc
Step 23

Still on the sky, utilize the Quick Mask Mode to select the sky zone, try to keep the mountains
out of the selection. Now add a level adjustment layer to it (check the image).

Now select the levels layer you've just created and click on the mask, you'll get an auto
selection the one you did on quick mask, now go on Select > Inverse and let's create another
adjustment layer, Exposure this time (check the image).

Finally add a Curves adjustment layer to the whole background.


Don't forget all the adjustment layers are under the main menu's Layer > New Adjustment
Layer.




112 | P a g e                                                    www.eteachlog.co.cc
Step 24

Open the birds source now. Using the Magic Wand Tool (W) on 70 tolerance, click on the sky
and click on DELETE, most of the sky should get deleted, the rest delete it using the Rectangular
Marquee Tool (M) since it's only some dark clouds at the bottom.

Now copy this image to our work and place it near the background image but above the sky
layer (the one we made previously). Now adjust the birds to the scene, use CTRL + T.

After placing them, add a soft Gaussian Blur to blend them better, around 0.2-0.5 pixels.



113 | P a g e                                                    www.eteachlog.co.cc
Step 25

Open up the last source, the raven. Render it with the Pen Tool (P), copy the rendered raven to
our scene and place it on the left top of the left small glass. You may want to adjust it too using
the CTRL + T.

Once placed, create a new layer binded to the raven and add soft black brush to it's paws (Use
the Brush Tool B). Change this layer's Blending Mode to Soft Light at 100% opacity.




Step 26

Using the Pen Tool (P) select the feather on the raven's tail. Start transforming it with the
Warp (Edit > Transform > Warp) until you get a feather shape falling down.

Create two feathers, one bigger than the other and place them falling from the raven's back,
use ALT for this step.


114 | P a g e                                                     www.eteachlog.co.cc
Step 27

We're on the last steps so merge everything you've done.

Duplicate this layer now and go to Filter > Other > High Pass and 60 radius. Now set this layer's
Blending Mode to Soft light and opacity to 80%.




115 | P a g e                                                     www.eteachlog.co.cc
Step 28

Let's add a Photo Filter and Color Balance adjustment layers:




116 | P a g e                                                   www.eteachlog.co.cc
Step 29

To intensify the lights in the glasses, i added in a new layer some white spots (use the Brush
Tool B) and applied a soft Gaussian Blur to it then changed the layer's Blending Mode to
Overlay at 100%.

Also added a black frame around the picture:
Select > Select All
Edit > Stroke > 10 pixels




117 | P a g e                                                     www.eteachlog.co.cc
Step 30

The final result should look similar to this:




118 | P a g e                                   www.eteachlog.co.cc
From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials




119 | P a g e                                                       www.eteachlog.co.cc
                                   -- Tutorial 8--

          Create a Magnificent Rose Concept Design in Photoshop
Create a Magnificent Rose Concept Design in Photoshop

Today we will create a very interesting concept using an artistic nude and a couple of pink
roses. You will learn to retouch photos, manipulate a single element to obtain a more complex
result, make use of various adjustment layers, increase the depth of a picture and sharpen the
image for a more clean look.

So let’s begin.

Difficulty: Intermediate – Advanced
Completion time: 1-2 hours
Tools: Adobe Photoshop CS3

We start from a blank document with a size of your convenience (1600 x 1000 will do, you can
crop it later).

STEP 1

Open the “nude model”, Select all (CTRL+A), copy it (CTRL+C) and paste it into our drawing.




120 | P a g e                                                   www.eteachlog.co.cc
STEP 2

Go to Filter > Other > High Pass and give it about 2.2 px and hit OK. In the Layers palette (F7),
set Blending mode to Overlay. Then go to Layer > Merge Visible (CTRL+SHIFT+E). This simple
effect will sharpen the image a bit.




121 | P a g e                                                      www.eteachlog.co.cc
122 | P a g e   www.eteachlog.co.cc
STEP 3

Grab the Pen Tool (P) and carefully trace the girl’s body, but without the head and hair, just the
part with skin. Make sure the Pen Tool is set on Paths. Once you close the contour, right-click >
Make Selection. Hit OK.




123 | P a g e                                                     www.eteachlog.co.cc
STEP 4

Grab the Rectangular Marquee Tool (M) and right-click > Layer Via Copy. We will need a copy of
the skin to work on. Grab the Clone Stamp Tool (S), ALT+click a clean area of the skin, then click
in the areas where you see imperfections. Make sure you ALT+click in areas of similar tones to
your target ones.




124 | P a g e                                                     www.eteachlog.co.cc
125 | P a g e   www.eteachlog.co.cc
126 | P a g e   www.eteachlog.co.cc
STEP 5

Go to Filter > Blur > Surface Blur and use settings similar to mine. You can tweak them a bit, but
don’t overdo it or it will look like paint daubs. This effect smooths up the surface while
preserving the original texture.




127 | P a g e                                                     www.eteachlog.co.cc
STEP 6

Go to Filter > Noise > Add Noise and set it to 1%. Hit OK. This will also be a nice touch on the
skin, it will make it look silky.




128 | P a g e                                                      www.eteachlog.co.cc
STEP 7

Go to Layer > New Adjustment Layer > Selective Color. Use the settings below for the different
colors. This effect will reduce the warmth in the skin and make it a more model-ish look.




129 | P a g e                                                   www.eteachlog.co.cc
STEP 8

Select the layer with the original picture. Go to Layer > Duplicate Layer (CTRL+J). Grab the Brush
Tool (B), toggle on Quick Mask mode (Q) and paint over the girl’s hair. For the loose hair locks,
use a thin, soft brush. Place this layer above all layers.




130 | P a g e                                                     www.eteachlog.co.cc
STEP 9

When you are done, exit Quick Mask mode (Q), go to Select > Inverse (CTRL+SHIFT+I), then click
the “Add Layer Mask” button in the Layers palette (F7).




131 | P a g e                                                  www.eteachlog.co.cc
STEP 10

Go to Layer > New Adjustment Layer > Levels. Use the settings below. Then ALT+click-drag the
layer mask from the layer below it and place it over the one of the adjustment layer (this is how
you copy a layer mask). When you will be prompted to replace it, hit OK.




132 | P a g e                                                    www.eteachlog.co.cc
STEP 11

Open the “zipper” picture, select all (CTRL+A), copy it (CTRL+C) and paste it into our drawing.
Go to Edit > Free Transform (CTRL+T) and resize it. Hold ALT key to preserve its proportions and
place it like below. Hit Enter to exit Free Transform mode.




133 | P a g e                                                    www.eteachlog.co.cc
STEP 12

With this layer selected, hit CTRL+G to place it into a layer group. Then double-click the layer
icon in the Layers palette (F7) and name it “zipper”. Now go to Edit > Transform > Warp and
make the entire shape curved, like below. Hit Enter.




134 | P a g e                                                      www.eteachlog.co.cc
STEP 13

In the Layers palette (F7), click the “Add Layer Mask” button. Grab the Brush Tool (B), set
Hardness to 0%, Foreground color to pure black (#000000) and cover the leather texture of the
zipper, leaving only the metal part and the area where it’s sown.




135 | P a g e                                                  www.eteachlog.co.cc
STEP 14

Grab the Pen Tool (P), set it on Paths and trace the metallic side of the zipper. We need to edit
it a bit, to make it shinier.




136 | P a g e                                                     www.eteachlog.co.cc
STEP 15

When you’re done tracing, right-click > Make Selection, grab the Rectangular Marquee Tool (M)
and right-click > Layer Via Copy. This will create a new layer containing your selection and
placing it above your current one.




137 | P a g e                                                 www.eteachlog.co.cc
STEP 16

Go to Image > Adjustments > Desaturate (CTRL+SHIFT+U). Then go to Image > Adjustments >
Brightness/Contrast. Use settings similar to mine or feel free to use your own.




138 | P a g e                                               www.eteachlog.co.cc
STEP 17

Select the layer below your current layer and set its Fill to 44%.




139 | P a g e                                                        www.eteachlog.co.cc
STEP 18

Open the “bouquet” picture. Grab the Pen Tool (P) and extract the flowers shown below using
the same technique as for the girl’s body. Right-click > Make selection, grab the Rectangular
Marquee Tool (M) and right-click > Layer Via Copy.




140 | P a g e                                                  www.eteachlog.co.cc
STEP 19

CTRL+click the newly created layer thumbnail in the Layers palette (F7), copy it (CTRL+C) and
paste it into our drawing (CTRL+V).




141 | P a g e                                                    www.eteachlog.co.cc
STEP 20

Make it smaller, like below. Hold the SHIFT key to preserve its proportions.




142 | P a g e                                                    www.eteachlog.co.cc
STEP 21

Go to Layer > Duplicate Layer (CTRL+J) multiple times and arrange the copies into a bouquet
like below. Place them over the zipper and do not worry about precision, we will create a layer
mask to hide the unwanted areas.




143 | P a g e                                                    www.eteachlog.co.cc
STEP 22

Select all the flowers layers and hit CTRL+G to group them together. Then double-click its name
and type “roses 1”.




144 | P a g e                                                   www.eteachlog.co.cc
STEP 23

Open the “pink rose” picture and extract the flower using the same technique as in STEPS 18-
20.




145 | P a g e                                                  www.eteachlog.co.cc
146 | P a g e   www.eteachlog.co.cc
STEP 24

Also create multiple copies and place them a bit more rare than the first ones. Feel free to
resize, rotate and reflect them at will.




147 | P a g e                                                     www.eteachlog.co.cc
STEP 25

Also select all these layers and hit CTRL+G to group them together. Name it “roses 2”.




148 | P a g e                                                    www.eteachlog.co.cc
STEP 26

Create a new layer above these two layer groups (“roses 1” and “roses 2”) and go to Layers
palette (F7). Set Blending mode to Color Burn.




149 | P a g e                                                  www.eteachlog.co.cc
STEP 27

Grab the Brush Tool (B), set Hardness to 0%, set Foreground color to a dark red and Opacity to
about 40%. Make sure Flow is set to 100%. Now paint over some dark areas of the roses. No
need to be picky, just choose random areas. This layer will add more depth to the flower
bouquet. This is how my layer looks like after painting it.




150 | P a g e                                                   www.eteachlog.co.cc
STEP 28

Select “roses 1” and “roses 2” layer groups and hit CTRL+G. Turn off the visibility of the newly
created group. (click the “eye” in the Layers palette). We will now create a layer mask for the
bouquet of roses.




151 | P a g e                                                     www.eteachlog.co.cc
STEP 29

CTRL+click the layer with the zipper, then go to Select > Inverse. Select “group 1” (I named it
“roses”) layer group and click the “Add Layer Mask” button in the Layers palette. You can also
use the Pen Tool (P) to create a selection.




152 | P a g e                                                    www.eteachlog.co.cc
STEP 30

Select the layer mask, grab the Brush Tool (B), set Foreground color to pure black (#000000)
and paint over some areas where the roses are near the zipper. This will create the illusion that
some flower petals go over the zipper.




153 | P a g e                                                    www.eteachlog.co.cc
STEP 31

Repeat STEP 31 for some falling petals and some on the ground.




154 | P a g e                                                    www.eteachlog.co.cc
STEP 32

Select the original layer with the girl and go to Layer > Duplicate Layer (CTRL+J). Then go to
Filter > Other > High Pass, give it a 2.2 px, Hit OK, then set the layer Blending mode to Overlay.




155 | P a g e                                                      www.eteachlog.co.cc
STEP 33

Select the layer with the girl’s skin. Create a new layer (CTRL+SHIFT+N), set Blending mode to
Multiply and Opacity to 35%. Grab the Brush Tool (B), set Foreground to a dark brown and paint
some shadows over the girl’s body. Since now we have new elements in the picture, the lighting
will change also.




156 | P a g e                                                  www.eteachlog.co.cc
STEP 34

Select the top-most layer group. Go to Layer > New Adjustment Layer > Exposure. Use the
settings below or similar.




157 | P a g e                                                 www.eteachlog.co.cc
STEP 35

Go to Layer > New Adjustment Layer > Black & White. Use my settings or feel free to use your
own.




158 | P a g e                                                  www.eteachlog.co.cc
159 | P a g e   www.eteachlog.co.cc
STEP 36

Select again the original layer with the girl, duplicate it again and go to Filter > Blur > Surface
Blur. Use very low settings, this effect will clean up a bit the image and preserve the textures.
Done!




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials


160 | P a g e                                                       www.eteachlog.co.cc
                                -- Tutorial 9 --

                           Create Light Text For Easily

                                     Final Preview




Step 1
Open new document with large size.




161 | P a g e                                        www.eteachlog.co.cc
Step 2
Fill background black color. Press F5 to open Brush Option and set Brush tool as show below.




162 | P a g e                                                   www.eteachlog.co.cc
163 | P a g e   www.eteachlog.co.cc
Step 3
Draw the starts with white color using brush that I just set.




Step 4
Go to menu Image > Adjustment > Levels (Ctrl + L) to open Levels Options and set it as show
below.




164 | P a g e                                                   www.eteachlog.co.cc
Step 5
Recall Levels Options and set it again.




165 | P a g e                             www.eteachlog.co.cc
166 | P a g e   www.eteachlog.co.cc
Step 6
Create new layer on top, call it “clouds”. Go to menu Filter > Render > Clouds. Change “clouds”
‘s Blending Mode to Screen. Reduce Opacity to 30% and use Eraser tool (setting as show below)
to to remove clouds from the edges of the image, so “clouds” concentrated into the center of
the composition.




167 | P a g e                                                   www.eteachlog.co.cc
168 | P a g e   www.eteachlog.co.cc
Step 7
Use Horizontal Type tool (setting as show below) to type the text as you like. Mine is “Light
Text”.




169 | P a g e                                                     www.eteachlog.co.cc
Step 8
Use Pen tool to make the path following the stroke of the text. Then hide the text layer.




170 | P a g e                                                    www.eteachlog.co.cc
171 | P a g e   www.eteachlog.co.cc
Step 9
Create new folder on top, call it “text style”. In this folder, create new layer, call it “text path”.
Set brush size 3px, smooth brush. Then choose Pen tool, right click on the path and select
Stroke Path, uncheck Simulate Pressure and select Brush in Selection box.




Step 10
Open Blending Options of “text path” and setting




172 | P a g e                                                         www.eteachlog.co.cc
173 | P a g e   www.eteachlog.co.cc
Step 11
Press Ctrl + J to duplicate “text path” to new layer. At “text path copy”, go to menu Filter > Blur
> Motion Blur, set Angle: 0, Distance: 30. Duplicate “text path” again for 3 times. At “text path
copy 2″, go to menu Filter > Blur > Motion Blur, set Angle: 30, Distance: 30. At “text path copy
3″, go to menu Filter > Blur > Motion Blur, set Angle: 45, Distance: 30. And at “text path copy
4″, go to menu Filter > Blur > Motion Blur, set Angle: 60, Distance: 30.




Step 12
Duplicate “text path” again for 4 times. At “text path copy 5″, go to menu Filter > Blur > Motion
Blur, set Angle: 0, Distance: 60. At “text path copy 6″, go to menu Filter > Blur > Motion Blur, set
Angle: 30, Distance: 60. At “text path copy 7″, go to menu Filter > Blur > Motion Blur, set Angle:
45, Distance: 60. And at “text path copy 8″, go to menu Filter > Blur > Motion Blur, set Angle:
60, Distance: 60.




174 | P a g e                                                      www.eteachlog.co.cc
Step 13
Create new layer op top, go to menu Filter > Noise > Add Noise, set Amount: 400% – Gaussian –
check Monochromatic. Then go to menu Filter > Blur > Radius Blur, set Amount: 100 – Zoom –
Best.




Step 14
Change its Blending Mode to Overlay.




175 | P a g e                                                 www.eteachlog.co.cc
Step 15
At the top, go to Layers > New adjustment layers > Gradient Map and add a gradient going from
blue (#12045c) to orange (#ff5400). Change its Blending Mode to Overlay.




176 | P a g e                                                 www.eteachlog.co.cc
Step 16
Duplicate “text style” group to new group. Hide the “text path” in “text style copy”.




177 | P a g e                                                     www.eteachlog.co.cc
Step 17
Create new layer upon “text style copy”. Set brush white color, size 2500px, smooth brush.
Then click on the center of the canvas and reduce Opacity to 50%.




178 | P a g e                                                   www.eteachlog.co.cc
Step 18
Create new layer upon brush layer that I just made. Set brush white color, size 900px, smooth
brush. Then click on the center of the canvas.




179 | P a g e                                                   www.eteachlog.co.cc
Step 19
Duplicate “text style copy” to new group, also create new layer under it. Merge “text style copy
2″ and new layer by right click on layer and select Merge Layers. Then go to menu Filter > Blur >
Radius Blur, set Amount: 100 – Zoom – Best.




180 | P a g e                                                    www.eteachlog.co.cc
Step 20
Set Brush tool with white color and as show below.




181 | P a g e                                        www.eteachlog.co.cc
182 | P a g e   www.eteachlog.co.cc
Step 21
Create new layer upon brush layer second and make the white dot as show below




Step 22
Go to menu Filter > Blur > Radius Blur, set Amount: 20 – Spin – Best. So we have done.




183 | P a g e                                                   www.eteachlog.co.cc
From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials



184 | P a g e                                                       www.eteachlog.co.cc
                                      -- Tutorial 10 --
1. Creating text
First let's create a new Photoshop document. I will use size 320 x 200 (width x height).

   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




Now let's fill our background with white. Go to Edit and there select Fill (or just hold down Shift and
press F5). There in "Contents" dropdown box select white and press OK.

   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




185 | P a g e                                                            www.eteachlog.co.cc
Now your background is done, it's time to write text. Select "Text Tool" by pressing "T" on your
keyboard and write your text onto the background. I will write "QuestionBin" but you can write what
                                                         font
ever you want. It's better to use a professional looking font so this effect will look cooler. My text's color
will be #34A1C5.

   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




186 | P a g e                                                             www.eteachlog.co.cc
2. Applying Effects
                                                effects
Now our text has been written. It's time to add effects to it. Right click on your text layer and select
"Blending Options". When Blending Options is open, set these settings:

   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




187 | P a g e                                                             www.eteachlog.co.cc
                         sized.
   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




188 | P a g e                                                           www.eteachlog.co.cc
If these settings are set, press OK to apply them.


3. Adding Gloss
Now everything looks pretty good already. It's time to add gloss. Go to "Select" and select "Load
Section". If this window is open, press OK to apply selection. Now create a new layer by clicking on
button that's shown below:

                 s
   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




189 | P a g e                                                           www.eteachlog.co.cc
Now you must fill your selection. Go "Edit" and there select "Fill" use these the same settings you used
to fill the background. Select "White" from "Contents" dropdown menu and press OK to apply the fill.
If it's done select "Rectangular Marquee Tool".

   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




190 | P a g e                                                           www.eteachlog.co.cc
                                                   text
Now use this tool to select bottom part of your text and press "Delete" button on your keyboard to
remove excess part of this white filling. So it should look like this:

   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




                         pacity
Now change this layer's Opacity to 30%:

   This image has been resized. Click this bar to view the full image. The original
   image is sized 600x400.




191 | P a g e                                                           www.eteachlog.co.cc
And now you are done!


4. Final Words
Wasn't it simple ? I think it was and the outcome is very nice. You can use any color you like for your
text. Just apply those effects and it will look very nice. I very hope you enjoyed this tutorial and if you
have questions feel free to ask from me.

Final result looks like this:




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials



192 | P a g e                                                             www.eteachlog.co.cc
                                     -- Tutorial 11 --

                            Design Your iPhone Widgets
If you notice, the iPhone “home” UI design is very similar to, if not the same as, the OS X
Dashboard design. This tutorial will teach you how to create your own widgets, and you’ll be
able to use those icons for your Websites or Avatars.




    1. Let’s start by creating the background interface where the Widgets appear. (Colours are
       optional, you can leave it white). Since shortcut keys are different on Mac and PC, I won’t be
       making references to them. Instead I will be referring to Photoshop’s top menu and submenus,
       but I do highly recommend learning the keys once you become comfortable.
           o Start a new document (File/New) of 500×120 pixels.
           o Create a new layer (Layer/New/Layer), call it “Interface”.
           o In your Layers window, select it and do a Fill (Edit/Fill) — Use: color: #a3acb7.
           o Double click on your “Interface” layer, you will get to the “Layer Style”.
           o Check “Inner Shadow”, set Opacity: 50%, Angle: 90, Size: 7.
           o Create a new layer, call it “Tile”.
           o Select “Elliptical Marquee”, hold Shift, create a 3×3 pixels circle, and do a Fill — User
                color: #000000.
           o Go to the “Layer Style” of “Tile”, check “Drop Shadow”:




            o   Now, select that circle you just’ve drawn, do a duplicate and move it 5 pixels to the
                right, and 5 pixels to the bottom. (Hold Alt + Ctrl and use your arrows)




193 | P a g e                                                          www.eteachlog.co.cc
            o   Select an area of 10×10 pixels from where it starts and Define Pattern (Edit/Define
                Pattern). Name it “Tile”.




            o   Now that you got your pattern, delete the “Tile” layer and select the “Interface” layer.
                We’ll try to apply that pattern all over the background space.
            o   Do a Select/All, move down 10 pixels, then Edit/Fill — Use: Pattern, Custom Pattern:
                “Tile”.




            o   Voila, your background is done!

        Here’s a preview of what you should have by now:




        Here’s what you should have in your Layers window:




    2. Now, the Widget part.
          o Create a new layer: “Widget BG”.
          o Do “Rounded Rectangular Tool” (U), create a 70×70 pixel selection and right-click/Fill
              Path — Use color: #BF0000.




194 | P a g e                                                          www.eteachlog.co.cc
            o   Do Layer style on “Widget BG”:




            o   Here’s the where the fun begins. You can drag in your own logo and/or add text. For
                now, we’ll create a Tutorials 2.0 widget.
            o   Select “Horizontal Type Tool”, type in “Tutorials” and use these settings:


            o   Again, Select “Horizontal Type Tool”, type in “2.0″ and use these settings:

            o   Place the fonts well so it should look like this:




            o   Ok, we’ll work on getting that glossy Apple-like look.
            o   Select your “Widget BG” layer and do Select/Load Select, press OK.
            o   Once you got the selection, do Select/Modify/Contract — By 3px.
            o   Create a new layer called “Glossy”.
            o   Now, go to “Gradient Tool” (G), customize your gradient by clicking on the gradient bar
                on the top left.

            o   On your gradient, you will find 4 settings, set Top left: 50% opacity, Top right: 0%
                opacity, Bottom left: #FFFFFF, Bottom right: #FFFFFF.




            o   With your gradient tool, click and hold from the top of the selection to the bottom and
                release.




            o   Deselect, use Elliptical Marquee and do a circle so it looks like this:




            o   Right-click/Select Inverse and hit your keyboard button “Delete”. Your Widget should
                finally look like this:


195 | P a g e                                                             www.eteachlog.co.cc
                And your layers should look like this:




            o   Instead of having flat colour on the text, as an extra step let’s add shadows the “2.0″
                text and make the “Widget BG” as a gradient from #BF0000 to #FF0000:




    3. You’re done! You can repeat Step 2 with different colors and with your own widget designs.
       Should Apple ask you to create your own iPhone widgets 6 months from now, you’ll be ready for
       it.




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials


196 | P a g e                                                          www.eteachlog.co.cc
                                                   -- Tutorial 12 --

                                  Digital Girl Photo Manipulation Part 1
This tutorial will show you how to make a Digital Girl. This tutorial is intended for intermediate to advanced Photoshop users.


Step 1:

          Start off by finding an image you of a model that you would like to use. I used a picture of Jarah
           Mariano, and I used the pen tool in ‘Shape Layers’ mode and outlined the outside contour of her
           body.
          With the newly created shape layer rename is “Model”, and set the color to #B9C2D3 and put its
           fill opacity to about 77%.
          Then add a Stroke layer style with the stroke color set to white, and a 2px stroke radius. The
           image should look something like this:




197 | P a g e                                                                                     www.eteachlog.co.cc
Step 2:

         So now we want to have only the image of the model without the background. Make sure that
          your on the layer with the model’s image on it.
         Hold down the ctrl button and click on the “Model” shape layer you just created. You’ll get a
          dotted line around the outline of the model. With your Rectangle Marque Tool, left click on the
          document, and click on “Layer via Copy”. That should have created a new layer with only the
          model on it, and the background should be transparent.
         You can now change the background to a gradient or any color you wish. I made the background
          color black:




Step 3:

         Now we’re going to trace the inner contours of her body including the clothes she’s wearing.
          To being with, click on your brush tool, and set it to a “Hard Round Brush” and set the radius
          to 2px. Create a new layer, and using the Pen Tool set to ‘Paths’ mode, start tracing an inner
          contour of the model’s body.
         Once you have one inner contour finished, right click and select “Stroke Path”. Make sure that
          when you get the Stroke popup menu, that you have tool set to Brush and keep the ‘Simulate
          Pressure’ box unchecked. You should now have a stroke line on the new layer you created.
         Repeat this step until you have all the contours of her body stroked. I Recommend that you put
          the contours of the models face, and clothes, on two separate layers so you can tweak them
          later. Once you finish creating all the inner body contours, put those layers into a layer set. Your
          Image should now look something like this:




198 | P a g e                                                              www.eteachlog.co.cc
Step 4:

         Now, hide the inner countour layers and the ‘Model’ shape layer, and have the layer with the
          model’s image selected.
         Have the layer with the model on it selected and desaturate the image (ctrl+shift+u)
         Go up to Image>Adjustments>Curves, and set your curves so that the shading on the model’s
          body looks something like this:




199 | P a g e                                                         www.eteachlog.co.cc
NOTE: You can do the curves on a ‘new fill or adjustment layer’, but you’ll have the merge the two layers
anyways, so I recommend just putting the curves in at one shot.

Step 5:

         Go to Filter>Noise>Median, and set the median to 1px. Your image should look something like
          this:




200 | P a g e                                                         www.eteachlog.co.cc
Step 6: Go to Filter>Artistic>Plastic Wrap and put in these settings:




201 | P a g e                                                           www.eteachlog.co.cc
Step 7:

         Go to Filter>Noise>Median again, and have the radius set to 1px.
         Make all the contour files you hid in step 4 visible.
         Select the ‘Model’ layer shape and set the blending mode to “Multiply” and put an Outer Glow
          layer style:




Now put on an Inner Shadow layer style:




Now add a stroke Layer Style:




Step 8:

         Now, with the inner contour strokes we created in step 2, set their blending mode to Soft Light.
         I wanted to make the stroke lines of the model’s face less noticeable, lowered the opacity until I
          got the effect I liked. Your finished image should look like this:




202 | P a g e                                                            www.eteachlog.co.cc
A/N: I apologize if this tutorial was a bit confusing for beginners. I may go back and simplify the steps
more if people request for it.

BONUS TIP:

       I was looking at the image and i wasn’t happy with how the Plast Wrap filter left some parts of
        the image looking a bit…odd. So to fix that problem I used the Dodge and Burn tool to
        darken/lighten certain areas of the image.




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials


203 | P a g e                                                            www.eteachlog.co.cc
                                  -- Tutorial 13 --

                               Engraved Text with GIMP
                                            Preview:




Remember a while back one of our forum members asked how to engrave text in GIMP, well
this GIMP tutorial will show you how.

The technique is quite simple once you learn how its done, so lets get started.

Step 1
Create a new image and fill the background layer with Brown 382600, looks allot like chocolate
:) .




204 | P a g e                                                    www.eteachlog.co.cc
Step 2
Select the Text tool and type in some text, you can use what ever font you wish i chose a free
font called Tondo




Step 3
Now Right click on the text layer and click on "Alpha to selection", this should create a selection
around our text.


205 | P a g e                                                      www.eteachlog.co.cc
Step 4
Select the Background layer to which we will apply the engraved text to, then go to
"Filters>Map>Bump Map" and apply the same settings as shown in the screenshot




206 | P a g e                                                   www.eteachlog.co.cc
Once you have all the settings right hit OK then deselect the selection by going to "Select None"
and finally deleting our no longer needed text layer. that's it you should be seeing the exact
same result as mine. :)




207 | P a g e                                                    www.eteachlog.co.cc
From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials



208 | P a g e                                                       www.eteachlog.co.cc
                                    -- Tutorial 14 --

                      Enlight Boom Effect in Photoshop
Quickly create a cool explosion of light graphics effect on Photoshop.

1. Create new RGB image with any size..Here i will choose 500/100..Then press “D”..This will
reset swatches..




2. Then go to Filter : Render : Clouds




3. Then Filter : Pixelize : Mosaic [ 15 pixels ]




                              oom
4. Then Blur : Radial Blur [ Zoom / 20 ]




5. Then Stylize : Emboss [ 135 degrees / height 10 / amount: 170 ]




6. Then Brush Strokes : Accent edges [ width 2 / brightness 38 / smoothness 5]




7. Then Stylize : Find edges




209 | P a g e                                                    www.eteachlog.co.cc
8. Then Image : Adjust : Invert [or] Ctrl+i




9. Then Blur : Radial Blur [Zoom / 60]




10. Then go to Image : Adjust : Levels [or] Ctrl + L and put 60 in the redmarked field




11. Then lets repeat 9 & 10 steps but with another optionsRadial Blur [ 20 ] & Levels [ 200 ] :
the same fields




12. Then lets add some contrast. Image : Adjust : Brightness/Contrast and set +30 to contrast




Final. Then we can colorize picture..There are many ways but i like that one : Create a new layer
above our crazy effect and fill it with stylish color of your choice and put the layer option to
Color




210 | P a g e                                                     www.eteachlog.co.cc
You can change the zoom blur to radial in step 9 for another cool result.

NOTE: The preview images have been shrinked to to 300 of width in order to fit the page. They
do not represent the real size. Thank you for using this tutorial!




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials



211 | P a g e                                                       www.eteachlog.co.cc
                                     -- Tutorial 15 --

                                   EURO 2008 Logo design

Hallo and welcome in making of the EURO 2008 Logo design. I thought it will a great idea to create this
tutorial during the EURO Championship. So I hope I will be a nice one.

Start with creating a new Document and of course a new layer. I Will se the original logo for the
reference and ever use the logo itself to do some pars of the logo.




Select pen tool and use the original logo to put curves on the red curve that we see in the logo. Note the
path settings.




212 | P a g e                                                          www.eteachlog.co.cc
So here is our path here. We can turn the logo OFF now and drag the path to our document.




213 | P a g e                                                       www.eteachlog.co.cc
Now fix this path, make it a little bit wave like. We got to stroke the path now. Choose the brush first. I
recommend you to set the brush with the exact options and size I did.




214 | P a g e                                                            www.eteachlog.co.cc
215 | P a g e   www.eteachlog.co.cc
216 | P a g e   www.eteachlog.co.cc
217 | P a g e   www.eteachlog.co.cc
This

logo isn't exactly like on the original image, needs some additional manipulations. Transform some parts
and do paint/erase or make it more curve like.




218 | P a g e                                                         www.eteachlog.co.cc
219 | P a g e   www.eteachlog.co.cc
Stage 2 - Highlights:
First i will make a round selection.




220 | P a g e                          www.eteachlog.co.cc
Then using the lasso tool and holding shift I will add another selection.




221 | P a g e                                                           www.eteachlog.co.cc
Create a new layer and overlay this selection (on a new layer) with this very gradient.




222 | P a g e                                                           www.eteachlog.co.cc
Use mask if you like to blend the lower edge.




223 | P a g e                                   www.eteachlog.co.cc
224 | P a g e   www.eteachlog.co.cc
225 | P a g e   www.eteachlog.co.cc
Make a copy of the reflection, make it a little smaller and paste.




Stage3 - Shadows.

226 | P a g e                                                        www.eteachlog.co.cc
We got to make these shadows right here.




227 | P a g e                              www.eteachlog.co.cc
Make a selection sing the lasso tool. Transform and warp the selection a little bit.




Create a new layer and fill the selection with this gradient.




228 | P a g e                                                            www.eteachlog.co.cc
Then, do the rest of the areas.




229 | P a g e                     www.eteachlog.co.cc
230 | P a g e   www.eteachlog.co.cc
For the final lower curve we will use pen tool to create a perfect curve.




231 | P a g e                                                           www.eteachlog.co.cc
232 | P a g e   www.eteachlog.co.cc
Duplicate the curve.




233 | P a g e          www.eteachlog.co.cc
234 | P a g e   www.eteachlog.co.cc
235 | P a g e   www.eteachlog.co.cc
236 | P a g e   www.eteachlog.co.cc
Drop




237 | P a g e   www.eteachlog.co.cc
a highlight- this is the same highlight we used back there.




Drop shadow on the whole red thing there.




238 | P a g e                                                 www.eteachlog.co.cc
Transform the lower curve to make it a little bit bigger. I've created a copy of the initial curve and just
transformed it a little.




239 | P a g e                                                             www.eteachlog.co.cc
240 | P a g e   www.eteachlog.co.cc
241 | P a g e   www.eteachlog.co.cc
242 | P a g e   www.eteachlog.co.cc
243 | P a g e   www.eteachlog.co.cc
We will continue to make EURO 2008 logo, the ball of the logo. So we've made a curve of the logo and
now the final element - the ball itself.




244 | P a g e                                                        www.eteachlog.co.cc
Let's analyze a bit the original logo of EURO championship. The logo BALL consists of 2 main shape types
- type A and type B.




245 | P a g e                                                         www.eteachlog.co.cc
246 | P a g e   www.eteachlog.co.cc
Let's keep that in mind.

Now use shape tool and create a new round a little bit egg like shape.




247 | P a g e                                                            www.eteachlog.co.cc
Create the spot like shapes then




248 | P a g e                      www.eteachlog.co.cc
Round up the edges a little using eraser - you will have to rasterize the shape.




249 | P a g e                                                           www.eteachlog.co.cc
Use the initial shape to copy and transform them.




250 | P a g e                                       www.eteachlog.co.cc
251 | P a g e   www.eteachlog.co.cc
252 | P a g e   www.eteachlog.co.cc
253 | P a g e   www.eteachlog.co.cc
When all the shapes are on their places merge them and create a copy if these shapes layer.




254 | P a g e                                                        www.eteachlog.co.cc
Now this white background contours will be made by using a tablet, simply draw them.

Drop the inner shadow on the Circle (the 1st shape)




255 | P a g e                                                       www.eteachlog.co.cc
256 | P a g e   www.eteachlog.co.cc
Final stage, we will create shadows and highlights.

Create a shape with shape tool.




257 | P a g e                                         www.eteachlog.co.cc
Warp the shape (transformation).




258 | P a g e                      www.eteachlog.co.cc
Use only 1 style and note the gradient blending mode - Hard Light.




259 | P a g e                                                        www.eteachlog.co.cc
The highlight has the same shape structure, only a little bit smaller size and Color.

Next select the circle (the 1st shape), create a new layer and overly the are with Black to transparency
layer ( opacity about 70%).




260 | P a g e                                                            www.eteachlog.co.cc
261 | P a g e   www.eteachlog.co.cc
262 | P a g e   www.eteachlog.co.cc
Change




263 | P a g e   www.eteachlog.co.cc
the ball color (the color of the 1st shape)




Fix all the mistakes done when painting (if you have no, then it's ok).




264 | P a g e                                                             www.eteachlog.co.cc
Merge the layers and there we have it.




265 | P a g e                            www.eteachlog.co.cc
266 | P a g e   www.eteachlog.co.cc
Hope you learn some techniques and understand the vector (shaped based) style.




267 | P a g e                                                      www.eteachlog.co.cc
ENJOY!




From Internet Collection by Obiís Teach Inc

For more tutorials check out http://www.eteachlog.co.cc/tutorials




268 | P a g e                                                       www.eteachlog.co.cc

								
To top