PHOTOSHOP Tasks

PRACTICAL-I

Create a Visiting Card by using appropriate tools in Photoshop.

Aim: To create a Visiting card using Adobe Photoshop tools.

Procedure:

1. Create a template with the right specifications. Open a new image in Photoshop and set
the width and height to 3.75 and 2.25 inches respectively. Set the resolution to 200 pixels /
inch or more.

2. Create a background on a new layer. Select the gradient tool and click on the preview on
the top left to edit the colors. Use light or dark colors so that any text or images stand out
clearly against the background. When using the gradient tool, draw a line across the entire
image to create a gradual transition between colors.
3. Plan the layout of the text. We will need to add, at the very least, our name and
designation, our company's name or logo, and our contact information. If we own or work
for a small business, we might want to add a tagline below the company's name describing
the type of business.

4. Add each part of the text using the text tool in a new layer. Use a larger font size,
between 18-20 points, for your name and the name of your company to make them stand out.
 Experiment with fancy fonts and different styles. The contact information is usually in a
smaller font size of 10-12 points. This text must be in a plain, clear font without ambiguous
characters.

5. Add a company logo in a corner or in place of the company's name (optional). If we

have an image of our company's logo, open the image in Photoshop. Use the quick selection
tool to select around the border of the logo (reduce the tool size if necessary), avoiding the
background. We can now use any selection tool to copy and paste just the logo onto your
card template.
6. Add text effects for a more professional look. Right click on the text layer and open the
Blending Options window. Select the Bevel & Emboss option and set the size to 2-3 to give
the text a bit of depth. For dark text against a light background, select the outer glow option.

7. Add images to reinforce the theme or fill up 'blank' areas. Open an image to use and
select a portion using the quick selection tool. Copy and paste it into the card template.

Arrange the pieces on separate layers and merge all the layers at the end before copying and
pasting the composite onto your template.
8. Add a border to brighten up your design(optional). Draw a rectangle along the safety
guide lines (or slightly outside them) using the rectangle tool. Make sure the path style is
selected in the top left corner. Select the brush tool and choose a simple brush style with a
size between 5-10 pixels.

9. Save your file! When you are completely satisfied with your template, save it once as a
Photoshop .psd file (in case you still want to make changes to it) and again as a PDF (or any
other format preferred by the print shop).
******************************************************************************
PRACTICAL-II

Design a photo frame using custom shapes in Photoshop

Aim: To draw a frame using Custom Shape Tool in Shape preset.

Procedure

The following are the steps to draw a frame using Custom Shape Tool in the shape presets.

Step 1. Activate the Custom Shape Tool.

Step 2. The Options palette will show the settings for the tool. When we click the triangle near the
word Shape, we see a drop-down palette with available shapes. We have chosen a shape from the
"Ornaments" shape presets.

The rectangle near the word Color shows the color that will fill the shape when we draw it.
Note that it will be filled only if we use the mode "Shape layers" or "Fill pixels". It is defined in the

Options palette, too. Here we have selected the "Shape layers" mode .

• Tip. To draw a shape with fixed height/width ratio, hold the SHIFT-key.
Step 4. We want to put this flower decoration into 4 corners of the card. We copy the layer with the
decoration by just drag Shape 1 layer by holding Alt key to the required position.

The card will look better if all buds of this flower decoration will point to the center. It's
easy to flip or rotate the copied decoration.

Activate the copy of the Shape 1 layer and call the command Edit => Transform Path =>
Flip Horizontal.

Step 5. Having put the second decoration to the right lower corner, we activate the Line Tool to
draw a line for the frame. The Line Tool is located under the same icon as the Custom Shape Tool.
See the image below:

We draw a line between the two decorations. To draw a straight line, hold the SHIFT key
while drawing:
Step 6. In the next step we draw vertical lines as described in Step 5 and get the following result.

Step 7. The frame is ready, but it is not easy-to-use, as lines and decorations are on different layers.
To be able to edit the frame as a whole, to move and scale it we should group the layers.

Put the cursor to one of the shape layers in the Layers palette, for example, on Shape 1
layer. Right-click on the layer and choose the command Select Similar Layers. All layers with
shapes will be activated.

