{"id":31743,"date":"2019-08-13T19:00:15","date_gmt":"2019-08-14T02:00:15","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=31743"},"modified":"2019-08-13T13:37:07","modified_gmt":"2019-08-13T20:37:07","slug":"tutorial-tuesday-back-to-basics-3","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2019\/08\/tutorial-tuesday-back-to-basics-3\/","title":{"rendered":"Tutorial Tuesday – Back to Basics"},"content":{"rendered":"

Anatomy of a Well-Composed Layout<\/strong><\/p>\n

\"\"<\/p>\n

Last week’s tutorial about stacking papers brought this comment from Franghurst<\/strong>: “I found this article very useful. \u00a0I have never stacked a paper digitally and I now feel comfortable enough to give it a try. \u00a0It\u2019s great when you give us a brand new idea about doing something but I must admit, I like the articles when you go back to the basics. \u00a0It\u2019s fun to be reminded how to do things that you learned about a while back.” Of course, that got me thinking. And thinking some more. Today we’re going to go right back the most basic aspect of scrapbooking: composition!<\/p>\n

When I look at the layouts in the Gallery<\/b><\/a>, there are layouts that snag my attention right away. I think you know what I mean. There are some things these really fabulous layouts have in common: they’re well-composed. It might not be obvious what makes them catch the eye, so let’s talk about the six basic components of composition. These are focal point, leading lines, balance, rule of thirds, white space and movement.<\/p>\n

Focal point<\/strong>: Usually the purpose of a layout is to showcase a photo, or photos. So typically they will be the focal point. But not always. Sometimes the scrapper wants the focus on the story it’s telling, and sometimes the focus is on some other aspect of the layout. This piece by shawnbear<\/strong> is definitely focused on the large photo. She has used several tools from the composition list to achieve her goal.<\/p>\n

\"\"<\/p>\n

The size of the photo is the first tool; the rays of paper and the column of elements does the rest.<\/p>\n

\"\"<\/p>\n

Leading lines<\/strong>: What exactly are leading lines? They are whatever linear aspects of a layout that lead the eye right to the focal point. Like shawnbear<\/strong>‘s papers. This layout by gwalters<\/strong> goes even deeper into leading lines because they’re both in the main photo AND the layout.<\/p>\n

\"\"<\/p>\n

The wire of the fence draws the eye to his face. with one eye framed by them. The chevrons lead the eye to her title. And the concentric paper squares emphasize the converging lines of the layout quite neatly.<\/p>\n

\"\"<\/p>\n

Balance<\/strong>: There are lots of ways to create balance in our layouts. The goal is to have areas of equal weight. Flissy61<\/strong> has done just that.<\/p>\n

\"\"<\/p>\n

She’s got the large blended photo balanced by the trio of smaller photos at the bottom. Let’s talk about those small photos for a second. Notice how she has a photo of just the sculpture and a photo of just her daughter, flanking a photo of both. Bingo! Balance. Then she’s used repetition to add more balance to the image with the two vines and the pennants.<\/p>\n

\"\"<\/p>\n

Rule of Thirds<\/strong>: This is something I discussed in a previous tutorial on taking better photos<\/strong><\/a>. The “Rule of Thirds” means imaginarily dividing your image into thirds, both horizontally and vertically, then placing any (or all!) intersection of those imaginary lines over a focal point. lmtroch<\/strong> has done that in her layout below.<\/p>\n

\"\"<\/p>\n

Do you see it? (My lines might be a little off… I eyeballed them.)<\/p>\n

\"\"<\/p>\n

White space<\/strong>: This isn’t a literal thing… more of an uncrowded area of the layout where the eye can go to rest. Jill<\/strong> is a master at the use of white space – literally in this layout!<\/p>\n

\"\"<\/p>\n

I think white space is a vastly underused tool. But see how effective it is to have these two large areas of just paper.<\/p>\n

\"\"<\/p>\n

And last is Movement<\/strong>. By this I mean the way the layout guides the eye around to take in all its components. becky_a<\/strong> makes it look easy.<\/p>\n

\"\"<\/p>\n

It really doesn’t matter where you start with this layout, your eye is moved around the whole thing perfectly. Here again, the placement of her photos is key; they all are facing the centre of the layout – harmonious and very pleasing. The bubbles act as a vector to move the viewer, as does the piece of string. And the three little flower clusters keep things on track.<\/p>\n

\"\"<\/p>\n

Okay. There you have the factors that create strong compositions. I invite you take a good look at each of these layouts and see if you can pick out each of the “rules” in them. You might also take a critical look at the templates you really like and analyze what makes them attractive to you. I bet you’ll find at least a couple of ways to fit them into the “rules”!<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Anatomy of a Well-Composed Layout Last week’s tutorial about stacking papers brought this comment from Franghurst: “I found this article very useful. \u00a0I have never stacked a paper digitally and I now feel comfortable enough to give it a try. \u00a0It\u2019s great when you give us a brand new idea about doing something but I […]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[229,102,284,92,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-04-11 02:12:53","action":"change-status","newStatus":"private","terms":[],"taxonomy":"category"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/31743"}],"collection":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/comments?post=31743"}],"version-history":[{"count":2,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/31743\/revisions"}],"predecessor-version":[{"id":31757,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/31743\/revisions\/31757"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=31743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=31743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=31743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}