Download as pdf or txt
Download as pdf or txt
You are on page 1of 33

COURSE Print Production

MODULE 2 (_____
Lesson I : _________________________
HOURS)

MODULE 2 (___
Lesson 2 : _________________________
HOURS)

MODULE 3
Lesson 3 : _________________________
(_____HOURS)

COURSE
Elvin T. Lucatin, Ph.D.
FACILITATOR

FB http://www.facebook.com/elvin.lucatin/

Messenger

elvinlucatin@nonescost.edu.ph
CONTACT DETAILS Email Ad

Phone No./s 09101991755

COURSE : Programming 1

MODULE : I : Workspace overview


Importing images to the canvas >> sample4.psd

When editing an image, it is best that you maintain the original and manipulate the duplicate. One way of
doing this is to drag an image to a blank canvas.

(1.) Make sure that the layers palette is displayed and expanded. Press F7 to display it.

(2.) Click File  Open

(3.) Under the look in, select samba server or H:\ and locate the folder named CC4_files

(4.) Select and click the file wallpaper11.jpg and click the open button

(5.) Zoom out until the image is showing 33.3% of its original size

(6.) Create a new 512 x 384 pixel canvas

(7.) Zoom out until the canvas is showing 50% of original size

(8.) Place both documents side by side

(9.) Select the move tool from the tools palette. Click the wallpaper image and drag it to the new canvas

(10.) Close the original wallpaper document

(11.) Maximize the size of the previous blank canvas

(12.) Currently the wallpaper image is bigger than the canvas. Click Edit  transform  scale
and decrease the size of the image until it is completely seen on the canvas.

Click and drag the image handle to resize


the image

(13.) When you are finish, press ENTER


(14.) Zoom in until the image is in its 100% form

(15.) When you dragged the wallpaper to the canvas, a new layer was created for it. Rename
this layer to original

Layer for the image dragged to this canvas.


Renamed to original

Deleting a portion of an image using a marquee

(16.) Select either the rectangular or elliptical marquee from the tools palette and select the
portion indicated below

(17.) Press DELETE from your keyboard

(18.) Press CTRL-D to remove the selection

Copying a portion of an image using a marquee

(19.) Select either the rectangular or elliptical marquee from the tools palette and select the
portion indicated below

(20.) Press CTRL-C (short for Copy). This will copy the selected portion within the selection.
(21.) Press CTRL-V (short for Paste). This will paste the copied selection as a new layer.

(22.) Notice that under the layers palette, a new layer has been added. This new layer is for the
copied portion of the image
A new layer is added containing the
copied selection

(23.) Rename the new layer to copy1


(24.) Select the move tool from the tools palette and drag the duplicate to the right
(25.) Duplicate copy1 and rename it to copy2
(26.) Select the move tool from the tools palette and drag the duplicate to the left
(27.) Click file  save, filename: sample4.psd
Making complex selections to cut through an image >> sample5.psd

(1.) Create a new 500 x 500 pixel canvas

(2.) Zoom out until the canvas is showing 50% of original size

(3.) Click File  Open

(4.) Under the look in, select server or H:\ and locate the folder named CC4_files

(5.) Select and click any wallpaper images, click open

(6.) Zoom out until the image is showing 33.3% of its original size

(7.) Place both documents side by side

(8.) Select the move tool from the tools palette. Click and drag the wallpaper image to the canvas

(9.) Close the original wallpaper document

(10.) Maximize the size of the canvas

(11.) Currently the wallpaper image is bigger than the canvas. Click Edit  transform  scale
and decrease the size of the image until it is completely seen on the canvas. Resize the image at
least ¼ of the size of the canvas.
(12.) When you are finish, press ENTER
(13.) When you dragged the wallpaper to the canvas, a new layer was created for it. Rename
this layer to wallpaper1
(14.) Do steps 3 to 13 and form the images as seen below. Rename the other layers to
wallpaper2, wallpaper3 and wallpaper4

