Photoshop

1. Learning Tools
2. Image Effects
3. Artistic Effects
4. Photo Retouching
5. Black & White
6. Text Effects
7. Frames & Borders
8. Using Filters
9. Web Buttons
10. Textures
4. Using Elliptical Marquee tool,
11. Image Ready select the middle portion of an
image.
Reveal Selection

Concept: Masking is used to

reveal or hide the specific portion
of the image. We will learn the first,
very basic type of masking
technique in this lesson.

1. Open Photoshop. Open Image

to work with layer masking basics.

5. Layer > Layer Mask >

Reveal Selection.
Since the image has only one
layer, it will be as follows before
saving.

2. Please understand the concept

carefully. When you open the
image the default layer is
"Background" and it is locked.
Masking option is not activated in
this condition. You need to unlock
the layer.
6. The layer will show the masking
thumbnail.
3. Double click and rename the
layer to unlock it. If you don't name
it, it will take Layer 0 as a default
name.

Curriculum Designed by- Biman Barua

 Warp Tool at the top left of the
dialogue box.

5. Input 25 for brush size and 70

for brush pressure

7. The portion selected by the

Elliptical Marquee tool is revealed
and rest of the portion of the image
is hidden by the mask. Here is the
final image after saving it in Jpeg
format.

6. Place the cursor on the Toe of

the left shoe and drag it slightly
towards right.

7. Place the cursor on the Toe of

the right shoe and drag it slightly
towards left.

Using Liquify Filter

1. Open Photoshop. Open an

image to apply Liquify filter.

8. Click OK and save the image.

Quick Mask Mode

1. Quick mask mode is a powerful

way of selection in Photoshop. It is
a selection based on the masking
of the desired portion of an image.
It is used for minute and accurate
selections.
2. Filter > Liquify
2. Start with opening an image with
3. This will open the Liquify a multicolored background.
dialogue box. Scenery will be the perfect
example for background.
4. By default, the Warp Tool is
selected if not, select the following

Curriculum Designed by- Biman Barua

 6. Click "quick Mask Mode". The
portion of the image which was
3. At the bottom of the Toolbox you
selected with magic wand will turn
will find the switches. Green
into red color with 70% opacity.
marked button is for " Edit in
Standard Mode" And red marked
button is for "Edit in Quick Mask
Mode"

4. Before starting with the tutorials,

double click on quick mask mode. 7. Select paint brush with hard
Select "Selected Areas" Keep the edge. The size of the brush
red color or you can change it. depends upon the area you are
Default opacity is 50%. Make it 70 going to paint or mask. For minute
% if you want more dark color for areas, the small sized brush is
selection. Click OK to close the advisable. Keep black color as
dialog box. foreground and start painting the
area you want to select.

8. If by mistake you painted

something out of limit, turn white
as foregoing and erase the red
color with the same brush.

9. Use different size of brushes

and zoom the image to paint
minutely.

Click on the "Edit in Standard

Mode" button to start with the
tutorial.

5. Select Magic Wand tool with 32

Tolerance. Click on the face of the
image or click on the area you
want to select. You can select
maximum area by pressing Shift
and clicking magic wand tool. 10. When you will finish with
painting, click "Edit in Standard
Mode" button. Red color will be
replaced by normal selection.

Curriculum Designed by- Biman Barua

 3. Open another image to apply
Layer Masking Techniques.

11. You can apply any filter or

effect on the selected area or you
can use it for retouching. In the
following image we have
desaturated the selected area with

Image > Adjust >

Desaturate

4. Drag this image on the main

image using Move Tool. Keep this
Layer selected.

5. Select Elliptical Marquee Tool

and draw the ellipse.

6. Select > Feather (Radius

9)
12. Or you can just drag the
selection with move tool on
another file to get the selection
without background and place it on
the new background.

7. Layer > Add Layer Mask

> Reveal Selection

Layer Mask Part 2

1. Layer masking can be used to

create advanced mixing effects
without changing original images.

2. Open Photoshop. Open main

image which will be used as a
base.

Curriculum Designed by- Biman Barua

Patterns 8. Name the pattern and deselect
with Ctrl +D
1. Create new file with 72 PPI and
white background. 9. Edit > Fill > Pattern

