NON MAJOR ELECTIVE 2 - MULTIMEDIA LAB – PHOTOSHOP
1. Creating a bookmark in Photoshop
2. Converting a Color image to Black and White
3. Colorize a Black-and-White Image in Photoshop
4. Understanding the working of a Layer and create a Vector
Graphic
5. Creating a scenery using brushes in Photoshop
6. Designing a Greeting card using Photoshop
7. Designing an Invitation card using Photoshop
8. Creating a Logo
9. Creating a simple Business Card
10. To create a animated picture
Creating a bookmark in Photoshop
Exercise 1
Aim - To Create a simple card/ bookmark in Photoshop.
Procedure
Step 1Create a new file. Set the background color.
Step 2Create a new layer and use custom shape tool and place the
shape required.
Step 3Apply layer style like Drop Shadow, Inner
Shadow, Inner Glow, Bevel and Emboss, Gradient
Overlay, Stroke etc.
Step 4Use Horizontal type tool and type the relevant text.
Step 5Add a credit line.
Step 6Proof Check and save the Card.
· Check text , graphics and layout.
· Check margins and alignment.
· Make sure everything lines up correctly.
Result – A Card has been designed using Photoshop.
Converting a Color image to Black and White
Exercise 2
Aim – To Convert a color picture to black and white in
Photoshop.
Procedure
1. Open an image in any color mode. Create a duplicate copy.
2. If the image isn’t already a grayscale image, choose
Image>Adjustments>Desaturate.
Result – A color picture is converted into a Black and White
image
Colorize a Black-and-White Image in Photoshop
Exercise 3
Aim
To Colorize a Black-and-White Image in Photoshop
Step 1
Open an image in any color mode and choose Image→Mode→RGB.
If the image isn’t already a grayscale image, choose
Image→Adjustments→Desaturate.
This feature makes it appear as though the image is
black-and-white, but you’re still in a color mode and can apply
color.
Step 2
Choose a painting tool (the Brush tool, for example) and, from
the Swatches panel, choose the first color you want to paint
with.
On the Options bar, select Color from the Mode drop-down list
and then use the Opacity slider to change the opacity to 50 percent
or just type 5.
Start painting!
Color Blending mode is used to change the color of pixels while
keeping intact the underlying grayscale (shading).
Another way to bring attention to a certain item in an RGB image
is to select the item.
Step 3
Choose Select→Modify→Feather to soften the selection a bit
(Enter 5 pixels in the Feather Radius text field).
Step 4
Choose Select→Inverse. With everything else selected, choose
Image→Adjustments→Desaturate. Everything else in the image looks
black and white, except for the original item you selected.
Result
A Black-and-White Image has been Colorized in Photoshop.
Understanding the working of a Layer and create a Vector
Graphic
EXERCISE 4
AIM - TO UNDERSTAND THE WORKING OF A LAYER AND CREATE A VECTOR
GRAPHIC.
PROCDEURE
STEP 1
Create a new document in Photoshop (File>New):
STEP 2
CREATE A NEW LAYER
In the bottom right you should have the layers window. In case
you don’t see it, go to
Window>Layers:
STEP 4
Set the foreground color to black by clicking on the foreground
color thumbnail to open the color picker and selecting black
(#000000).
Now grab the Paint bucket tool (G) and click on the canvas to
fill it with black. Let’s analyse the layers window: the blank
layer is now black. This is because what we do on the canvas
affects only the layer which is selected. We have 2 layers, one
black and one white. Since the black one is above, it’s displayed
while the white one is hidden (layer hierarchy).
Switch the foreground color to yellow (#f9d904) and use the
horizontal type tool (T) to write something. Note that Photoshop
has automatically created a new type layer:
The background layer is locked (note the padlock on the right of
the layer thumbnail). This means it can’t be modified. To unlock
the background layer double click on it an hit OK in the window
that appears:
Every time you want to prevent a layer from casual adjustments
you can lock it by selecting it from the layers window and pressing
the lock button.
You can give a title to each layer. This is a good practice in
particular when you work with complex compositions. Simply
double-click on the layer title in the layers window to re-name
it.
Select the bottom layer (the white one), set the foreground
color to orange (#eb6e08), grab the paint bucket tool and click to
fill. Apparently nothing has changed but the bottom layer is now
filled with orange, as you can notice from the layers window.
Select the black layer. Grab the eraser tool (E) and select a
round 300px brush:
Click once in the center of the canvas. What happens? Once
erased the center of the black layer, a part of the orange one
appears.
This is due to layers hierarchy:
In the layers window move the text layer below the black
one:
As you may have imagined, a part of the text is covered, while
the area below the spot is preserved (layers hierarchy).
Right-click on the layers thumbnail and select Blending options.
Here we can add some adjustments to the layer. Select “drop shadow”
with the following settings (screenshot). In this way we can add
depth to the image:
You can add a soft shadow to the text too. In this way you can
feel more the sensation to work with 3 different levels one on the
top of the other.
RESULT - A VECTOR GRAPHIC HAS BEEN CREATED WORKING WITH
LAYERS.
Creating a scenery using brushes in Photoshop
Exercise 5
Aim
Create a scenery using brushes in Photoshop.
Step 1
Open new PSD file set Size: 1500X1640px Resolution: 100 Color:
white Name: spring
Step 2
Now create a new layer (Layer --> new - layer)1 - Set the
foreground color to # 0202ff2-Click Brush tool(B), change Size
to7pxHardness 0%,Opacity 89%,Flow 92%.(Use the same brush in all
steps with different opacity and size).
Step 3
Start sketching
Step 4
Use Paint bucket tool(G) fill the layer with appropriate color.
Set the layer opacity as required.
Step 5
Color the Background Fill the Background Layer .use the Paint
bucket tool.
Step 5
Apply Effects as required
Result - A Scenery has been created using Photoshop
Designing a Greeting card using Photoshop
Exercise 6
Aim – To design a Greeting card using Photoshop
1. Open a new File.
2. Choose images, graphics, clip art ...
3. Modify the images.
4. Select a font. Type the relevant text.
5. Arrange text and graphics.
6. Create a consistent look.
7. Add a credit line.
8. Proof and save the Greeting card.
· Check text , graphics and layout.
· Check margins and alignment.
· Make sure everything lines up correctly.
Result – A Greeting card has been designed using Photoshop
Designing an Invitation card using Photoshop
Exercise 7
Aim – To design an Invitation card using Photoshop
1Open a new File.2Choose images, graphics, clip art ...3 Modify
the images.4 Select a font. Type the relevant text.
5 Arrange text and graphics.
6 Create a consistent look.
7 Add a credit line.
8 Proof and save the Greeting card.
· Check text , graphics and layout.
· Check margins and alignment.
· Make sure everything lines up correctly.
===
Result – A Greeting card has been designed using Photoshop.
Creating a Logo
Exercise 8
Aim - Creating a simple logo in Photoshop Step 1Create a new
file whose dimensions are 380x150 px and set the background
color.
Step 2Create a new layer and using Elliptical Marque Tool create
a circular selection on the left side and color it. Note: While
you're creating a circular selection hold down Shift key to get a
symmetrical circle.
Step 3Apply Inner Shadow, Inner Glow, Bevel and
Emboss, Gradient Overlay,Stroke etc.
Step 4
From right side type the name of company and its slogan. use
bold Trebuchet MS font size 29 px , and choose appropriate color
.On the name of company apply:Drop Shadow, Inner Shadow, Inner Glow
and Stroke. Type Slogan below the name of company and set it to
Bold Italic.
Step 5Choose adequate Shape and put it within the circle.
Result - A simple logo in Photoshop has been created in
Photoshop
Creating a simple Business Card/ Identity Card in Photoshop
// Write your own similar procedure for Identity Card
Exercise 9
Aim - Creating a simple Business Card in Photoshop.
Procedure
Step 1
Create a new file whose dimensions are 380x150 px and for
background color
set #F8F8F2.
Step 2
Create a new layer and using Elliptical Marque Tool create a
circular
selection on the left side and colour it with #30792C.
Note: While you're creating a circular selection hold down Shift
key to
get a symmetrical circle.
Step 3
Double click on a previously made layer (layer with circle) and
apply
Drop Shadow, Inner Shadow,Inner Glow, Bevel and Emboss, Gradient
Overlay,
Stroke.
Step 4
Now, from right side type the name of company and its slogan.
Use bold
Trebuchet MS font size 29 px ,and for color choose #1D661A.
On the name of the Company apply Drop Shadow, Inner Shadow,
Inner Glow and Stroke.
Type Slogan below the name of company and set it to Bold
Italic.
Step 5
Choose adequate Shape and put it within the circle.
Result - A simple Business Card has been created using
Photoshop.
Exercise 10
Aim : To create a animated picture
Procedure
1)Open up The pic you want to use. I'll be using this stock
photo of some grungy model-->
2)Duplicate the layer and add a radial blur.
Filter>Blur>Radial Blur. Use these settings-->
3)Your pic should look like this.-->
4)Jump to imageready. You can do that by clicking this icon on
your toolbar-->
5)Hide the blurred layer by clicking the eye button on the left
of it in your layers palette-->
6)Go to your animation frame palette and duplicate the
frame.
7)Then unhide the blurred layer by clicking on the eye
again.Frame 1 should now be your original image and frame 2 should
be the blurred layer.-->
8)Now click the tween button in your animation
palette.-->
9)Add these settings-->
10)You should now have 5 frames in your animation palette. Click
the frame delay times at the bottom of each frame and set each one
to 0.1
11)Press play and thats it!-->
Result : Thus the picture has been animated.