(15.) Create a new layer and rename it to square1


(16.) Select the rectangular marquee and create a square shape at the center of the canvas.
(17.) Fill the shape with any color
(18.) Press CTRL-D to remove the selection
(19.) Duplicate the layer square1 and rename the duplicate to square2
(20.) Click edit  transform  rotate, rotate the object to create the complex seen below

(21.) Merge the two layers, square1 and square2. When merging, remember that the selected
layer will be merged with layer below it. So if square2 is below square1, select square1 and press
CTRL-E
(22.) Rename the newly merge layer to shape1
(23.) Make a selection out of the content of shape1 layer by pressing CTRL and clicking the
thumbnail of shape1 layer.
(24.) Click the eye icon of shape1 layer. Since we don’t need the shape and we only need the
selection, we hide that layer.
(25.) Using the selection, delete each part of the wallpaper images by pressing DELETE from
the keyboard. Make sure that you select the correct layers that contain parts that need to be
deleted.
(26.) Press CTRL-D to remove the selection
(27.) Click file  save, filename: sample5.psd
Name: Score:

CC4 – Learning Assessment #5 LA5.psd

(1.) Click file  open and locate the CC4_files folder

(2.) Select and open the file named boy.jpg

(3.) Create a 500 x 500 pixel canvas

(4.) Drag the image to the blank canvas

(5.) Close the original file

(6.) On the canvas, resize the image to fit the document.

(7.) Using the rectangular marquee copy and paste the boy between the door

(8.) Rotate vertically the copied section

(9.) Click file  save, filename: LA5.psd


Name: Score:

CC4 – Learning Assessment #6 LA6.psd

(1.) Click file  open and locate the CC4_files folder

(2.) Select and open the file named bottles.jpg

(3.) Create a 500 x 500 pixel canvas

(4.) Drag the image to the blank canvas

(5.) Close the original file

(6.) Resize the image to fit the canvas

(7.) Rename the new layer to original

(8.) Using the marquee tool, select the first bottle from the left.

(9.) Press CTRL-C (for copy), press CTRL-V (for paste)

(10.) Rename the new layer to bottle1

(11.) Click edit  transform  scale and decrease the size of the bottle

(12.) When you are finish, press ENTER

(13.) Do the same thing to the rest of the bottles and rename each of layers to bottle2, bottle3,

bottle4 and bottle5. Follow the transform option applied to each bottles as seen below.

scale rotate Flip Flip Distort


horizontal Vertical

(14.) Click file  save, filename: LA6.psd


Name: Score:

CC4 – Learning Assessment #7


LA7.psd

(1.) Create a new 500 x 500 pixel canvas

(2.) Click file  open and locate the CC4_files folder

(3.) Select and click a wallpaper image, click open

(4.) Drag the wallpaper image to the blank canvas

(5.) Rename the new layer to wallpaper1

(6.) Do steps 2 to 5 and rename the added layers to wallpaper2 and wallpaper3

(7.) Using the scale and distort transform, arrange the wallpapers as seen on the CC4_site screenshot

(8.) Click file  save, filename: LA7.psd


WORKING WITH BRUSHES >> sample6.psd

A brush allows you to paint in strokes to your canvas. A brush follows a brush type and size.

Using a bush

(1.) Create a new 500 x 500 pixel canvas

(2.) Select the brush tool from the tools palette. This changes the options bar where you can
change the brush type, size, mode and opacity.

Brush preset picker

Brush options

Brush size

Brush menu

Brush styles

(3.) Change the foreground color to blue

(4.) On the options bar, select the brush preset picker

(5.) Reset first the brushes by clicking the brush options and select reset brushes

(6.) On the dialog box, click OK

(7.) From the brush styles select, Hard round 19 pixels and press ENTER

(8.) On the canvas, draw a line using the selected brush by clicking and dragging

Select this brush style


(9.) Set the foreground color to red

(10.) Select a different brush style named Chalk 60 pixels