Select Rectangular Marquee Tool Choose the pattern from the drop
and draw rectangle to create brick. down menu

Choose the newly created custom

2. Fill it with the color. pattern. Click OK.

If you want to fill foreground color The image will get filled with
press Alt + Del. pattern.

3. Choose Airbrush Tool with soft

brush/. Burn Tool
Reveal All
Select slightly darker shade than
the filled color. Concept: Another way of
masking using "Reveal All"
4. Press Shift and click top right, command where we apply
top left and bottom left to make the masking with vertually no change
brick bevel like. in the image and then paint with
black color to hide the desired
portion.

1. Open Photoshop. Open Image

to work with "Reveal All"
command. Double click and unlock
the Background layer. Check out
the detail procedure here.
5. Keep the shape selected. Select
Move Tool.

Press Alt and copy the shape.

Place the shape as shown below.

6. Select the part of the image with

Rectangular Marquee Tool in such
a way that if it is repeated as a
pattern you should get continuos
design.

2. Layer > Add Layer Mask

7. Edit > Define Pattern > Reveal All

Curriculum Designed by- Biman Barua

 3. Once you click it you will find
that foreground and background
colors become black & white. And
the layer mask thumbnail added to
the image layer.

4. Select brush tool. Keep black as

a foreground color.

5. Since we want to create vignette

effect, start painting around the
sides of the image.

6. You will find that the image is as 3. Click Channel Palette or select
if erased but it's just hidden behind Channel Palette Tab.
the mask. Painting with white will
reveals the image behind the 4. Create New Channel. The
mask. Image will become black and the
selection will remain on the black
background

5. Select > Feather >

Feather Radius (16 pixels)

6. Fill White color in the selection

by pressing Alt + Del. Deselect the
selection with Ctrl + D

Channel Project (revised)

1. Open Photoshop. Open desired

image.

7. Filter > Noise > Add

Noise

Amount : 34
Distribution : Uniform
Monochromatic

2. Select Elliptical Marquee Tool

and draw ellipse in such a way to
accommodate the main portion of
the image.

Curriculum Designed by- Biman Barua

8. Filter > Brush Strokes>
Angled Strokes
12. Fill the Image with white color
by pressing Alt + Del
Direction Balance : 70
Stroke Length : 15
Sharpness : 3

Image Effects Using Hue Saturation

9. Click Layer Tab. Select the

image layer. 1. Open Photoshop 7.0. Open
desired image.
10. Select > Load Selection

Select Alpha 1

11. Select > Inverse

2. Layer > New Adjustment

Layer > Hue/Saturation
Click OK for the New Layer. Hue
Saturation window is opened.

Curriculum Designed by- Biman Barua

 3. Select Colorize. 2. Go to Channel Palette and
( Hue 121, Saturation 25, Create New Channel. Fill the
Lightness 0 ) channel with white color.

3. Filter > Noise > Add

Noise (Guassian,
Monochromatic, Amount : 25)

4. Filters > Sketch > Bas

Relief
(Detail:1, Smoothness: 1, Light
Direction: Bottom)

5. Go to Layer Palette. Create New

Layer.

4. Go to Channel Palette. Hue

saturation channel is already 6. Select > Load Selection
selected. (Alpha 1)

5. Select Brush Tool with Smooth 7. Fill the selection with white color
Brush. Paint horizontal stroke on using Alt + Del.
the face.

1. Layer masking can be used to

create advanced mixing effects
Image Effects Using Channel - Glass without changing original images.
Effect
2. Open Photoshop. Open main
image which will be used as a
base.
. Open Photoshop. Open desired
image.

3. Open another image to apply

Layer Masking Techniques.

Curriculum Designed by- Biman Barua

 Artistic Effects : Sketch Effect

1. Open an image.

4. Drag this image on the main

image using Move Tool. Keep this
Layer selected.

5. Select Elliptical Marquee Tool

and draw the ellipse.

6. Select > Feather (Radius

9)

2. Image > Adjustments >

Desaturate

7. Layer > Add Layer Mask

> Reveal Selection

3. Make a duplicate of the

