dsa18 handouts lesson02-PS - Amazon S3...1: Add Your Photos & Apply Custom Drop Shadows In our...

Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users

Page of 1 19© 2018 Scrapaneers LLC. All Rights Reserved

LESSON 02: GET STRONGER FOR PS USERS

COMPANION BOOK


Table of Contents

Table of Contents 2

Welcome to Lesson 02 for Photoshop Users 4

1: Add Your Photos & Apply Custom Drop Shadows 5

a. Open, Re-Save and Review the Layered Template 6

b. Add Your First Photo 6

c. (Optional) Rotate/Straighten the Photo 6

d. Clip the Photo to the Photo Shape 7

e. Add Your Second Photo 7

f. Clip a Paper to the Last Photo Container 7

g. Add a Basic Shadow Style to the Photo Container Layers 8

2: Develop a Layered Background 10

a. Place the Background Paper 10

b. Add a 2nd Paper 11

c. Replace the 1st Paper Strip with a Border 11

d. Replace the 2nd Paper Strip with a Similar Border 12

e. Fine Tune the 2nd Paper Strip 12

f. Add a Basic Shadow Style to the Paper Strip Layers 12

3: Decorate the Page with Simple Embellishment Clusters 13

a. Add the Embellishments to Your Layout 13

b. Create a Simple Embellishment Cluster 14

c. Add a Dramatic Shadow Style to the Embellishment Layers 14

d. Decorate the Photo Container with Embellishments 15

e. Add a Basic Shadow Style to the Embellishments 16

4: Decorate the Page with a Layered Title 17



a. Begin the Layered Title 17

b. Arrange and Align the Title Text 18

c. Add the Tab 19

d. Add a Basic Shadow Style to the Main Text & Tab 19

e. Add Journaling 19

f. Save the Layout 19



Welcome to Lesson 02 for Photoshop Users

Welcome to the second page-building lesson of Digital Scrapbook Academy! We’ll

continue to use Adobe Photoshop® CC 2018 to build simple, digital scrapbook

layouts.

In this lesson, we’ll dive deeper into the Photoshop interface by customizing a basic

template, develop embellishment clusters, work a bit more with the Character panel

and create our own customized simple shadows.

We’ll accomplish the following objectives:

• Review and repeat basic tasks learned from Lesson 01

• Rotate and straighten a skewed photo

• Create basic and dramatic Drop Shadow styles

• Develop a layered background by repurposing kit elements

• Develop two different, simple embellishment clusters

• Load a font

• Create a layered title

• Align two layers together

Let’s get started!



1: Add Your Photos & Apply Custom Drop Shadows

In our second page-building exercise, we’ll customize a digital scrapbooking template

and develop a layered look via embellishments, text and papers. We’ll begin by

adding our photos and creating our own simple drop shadows.

Supplies you’ll need:

• Connelly kit from the Lesson 02 supplies

• Template 02 from the Lesson 02 supplies

• 2 photos

• Droid Serif Font (free): https://www.fontsquirrel.com/fonts/droid-serif. Please

install this font BEFORE starting this project. Not sure how to install fonts? Find

instructions for Mac Users here and for PC Users here.


https://www.fontsquirrel.com/fonts/droid-serif

https://www.fontspring.com/support/installing/how-do-i-install-fonts-on-my-mac

https://www.fontspring.com/support/installing/how-do-i-install-fonts-on-my-windows-pc


a. Open, Re-Save and Review the Layered Template

i. Open the template file in the photo editor. Go to File > Open and

navigate to DSA_template_02.psd. Click Open.

ii. Duplicate and save the layered template. Go to Image > Duplicate …

iii. In the “As” box type mysecondpage and click OK.

iv. Close the original template file. Click on the original template file tab

located at the top of the workspace. Click the “x” icon located on the

file tab at the top of the workspace.

v. Change the view of the active workspace. Use shortcut keys CMD/

CTRL + and — or 0 to change the view as needed.

vi. Review the layered template’s components in the Layers Panel layer by

layer.

b. Add Your First Photo

i. Select the first photo container layer. Click on the pink photo layer

container in the Layer’s Panel.

ii. Open your photo. Go to File > Open and navigate to the digital photo

on your hard drive Click OK.

iii. Add your photo to the page. Select the Move tool from the Tools panel.

Click and drag the photo into the workspace. Move the photo until it’s

directly over the photo shape in the workspace.

c. (Optional) Rotate/Straighten the Photo

i. Make resizing easier. With the Move tool still targeted, in the context

sensitive menu, check Auto-Select: Layer and check Show Transform

Controls.



ii. Reduce or enlarge your photo. Hold the Shift key, and click and drag

the corner anchor points of the photo until it’s slightly larger than the

template’s photo shape.

iii. Straighten your photo. Click and drag the corner anchor points of the

photo clockwise or counter-clockwise to rotate the photo.

iv. Confirm the resizing and rotation change. Click the checkmark at the

far right of the context sensitive menu or hit the Enter key.

d. Clip the Photo to the Photo Shape

i. Assign the photo to the template’s photo container layer. Go to Layer

> Create Clipping Mask (or Create Clipping Group).