Now right-click the layer again and select the command Group into New Smart Object. Or
use the short cut Ctrl+Alt+Shift+E to group all layers as a single layer.

Step 8. As a result all layers with shapes form one "smart object". In the Layers palette we see that
they reduce to one layer (layer Shape2 below).
 Step 9. Now we can easily scale the frame with the command Edit => Free Transform.

******************************************************************************

PRACTICAL-III

Convert a color photo to black and white photo

Aim: To convert a color photo to a black and white photo.

Procedure

Black and White Conversions

Adobe Photoshop offer both destructive and non-destructive black and white conversion
techniques.

Destructive methods are ones that can't be re-adjusted afterwards. Once you've made the
conversion, the only way to change it is to undo the conversion and start again.

Nondestructive editing allows you to make changes to an image without overwriting the
original image data, which remains available in case you want to revert to it. Because nondestructive
editing doesn’t remove data from an image, the image quality doesn’t degrade when you make edits.

Non-destructive photo editing is always better than destructive editing.

Convert to Greyscale (Destructive)

The simplest black and white conversion method, converting to grayscale discards all the
color information in the photo.

In Photoshop window take a color photograph to convert into a black and white photo. For
example
Follow the below steps

1. Image > Mode > Grayscale. The “Discard Color Information” Window will appear as
follows.

2. Click ‘OK'. The Color photo will be converted into Black & White photo as follows.

Use the Hue/Saturation Tool (Non-destructive)

This method gives exactly the same result as converting to grayscale. The only advantage is
that it's available as an adjustment layer, and can be used as part of a non-destructive editing
process.

Follow the below steps

1. Layer > New Adjustment Layer > Hue/Saturation. The Hue/Saturation window will appear
as follows.
 2. Move the saturation slider all the way to the left (-100) and press ‘OK'. The Color photo will
be converted into Black & White photo as follows.

******************************************************************************
PRACTICAL-IV

Explain the procedure to Creating a Cover Page for a text book

Aim: To Creating a Cover Page for a text book

Procedure

Creating a book cover in Photoshop is simple and only requires a beginner level of
understanding of Photoshop. Once the first cover has been created, the same process, even the same
document, can be used repeatedly to create additional covers. In this example, a 11 inch high by 8
inch wide notebook cover is being created.

Step 1: Open a new document in Photoshop On the “File” bar, select “New…”
 Fill in the fields, including the name of the document, and the width and height. Then click
“OK”.

Step 2: Setting up the guides

In Photoshop, select the “View New Guide” feature. In the dialog box enter the “Vertical
Guide” position value 8.6988 and click on the “OK” button. Take another Vertical Guide by giving
position value 0.3012.

Horizontal Guides

In Photoshop, select the “View New Guide” feature. In the dialog box enter the
“Horizontal Guide” position value 0.5 and click on the “OK” button. Take another Horizontal Guide
by giving position value 10.5.
The end result should look like this:

Step 3: Create optional 8x10 front cover and back cover layers

This is not necessary but can make work easier, especially when centering images and text.

Create a new layer on top of the background layer. Ensuring that foreground color is set to
white, fill the new layer with the foreground color (shift+F5 on a PC). Change the layer name to
“Front cover.”

Follow the same steps to create a back cover and the spine (remembering to rename each
layer appropriately).

You should now have four layers.

Step 4: Place an image on the front cover

Place a title on the spine Using the Horizontal Type Tool, enter the title (you can also use the
Vertical Type Tool, if you prefer the title to be stacked).

To finish this cover, another image has been added to the back cover. The final version looks
like:
 All that remains to be done is to convert it into a PDF and load it on the Espresso Book
Machine.

******************************************************************************

PRACTICAL-V
Explain the steps for Designing a Passport Size Photo on a Max Size Paper

Aim: To designing a Passport Size Photo on a Max Size Paper

Procedure

Taking a Passport Photo

First of all take a nice photo and open it with Photoshop or go to file click on the open and browse
your image.

Cropping the Image

Press Ctrl+c (means crop) and give size 1.5 inch width and 2 inch height, resolution should be
200 pixels/inch.

