Digital Scrapbook Academy February 2018: Lesson 02 LESSON 02: GET STRONGER FOR PS USERS COMPANION BOOK Page 1 of 19
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 2 of 19
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 3 of 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! Page 4 of 19
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 5 of 19
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. Duplicate and save the layered template. Go to Image > Duplicate i 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. Open your photo. Go to File > Open and navigate to the digital photo on your hard drive Click OK. i 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 6 of 19
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. i 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). Fine-tune the clipping. Use the Move tool to reposition the photo if necessary. i 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 7 of 19
Open a paper. Go to File > Open and choose a paper from the class kit. Click Open. i 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. 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 8 of 19
i 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 9 of 19
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. Open a background paper. Go to File > Open and choose a paper from the class kit. Click Open. i 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 10 of 19
b. Add a 2nd Paper i. Select the right layer. Click on the layer named paper 1 in the Layers Panel. Open a second paper. Go to File > Open and choose a paper from the class kit. Click Open. i 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. Open a border. Go to File > Open and choose the file named mdl_connelly_border.png from the class kit. Click Open. i 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 11 of 19
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. 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. i 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. Open a third paper. Go to File > Open and choose a paper from the class kit. Click Open. i 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 12 of 19
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. 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. i 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 13 of 19
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. 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. i 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. 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). i 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 14 of 19
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. 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. i 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 15 of 19
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 16 of 19
Digital Scrapbook Academy February 2018: Lesson 02 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. Select the right layer. Select the layer named title in the Layers Panel. Press the Delete key. i 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 17 of 19
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. v 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. vichoose 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 18 of 19
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. 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. 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 19 of 19