(11.) Move the slider to the left until the master diameter is set to 30px and press ENTER

(12.) Draw a line below the previous draw line

Using brushes that combines the foreground and background color

(13.) Set the foreground color to light orange, preferably fc9b01  hexadecimal value

(14.) Set the background color to dark orange, preferably b9e01c  hexadecimal value

(15.) Select the brush style, scattered maple leaves and press ENTER

(16.) Paint the whole canvas with using the brush

(17.) Set the foreground color to dark green, preferably 097601  hexadecimal value

(18.) Set the background color to light green, preferably b8eeb1  hexadecimal value

(19.) Select the brush style, dune grass and press ENTER

(20.) Paint the bottom part of the canvas using the brush

Loading a different set of brush

(21.) Make sure that you are still using the brush tool, click the brush preset picker

(22.) Click the brush options and select Special Effects Brushes.

(23.) On the dialog box, click OK. This changes the list of brush styles on the current display

(24.) Select the Drippy Watercolor brush style and press ENTER

(25.) Set the foreground color to white

(26.) Draw random strokes over the canvas using the selected brush.

Shortcut:

Press [ to decrease the size of the brush

Press ] to increase the size of the brush

(27.) Click file  save, filename: sample6.psd


Name: Score:

CC4 – Learning Assessment #8 LA8.psd

(1.) Create a new 500 x 500 pixel canvas

(2.) Click file  open and locate the CC4_files folder

(3.) Select and click the file named: dog.jpg

(4.) Drag the image to the blank canvas

(5.) Resize the image as necessary

(6.) Using the brush tool, paint the image. Select any brush style and color.

(7.) Click file  save, filename: LA8.psd


Working with Layer Styles >> sample7.psd

Layer styles are special effects that can be applied to an entire layer overall. Layer styles include a variety
of lighting effects, textures and overlays

Types of layer style

Drop Shadow - Applies a shadow that falls behind the contents on the layer.

Inner Shadow - Applies a shadow that falls just inside the edges of the layer's content, giving the
layer a recessed appearance.

Outer Glow and Inner Glow - Applies a glow that emanate from the outside or inside edges of the
layer's content.

Bevel and Emboss - Applies various combinations of highlights and shadows to a layer.

Satin - Applies shading to the interior of a layer that reacts to the shape of the layer, typically
creating a satiny finish.

Color, Gradient, and Pattern Overlay - Fills the layer's content with a color, gradient, or pattern.

Stroke - Outlines the object on the current layer using color, a gradient, or a pattern. It is
particularly useful on hard-edged shapes such as type.

Applying a layer style

(1.) Create a new 500 x 500 pixel canvas

(2.) Click file  open and locate the CC4_files folder

(3.) Select and click the file named: girl1.jpg

(4.) Select the elliptical marquee from the tools palette and make a selection of the face

(5.) Press CTRL-C for copy

(6.) Close the document of girl1.jpg

(7.) On the blank canvas, press CTRL-V for paste


(8.) Position the paste image at the upper left corner of the canvas

(9.) Rename the layer of the paste image to original.

(10.) Duplicate the original layer and rename the duplicate to drop shadow.

(11.) Select the move tool from the tools palette and move the duplicate to the right

(12.) Select the drop shadow layer. Note: A layer style will be applied to the selected layer.

(13.) On the menu bar, click layer  layer style  drop shadow

(14.) Set the Distance = 10, spread, spread = 3, size = 15 and click OK

Set distance to 10
Set spread to 3
Set size to 15

How a layer style is applied to a layer

A layer with a layer style has a fx symbol beside it and has sub layers under it indicating the applied layer
style.

Click this arrow to hide/display the layers of the layer style

(15.) Duplicate the original layer and rename it to inner shadow


(16.) Select the move tool from the tools palette and move the duplicate to the right

(17.) Make sure that the inner shadow layer is selected

(18.) Click layer  layer style  inner shadow

(19.) Set the distance = 12, choke = 0, size = 5 and click OK

