Bhagat Negi Multimedia

7/31/2019 Bhagat Negi Multimedia

1/34

PRACTICAL FILE

OF

Multimedia SYSTEM

Submitted to: - submitted by :-

Miss Charu Lata Bhagat Chand

Lect. Multimedia system ECE 6th SEM

HIET Kala Amb Roll No. 38576

Department of Electronics and Communication

Himalayan Institute of Engineering & Technology

7/31/2019 Bhagat Negi Multimedia

2/34

INDEX

Sr. No. Name of the

Practicals

Date Remarks/Signa

ture

1. Describe the various toolsused in Photoshop.

2. Study of Photoshop Menubar

3. Working with Image.

4. To create title usingPhotoshop.

5. Working with drawing.

6. Working with image.

7. Working with square andcircle tool with image.

8. Working with Mourphingtool.

7/31/2019 Bhagat Negi Multimedia

3/34

PRACTICAL NO. 1

AIM: Describe the various tools used in photoshop.

RectangularMarquee Tool(M)

Use this tool to make selections on your image, in a rectangular shape. This changes the area of your image that is

affected by other tools or actions to be within the defined shape. Holding the [Shift] key while dragging your selection,

restricts the shape to a perfect square. Holding the [Alt] key while dragging sets the center of the rectangle to where

your cursor started.

Move Tool (V)

Use this tool to, well, move things. Usually you use it to move a Layer around after it has been placed. Hold the [Shift]

key to limit the movements to vertical/horizontal.

Polygon Lasso Tool (L)

Use of this tool is to draw selections in whatever shape you would like. To close the selection, either click on the

beginning point (youll see the cursor change when youre on it), or just double-click. When holding the [Ctrl] key,

youll see the cursor change, and the next time you click, it will close your selection.

Magic Wand Tool (W)

Use this to select a color range. It will select the block of color, or transparency, based on wherever you click. In the

Options Bar at the top, you can change the Tolerance to make your selections more/less precise.

Crop Tool (C)

7/31/2019 Bhagat Negi Multimedia

4/34

TheCrop Toolworks similarly to the Rectangular Marquee tool (see above if you have no short -term memory). The

difference is when you press the [Enter/Return] key, it crops your image to the size of the box.

Slice Tool (K)

This is used mostly for building websites, or splitting up one image into smaller ones when saving out. Its kind of an

advanced tool, and since youre in here for the basics, well kind of skip over it.

Healing Brush Tool (J)

This is a really useful tool. Use this tool to repair scratches and specs and stuff like that on images. It works like the

Brush tool (see below). You choose your cursor size, then holding the [Alt] key, you select a nice/clean area of your

image. Let go of the [Alt] key and paint over the bad area. It basically copies the info from the first area to the second,

in the form of the Brush tool. Only, at the end, it averages the information, so it blends.

Brush Tool (B)

This is one of the first tools ever. It paints one your image, in whatever color you have selected, and whatever size

you have selected.

Clone Stamp Tool (S)

This is very similar to the Healing Brush Tool . This tool doesnt blend at the end. Its a direct copy of the information

from the first selected area to the second.

Eraser Tool(E)

This is the anti-Brush tool. It works like an eraser and erases whatever information wherever you click and drag it. If

youre on a Layer, it will erase the information transparent. If you are on thebackground layer, it erases with whatever

secondary color you have selected.

7/31/2019 Bhagat Negi Multimedia

5/34

Gradient Tool (G)

You can use this to make a gradiation of colors. Gradiation doesnt appear to be a word, but it makes sense anyway.

It creates a blending of your foreground color and background color when you click and drag it. Like a gradient.

PathSelection Tool(A)

You use this tool when working with paths. Its related to thePen Toolthough.

Horizontal Type Tool (T)

It makes type. Or text. Or whatever you want to call it. You can click a single point, and start typing right away. Or you

can click and drag to make abounding boxof where your text/type goes.

Pen Tool (P)

Its for creating paths, in which you would use the Path Selection Tool to select the path. Paths can be used in a few

different ways, mostly to create clipping paths, or to create selections. You use the tool by clicking to add a point. If

