{"id":13775,"date":"2026-05-12T00:30:00","date_gmt":"2026-05-12T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=13775"},"modified":"2026-05-12T07:52:25","modified_gmt":"2026-05-12T11:52:25","slug":"white-space","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/white-space\/","title":{"rendered":"White Space"},"content":{"rendered":"\n<p class=\"has-text-align-left\">Have you ever had your heart set on a classic white space layout only to find it feeling a bit lackluster in the end? You\u2019re not alone. As trendy as white space tends to get from time to time, it can still be a challenge to strike a good balance.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Today I have a quick and easy fix that will help dress up a white space layout without losing the negative space.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Unfamiliar with white space layouts? Read on\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>What Is White Space?<\/strong><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpaceSleddingLayoutsmaller.jpg\" alt=\"White Space Layout\" class=\"wp-image-13776\" style=\"width:200px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpaceSleddingLayoutsmaller.jpg 500w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpaceSleddingLayoutsmaller-300x300.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpaceSleddingLayoutsmaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpaceSleddingLayoutsmaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">White space (also referred to as negative space) is a design technique that intentionally uses significant, empty areas \u2014 not necessarily white in color \u2014 around photos and embellishments. It can be created using solid paper, patterned paper, or simply by leaving empty space around clusters of items. It is not meant to make the page look unfinished, but rather to purposely create a clean, and often elegant atmosphere.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: The image above is a layout I created several years ago for a scrapbooking challenge to use white space. If you\u2019d like to see more information about this layout you can find it in <strong><a href=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/envira\/my-personal-2022-gallery\/\" title=\"\">my 2022 Gallery<\/a><\/strong>. The title of the layout is \u201cSledding\u201d. Depending on which device you\u2019re using, it can be as far down as about 18-35 rows.<\/p>\n\n\n\n<p class=\"has-text-align-left\">White space can be categorized as <strong><em>active<\/em><\/strong> (carefully designed, intentional empty space), <strong><em>passive<\/em><\/strong> (symmetrical, predictable, and quiet), or <strong><em>dynamic<\/em><\/strong> (asymmetrical, creative, and engaging). Active white space typically draws attention. Passive white space generally goes unnoticed, but rather serves to increase legibility.<\/p>\n\n\n\n<p class=\"has-text-align-left\">White space reduces clutter, provides breathing room, and directs the eye to the focal point, resulting in a clean and simple atmosphere. It helps create a visual hierarchy, making the story of the page more impactful. By leaving large areas empty, the eye is naturally drawn to the photo(s) and any journaling.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Now let\u2019s take a look at how to keep white space from looking boring\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>White Space Angled Gradient<\/strong><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller.jpg\" alt=\"Example Angled Gradient\" class=\"wp-image-13777\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller-300x300.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">I\u2019ve used white space in layouts during the majority of my \u201cdigital life\u201d. It wasn\u2019t until sometime in 2022 that I discovered a technique using an angled gradient. The image above is a layout that showcases that particular technique.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: The layout above is one I created specifically to give you a current example. If you\u2019d like more details about this layout, you can find it in <strong><a href=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/envira\/my-personal-2026-gallery\/\" title=\"\">my 2026 Gallery<\/a><\/strong>. The title of the layout is \u201cA Little Magic\u201d.<\/p>\n\n\n\n<p class=\"has-text-align-left\">When I first used this angled gradient technique, I was happy with the original layout but not particularly thrilled with the gradient\u2019s one hard edge that resulted. You should easily be able to see the edge that I\u2019m talking about in the image above.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I\u2019m still not a huge fan. But that particular gradient can come in handy from time to time. I just find it not nearly as flexible as the other gradients that I\u2019ll show you today.<\/p>\n\n\n\n<p class=\"has-text-align-left\">If I don\u2019t get too carried away, I\u2019ll give you the steps to use for that angled gradient before I close out for the day.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>White Space Diamond Gradient<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left\">Before I get started, here\u2019s a quick reminder. I use Photoshop Elements (PSE) 2024. If you use a different version, some of my screen shots may look different from what you see on your screen.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I\u2019m going to start by creating a new 12&#215;12 file with a white background and ensure that my Foreground\/Background color chips are set to the defaults (press D).<\/p>\n\n\n\n<p class=\"has-text-align-left\">To create my white space background, I\u2019m going to be using two coordinating papers one mostly solid and one patterned:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"400\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpacePaperssmaller.jpg\" alt=\"Papers Used\" class=\"wp-image-13778\" style=\"width:250px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpacePaperssmaller.jpg 496w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpacePaperssmaller-300x242.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpacePaperssmaller-335x270.jpg 335w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">You can use any coordinating papers that will fit your project. Or, if you\u2019d like to use mine, you can download them by clicking on the paper names below and they will be automatically downloaded for you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/drive.google.com\/uc?export=download&amp;id=1gRtdJQOxhjcHwNoj9XrXE-givyvW4pX2\" target=\"_blank\" rel=\"noopener\" title=\"\">White Wood Grain<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/drive.google.com\/uc?export=download&amp;id=1Meq3lcow7d-Yp3D1AUZDHrX6uL1L_FMH\" target=\"_blank\" rel=\"noopener\" title=\"\">Blue Floral Pattern<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-left\">I open each one of these papers in PSE. I don\u2019t need those papers just yet but they\u2019ll be waiting in my photo bin until I\u2019m ready.<\/p>\n\n\n\n<p class=\"has-text-align-left\">In my file I have the white background layer active in the Layers Panel. I click the Create new layer icon in the Layers Panel. PSE creates the new layer (Layer 1 for me) directly above my white background and I rename the new layer to \u201cClip Pattern Here\u201d.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I then grab the Gradient tool.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"190\" height=\"400\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient01smaller.jpg\" alt=\"Gradient Tool\" class=\"wp-image-13779\" style=\"width:auto;height:200px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient01smaller.jpg 190w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient01smaller-143x300.jpg 143w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient01smaller-128x270.jpg 128w\" sizes=\"auto, (max-width: 190px) 100vw, 190px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">In the tool options, I open the Gradient Picker (click on the down arrow below the word Gradient). PSE opens the dropdown menu and I choose Default.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: If you don&#8217;t see the names of the gradients, open the flyout menu (the three dots to the right of the dropdown arrow). PSE opens the flyout menu. Then just place a checkmark next to Large List and go on to select the Default gradient:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"222\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient02smaller.jpg\" alt=\"Gradient Flyout\" class=\"wp-image-13812\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient02smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient02smaller-300x167.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">With the Default Gradients selected, I double click on the Foreground to Transparent gradient. Set the Mode to Normal and the Opacity to 100%. I ensure that Reverse is unchecked then check both Transparency and Dither.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"110\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientSettings01smaller.jpg\" alt=\"Gradient Settings\" class=\"wp-image-13813\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientSettings01smaller.jpg 500w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientSettings01smaller-300x66.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Now, if you look at the various gradient styles in the tool options, you likely see five; <strong>Linear<\/strong>, which blends in a straight line. <strong>Radial<\/strong>, which blends in a circular pattern from the center. <strong>Angle<\/strong>, which creates a clockwise sweep around the start point. <strong>Reflected<\/strong>, which mirrors a linear gradient on both sides of the starting point. <strong>Diamond<\/strong>, which blends from the center outward to a diamond shape.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: These five styles have consistently appeared in the Tool Options bar since early versions of PSE. These tools were already fully established by the release of PSE 7 in October 2008. So, I\u2019d be shocked if you don\u2019t see all of them in the tool options on your system.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I then click on the Diamond Gradient icon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"112\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient03smaller.jpg\" alt=\"Gradient Options\" class=\"wp-image-13780\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient03smaller.jpg 600w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-Gradient03smaller-300x56.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: The style name (Diamond) appears centered under the five icons. The active style is the one with a light grey outline (for me) around it.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I want my gradient to go from one corner to somewhere close to the center of the page. I\u2019m not overly concerned about it being the exact center. So, I\u2019ll just \u201ceyeball it\u201d \ud83d\ude09<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: If you would like to know the exact location of the center of the page before you draw the gradient line, simply go to the top tool bar and select View-&gt;New Guide and set both a Horizontal and a Vertical guide using 6 inches for the Position.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Ensuring that the Clip Pattern Here layer is still active, I click at the top left corner of the file and drag a line toward the lower right corner stopping about midway down:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"416\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-DiamondGradientsmaller.jpg\" alt=\"Top Left - Center Diamond\" class=\"wp-image-13781\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-DiamondGradientsmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-DiamondGradientsmaller-288x300.jpg 288w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-DiamondGradientsmaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">The length and angle of the line I draw is subjective. If I want more of the gradient to be present, I just drag a longer line. If I want it to be straighter, I just draw the line at less of an angle.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: Holding down the Shift key while dragging will constrain the angle to 45-degree increments.<\/p>\n\n\n\n<p class=\"has-text-align-left\">So, the Clip Pattern Here layer should still be active. I grab the Blue Floral Pattern from the photo bin, drag it into the file and clip it to the layer:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"416\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientPatternsmaller.jpg\" alt=\"Pattern Added\" class=\"wp-image-13782\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientPatternsmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientPatternsmaller-288x300.jpg 288w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientPatternsmaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">I then activate the background layer in the Layers Panel, grab the White Wood Grain from the photo bin and drag it into the file:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"416\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientWhitesmaller.jpg\" alt=\"Wood Grain Added\" class=\"wp-image-13783\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientWhitesmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientWhitesmaller-288x300.jpg 288w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-GradientWhitesmaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">All that\u2019s left now is to finish the layout. Or, if I was 100% positive I\u2019m happy with how this turned out I could save the file as a JPG for use later.<\/p>\n\n\n\n<p class=\"has-text-align-left\">The other thing I could do would be to swap the location of the papers; clipping the wood grain to the gradient and placing the floral paper over the background:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"416\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwappedsmaller.jpg\" alt=\"Papers Swapped\" class=\"wp-image-13784\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwappedsmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwappedsmaller-288x300.jpg 288w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwappedsmaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Well, that didn\u2019t turn out as well as I\u2019d hoped. No problem I just go back to the original plan \ud83d\ude09This happened because my \u201csolid\u201d paper is nearly white. If I had used a different color, such as a cornflower blue (#7fa6ff), the result would look something like this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"415\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwapped2smaller.jpg\" alt=\"White Now Blue\" class=\"wp-image-13785\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwapped2smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwapped2smaller-289x300.jpg 289w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-PapersSwapped2smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">That\u2019s better but I personally prefer that the patterned paper be more of a subtle accent and the solid makes up most of the \u201cwhite space\u201d. So, I\u2019m going to stick with the original paper locations.<\/p>\n\n\n\n<p class=\"has-text-align-left\">And here\u2019s a layout I made using a Diamond Gradient:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SoulSearchingGradientLayout01smaller.jpg\" alt=\"Soul Searching\" class=\"wp-image-13786\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SoulSearchingGradientLayout01smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SoulSearchingGradientLayout01smaller-300x300.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SoulSearchingGradientLayout01smaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SoulSearchingGradientLayout01smaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">If you\u2019d like to see more information about this layout you can find it in <strong><a href=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/envira\/my-personal-2026-gallery\/\" title=\"\">my 2026 Gallery<\/a><\/strong>. The title of the layout is \u201cSoul Searching\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>White Space Radial Gradient<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left\">I\u2019ve already shown you a version using the Diamond Gradient. Next, I want to show you what the Radial gradient can do.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I\u2019ll basically be doing almost everything the same as I did with the Diamond Gradient. I\u2019m going back to the plain white background with the blank Clip Pattern Here layer. I again grab the Gradient tool.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Since I haven\u2019t closed PSE or made any other changes to the current gradient, the Gradient Mode, Opacity and other settings are all the same as what I used above. This time I click on the Radial Gradient icon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"133\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient01smaller.jpg\" alt=\"Radial Gradient\" class=\"wp-image-13787\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient01smaller.jpg 600w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient01smaller-300x67.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Just as before, the active style is the one with a light grey outline (for me) around it.<\/p>\n\n\n\n<p class=\"has-text-align-left\">This time I want my gradient to go from the bottom right corner to somewhere close to the center of the page. Again, I\u2019ll just \u201ceyeball it\u201d \ud83d\ude09:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"415\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient02smaller.jpg\" alt=\"Gradient Bottom Right - Center\" class=\"wp-image-13788\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient02smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient02smaller-289x300.jpg 289w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient02smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">I\u2019m going to grab the same floral paper I used above and clip it to the Clip Pattern Here layer:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"415\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient03smaller.jpg\" alt=\"Paper Clipped\" class=\"wp-image-13789\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient03smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient03smaller-289x300.jpg 289w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient03smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Instead of using that other white wood grain paper, this time I\u2019m going to use that cornflower blue paper I mentioned earlier.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: If you\u2019d like to use the same blue paper you can <strong><a href=\"https:\/\/drive.google.com\/uc?export=download&amp;id=1uRzw8b249tmNZjlIh0qPE5jTowdJlmcr\" target=\"_blank\" rel=\"noopener\" title=\"\">click here<\/a><\/strong> and it will be automatically downloaded for you.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I simply place it over the white background layer and set the opacity level of the blue paper to 80%:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"415\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient04smaller.jpg\" alt=\"Solid Added\" class=\"wp-image-13790\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient04smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient04smaller-289x300.jpg 289w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient04smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">I think this turned out very nicely. And swapping the papers ended up giving nearly the same result as above. But let\u2019s see what happens if I use a different version of the Radial Gradient.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I\u2019m going to unclip the floral pattern from the Clip Pattern Here layer and hide the pattern. Then I add a new layer above the Clip Pattern Here layer (Layer 1 for me) and hide the Clip Pattern Here layer. I\u2019m not going to rename the new layer since I know the floral pattern will be clipped here<\/p>\n\n\n\n<p class=\"has-text-align-left\">With Layer 1 active I grab the Gradient tool. PSE has retained all of the settings so all I need to do is change how I create the Radial Gradient. This time, I\u2019m going to drag a line from the center to a corner. Any corner will work:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"415\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient05smaller.jpg\" alt=\"Gradient Center -Corner\" class=\"wp-image-13791\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient05smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient05smaller-289x300.jpg 289w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient05smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Now I can unhide the floral pattern, clip it to this new gradient and change the opacity of the blue solid back to 100%:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"415\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient06smaller.jpg\" alt=\"Floral Clipped\" class=\"wp-image-13792\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient06smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient06smaller-289x300.jpg 289w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-RadialGradient06smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">I like this version much better. But as you may have already guessed, the size of the gradient used is really a matter of personal choice.<\/p>\n\n\n\n<p class=\"has-text-align-left\">And here\u2019s a layout I made using this second Radial Gradient technique:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/PricelessGradientLayoutsmaller.jpg\" alt=\"Priceless\" class=\"wp-image-13793\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/PricelessGradientLayoutsmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/PricelessGradientLayoutsmaller-300x300.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/PricelessGradientLayoutsmaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/PricelessGradientLayoutsmaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">If you\u2019d like to see more information about this layout you can find it in <strong><a href=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/envira\/my-personal-2026-gallery\/\" title=\"\">my 2026 Gallery<\/a><\/strong>. The title of the layout is \u201cPriceless\u201d.<\/p>\n\n\n\n<p class=\"has-text-align-left\">I said if I didn\u2019t get too wordy, I\u2019d give you the quick steps to create the Angle Gradient I showed you at the very beginning of this post. So, let\u2019s take a quick look\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Create Angled Gradient<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left\">Again, everything is almost the same as with the other two gradients. I\u2019m going back to the plain white background. This time my blank layer above the background is named Clip Solid Here. I grab the Gradient tool. All of the settings are still the same as what I used above. But now I click on the Angle Gradient icon:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"131\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient01smaller.jpg\" alt=\"Angle Gradient\" class=\"wp-image-13794\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient01smaller.jpg 600w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient01smaller-300x66.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">This time I want my gradient to go from the approximate center to the left edge. To maintain a precise horizontal line, I hold down the Shift key while dragging:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"415\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient02smaller.jpg\" alt=\"Gradient Center - Left \" class=\"wp-image-13795\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient02smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient02smaller-289x300.jpg 289w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient02smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">I\u2019m going to grab the same blue paper I used above and clip it to the Clip Solid Here layer and place the floral pattern over the white background:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"414\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient03smaller.jpg\" alt=\"Papers Added\" class=\"wp-image-13796\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient03smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient03smaller-290x300.jpg 290w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient03smaller-261x270.jpg 261w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: I did lower the opacity of the floral pattern to 70% so it didn\u2019t look quite as vibrant.<\/p>\n\n\n\n<p class=\"has-text-align-left\">You should be able to see that the angled gradient starts at 100% on the left edge and becomes less gradient in a clockwise direction until it hits 0% at a place beyond the pivot point.<\/p>\n\n\n\n<p class=\"has-text-align-left\">In this particular example, the pivot point is where the hard horizontal line of the blue paper meets the center. If I had wanted a counter-clockwise gradient, I would need to check Reverse in the Tool Options before drawing the line.<\/p>\n\n\n\n<p class=\"has-text-align-left\">The beginning of the line being drawn will always be the rotation point of the gradient. If I had started at the center and dragged my line to the top edge, I would have ended up with a gradient that is identical but appears to just be flipped horizontally.<\/p>\n\n\n\n<p class=\"has-text-align-left\">If I had started at the center and dragged my line to the right edge, I would get this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"412\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient04smaller.jpg\" alt=\"Gradient Center - Right\" class=\"wp-image-13797\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient04smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient04smaller-291x300.jpg 291w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient04smaller-262x270.jpg 262w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Conversely, if I had started at the center and dragged my line to the bottom edge, I would have ended up with a gradient that is identical to the one directly above but again appears to just be flipped horizontally.<\/p>\n\n\n\n<p class=\"has-text-align-left\">But I\u2019m not limited to dragging from the exact center and only in a precise horizontal or vertical direction. If I start about a quarter of the way down from the top and drag to about a quarter of the way left of the right edge of the page, I end up with this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"412\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient05smaller.jpg\" alt=\"Partial Gradient Top - Right\" class=\"wp-image-13798\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient05smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient05smaller-291x300.jpg 291w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient05smaller-262x270.jpg 262w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Yes, I still did a precise horizontal line. But here\u2019s what can happen if I start about an inch and a half up and right of the center (same distance up and right) and drag to the bottom left corner:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"412\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient06smaller.jpg\" alt=\"Diagonal Gradient Center - Bottom Right\" class=\"wp-image-13799\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient06smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient06smaller-291x300.jpg 291w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient06smaller-262x270.jpg 262w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Now I want you to be aware of what doesn\u2019t work out well with the Angle Gradient option. If, starting from the right edge and dragging to the center, the result will be this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"414\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient07smaller.jpg\" alt=\"Not So Great Gradient\" class=\"wp-image-13800\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient07smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient07smaller-290x300.jpg 290w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-AngledGradient07smaller-261x270.jpg 261w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">That\u2019s not a very nice gradient, right?!? But don\u2019t be afraid to play around with different angles and start\/stop points. As I always say, that\u2019s why we have the \u201cundo\u201d button \ud83d\ude09<\/p>\n\n\n\n<p class=\"has-text-align-left\">The best way to capitalize on a \u201cgood\u201d angled gradient is by placing the subject of your page close to the pivot point. Let\u2019s look at the original example again:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller.jpg\" alt=\"Sample Angled Gradient\" class=\"wp-image-13777\" style=\"width:275px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller-300x300.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/SampleAngleGradientWhiteSpacesmaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">You can see how I placed my subject (two photos) over the pivot point. The majority of the remaining elements were arranged in and around the high opacity pixels of the gradient. Some additional elements were included on the lower opacity portion of the gradient as an added accent for the photos.<\/p>\n\n\n\n<p class=\"has-text-align-left\">The key here is using the \u201csolid\u201d gradient as the backdrop for the entire element \u201ccluster\u201d and the pattern becomes the white space.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>White Space Reflected Gradient<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left\">The only other gradients I haven\u2019t touched on are the Liner and the Reflected. Linear is pretty straight forward so I don\u2019t feel the need to say much on that one. And if you remember, earlier I mentioned that Reflected basically mirrors a linear gradient on both sides of the starting point.<\/p>\n\n\n\n<p class=\"has-text-align-left\">That said, the best results will nearly always be starting at the center and dragging a line outward at the desired angle. Having said that the center is the best place to start, I can say that dragging from one corner or side to the opposing one or just to the center will end up looking not much different than when using the Linear Gradient.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Rather than going through a lot of steps I\u2019m just going to show you some example images of Reflected Gradients using the settings I\u2019ve been using all along. Each image indicates the starting and ending points with an arrow:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"534\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/ReflectedGradientSamplessmaller.jpg\" alt=\"Reflected Gradient Samples\" class=\"wp-image-13801\" style=\"width:500px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/ReflectedGradientSamplessmaller.jpg 700w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/ReflectedGradientSamplessmaller-300x229.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/ReflectedGradientSamplessmaller-354x270.jpg 354w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Earlier I said the best Reflected Gradient results would nearly always be starting at the center. I have found one example that contradicts that. If I create a Reflected Gradient starting at the top left corner going to the center, I see this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"416\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient01smaller.jpg\" alt=\"Gradient Top Left - Center\" class=\"wp-image-13802\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient01smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient01smaller-288x300.jpg 288w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient01smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">This looks about the same as if I had created a Liner Gradient doing the same. Now, I\u2019ll create a new layer above this gradient. On that new layer I create a new Reflected Gradient starting at the top right corner going to the center and end up this:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"416\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient02smaller.jpg\" alt=\"Gradient Top Right - Center\" class=\"wp-image-13803\" style=\"width:300px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient02smaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient02smaller-288x300.jpg 288w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/WhiteSpace-ReflectedGradient02smaller-260x270.jpg 260w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">I love this effect. And yes, you can also achieve this exact same look with the Linear Gradient \ud83d\ude0a<\/p>\n\n\n\n<p class=\"has-text-align-left\">What this also shows is that you can experiment with combining different gradients to create a very unique white space environment!<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Note<\/strong>: I recommend keeping different gradients on their own layer until you\u2019re happy with the result. Once you\u2019re satisfied, duplicate the layers and hide the originals. Then merge the duplicates into a single layer. This will make it easier for clipping the paper.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Sorry\u2026this got a little longer than I\u2019d planned. I hope you can have fun creating some white space with all these gradients!<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Additional Tips<\/strong><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/MoreTipsCorkBoardsmaller.jpg\" alt=\"Important Tips\" class=\"wp-image-13828\" style=\"width:200px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/MoreTipsCorkBoardsmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/MoreTipsCorkBoardsmaller-300x300.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/MoreTipsCorkBoardsmaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/MoreTipsCorkBoardsmaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Anytime you want to know the exact location of the center of the page before drawing any gradient, you can go to the top tool bar and select View. Then you can either turn the Rulers on or set new Guides. Either option will give you a guide when clicking and dragging.<\/p>\n\n\n\n<p class=\"has-text-align-left\">The length of the gradient line drawn is a matter of personal preference. If you want more of the gradient to be present, just drag a longer line.<\/p>\n\n\n\n<p class=\"has-text-align-left\">The angle at which the line is drawn will determine the angle of the gradient. If a straighter gradient is desired, just draw the line at less of an angle.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"279\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/Gradient100-0smaller.jpg\" alt=\"100% - 0%\" class=\"wp-image-13807\" style=\"width:125px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/Gradient100-0smaller.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/Gradient100-0smaller-290x270.jpg 290w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">With the settings used today, the gradient pixels will always start at 100% opacity and fade to 0% opacity.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Using the color black (or other very dark colors) for your gradient will generate the most saturated version of the gradient. PSE will map to the darkest parts of the clipped paper, reducing its brightness and intensity to create deep shadows.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"256\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/ColorMatterssmaller.jpg\" alt=\"Color Matters\" class=\"wp-image-13834\" style=\"width:150px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/ColorMatterssmaller.jpg 400w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/ColorMatterssmaller-300x192.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">When using lighter colors for your gradient, PSE will map to the brightest parts of the paper, increasing its intensity, making it appear brighter or more washed out.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Using vibrant, saturated colors in the gradient will increase the color intensity of the corresponding, lighter areas of the clipped paper.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"268\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/PixelBasedsmaller.jpg\" alt=\"Pixel Based\" class=\"wp-image-13809\" style=\"width:149px\"\/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Because a gradient is pixel-based, it cannot be moved after it is drawn. If it needs to be moved, you will likely need to redo it. However, as long as the position doesn\u2019t change, it can be resized to make it longer by dragging the lower right corner further down.<\/p>\n\n\n\n<p class=\"has-text-align-left\">With the either Diamond or Radial gradients created at the top or bottom left, you can rotate the layer 180 degrees and position it at the opposite corner.<\/p>\n\n\n\n<p class=\"has-text-align-left\">With the Reflected gradients created from the center going vertically or horizontally, it really doesn\u2019t matter which direction you drag the line. The result will be the same.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Don\u2019t be afraid to experiment with different Blend Modes for the gradient. This will make the gradient colors blend more naturally with the paper texture rather than just painting over it. Try setting the gradient layer to Overlay, Soft Light, or Multiply.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/CombineGradientssmaller.jpg\" alt=\"Play With Gradients\" class=\"wp-image-13810\" style=\"width:150px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/CombineGradientssmaller.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/CombineGradientssmaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/CombineGradientssmaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">If you play with combining different gradients together, keep each gradient on its own layer until you\u2019re happy with the result. Then just merge the layers together. This way you only have one layer to which you\u2019ll clip a paper.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Again, when playing with different gradients on their own layers, another option would be to clip different papers to individual gradients.<\/p>\n\n\n\n<p class=\"has-text-align-left\">If you want to get really creative, try making a selection of only a portion of the page to restrict the gradient to a specific area.<\/p>\n\n\n\n<p class=\"has-text-align-left\"><strong>Creative quote for this week<\/strong>: Learn the rules like a pro, so you can break them like an artist. \u2013 Pablo Picasso<\/p>\n\n\n\n<p class=\"has-text-align-left\">Thanks for reading this week\u2019s Tuesday Tip. Remember, if you have any suggestions or questions please don\u2019t hesitate to &#8220;<strong><a href=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/message-me\/\" title=\"\">Message Me<\/a><\/strong>&#8220;. Check back next week for tips on avoiding \u201ctrapped\u201d white space in a layout. Click \u201c<strong><a href=\"https:\/\/yourscrappingcafe.kit.com\/\" title=\"\">Follow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/StayTuned04smaller.jpg\" alt=\"Stay Tuned\" class=\"wp-image-13804\" style=\"width:125px\" srcset=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/StayTuned04smaller.jpg 300w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/StayTuned04smaller-150x150.jpg 150w, https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-content\/uploads\/2026\/04\/StayTuned04smaller-270x270.jpg 270w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Have you ever had your heart set on a classic white space layout only to find it feeling a bit lackluster in the end? You\u2019re not alone. As trendy as white space tends to get from time to time, it can still be a challenge to strike a good balance. Today I have a quick and easy fix that will help dress up a white space layout without losing the negative space. Unfamiliar with white space layouts? Read on\u2026 What&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/white-space\/\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":13774,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_wp_convertkit_post_meta":{"form":"0","landing_page":"","tag":"0","restrict_content":"0"},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-13775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tuesday-tip-day"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/13775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/comments?post=13775"}],"version-history":[{"count":15,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/13775\/revisions"}],"predecessor-version":[{"id":13903,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/13775\/revisions\/13903"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media\/13774"}],"wp:attachment":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media?parent=13775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/categories?post=13775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/tags?post=13775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}