{"id":3779,"date":"2024-02-20T00:30:00","date_gmt":"2024-02-20T05:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=3779"},"modified":"2025-01-17T11:15:31","modified_gmt":"2025-01-17T16:15:31","slug":"spilling-over","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/spilling-over\/","title":{"rendered":"Spilling Over"},"content":{"rendered":"\n

So, last week\u2019s post<\/a><\/strong> got to be a bit long. To avoid potentially overwhelming you\u2026I\u2019ve kind of let the topic spill over to this week. So that\u2019s where we are today. As I previously mentioned, there\u2019s some confusion about the difference between Out Of Bounds (OOB) & Spill Frames. It really boils down to the difference in precision.<\/p>\n\n\n\n

OOB – Spill Frame Part 2<\/strong><\/h3>\n\n\n\n

A true OOB is very precise with a very well-defined portion of the photo extending beyond the frame with the remainder of the photo being contained only within the frame. While a spill frame effect has sections of a photo spilling out over the frame in a very imprecise manner. And this happens often in multiple locations around the frame which in effect displays more of the photo than what might show up with the OOB effect. Such as this:<\/p>\n\n\n

\n
\"OOB<\/a><\/figure>\n<\/div>\n\n\n

Notice that only the wave & surf board extend beyond the frame. Now I want you to look at this same photo treated with a Spill Frame.<\/p>\n\n\n

\n
\"Spill<\/a><\/figure>\n<\/div>\n\n\n

A lot of people would consider this an OOB because the surfer’s arms\/hands extend beyond the frame. But this photo, strictly speaking, would be considered a Spill Frame because there\u2019s so much more water spilling out around the entire frame.<\/p>\n\n\n\n

Just try to remember this\u2026a Photo Spill Frame is out of bounds but an Out of Bounds effect is not necessarily a Photo Spill Frame! I know that doesn\u2019t really clear up the confusion all that much. In either case the technique used is different. Last week I covered OOB & today I\u2019ll give you tips on Spill Frames.<\/p>\n\n\n\n

Note:<\/strong> Please remember that I have a Windows operating system & use the current version of Photoshop Elements (PSE 2024). Some of my screenshots may look different than what you see on your screen & everything that follows is done using that software configuration. I\u2019m fairly certain you can accomplish all of this in most any graphics editing software. Just look for tutorials specific to your chosen software.<\/p>\n\n\n\n

Spill Frames<\/h3>\n\n\n\n

You may or may not already have some spill frames in your arsenal of supplies. These are almost always a layered PSD file. Some designers will call a set of them Frames & Masks while other designers will call them Out Of Bounds Masks & Frames (even though they might not technically be an OOB).<\/p>\n\n\n\n

But they don\u2019t have to be layered. Every once in a while, you can run across a set of clipping masks that will give you a spill frame effect such as these:<\/p>\n\n\n

\n
\"Masks<\/a><\/figure>\n<\/div>\n\n\n

This set of masks is from \u201cGrow Old Along With Me\u201d by Zesty Designs (currently not available). While there\u2019s no actual frame, you can see in the example how the mask gives the illusion of a frame. These masks are fun to play with but they are not the kind of spill frames I want to talk about today.<\/p>\n\n\n\n

Here is an example of some layered spill frames:<\/p>\n\n\n

\n
\"Dare<\/a><\/figure>\n<\/div>\n\n\n

This set of frames & masks is from \u201cDare To Dream<\/a><\/strong>\u201d by TirAmisu Design. I know you\u2019re trying to figure out why I specifically call these out as a spill frame.<\/p>\n\n\n\n

I\u2019m going to use the same kayak photo I used last week and one of those Dare To Dream frames & masks (rotated horizontally) to show you the difference.<\/p>\n\n\n

\n
\"Spill<\/a><\/figure>\n<\/div>\n\n\n

Here\u2019s the OOB version as a reminder:<\/p>\n\n\n

\n
\"OOB<\/a><\/figure>\n<\/div>\n\n\n

It\u2019s really all about the precision. Spill frames are much more \u201cforgiving\u201d and so much easier to modify. And that\u2019s what I\u2019m going to talk about next.<\/p>\n\n\n\n

Unlike with the OOB effect, just about any photo will work and you\u2019ll typically see more of the original photo in the end result.<\/p>\n\n\n\n

And, I have to say it\u2019s really much easier to create your own Spill Frame than it is to create the OOB effect. It does take some practice and patience if you\u2019re new to using brushes to create a mask. But good news…there generally is no need to use the PSE Selection tools. And you can also refer back to my earlier post on creating masks<\/a><\/strong>!<\/p>\n\n\n\n

Modify A Layered Spill Frame<\/h3>\n\n\n
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Today I want to show you how very easy it is to take an existing layered Spill Frame and customize it for your photo. I\u2019m going to be working with a layered set out of “Spill Frame Layers 30<\/a><\/strong>” from Katie Pertiet Designs. You might even recognize the example image in the set preview directly above. It\u2019s actually the featured image at the very top of this post. <\/p>\n\n\n\n

And I\u2019m going to use this photo from Pixabay<\/a><\/strong>:<\/p>\n\n\n

\n
\"Winter<\/a><\/figure>\n<\/div>\n\n\n

Since I haven\u2019t really started a layout just yet, I\u2019m going to open a blank file in PSE sized at 12×12. This will give me plenty of room for my spill frame & photo. I\u2019m also going to fill the background with a bright green color (you can use any high contrast color of your choosing). Why, you ask? There\u2019s a lot of white in both the spill frame and the photo and I want to really be able to see how that photo is showing up in the spill area. So, here\u2019s my starting point:<\/p>\n\n\n

\n
\"Original<\/a><\/figure>\n<\/div>\n\n\n

I\u2019m not totally thrilled with how much of my skier looks green. That means that the mask is very transparent in many spots. But I know I can easily fix that.<\/p>\n\n\n\n

Note:<\/strong> Last week in the first section of the post about OOB<\/a><\/strong> I provided a lot of screenshots showing the Layers panel view. I\u2019m not going to be doing that today as it just takes up a lot of room and makes the post that much longer. I will be very careful to keep the layers\u2019 names (and their order) easy to follow.<\/p>\n\n\n\n

Okay, now before doing anything else, I duplicate the mask layer of my spill frame, rename the new layer New Mask and hide the original mask and make it the bottom layer. This way I preserve the original mask in case I mess something up.<\/p>\n\n\n\n

I ensure that the New Mask layer is selected. I then set my foreground color to a shade of grey matching the existing mask (hex value #babbba). I select a nice watercolor brush (more info on those in the next section) and just paint over the existing mask until I\u2019m happy with the amount of my photo that will be visible. Here\u2019s what I ended up with:<\/p>\n\n\n

\n
\"Modified<\/a><\/figure>\n<\/div>\n\n\n

I like this much better. But I think I want a bit more of my photo to show in some spots outside the frame. So, I do some more brushing until I end up with this\u2026<\/p>\n\n\n

\n
\"Modified<\/a><\/figure>\n<\/div>\n\n\n

I\u2019m much happier with this. With one exception\u2026I\u2019d like the frame to have smaller gaps on each side, especially on the right where his hand is reaching out.<\/p>\n\n\n\n

Note:<\/strong> I know at the beginning of this post I mentioned that working with spill frames typically doesn\u2019t require the use of any PSE Selection tools. And I stand by that. But in the following few steps I am going to be using the Marquee tool. Again, this is not a normal occurrence when working with purchased spill frames. I only find this necessary when I end up modifying a spill frame\u2019s existing frame!<\/p>\n\n\n\n

Before making any adjustments to the frame, I duplicate the original frame layer of my spill frame, rename the new layer New Frame, hide the original frame and move it to above the hidden original mask at the bottom. Again, this will preserve the original frame in case I make any mistakes.<\/p>\n\n\n\n

I ensure that the New Frame layer is selected. I\u2019m going to start on the left side of the frame. Using the Rectangular Marque Tool, I draw a selection box around the frame starting just below where the tape crosses the frame and extending to where the frame is torn:<\/p>\n\n\n

\n
\"Modify#1<\/a><\/figure>\n<\/div>\n\n\n

I then create a new lay via copy and move that new layer down until it just covers the torn area on the original frame:<\/p>\n\n\n

\n
\"Modify<\/a><\/figure>\n<\/div>\n\n\n

That looks better. I repeat these select\/copy\/move steps on the remainder of the frame areas I want to change and here\u2019s the result:<\/p>\n\n\n

\n
\"Modify<\/a><\/figure>\n<\/div>\n\n\n

I am so much happier with this. So, I merged all the additional frame pieces to the New Frame layer just to keep them all together as a single frame. And now you know how to easily modify an existing layered spill frame!<\/p>\n\n\n\n

And to complete the process, I\u2019ve added my skier to a layout\u2026<\/p>\n\n\n

\n
\"Winter<\/a><\/figure>\n<\/div>\n\n\n

Note:<\/strong> This layout was created using \u201cWinter Magic<\/a><\/strong>\u201d (including a template) by Dutch Dream Designs & Heartstrings Scrap Art. You can see more details about the layout in my gallery<\/a><\/strong>.<\/p>\n\n\n\n

If you\u2019re working on a new file (as I) then you can either copy the Frame & Mask layers from this new file to a layout in progress or save this file as a layered PSD for future use. Just remove any extraneous layers before saving it as a PSD. You can crop the file to size if you want before saving it but it certainly isn\u2019t necessary. Leaving it at the current size would allow some wiggle room if you needed to add to the outer portions of the mask to accommodate a different photo. I chose to save mine as a PSD. And here it is:<\/p>\n\n\n

\n
\"New<\/a><\/figure>\n<\/div>\n\n\n

Yes, you can see the silhouette of my skier\u2026LOL. But that doesn\u2019t mean I can\u2019t use this Spill Frame combo again. I know how to do a little bit of tweaking.<\/p>\n\n\n\n

Create A Layered Spill Frame<\/h3>\n\n\n
\n
\"Don't<\/a><\/figure>\n<\/div>\n\n\n

Ok, so given everything discussed in the section above, you could easily create your own layered custom spill frame by modifying an existing one from your stash of supplies. As the old idiom goes\u2026why reinvent the wheel?<\/p>\n\n\n\n

But what if you don\u2019t have any layered spill frames in your stash? Just look for any individual frames & masks that you do already have. These are all you need to create your own spill frame.<\/p>\n\n\n\n

Let me show you how to make one\u2026<\/p>\n\n\n\n

Just as I did when modifying an existing layered spill frame, I\u2019m going to open a blank file in PSE sized at 12×12 with a bright green background. This will give me plenty of room for my spill frame (& photo if I\u2019m using one as a guide).<\/p>\n\n\n\n

Typically, I have a photo in mind when I\u2019m looking to use a spill frame. But it\u2019s not required. All you need is a frame & a mask. It would help to at least know whether you want a landscape or portrait-oriented frame.<\/p>\n\n\n\n

I\u2019m going to be using this photo of mine:<\/p>\n\n\n

\n
\"Lake<\/a><\/figure>\n<\/div>\n\n\n

Along with a frame and mask from \u201cOpen Doors<\/strong>\u201d by PapierStudio Silke (currently not available). So, here\u2019s my starting point:<\/p>\n\n\n

\n
\"Photo<\/a><\/figure>\n<\/div>\n\n\n

The first thing I\u2019m going to do is look for places where it makes sense (or at least somewhat) for portions of the photo to cross the frame, such as these:<\/p>\n\n\n

\n
\"Additional<\/a><\/figure>\n<\/div>\n\n\n

These are spots where I need to erase part of the frame and may need to increase how much photo is being picked up by the mask.<\/p>\n\n\n\n

I\u2019m going to use one of my \u201cgo to\u201d watercolor artist brushes to work around the frame & some of the mask. The brush I\u2019m using was part of a watercolor action set I obtained via a class I attended quite some time ago. Unfortunately, I can\u2019t share that brush with you. But I know there are a lot of great free watercolor brushes at Brusheezy<\/a><\/strong> that would work perfectly for this instance. Just search for watercolor brushes.<\/p>\n\n\n\n

When I\u2019m making changes to an existing mask, I always duplicate the mask layer, rename the new layer to New Mask and hide the original mask layer. I can than just set my foreground chip color to match the color of the mask (in this case black) and use my brush to add to the mask as needed. Since I have preserved my original I don\u2019t have to worry if I mess things up\u2026I can always go back to the original if necessary.<\/p>\n\n\n\n

If I\u2019m erasing part of a frame, I always use a layer mask. Since \u201cmasking\u201d is a non-destructive method of erasing, I don\u2019t need to duplicate the frame layer. Masking also allows me to more easily make changes as I go along\u2026removing and\/or adding portions of the frame until I\u2019m happy with the result.<\/p>\n\n\n\n

After tweaking both the mask & the frame here\u2019s my result:<\/p>\n\n\n

\n
\"Photo<\/a><\/figure>\n<\/div>\n\n\n

I\u2019m pretty happy with this so I\u2019m going to first, remove all extraneous layers (including the photo), crop to size and save as a layered file (PSD) for future use. Notice, I did not yet add a shadow to the frame. I prefer to do that once I incorporate it into a layout and know what the lighting angle is for everything else.<\/p>\n\n\n\n

Next, I work this into a layout I had planned for this lovely photo:<\/p>\n\n\n

\n
\"Lake<\/a><\/figure>\n<\/div>\n\n\n

Note:<\/strong> This layout was created using \u201cSeashell Memories<\/a><\/strong>\u201d (including a template) by Heartstrings Scrap Art. You can see more details about the layout in my gallery<\/a><\/strong>.<\/p>\n\n\n\n

See, it\u2019s not so hard to make a custom layered spill frame after all. I have to be honest\u2026I did have to do a bit more tweaking to the mask & frame once I put it in the layout. But that\u2019s the beauty of knowing how to make these kinds of adjustments.<\/p>\n\n\n\n

There is one more trick I didn\u2019t cover. If you use the layer mask method rather than erasing the frame you must simplify the layer before applying any shadows. Otherwise, you end up with shadows where they don\u2019t belong.<\/p>\n\n\n\n

Most Important Tips About Spill Frames & Masks<\/h3>\n\n\n
\n
\"Don't<\/a><\/figure>\n<\/div>\n\n\n

Don\u2019t let the difference between OOB & Spill Frame scare you. The worst thing you can do is overthink things. Just pick the technique that fits your photo, layout design and skill level. Then let that and your imagination drive your approach.<\/p>\n\n\n\n

And a quick reminder…if you don\u2019t have any masks (or suitable ones) in your stash just refer back to my prior post about creating masks<\/a><\/strong>. There’s nothing to stop you from making your own \ud83d\ude09<\/p>\n\n\n\n

I know I sound like a broken record here but the key is practice, practice, practice. The more you work with these techniques the better you\u2019ll get at creating your own spill frames.<\/p>\n\n\n\n

And, if you have any questions or need a bit of help, please don\u2019t hesitate to \u201cMessage Me<\/a><\/strong>\u201d for some assistance.<\/p>\n\n\n\n

Thanks for reading this week\u2019s Tuesday Tip. <\/em>If you want to stay informed about new posts, just click \u201cFollow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n

\n
\"Stay<\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"

So, last week\u2019s post got to be a bit long. To avoid potentially overwhelming you\u2026I\u2019ve kind of let the topic spill over to this week. So that\u2019s where we are today. As I previously mentioned, there\u2019s some confusion about the difference between Out Of Bounds (OOB) & Spill Frames. It really boils down to the difference in precision. OOB – Spill Frame Part 2 A true OOB is very precise with a very well-defined portion of the photo extending beyond…<\/p>\n

Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":3778,"comment_status":"open","ping_status":"open","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-3779","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\/3779","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=3779"}],"version-history":[{"count":0,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/posts\/3779\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media\/3778"}],"wp:attachment":[{"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/media?parent=3779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/categories?post=3779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/wp-json\/wp\/v2\/tags?post=3779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}