(20.) Duplicate the original layer and rename it to outer glow

(21.) Move the duplicate to the second row and left most corner
(22.) Click layer  layer style  outer glow

(23.) Set the blend mode = normal, spread = 5, size = 24, color = 212121 and click OK

Set the Blend mode to Normal

Click this square and


set color to 212121
Set spread to 5
Set size to 24

(24.) Duplicate the original layer and rename it to emboss

(25.) Move the duplicate to the second row and center.

(26.) Click layer  layer style  Bevel and Emboss

(27.) Set the style = emboss, depth = 175, size = 20, soften = 5 and click OK

(28.) Duplicate the original layer and rename it to pillow emboss

(29.) Move the duplicate to the second row and right most corner.

(30.) Click layer  layer style  Bevel and Emboss

(31.) Set the style = pillow emboss, size = 10, soften = 5 and click OK

(32.) Duplicate the original layer and rename it to color overlay

(33.) Move the duplicate to the third row and left most corner.

(34.) Click layer  layer style  Color Overlay

(35.) Set the blend mode = darken, color = 0024ff, opacity = 60 and click OK

(36.) Duplicate the original layer and rename it to gradient overlay

(37.) Move the duplicate to the third row and center.


(38.) Click layer  layer style  Gradient Overlay

(39.) Set the blend mode = normal, gradient = blue red yellow, opacity = 60 and click OK

Set Blend mode to normal

Click this arrow to show the list of gradients

Select this gradient

(40.) Duplicate the original layer and rename it to pattern overlay

(41.) Move the duplicate to the third row and right most corner.

(42.) Click layer  layer style  Pattern Overlay

(43.) Set the blend mode = normal, pattern = clouds (128 x 128), opacity = 60 and click OK

Set Blend mode to normal


Set opacity to 60

Click this to show the list of patterns

Select this pattern

(44.) Click file  save, filename: sample7.psd


Working with the Type tool >> sample8.psd

The type tool lets you place text or paragraph to your artwork.

Placing text to canvas

(1.) Create a new 500 x 500 pixel canvas

(2.) Select the type tool from the tools palette


(3.) Click anywhere on the canvas, this display the text cursor.
(4.) Before typing the text, set the font, style, size, anti-aliasing method and color on the options bar.

Select Arial Select Regular Set to 20 pt Select Smooth Click and select
color black

(5.) Type CC4

(6.) If you are done editing the text, click the commit button on the options bar or select the
move tool from the tools palette

How does a text added to the layers palette?


Everytime that you use the text tool, automatically a new layer is added to the layers palette. You can
identify a text layer from a regular layer by its thumbnail which contains a T symbol.

Text layer that contain the text: CC4

Editing the existing text on the canvas

(7.) Select the type tool from the tools palette


(8.) Click the text to be edited, once the cursor appears, highlight the whole text
(9.) Reset the font = times new roman, size = 100 pt and color = black
(10.) If you are done editing the text, click the commit button on the options bar
(11.) Select the move tool from the tools palette and position the CC4 text at the center of the
canvas.
(12.) Select the type tool and click anywhere on the canvas
(13.) Set the font = Arial, size = 22 and color = 187904
(14.) Type Graphic Design with Adobe Photoshop
(15.) If you are done typing the text, click the commit button on the options bar
(16.) Select the move tool and position the text above the CC4 text

Converting an existing text into a warped text


(17.) Select the type tool from the tools palette
(18.) Click the text: Graphic Design with Adobe Photoshop

(19.) On the options bar, select the warp text icon


(20.) Set the warp text settings to:
Style = Arc, Bend = +100 and Vertical Distortion = - 15

(21.) Click OK
(22.) If you are done editing the text, click the commit button on the options bar

Applying layer style to text