Select the image crop the image now your passport size image is ready.

Making sure the image is the right size

 • Select Image > Image size. Make sure you image is at 1.5 x 2 inches and at a resolution of
200.

Creating a 4x6 with multiple passport photos

• Press CTRL+A to select all of the image and press CTRL+C to copy the image.

• Click Image > Canvas Size.

o Adjust the Canvas Size to 6in width by 4in height to print on 4x6 photo paper. Then
click on the red block below to shift the first photo.

o Click Ok.

• Press CTRL+V to paste the copy of the photo.

• By using the move tool, move the picture around to make it fit.

• Repeat the step above to form a picture like below.

Saving your image

• Save the image to your newly created folder as a .JPEG.

1.Define Photoshop.Explain about the components of a photoshop window.

 It is an image editing software developed and manufactured by Adobe Systems Inc.
Photoshop is considered as one of the leader’s photo editing software. The software allows the users
to manipulate, crop, resize, and correct color on digital photos. The software is particularly popular
amongst professional photographers and graphic designers.
******************************************************************************

PRACTICAL-VI

Explain the elements of Adobe Photoshop window

Aim: To explain the elements of Adobe Photoshop window

Getting started with Photoshop 1.

Click on Start Menu Button.

2. Choose All Programs.

3. Select Adobe Photoshop 7.0.

Or

1. Double Click on the Photoshop Short-Cut Icon created on the desktop.

Adobe Photoshop window appear on the screen as shown below.

Components of Photoshop window

 Once we opened the Photoshop application the Photoshop interface will appear. There are
many complex elements of the interface. It mainly includes Title Bar, Menu Bar, Options Bar,
Minimise Button, Maximize Button, Close Button, Tool Bar, Palette Windows, Status Bar, etc.

These are explained below.

Title Bar

It is the top line of Adobe Photoshop Window. It is used to display the title of our Photoshop
document with file extension .PSD. If you create new document then untitled-1 appears on title bar
as the default title of document.

Menu Bar

It contains different types of Menus. Menu is collection of option which are useful to perform a
single action in Photoshop window. We have 9 different menus in Photoshop window. They are
listed below.

1. File (to open this menu press and hold Alt key and press F key [Alt + F ])

2. Edit (to open this menu press and hold Alt key and press E key [Alt + E])

3. Image (to open this menu press and hold Alt key and press I key [Alt + I])

4. Layer (to open this menu press and hold Alt key and press L key [Alt + L])

5. Select (to open this menu press and hold Alt key and press S key [Alt + S])

6. Filter (to open this menu press and hold Alt key and press T key [Alt + T])

7. View (to open this menu press and hold Alt key and press V key [Alt + V])

8. Window (to open this menu press and hold Alt key and press W key [Alt + W])

9. Help (to open this menu press and hold Alt key and press H key [Alt + H])

Option Bar

It shows very frequently used options from menus with respect to tool which is currently in use.
Every tool has related options to perform an action.

Minimize Button

It appears just like a hyphen symbol at right side of Title Bar. Using this button we can hide Adobe
Photoshop window. We may perform multiple tasks with multiple applications at a time. We can
use this button to switch between different windows.

Maximize Button
 It appears just like a double square shape at right side of Title Bar. Using this button we can resize
Adobe Photoshop window. When click on this button the window become small and the button also
change its` shape to single square shape. Now, this button act as maximize button to enlarge its size
to full screen.

Tool Box

The toolbox contains the main tools for working on images. Click any tool to select and use it.

A small arrow next to a tool in the toolbox indicates that the tool also has additional options
available. In Photoshop, click and hold your mouse on a tool to see its options. For example, if you
click and hold on the select tool, you'll see select options such as elliptical selection, single row
selection, etc.

Panes or Palettes

These are also important features of the Photoshop interface. All sorts of information is
displayed in these panes. They display location information, tool options, and history, among other
things. If you ever lose track of a specific pane (they tend to stack up), go to the windows menu and
select that pane to view it.
Status Bar

It is last line of Photoshop window. It shows size of the Photoshop document and options available
in it.