{"id":27881,"date":"2018-12-18T19:44:35","date_gmt":"2018-12-19T03:44:35","guid":{"rendered":"https:\/\/gingerscraps.net\/gsblog\/?p=27881"},"modified":"2020-04-14T12:18:57","modified_gmt":"2020-04-14T19:18:57","slug":"tutorial-tuesday-back-to-basics-2","status":"publish","type":"post","link":"https:\/\/gingerscraps.net\/gsblog\/2018\/12\/tutorial-tuesday-back-to-basics-2\/","title":{"rendered":"Tutorial Tuesday (Back to Basics)"},"content":{"rendered":"

Save me!!<\/strong><\/p>\n

\"\"<\/p>\n

Right after last week’s tutorial appeared, a comment from one of our members, lilholmes6 <\/strong>(aka Lynn<\/strong>), appeared, asking why her layouts were so blurry and the journaling was unreadable. I sent her a private reply and carried on… then Ginger<\/strong> (our genius GingerScraps<\/strong> owner) messaged me. She wanted to know if I’d written a tutorial on saving layouts for the Gallery<\/strong>; she’d also gotten a request for help from a member, apparently one in a long string of them and didn’t want to reinvent the wheel. So today we’re going to talk about saving layouts for our highest possible viewing pleasure.<\/p>\n

The first thing to know about saving your layouts for Gallery<\/strong> purposes is that online galleries have a limit on the maximum size an image file can be, most stipulating images 600×600 pixels<\/strong> and a file no larger than 250 KB<\/strong><\/span>. Now, to get our images to fit into those parameters, the file has to be compressed a bit. Or a lot… some template designers create absolutely gorgeous templates that stimulate creation of even MORE gorgeous layouts, but they turn into HUMONGOUS files. (Heartstrings Scrap Art is a favourite of mine and a former GingerBread Lady<\/strong>.) What happens when I scrap using one of her templates? Lemme show you…<\/p>\n

First I resize the layout to that 600×600 pixel<\/strong> limit and then I try (and fail!) to save the layout as a .jpeg<\/strong> using the File>Save<\/strong> As<\/strong> menu. Because I save my layouts as .jpeg<\/strong>s in two sizes, I change the name of the one destined for the Gallery<\/strong> by adding “GS<\/strong>” to the layout’s name as you can see below.<\/p>\n

\"\"<\/p>\n

Hmm… At the highest possible quality, this layout weighs in at a ginormous 2.7 MB<\/strong><\/span>!!<\/p>\n

\"\"<\/p>\n

So I pushed the Quality<\/strong> slider to the LEFT. All the way to 0<\/strong>. Now, I’ve never actually tried to save a layout with a quality of 0, because really, what’s the point?! But what really is interesting here is that this image would still have a file size of 2.2 MB<\/strong>. How is that even possible?<\/p>\n

\"\"<\/p>\n

Time for Plan B<\/strong>, the Save for Web<\/strong> option. I don’t use this method for saving my layouts except as a last resort, because there’s a lot more compression of the image, and loss of clarity, or what’s known a pixelation. That’s what makes journaling turn into squiggles.<\/p>\n

\"\"<\/p>\n

The user menu looks like this. You have the original on the left, the compressed version on the right and some adjustments you can make on the far right. The default here is a resolution of 72 pixels per inch<\/strong>, pretty fuzzy. (For the best images for printing for example, you’d want a resolution of 300 pixels per inch, which is MY default setting.) Within the menu, just below the compressed image on the right is where you find the file size at that resolution. As you can see here, there’s a little wiggle room.<\/p>\n

\"\"<\/p>\n

So I took it! I nudged the Quality<\/strong> slider to the RIGHT until I got the sharpest image that still was under 250 KB<\/strong>. You can see the final version in the Gallery right HERE<\/strong><\/span><\/a>. Not too shabby!<\/p>\n

\"\"<\/p>\n

Now I want to show you my USUAL method of saving my layouts for Gallery<\/strong> posting. This layout is built on a template from our own Aimee Harrison <\/strong><\/a>from her Singular Volume 1<\/strong> set. I select Save As<\/strong> (CTRL\/CMD>SHIFT>S<\/strong>), rename my layout and select .jpeg<\/strong> as the format.<\/p>\n

\"\"<\/p>\n

Now, this is the real bonus. The file is under 500 KB right off the bat.<\/p>\n

\"\"<\/p>\n

Just a tiny nudge of the Quality<\/strong> slider gets me right into the zone. <whispers> (I’ve found these numbers to be a tiny bit inflated, so you might get away with a few KB over 250. But don’t tell anybody.)<\/p>\n

\"\"<\/p>\n

In the spirit of the season, here’s a little add-on for you.<\/p>\n

\"\"<\/p>\n

As you might remember, I’ve been looking at old scrapbooking magazines and this technique got a ton of attention back in the day. Lots of layouts had papers or photos with only the opposite corners rounded. We’ve looked at how to use rounded rectangles<\/strong>, so I thought I’d take that a step further. Fire up that Custom Shape toolkit!!<\/p>\n

\"\"<\/p>\n

My example is more squarish, but that’s cool. I popped another layer just underneath it then made the square invisible.<\/p>\n

\"\"<\/p>\n

Then I changed my tool to the Rectangular shape<\/strong> tool and dragged out another squarish shape. That’s what worked for me, but you of course can do whatever makes you happy.<\/p>\n

\"\"<\/p>\n

You know how I keep hammering you about Simplifying<\/strong> your text and shape layers? It’s a vital step for maintaining control. When you’re looking at text layers, you’ll know it hasn’t been Simplified<\/strong> if there’s a “T” on the layer in the Layers<\/strong> panel. For shape layers, there’s a little square box in the lower right corner of the image<\/em><\/strong> on the layer in the Layers<\/strong> panel. You can see it here.<\/p>\n

\"\"<\/p>\n

Now, I KNOW you can see what I’ve done. I simply aligned the top and right edges of the two layers using the Alignment <\/strong>adjustments within the Move<\/strong> tool<\/strong>.<\/p>\n

\"\"<\/p>\n

Next I just made a copy of the square layer and aligned the bottom and left edges. All that was left was to Merge<\/strong> the layers and save the resulting shape as a .png<\/strong> so I can use it as a clipping mask later. One thing about this shape though… resizing it will change the contours of the curved corners unless the proportions are constrained (identical). If you want it to be more rectangular than square you’ll need to start there. An oblong rounded rectangle as your base, then two rectangles with squared corners for the rest.<\/p>\n

\"\"<\/p>\n

Since next Tuesday is Christmas Day, I’ll be taking the day off to be with my husband and son… as I’m sure all of you will be doing as well. I’ll see you all New Year’s Day with something new for you to do while the men watch bowl games!<\/p>\n

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

Save me!! Right after last week’s tutorial appeared, a comment from one of our members, lilholmes6 (aka Lynn), appeared, asking why her layouts were so blurry and the journaling was unreadable. I sent her a private reply and carried on… then Ginger (our genius GingerScraps owner) messaged me. She wanted to know if I’d written a […]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[92,62],"tags":[373],"publishpress_future_action":{"enabled":false,"date":"2026-04-21 09:09:04","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\/27881"}],"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=27881"}],"version-history":[{"count":4,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/27881\/revisions"}],"predecessor-version":[{"id":34960,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/posts\/27881\/revisions\/34960"}],"wp:attachment":[{"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/media?parent=27881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/categories?post=27881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gingerscraps.net\/gsblog\/wp-json\/wp\/v2\/tags?post=27881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}