(23.) Select the layer for the text: CC4
(24.) Click layer  layer style  drop shadow
(25.) Set the drop shadow settings to: distance = 5, spread = 10, size = 10 and click OK
(26.) Select the layer for the text: Graphic Design with Adobe Photshop
(27.) Click layer  layer style  outer glow
(28.) Set the outer glow settings to: blend mode = normal, color = ffde00, opacity = 100
(29.) Click file  save, filename: sample8.psd
Name: Score:

CC4 – Learning Assessment #9 LA9.psd

(1.) Click file  open and locate the CC4_files folder

(2.) Open the file named: dora.jpg

(3.) Click file  save as. Save this to your account, filename: LA9.psd

(4.) Using the dora image as the background, create an invitation for a 1 st birthday party. Select any
font and color that you like to use on the invitation. The text used on the card will be as follows.

Please Join our Little Angel


Nicole Masellones
On her 1st Birthday on the
21th of December 2007 @
11:30 A.M. Apollo Restaurant, Hilado

Pls. text or call for reservation of seats


John - 09192312319
Bea – 09192341234

(5.) Apply a layer style to each block of text as instructed.

Apply any font and color


Apply a drop shadow layer style

(6.) Click file  save again


Name: Score:

CC4 – Learning Assessment #10 LA10.psd

(1.) Create a new blank 500 x 500 pixel canvas


(2.) Open the file wallpaper2.jpg from the CC4_files folder
(3.) Drag the wallpaper image to the blank canvas
(4.) Resize the image to fit the canvas
(5.) Rename Layer 1 to wallpaper
(6.) Set the foreground color to black
(7.) Using the type tool, type your first name on the canvas
(8.) Use the type too again and type your last name
(9.) Change the font of your last name and first name to “Arial Black” and size to 100 pt. If the size of
the text exceeds the width of the canvas, decrease the size of the font. If the size of the text is too
small for the width of the canvas, increase the size of the font.
(10.) Press CTRL and click the thumbnail of the text layer of your first name
(11.) Delete the text layer of your first name
(12.) Select the wallpaper layer and press CTRL-C for copy
(13.) Press CTRL –V for paste
(14.) Rename the new layer to firstname
(15.) Select the firstname layer and apply a drop shadow layer style
(16.) Press CTRL and click the thumbnail of the text layer of your last name
(17.) Delete the text layer of your last name
(18.) Select the wallpaper layer and press CTRL-C for copy
(19.) Press CTRL-V for paste
(20.) Rename the new layer to lastname
(21.) Select the last name layer an apply a drop shadow layer style
(22.) Delete the wallpaper layer
(23.) Arrange the position of the names properly as seen on the sample below.
(24.) Click file  save, filename: LA10.psd
Name: Score:

CC4 – Learning Assessment #11 LA11.psd

(1.) Create a new 500 x 500 pixel canvas


(2.) Open the image grass.jpg from the CC4_files folder
(3.) Click file  save as, save this to your account to, filename: LA11.psd
(4.) Select the elliptical marquee from the tools palette
(5.) Create a circle at the center of the canvas. Make the circle ¾ of the size of the canvas.
(6.) Press CTRL-C for copy and press CTRL-V for paste
(7.) Rename the new layer, that contains the copied section of the grass, to circle
(8.) On the circle layer
a. Click Image  adjustment  Brightness and Contrast
b. Set the value of brightness to -30 and click OK
c. Apply an Inner shadow layer style
(9.) Select the type tool from the tools palette
(10.) Type the letter A
(11.) Set the font of the letter A to “Times new Roman” and color to black
(12.) Set the size of the letter A not exceeding the size of the circle
(13.) Press CTRL and click the thumbnail of the text layer of the letter A
(14.) Delete the text layer of letter A
(15.) Select the background layer
(16.) Press CTRL-C for copy
(17.) Press CTRL-V for paste
(18.) Rename the new layer to letter
(19.) On the Layers palette, move the letter layer above the circle layer
(20.) Apply a drop shadow layer style to the letter layer with the ff. settings:
Angle = 120o, Distance = 5, Spread = 20 and Size = 5
Working with shapes and custom shapes >> sample9.psd

