27
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

ranjuar.files.wordpress.com€¦  · Web viewNON MAJOR ELECTIVE 2 - MULTIMEDIA LAB – PHOTOSHOP. Creating a bookmark in Photoshop. Converting a Color image to Black and White

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

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.