desaturated layer. Keep the
duplicate later selected.

4. Image > Adjustments >

Invert

Curriculum Designed by- Biman Barua

 Home : Artistic Effects : Block Effect

. Open an image.

5. Change the layer mode to

"Color Dodge"

2. Using Elliptical Marquee tool,

make elliptical selection carefully
around the main, center part of an
image.

6. Filter > Blur > Gaussian

Blur (Radius 4.9)

3. Press "Q" to activate Quick

mask Mode

Curriculum Designed by- Biman Barua

4. Filter > Stylize > Extrude
( Type: Blocks Size: 30 Depth: 30 Home : Photo Retouching : Image
Random ) Resolution

Concept
Image is generally saved at 72 PPI
resolution because monitor
displays the image with actual size
on the screen at 72 PPI. The
monitor resolution is considered 72
DPI in general. If the image is
scanned at 144 PPI, it will be
displayed with double size
because 72 x 72 pixels will fit in 1
inch. Rest of the 72 x 72 pixels will
occupy double space. The result is
obvious, the double size of the
original image.

1. Open Photoshop. Open an

image with 72 PPI resolution.

5. Press "Q" again to Edit in

standard mode. This will convert
quick mask into selection. Select
white color for background.

6. Select > Inverse (Press Del

to delete selected portion )

7. Press Ctrl + D to deselect the

selection.

Curriculum Designed by- Biman Barua

2. Open the image size dialogue File > Save for Web
box to check the image settings.
We have saved it with JPEG
Image > Image Size Medium 30 Quality. It is of 14.292
KB.

You can keep both the images

side by side.

The image with 144 PPI occupies

double space.

3. Save the image

File > Save for Web

We have saved it with JPEG

Medium 30 Quality. It is of 5.546
KB.

4. Open the image size dialogue

box again to change the image
settings.

Image > Image Size Home : Photo Retouching : Changing

Colors
Change the resolution to 144 PPI
In the following lesson we are
going to change the color of the
5. You will notice that width and garment with different types of
the height changes automatically retouching commands. These
into double figure. commands will take you to the
advance photo retouching after
proper practice.

1. Open an image. Select the shirt

with magic wand tool (Press Shift
and click) or you can use Quick
mask mode method for accurate
selection

2. Image > Adjust > Color Balance

 

6. Save the image with different

name.

Curriculum Designed by- Biman Barua

  

Original Image Color Levels : 100 -100 0

Tone Balance : Midtone Midtones More Yellow Midtones More Blue

Home : Black & White : Grayscale

Concept

Grayscale mode uses 256 shades

of gray with each pixel retaining its
brightness value from 0 (Black) to
255 (White). This is different from
Color Levels : 100 0 0 Color Levels : 100 0 0 desaturate command as it chages
Tone Balance : Tone Balance : Midtone the mode itself. Its no more RGB.
Midtone
  1. Open an image to apply
3. Image > Adjust > Hue Saturation photoshop Grayscale mode.
Colorize)
 

HSL : 0 94 -44 HSL : 124 19 0

   
4. Image > Adjust > Brightness/contrast
 
2. Image > Mode >
Grayscale

3. You will get the the grayscale

image as follows.

B : 70 C : 0 B : 37 C :10
   
5. Image > Adjust > Variations

Curriculum Designed by- Biman Barua

 .

5. With Red, its too light.

Home : Black & White : Using Simple

Channels Part 2

Concept

By using channels and levels we

can go one more step further to
get grayscale output.

1. Open an image to use Channels

for grayscale output.

6. Image > Adjustments >

Levels

7. Adjust the levels as shown in

the following image.

2. Windows > Channels

3. Or Switch to Channels Palette.

4. This time we will select Red

Channel

Curriculum Designed by- Biman Barua

 8. Create New Grayscale
document and drag Red Channel
on it.

9. Delete Gray channel from the

channel palette of the new file.

10. Image > Mode

Switch to Grayscale from
Multichannel

11. You can trim the file if the

original file is bigger than the
dragged image.

2. Edit > Fill

3. Use : Foreground Color

Blending Mode : Color
Opacity: 100%

Home : Black & White : Color & Brush