you click and drag, it will change the shape of your path, allowing you to bend and shape the path for accurate

selections and such.

Rectangle Tool (U)

It draws a Shape Layer in the form of a rectangle. It fills the rectangle with whatever foreground color you have

selected.

7/31/2019 Bhagat Negi Multimedia

6/34

Eyedropper Tool (I)

This tool works by changing your foreground color to whatever color you click on. Holding the [Alt] key will change

your background color.

Hand Tool (T)

You can really make short work of your job with the Hand Tool. Its for moving your entire image within a window. So

if youre zoomed in and yourimage areais larger than the window, you can use the Hand Tool to navigate around

your image. Just click and drag. You can get to this tool at any time when using any other tool by pressing and

holding the [Spacebar].

Zoom Tool (Z)

It allows you to zoom into your image. It doesnt actually change the size of your image. Hold the [Alt] key to zoom

out. Holding the [Shift] key will zoom all of the windows you have open at the same time. Double-click on theZoom

Toolin the palette to go back to 100% view.

BONUS!!

These are your color boxes. Foreground (in the front) and Background (in the back). Click on either one to bring up

the color select dialog box.

7/31/2019 Bhagat Negi Multimedia

7/34

PRACTICAL NO. 2

AIM: Study of Photoshop Menu bar

Photoshop Menu Bar

The menu bars in Photoshop and ImageReady operate like the menu bars in any other

application. Click the menu name so that the menu drops down; then click any option to select it.Select an option that has a solid right-facing arrowhead, and a submenu pops out. Select an

option that has a three-dot ellipsis () following it, and a dialog box opens.

1. The Photoshop File Menu

You use the Photoshop File menu to address the basic opening, closing, and saving of files. Thismenu covers the import/export of files, workflow management and automated tasks, as well as

page setup and print options. It also contains the Exit command (Quit on the Mac) for closing the

application. Note: Photoshop for Mac OS X features a Photoshop menu that includes the

Preferences, Hide, and Quit commands.

7/31/2019 Bhagat Negi Multimedia

8/34

2. The Photoshop Edit and Image Menus

You use the Photoshop Edit and Image menus to specify most of the standard global changes to

an open image. You'll find controls for cut and paste, transformations, fill, stroke, pattern,

preferences (Windows users only; Mac users find preferences in the Photoshop menu), and color

settings on the Edit menu. On the Image menu, you'll find options for color mode, adjustmentoptions, crop, canvas size, and image size.

7/31/2019 Bhagat Negi Multimedia

9/34

3. The Photoshop Layer Menu

The Photoshop Layer menu covers all the layer optionscreating and deleting layers, merging

layers, applying layer effects, and clipping masks. You can find most of these same controls on

the Layers palette menu.

7/31/2019 Bhagat Negi Multimedia

10/34

4. The Photoshop Select Menu

You use the Photoshop Select menu to control selection options within the program. These

options include inverting selections, feathering, selection modifiers, and saving and loading

selections.

7/31/2019 Bhagat Negi Multimedia

11/34

PRACTICAL NO. 3

AIM: Working with Image.

Step 1: Open an image

First you have to open an image in which you want to change the background image. I have

selected an image of two person standing in a garden.

Step 2: Selecting

Make selection by polygonal lasso tool (L key) of the image which you want to add.

Step 3: Inverse

7/31/2019 Bhagat Negi Multimedia

12/34

After selection, go to select menu and click on inverse and press DEL key to remove unselected

part of image as you have to add another background image.

Step 4: Open another image

Now open another image to add as background image. Here, I have taken an office image.

Step 5: Select Background

Again make selection of the image and go to select menu, click on inverse to select background

as I have selected here.

7/31/2019 Bhagat Negi Multimedia

13/34

Step 6: Copy another image

Copy the image you want to make as background. Select all and (CTR + A) and copy (CTR +C)

Step 7: Add Background image

Now, go to edit menu and click on paste and your file will spread into the selected portion.

Final image will be this.

7/31/2019 Bhagat Negi Multimedia

14/34

7/31/2019 Bhagat Negi Multimedia

15/34

PRACTICAL NO.4