ii. Fine-tune the clipping. Use the Move tool to reposition the photo if

necessary.

iii. Link the photos and the shape layer together in the Layers Panel. Hold

down the Shift key and select both the photo container layer and the

photo. Click on the Link Layers icon at the bottom of the Layers Panel.

e. Add Your Second Photo

i. Continue to add photos to your layout. Target the yellow photo

container layer in the Layers Panel. Follow steps b.ii through d.iii to add

your second photo.

f. Clip a Paper to the Last Photo Container

i. Select the third and final photo container layer. Target the teal photo

layer container in the Layers panel.



ii. Open a paper. Go to File > Open and choose a paper from the class kit.

Click Open.

iii. Add the paper to your layout. Select the Move tool from the Tools

panel. Click and drag the paper into the layout’s workspace. Reposition

the paper if necessary using the Move tool.

iv. Assign the paper to the template’s paper container. Go to Layer >

Create Clipping Mask.

g. Add a Basic Shadow Style to the Photo Container Layers

i. Select the right layer. Target the yellow photo’s container layer in the

Layers Panel.

ii. Open the Layers Style Menu. Double-click the yellow photo’s container

layer. Note: Do not choose the photo layer clipped to the yellow photo’s

container.



iii. Toggle on the default Drop Shadow. Click Drop Shadow on the left side

of the menu (or click on the FX icon located at the bottom left of the

menu and select Drop Shadow from the fly-out menu).

iv. Adjust the Drop Shadow settings. Change the Blend Mode to Linear

Burn; Opacity: 60%; Angle 120º; Distance 8 px; Size 32 px; and toggle

the checkmark for Global Light on. Click OK when done.

v. Add the current photo container’s stylings to the other photo

containers. Right click the yellow photo container layer and select Copy

Layer Style. Right click one of the other photo containers and select

Paste Layer Style. Repeat for the final photo container layer.



2: Develop a Layered Background

Our next step is to build a layered background around our photos. We’ll take

advantage of the template’s contrast design to help our photos stand out.

a. Place the Background Paper

i. Select the right layer. Click on the layer named background in the

Layers Panel.

ii. Open a background paper. Go to File > Open and choose a paper from

the class kit. Click Open.






b. Add a 2nd Paper

i. Select the right layer. Click on the layer named paper 1 in the Layers

Panel.

ii. Open a second paper. Go to File > Open and choose a paper from the

class kit. Click Open.




iv. Assign the paper to the template’s paper container. Go to Layer >

Create Clipping Mask.

c. Replace the 1st Paper Strip with a Border

i. Select the right layer. Click on the pink paper strip layer in the Layers

Panel.

ii. Open a border. Go to File > Open and choose the file named

mdl_connelly_border.png from the class kit. Click Open.

iii. Add the border to your layout. Select the Move tool from the Tools

panel. Click and drag the border into the layout’s workspace. Rotate and

reposition the border to match the position of the pink paper strip layer.

Press the Enter key to commit the rotation change. Note: Press and hold

the Shift key during rotation to rotate in 15º increments.

iv. Delete the pink paper strip layer. Toggle the original pink paper strip

layer. Press the Delete key.



d. Replace the 2nd Paper Strip with a Similar Border

i. Duplicate the border layer. Right click the layer of the new border and

select Duplicate Layer … from the fly-out menu.

ii. Select and move the right layer. Target the bottom border layer in the

Layers Panel. With the Move tool selected, press and hold the left arrow

keys to move the border layer a 1/2” to the left. The two borders should

overlap slightly. Press the Enter key to commit the rotation change.

iii. Delete the blue paper strip layer. Toggle the original blue paper strip

layer. Press the Delete key.

e. Fine Tune the 2nd Paper Strip

i. Vertical flip the paper strip. Go to Edit > Transform > Flip Vertical.

ii. Open a third paper. Go to File > Open and choose a paper from the

class kit. Click Open.




iv. Assign the paper to the 2nd border. Go to Layer > Create Clipping

Mask.

f. Add a Basic Shadow Style to the Paper Strip Layers

i. Add the photo container’s stylings to the border layers. Right click the

borders and select Paste Layer Style.



3: Decorate the Page with Simple Embellishment Clusters

Let’s turn our attention to embellishing. We’ll create two embellishment simple

clusters.

a. Add the Embellishments to Your Layout

i. Select the right layer. Click on the layer named embellishment cluster in

the Layers Panel.

ii. Open the cluster pieces. Go to File > Open and select the following

three files from the class kit: mdl_connelly_flower1.png,

mdl_connelly_flower2.png and mdl_connelly_bow.png.

iii. Add the embellishments to your layout. Select the Move tool from the

Tools panel. Click and drag the embellishments into the layout’s

workspace.



b. Create a Simple Embellishment Cluster

i. Place the base of the cluster. Target the red flower layer. Move the red

flower over the white embellishment cluster circle.

ii. Place a bow on top of the base flower. Move the bow directly over the

flower in the workspace. Move the bow layer above the red flower layer

in the Layers Panel.

iii. Place a small flower on top of the bow. Move the small flower directly

over the bow in the workspace. Move the small flower layer above the