Concept
4. Click OK.
Using Fill command with color
mode is another way to get
grayscale output.

1. Open an image to for grayscale

output. Make sure that Black and
White color are kept as foreground
and background colors else press
"D" to get the required result.

Home : Photoshop Text Effects

Curriculum Designed by- Biman Barua

Pic-In-Text

Create new file with desired size,

72 PPI and white background.

Keep black as foreground color.

2. Type the text.

5. Drag the night image on the file

6. Layer > Group with

Previous (ctrl+G)

7. The Layer Palette will look like

this. Name the layer 'Night'

8. Drag the day image on the file.

Name the layer 'Day'
3. We have used above image as
'Day' picture 9. The Layer Palette will look like
this

4. We have used above image as

'Night' picture

10. Drag the day below the night

layer

Curriculum Designed by- Biman Barua

 2. Select > Load Selection

(Choose Layer Transparency)

11. Select night layer. Select
3. Layer > Flatten Image
eraser tool. Choose soft round
brush (we used 65)
4. Select > Inverse
12. Erase the upper half of the
night layer

5. Filter > Pixelate >

Crystallize (cell size 4)

6. Select > Inverse

13. Layer > Layer Style >

Bevel & Emboss (outer
bevel) + Drop Shadow

7. Noise > Add Noise

(Guassian, Monochromatic,
Amount. 70)

8. Blur > Guassian blur

Blood Effect (Radius 2.0)

1. Create new file with 72 PPI and

white background. The mode has
to be Grayscale. Type the text with
thick font.

Curriculum Designed by- Biman Barua

 18. Click Colorize

19. Drag the Saturation slider to

100

20. Drag the Lightness slider to -5

9. Image > Adjust > Curve

(make the curve as shown in fig.)

Ice Effect

1. Create new file with 72 PPI and

white background. The mode has
to be Grayscale. Type the text with
thick font.

10. Press Ctrl + D to deselect

11. Image > Adjust > Invert

2. Select > Load Selection

(Choose Layer Transparency)

3. Layer > Flatten Image

12. Image > Rotate Canvas
> 90 CW 4. Select > Inverse

13. Filter > Stylize > Wind

14. Method : Wind Direction : From

the Right

5. Filter > Pixelate >

Crystallize (cell size 10)

6. Select > Inverse

15. Image > Rotate Canvas

> 90 CCW

16. Image > Mode > RGB

Curriculum Designed by- Biman Barua

 Burning

1. Write the word

2. Rotted C90

3. Layer Flatten Image

7. Noise > Add Noise 4. Filter –Stylize-Wind (From Left to

Right)(2 Times)
(Uniform, Monochromatic, Amount
70)
5. Image Rotted CC90

6. Filter-Distort-Ripple

7. Image-Mode-Grayscale

8. Image-Mode-Indexed Color
8. Blur > Guassian blur
(Radius 2.0) 9. Image-Mode-Color Table-Black
Body
9. Press Ctrl + D to deselect
10. For writing anything Mode-RGB
Color.

Frames & Borders : Soft Emboss

10. Image > Adjust > Invert

1. Open Photoshop. Open the
image to apply soft emboss
11. Image > Mode > RGB
border.
12. Image > Adjust > Hue
Saturation

13. Click Colorize

14. Drag the Hue slider to 210

Curriculum Designed by- Biman Barua

2. Select Rectangular Marquee Dark Intensity: 20
Tool and make rectangular Light Intensity: 10
selection on the image.

3. Go to Channels tab. Create new 5. Go to Layers Tab and create

channel. new layer. Keep the new layer
selected.
Select > Feather (Radius:
7) 6. Select > Load Selection
(Select Alpha1 from channel drop
Fill white color and deselect the down and check Invert)
selection with CTRL+ D.
7. Fill white color using Alt + Del.
and deselect with CTRL + D.

4. Filters > Brush Strokes

> Ink Outlines
Frames & Borders : Simple Photo Frame
Stroke Length: 4

Curriculum Designed by- Biman Barua

1. Open Photoshop. Open the 6. Select image layer. Press CTRL
image to create Plain Emboss and click the image icon on the
frame. image layer to select just the
image.