Shapes and custom shapes are composed of path that appears in the Paths palette and defines the outline
of a shape.

Drawing a custom shape

(1.) Create a new 500 x 500 pixel canvas


(2.) Create a new layer and rename it to shape1. This is where the custom shape will be placed.
(3.) Set the foreground color to gray. This color will be applied to the shape.

(4.) Select the polygon tool from the tools palette.


(5.) Refer on the options bar

Custom shape picker Custom shape options

Custom shape rendering option

Custom shape list

(6.) Click the fill pixels rendering option button from the options bar
(7.) Make sure that the selected layer is shape1. On the canvas, click and drag to draw the shape.
(8.) Create a new layer and rename it to shape2.
(9.) Set the foreground color to dark brown.

(10.) Select the custom shape tool from the tools palette.

(11.) Click the fill pixels rendering option button from the options bar
(12.) Click the custom shape picker, click the custom shape options and select All
Click OK, this will display all the custom shapes instead of by category
(13.) Select the dog print custom shape.
(14.) Make sure that the selected layer is shape2. On the canvas, click and drag to draw the
shape (do this twice)
(15.) Create a new layer and rename it to shape3.
(16.) Set the foreground color to green.

(17.) Select the custom shape tool from the tools palette.

(18.) Click the fill pixels rendering option button from the options bar
(19.) Select the fluer de lis custom shape.
(20.) Make sure that the selected layer is shape3. On the canvas, click and drag to draw the
shape
(21.) Select the type tool from the tools palette
(22.) Set the font = times new roman, style = regular, size = 80 pt and color = red
(23.) Click on the canvas, and type Custom Shape
(24.) If your done typing, click the commit button on the options bar
(25.) Click file  save, filename: sample9.psd
Working with Styles >> sample10.psd

Styles are predefined or combined Layer Style Effects that are ready to use and applied to your image.

Displaying the Styles palette


(1.) Click Window  styles

Palette menu icon

Styles list

Applying styles to a shape, a Custom Shape and Text

(2.) Click file  open, locate your account and open the file sample9.psd
(3.) Click file  save as, save it to your account, new filename: sample10.psd
(4.) Reset the styles back to its original set by clicking the palette menu icon, select reset styles and
click OK
(5.) On the layers palette, select shape1 layer
(6.) On the styles palette, explore and click any style from the list (preferably the Blue Glass button)

Loading different set of styles


(7.) On the styles palette, click the palette menu icon and select buttons
(8.) Click OK
(9.) On the layers palette, make sure that you are still on shape1 layer
(10.) On the styles palette, the manhole cover style
(11.) Select layer shape2
(12.) On the styles palette, using the same set, select flat rounded mousedown style
(13.) Select layer shape3
(14.) On the styles palette, click the palette menu icon and select text effects
(15.) Click OK
(16.) Select the chromed satin style
(17.) On the layers palette, select the text layer for the word custom shape
(18.) On the styles palette, click the palette menu icon and select text effects 2
(19.) Click OK
(20.) Select the black veins style
(21.) Click file  save
Name: Score:

CC4 – Learning Assessment #12 LA12.psd

(1.) Create a blank 500 x 500 pixel canvas


(2.) Select the type tool from the tools palette
(3.) Set the font to Arial, size = 48 pt and color = black
(4.) Type the text as seen below. Each of the text should be placed in a separate layer.

(5.) On the styles palette, load the style set named: Text effects
(6.) Apply the style: Chrome Satin to the word “Photoshop”
(7.) Apply the style named: Green Gradient with Stroke to the word “’FireWorks”
(8.) On the styles palette, load the style set: Textures
(9.) Apply the style named: With Blue down State to the word “ImageReady”
(10.) Load the style set: Buttons
(11.) Apply the style named: Flat Rounded Mousedown to the word “Premiere”
(12.) Apply the style named: Crusty to the word “Illustrator”
(13.) Load the style set named: Text Effects 2
(14.) Apply the style named: Black Veins to the word “DreamWeaver”
Name: Score:

CC4 – Learning Assessment #13 LA13.psd

(1.) Open the file wallpaper20.jpg from the CC4_files folder


(2.) Click file  save as, save this to your account as, filename: LA13.psd
(3.) Create a new layer and rename it to rectangle
(4.) In the rectangle layer:
a. Select the rectangular marquee and make a selection at the lower portion of the image

b. Fill the selection with a black color


c. On the layers palette, set the opacity to 55%
d. Press CTRL-D to remove the selection
(5.) Create a new layer and rename it to line
(6.) In the line layer:
a. Select the single row marquee tool and make a selection just above the rectangle

Single row selection

b. Fill the selection with a white color (you need to zoom in to the image to see where to
paint on the selection using the paint bucket tool)
c. Press CTRL-D to remove the selection
(7.) Select the type tool from the tools palette
(8.) Set the font to “Times new roman”, size = 48 pt and color = white
(9.) Type the text: Posters and Cards. If your done typing, click the commit button from options bar

CC4 – Learning Assessment #13 LA13.psd

(10.) On the styles palette, load the style set: buttons


(11.) Apply the style: Bevel Mousedown to the title Posters and Cards
(12.) Position the title just above the line and align it to the left
(13.) Select the type tool again
(14.) Set the font to “Times new Roman”, size = 12 pt and color = white
(15.) Type the quotation below:
“Mysteries lie all around us, even in familiar
things, waiting only to be perceived”
(16.) If your done typing, click the commit from the options bar
(17.) Apply an outer glow layer style to the quotation. Set its properties to the ff:
blend = normal, spread = 2 and size = 5
(18.) Position the quotation at the center of the rectangle and align it to the right
(19.) Select the type tool
(20.) Set the font to “Times new Roman”, style = italic, size = 12 and color = white
(21.) Type the text: By William McKinley : American Poet, 1902 - 1993
(22.) If your done typing, click the commit button from the options bar
(23.) Position the text just below the quotation
(24.) Set the foreground color to white
(25.) Create a new layer and rename it to bird (make sure that this is on top of all other layers.)
(26.) Select the custom shape tool from the tools palette
(27.) Click the fill pixels rendering option button from the options bar
(28.) Select the Bird 2 custom shape from the list
(29.) Draw the custom shape at the upper part of the canvas.
(30.) Set the opacity of the custom shape to 10%
(31.) Click file  save, filename: LA13.psd
Working with Filters >> sample11.psd

Filters are plug-ins that can create special effects that make a picture look like a painting or change the
color scheme or distort your picture in many ways.

Selecting a Filter

(1.) Create a new 800 x 500 pixel canvas


(2.) Open the file wallpaper30.jpg from the CC4_files folder
(3.) Click filter  artistic and select colored pencil

(4.) Colored pencil is a filter under the artistic category. There are other filters under this category
like cutout, dry brush, film grain and others. Explore and check how each filter formats your
image by going through and applying each filter. At the end, select paint daubs, set the brush
size to 25, sharpness = 20 and click OK

Filter Settings
Resizing the image
(5.) Click image  image size
(6.) Set the width to 250 and click OK

Using Filters
(7.) Select the move tool from the tools palette, click the wallpaper image and drag it to the canvas.
(8.) Close the original wallpaper30.jpg. If prompted to “Save changes…”, click NO
(9.) On the canvas, position the image at the upper corner of the canvas
(10.) Open the file wallpaper30.jpg from the CC4_files folder
(11.) Click filter  artistic and select sprayed strokes, set the stroke length to 10, spray radius
to 10 and click OK
(12.) Click image  image size, set the width to 250 and click OK
(13.) Drag the wallpaper image to the canvas
(14.) Close the original wallpaper31.jpg. If prompted to “Save changes…”, click NO
(15.) Position the new image beside the previous wallpaper.
(16.) Do steps 2 – 15, 4 more times. Use any wallpaper images and apply different filters.
See sample output below.
(17.) Click file  save, filename: sample11.psd
Extracting images >> sample12.jpg