bow layer in the Layers Panel.

iv. Remove the embellishment cluster container. Target the white circle in

the Layers Panel. Press the Delete key.

c. Add a Dramatic Shadow Style to the Embellishment Layers

i. Open the Layers Style Menu. Double-click the red flower layer.

ii. Toggle on the default Drop Shadow. Click Drop Shadow on the left side

of the menu (or click on the FX icon located at the bottom left of the

menu and select Drop Shadow from the fly-out menu).

iii. Adjust the Drop Shadow settings. Change the Blend Mode to Linear

Burn; Opacity: 35%; Angle 120º; Distance 33 px; Size 59 px; and toggle

the checkmark for Global Light on. Click OK when done.

iv. Add the current flower’s stylings to the other embellishments. Right

click the yellow photo container layer and select Copy Layer Style. Right

click one of the other embellishments and select Paste Layer Style.

Repeat for the final embellishment layer.



d. Decorate the Photo Container with Embellishments

i. Select the right layer. Click on the paper clipped to the photo container

in the Layers Panel.

ii. Open the cluster pieces. Go to File > Open and select the following two

files from the class kit: mdl_connelly_floralcluster1.png and

mdl_connelly_staple.png.

iii. Add the embellishments to your layout. Select the Move tool from the

Tools panel. Click and drag the embellishments into the layout’s

workspace.

iv. Reposition the floral cluster. Target the floral cluster layer. Move the

floral cluster directly over the photo container. Rotate the floral cluster

to a vertical orientation. Reposition the floral cluster so the bottom

portion slightly extends past the photo container’s layer.



v. Assign the floral cluster to the photo container. Go to Layer > Create

Clipping Mask.

vi. Place a staple on top of the floral cluster. Move the staple directly over

the floral cluster in the workspace. Move the staple layer above the floral

cluster layer in the Layers Panel.

e. Add a Basic Shadow Style to the Embellishments

i. Add the photo container’s stylings to the embellishments. Right click

the yellow photo container layer and select Copy Layer Style. Right click

the floral cluster layer and select Paste Layer Style. Repeat for the staple

container layer.



4: Decorate the Page with a Layered Title

In this section, we’ll complete our page by a simple layered title and journaling.

a. Begin the Layered Title

i. Choose a phrase. Brainstorm a four-word phrase that incorporates one

of the class kit word tabs.

ii. Select the right layer. Select the layer named title in the Layers Panel.

Press the Delete key.

iii. Select the right tool. Select the Horizontal Type Tool in the Tools Panel.

iv. Type the main text. Click on the workspace and type a single word.

Click the checkmark to commit to the change.

v. Open the Type Panel. Go to Window > Character.



vi. Fine-tune the look. Click the Color block within the panel and choose a

color that matches a paper in the layout. Note: You can sample colors in

the layout by moving your mouse over the active space once the Color

Picker opens. Click OK. Click on the Font name and change it to Droid

Serif. Change the Font style to Bold-Italic.

vii. Increase the size of the text. Select the Move tool and press and hold

the Shift key. Drag a corner maker out until the text appears large and

dramatic (at least 100 points or more in Font size). Press the Enter key

to commit to the change.

viii.Choose the right tool. Select the Horizontal Type Tool in the Tools

Panel.

ix. Type the secondary text. Click on the workspace and type a new group

of words. Click the checkmark to commit to the change.

x. Fine-tune the look. Click the Color block within the panel and choose a

color that matches a paper in the layout. Click on the Font name and

change it to Droid Serif. Change the Font style to Italic.

xi. Decrease the size of the text. Select the Move tool and press and hold

the Shift key. Drag a corner maker in until the text appears large and

dramatic (at least 20 points or more in Font size). Press the Enter key to

commit to the change.

b. Arrange and Align the Title Text

i. Arrange the text on the workspace. Select the Move tool. Reposition

the separate text layers to sit next to one another in the workspace.



ii. Align the text on the workspace. Target both text layers in the Layers

Panel. Click on the Align bottom edges icon in the context sensitive

menu.

c. Add the Tab

i. Open the tab piece. Go to File > Open and select the tab from the class

kit.

ii. Add the tab to your layout. Select the Move tool from the Tools panel.

Click and drag the tab into the layout’s workspace. Position the tab

appropriately near the other text.

d. Add a Basic Shadow Style to the Main Text & Tab

i. Add the photo container’s stylings to the main text. Right click the

yellow photo container layer and select Copy Layer Style. Right click the

main text layer and select Paste Layer Style. Repeat for the tab layer.

e. Add Journaling

i. Select the right layer. Click the on the layer named journaling in the

Layers Panel.

ii. Replace the text in the block. Click and drag the mouse along the text

in the journaling block. Press the Delete key. With the journaling block

still selected, type your new journaling. Click on the checkmark at the

top right of the context sensitive menu.

f. Save the Layout

i. Re-save your file. Go to File > Save. Click Save.


Date post:	12-Apr-2020
Category:	Documents
Upload:	others
View:	5 times
Download:	0 times

dsa18 handouts lesson02-PS - Amazon S3...1: Add Your Photos & Apply Custom Drop Shadows In our...

Documents