2. Create New file with 640 X 480

Pixels and drag the image on it
using Move tool.
7. Select BASE frame layer and
3. Create a new layer in the middle press Del to delete the inside
of background and image layer. portion of the colored rectangle
Keep it Selected. You can name it and now we have just the frame on
as a BASE frame layer if you want. the BASE frame layer. Press
CTRL+D to deselect.
4. Draw rectangular selection
around the image for frame using
Rectangular Marquee Tool, on the
BASE frame layer. View > Show >
Grid for the accuracy.

5. Fill rectangle with the desired

color. Deselect using CTRL + D

8. Keep the BASE frame layer

selected.

9. Layer > Layer Style >

Bevel and Emboss (Style :
Inner Bevel)

Curriculum Designed by- Biman Barua

 10. Image > Trim to trim the layer. Go to fly out menu of layer
image. palette and click "Merge Down".

6. Layer > Layer Style >

Bevel & Emboss + Drop
Shadow

7. You can try out different types of

textures as well as base shapes to
create different effects.
Web Buttons : Texture Buttons
8. Trim the button to remove
1. Create new file with 72 PPI and unwanted space with Image >
white background. Create a new Trim
Layer. Name it as "Base".

2. Select Ellipse Marquee tool. Neon Lights Texture

Drag it on the file. Fill the selection
on the new layer with black.

3. Open the desired texture file.

Select Move tool. Drag the image
on the button file and adjust so that
This tip will show you a method to
black ellipse will get properly
covered with texture. In the layer create a cool "Neon Lights" texture.
palette you will get texture layer.
Keep this layer selected.
5+

1.
4. Layer > Group with
Previous (ctrl+G)
Begin by creating a new document — the
5. Merge the texture layer with the
example is 128x128. Choose a light blue shade
base layer. For this, select texture

Curriculum Designed by- Biman Barua

for the forground color and a dark blue shade

for the background color.

Cutting Up Images

2.

Now, go to Filter » Render » Clouds. Press

CTRL+F several times until you get the clouds

the way you like them.

This Tutorial will show you how to "cut

up" images for use in interfaces,
website layouts and templates, tables,
or Javascript enabled menus, etc.

4+

Note: If you have Adobe ImageReady (which

3.
comes with Photoshop 2.0 and above), the

program can do all this automatically for you

Next, we will make the "Neon Lights". Go to
(including exporting HTML tables or CSS to
Filter » Artistic » Paint Daubs, and fill in the
reassemble the images on your page)... but if
following values: Brush size=40, Sharpness=36,
you don't have ImageReady (or some program
Brush Type=Sparkle.
that can automate this task), follow along!

That's it! You now have your neon texture — to

make it seamless, go to Filter » Other » 1.

Offset, set it to Wrap Around and half the

dimensions of your image. Use the Smudge Tool Open up the image you intend to cut up and

to blend the edges where you can see a seam. press CTRL+R to turn the document's Rulers on.

Curriculum Designed by- Biman Barua

Make sure you drag the edges of the image out If you plan on animating a small section of the

a bit so you have a bit of gray work area. image, make sure that you have that particular

section marked to be cut out — this will reduce

the overall file size of your image, because the

2. whole image will not have to be loaded multiple

times for the animation. Also, make sure that

Click on the top Ruler and drag down with your
the Snap To Guides option in the View Menu is
cursor — a blue horizontal line should appear.
checked.
Let go of the cursor at the point where you want

to make your incision. You can adjust the

5.
position of the line by clicking and dragging on it

with the Move Tool.

Select the Marquee Selection Tool and drag a

selection box around the area of the image you

wish to capture/cut out. You do not have to

3.
select every piece of the blue guides, only the

parts that give you the desired size for your