AIM: To create title using Photoshop.

TITLING OF THIS IMAGE.

STEP 1

Use the rectangular marquee to draw a fairly thin rectangle, the full width of the image.

STEP 2

Create a new layer and fill the marquee with white.

7/31/2019 Bhagat Negi Multimedia

16/34

STEP 3

Reduce the opacity of the white line layer to 65%.

STEP 4

Click on the New Layer Style button at the bottom of the Layers Palette and choose DropShadow. Add a fairly faint drop shadow (I set opacity to 50% and Distance and Size to 5 px).

Click OK.

STEP 5

Select the Type tool and pick a Serif style font. Add some text. I picked the Trajan Pro font,

7/31/2019 Bhagat Negi Multimedia

17/34

which consists of all uppercase letters. I used #333333, which is a dark grey and a font size

which sat comfortably in the middle of the white line with lots of breathing space above andbelow.

STEP 6

With the Type tool still selected, choose Window > Character to open up the Character palette.

STEP 7

In order to make your text spread widely across the white line, change the tracking to 200.

This will put space in between each of the letters.In order to make your text spread widely

across the white line, change the tracking to 200. This will put space in between each of the

letters.

7/31/2019 Bhagat Negi Multimedia

18/34

And that completes the image and title.

7/31/2019 Bhagat Negi Multimedia

19/34

PRACTICAL NO: 5AIM: Working with drawing.

Step 1

Open a new file and create a new layer. Press D. (to set the

default foreground (black) and background colors (white))

Step 2

Use the brush tool, set the properties as in the image below.

Draw lines as in the image on the right using your favorite colors.

Step 3

Select Filter>Distort>Twirl, the twirl window will open. Give the angle

settings as 999 (maximum) and click OK.

Here's the twirl effect.

7/31/2019 Bhagat Negi Multimedia

20/34

PRACTICAL NO: 6

AIM: Working with image.

Open your original photo in Photoshop.

Since this tulip photo was from my digital camera, it was a whopping 19202560 pixels. If your

image is a lot bigger than the size of the final Web image that you want to create, click on

Image, then select Image Size, and specify a new width and height for your image. I resized

my image to a workable 300400 pixels.

//

To preserve the original photo, well create a new document. Go to File, click on New, and

specify a new document with the dimensions that you want your final image to have (we created

7/31/2019 Bhagat Negi Multimedia

21/34

a new, 200300 pixel document). Then, go back to the original image and type Ctrl-A. This will

select everything in the image. Type Ctrl-C to copy, and then close the image without saving. In

the brand new document, type Ctrl-V to paste your photo. You should now have a new 200300

Photoshop document in which your original photo appears on its own layer.

If the photo is bigger than the new document, dont worry this is good! Well discuss how to

change the size later, but for now, well just focus on creating the fade effect.

Lets add a layer mask. With the Layers Palette open, click the Mask icon at the bottom of the

palette.

This will add a layer mask, which you can see as a linked rectangle next to the picture.

Working With the Layer Mask

A layer mask is essentially a black and white image. You can paint on the layer maskin white,

black, and any shade of gray. White areas will allow the picture to show through; black areas

will hide the picture. Shades of gray will affect the transparencyalso known as the opacity

of the picture. For now, well create a simple black-to-white gradient on the layer mask. To do

that, first select the Gradient Tool from the tool palette (you can hit the g key on the keyboard,

as well, to toggle between the Gradient Tool and the Paint Bucket Tool).

7/31/2019 Bhagat Negi Multimedia

22/34

Set your foreground color to black and your background color to white. You may click on the

foreground and background boxes in the tool palette and choose the colors. Or, if your

foreground is already white and your background is black, click the arrow icon to switch them.

Make sure that the gradient toolbar previews a black-to-white gradient, as shown below (the

black-to-transparent gradient will work as well).

Click once on the layer mask to make sure that youre on it, so that you dont accidentally

paint your picture black! Then, click at the bottom of the picture, hold the mouse, and drag the

mouse straight up. You can hold the shift key while you drag to force the cursor to move in a

straight line. Move the cursor up to about where you want the fade to end, and let go.