Working with Extract filter

The extract filter will allow you to remove and retain certain part of the image.

Using the Extract filter

(1.) Open the file wallpaper35.jpg from the CC4_files folder


(2.) Click file  save as, save this to your account, filename: sample12.jpg
(3.) Open the file duck.jpg from the CC4_files folder
(4.) Click  filter  extract

Edge highlighter
Fill tool
Eraser tool

(5.) Select the edge highlighter tool, highlight the edges of the object you want to extract from the
image. Make sure that when you highlight, there should be no gaps between the highlighted
area.

Object to be extracted is highlighted

(6.) When you are done highlighting the object, select the fill tool and click inside the object to be
extracted.

Object to be extracted is highlighted


and filled with a color
(7.) Click OK. This removes the part not included on the highlight and fill area.

(8.) Use the eraser tool from the tools palette to erase the remaining parts of the image that
needs cleaning.
(9.) Select the move tool from the tools palette, click the duck and drag it to the wallpaper35 canvas.
(10.) Resize the image as needed
(11.) Click edit  transform  flip horizontal

Working with the Wand tool

(12.) Open the file fly.jpg from the CC4_files folder


(13.) Another way of extracting an object from an image is to use the wand tool. Select the

wand tool from the tools palette


(14.) Double click the background layer first and click OK (this converts the background layer
to a regular layer). Note: Always do this, when using the wand tool to extract an object from an
image

Using the wand tool

(15.) Using the wand tool allows you to select similar color from the image. Click the white
background (this automatically select the clicked area and the area with similar color)

Adding more selection an existing selection


(16.) Everytime that you use the wand tool, a new selection will be made. In order for you to
add more selection to an existing one, click the add to selection button from the options bar

Add to selection

(17.) Click on the part of the background not within the selection. Click on the section
indicated below.
(18.) Continue clicking the white area of the image until the background is totally selected

Removing a selection
(19.) If you accidentally selected a color which should not be on your selection, select the
subtract from selection button from the options bar.

Subtract from selection

(20.) Click on the part to be removed from the selection


(21.) Click again the add to selection button from the options bar and continue clicking the
white area of the image until the background is totally selected
(22.) Press DELETE from the keyboard to erase the selected part of the image.
(23.) Press CTRL-D to remove the selection
(24.) Select the eraser tool to clean the image
(25.) Drag the fly to the wallpaper canvas
(26.) Position the fly at the upper left corner of the canvas
(27.) Resize the object as necessary
(28.) Continue editing the document and include the images: dog.jpg and penguin.jpg to the
canvas. These images should also be extracted from their original form. You can either use the
Extract filter or the Wand tool to extract the intended object from the image.
(29.) Click file  save, filename: sample12.jpg
Name: Score:

CC4 – Learning Assessment #14 LA14.psd

(1.) Open the file wallpaper32.jpg from the CC4_files folder


(2.) Click file  save as, save this to your account, filename: LA14.psd
(3.) Open the file leopard.jpg from the CC4_files folder
(4.) Extract the leopard from the image using the Extract Filter
(5.) After extraction, use the eraser tool to clean the image
(6.) Drag the leopard to the wallpaper canvas
(7.) Close the original leopard.jpg. If prompted to “Save changes…”, click NO
(8.) In the wallpaper canvas, resize the leopard as necessary and position it lower right corner of the
canvas

(9.) On the layers palette, rename the new layer to original


(10.) Duplicate the original layer and rename the duplicate to blur
(11.) Drag the blur layer below the original layer
(12.) Make sure that blur layer is selected, press the left arrow key on the keyboard 40 times
and press the up arrow key 20 times.
(13.) Click filter  blur  motion blur and set the settings to, angle = -30 and distance 40
(14.) Select the background layer.
(15.) Apply the rough pastels filter under the artistic category
(16.) Click file  save

You might also like