Repeat this process, only this time from the
selection (Notice in the below image how I
Ruler at the left of your image. You should now
skipped the 2 lines in the middle in order to
have an image divided into four separate
select a "taller" section.
sections by the blue lines. Repeat the process

untill all of the areas you wish to cut up are

surrounded by blue boxes (See image below).

6.
4.

Curriculum Designed by- Biman Barua

Once you have the area selected, press of the table the same width of your image as a

CTRL+C to copy the selection into memory. whole. When you're done, all of the images

Now, create a new blank document should appear lined up as if they were still one

(CTRL+N)... the New dialogue box should single image. It is also possible to use CSS to

automatically show the dimensions of the piece position your images together.

you just copied. Press CTRL+V to paste in the

selection you just copied. Save your new image

and return to your original full image.

Continue with this process for each section that

you want to cut up.

Remember, as I mentioned above, there

is a much easier way to do this now -
use a program such as Adobe
ImageReady or similar programs (I still
remember the days when this was the
only way... ahhhh!).

Flash

1. Main
2. Learning Tools
3. Masking
4. Text Effects

7. 5. Interviews

Color Web Art Actio

Now that your image is separated into nice Effects Butto n
ns Script
usable pieces, you will now need to s
"reassemble" them, so they appear as one Color Clock Wav Get
Animati Rotate e URL
single image again. To do this you will need to on Effe
ct
use HTML tables. Make sure that the BORDER,

CELLPADDING, & CELLSPACING attributes of

your table are set to "0" and make the WIDTH Coral Draw

Curriculum Designed by- Biman Barua

 1. Main
2. Learning Tools
3. Text Effects

Art Project Fashion Jewellery

Sunset Chess Patterns Pendant

Fish Tank Board Fashion Necklace
Rings Explode Designing Making
Simple Making Stone
Buttons Flowers
Collaqe Now make a duplicate of your layer by pressing
Page Curl control+j. Change its layer style to Color Dodge.
Line Text

Open your image. Press control+u to desaturate it.

Go to filter>custom>High Pass and set the radius

around 3.4 pixels. Change the radius according to
your image size.

Now go to
image>adjustment>Birghtness/Contrast and
increase the contrast of the image so that line
edges will be more darker.

Image after applying High Pass filter :-

Curriculum Designed by- Biman Barua

 Creating : Textures
In this tutorial, we will learn to create a nice
looking texture.
Create a new file of 300 x 300 pixel. Set the
foreground color to #BB9800 and background to
#FFD039 . Select linear gradient to fill the canvas.
As you can see in previous image, there are
scratches remained in the face, specially in
forehead. We will remove that and all other
scratches from the picture by using Smart Blur
Filter. To use smart blur filter, go to
filter>blur>Smart Blur and experiment with the
amount. I assure you that smart blur filter will
work very smart :)

Create a new layer by pressing shift+control+n.

Press "D" to regain the default black & white color.
Again select linear gradient and fill the layer with
it.

Now, go to filter>pixelate>mosaic and apply these

values:-

Wow, you now have an image which looks like

sketch. This is my gift to former Miss World
"Ash(warya Rai) and Abhishek". Happy marriage ;)

Curriculum Designed by- Biman Barua

Go to filter>sharpen>unsharp mask and apply
these values:-

Change the layer's blending mode to Hard Light.

Now, go to stylize>emboss and give these values

Press control+e to merge all layers.
Now, go to Filter>Noise>Dust & Scratches and
give these values:-

Curriculum Designed by- Biman Barua

 Finally change the layer mode to Hard
Light and merge all layers. Our texture is
ready.

1. Layer masking can be used to

create advanced mixing effects
without changing original images.

2. Open Photoshop. Open main

image which will be used as a
base.

Duplicate the layer by pressing control+j. Again go

to Filter>Glowing Edges

3. Open another image to apply

Layer Masking Techniques.

Layer Mask Part 1

Curriculum Designed by- Biman Barua

 will learn the first, very basic type of
masking technique in this lesson.

Photoshop - 6 - 12
Flash it up - 4 - 8
Coral Draw - 3 - 6
Building Web Page 2 - 4
Web Page Designing 7 - 14

4. Drag this image on the main

image using Move Tool. Keep this
Layer selected.

5. Layer > Add Layer Mask

> Reveal All

6. Select Brush Tool with soft

brush. Make sure that black color
is automatically selected as a
foreground.

7. Start painting with Brush Tool in

the center of an image.

8. Wherever you paint that area

will get revealed.

1. Concept: Masking is used to reveal or

hide the specific portion of the image. We

Curriculum Designed by- Biman Barua