7/31/2019 Bhagat Negi Multimedia

23/34

And there you have ityour first beautiful fade using a layer mask!

7/31/2019 Bhagat Negi Multimedia

24/34

PRACTICAL NO: 7

AIM: Working with square and circle tool with image.

1. Squares and Circles

The rectangular and elliptical marquee tools can be used to draw perfect squares and circles.

When you click and drag the marquee, hold the Shift key to constrain the shape to a circle or

square.

7/31/2019 Bhagat Negi Multimedia

25/34

2. A Circle is a Square?

Try and draw a circle or ellipse in a fixed position on an image and you may be confused about

just where the shape starts. A circle or ellipse is drawn as if it were placed inside a square or

rectangle shape so you start drawing the shape from a corner of its square or rectangular

container. All this makes it very hard to position a shape accurately. To make things easier you

can draw your shapes from the center outwards by holding the Alt key (Option on the Mac), as

you drag on the marquee tool. Add the Shift key to constrain the ellipsis to a circle.

7/31/2019 Bhagat Negi Multimedia

26/34

3. Right Shape, Wrong Place?

What do you do when youve drawn a perfect shape but in the wrong place on the image? Dont let

go the mouse! Instead, hold the Spacebar and you can now move the shape into the desired

position. Let go the Spacebar and then let go the left mouse button fix the marquee in position.

7/31/2019 Bhagat Negi Multimedia

27/34

4. Right Shape, wrong Rotation?

When you want to create a rotated shape such as a rectangle, square or ellipse, first create yourshape using the marquee tool and ignore the rotation issue. Now let go the mouse button and

choose Select > Transform Selection. The shape now shows a set of transform handles that you can

use to rotate it. Hold the Ctrl key (Command on the Mac) and you can drag on a corner of the shape

to distort it. Press Enter or Return to commit the transformation and remove the handles. You can

now continue to work with the marquee selection.

7/31/2019 Bhagat Negi Multimedia

28/34

5. Exact Size Selection

If you want to make a selection that is an exact size, from the Style dropdown list choose Fixed

Size. Type the pixel width and height into the boxes and click on the image and a selection

exactly the desired size will appear on it. Use Fixed Ratio to make a selection at a fixed ratio like

1:1 shown here.

Next time you need to make a selection on an image using the marquee tool remember that

theres a lot more to it than might meet the eye.

7/31/2019 Bhagat Negi Multimedia

29/34

PRACTICAL NO: 8

AIM:working with Mourphing tool.

STEP 1

First we need two images to morph

1] Elephants

2] Lizard

7/31/2019 Bhagat Negi Multimedia

30/34

STEP 2

Now we will start off chopping the elephants head, lets take the head of the smaller elephant. To

crop I chose a pen tool and went through the edges of the elephants head and made a selection.

here using the pen tool i went along the edges of the elephants head. Now after you create the

selection you have to right click inside the path and select make selection, then copy and paste it

on the lizard image.

STEP 3

After pasting on the lizard layer you will have to right click on the elephants head layer on the

layers palette and convert it to smart object. Then hit CTRL+T and match it to the lizard head.

7/31/2019 Bhagat Negi Multimedia

31/34

This is how we convert the elephant head to smart object, it greatly helps in maintaining thequality after cropping.

STEP 4

Now that we have transformed the elephants head on top of our lizard we will create a new

adjustment layer and control the hue and saturation for the elephants head to match it to thelizard.

.

7/31/2019 Bhagat Negi Multimedia

32/34

STEP 5

Create a new layer and name it skin, in this layer we are going to make the scales of the lizard on

the elephants head. For doing this we will quickly grab the clone stamp tool and select sample

all layers and then hold alt on the lizards scales and using a soft brush put it on the elephantshead. Make sure you are on the skin layer which you created now!

7/31/2019 Bhagat Negi Multimedia

33/34

After adding the skin my image looks like this,

STEP 6

Once you have added the skin you will need dodge and burn tool to make the shading on the

head as you can see there are various parts of lizards body where there is a shine. So here is our

final result.

7/31/2019 Bhagat Negi Multimedia

34/34