Post on 12-Apr-2020
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
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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
Page of 2 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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
Page of 3 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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!
Page of 4 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 5 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 6 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 7 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 8 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 9 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
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.
Page of 10 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
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.
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.
Page of 11 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
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 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.
Page of 12 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 13 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 14 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 15 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 16 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 17 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 18 19© 2018 Scrapaneers LLC. All Rights Reserved
Digital Scrapbook Academy February 2018: Lesson 02 Get Stronger for Photoshop Users
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.
Page of 19 19© 2018 Scrapaneers LLC. All Rights Reserved