{"id":13241,"date":"2026-03-10T00:30:00","date_gmt":"2026-03-10T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=13241"},"modified":"2026-03-10T07:38:47","modified_gmt":"2026-03-10T11:38:47","slug":"circles-circles","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/circles-circles\/","title":{"rendered":"Circles, Circles"},"content":{"rendered":"\n

So, today\u2019s post should be a breath of fresh air after being \u201ctaped up\u201d for three weeks running \ud83d\ude0a Seriously, this should be a quick fun technique using offset circles. Based on the featured image you may be thinking we\u2019ll be looking at circles, circles and more circles \ud83d\ude09<\/p>\n\n\n\n

There really won\u2019t be that many. But I will show you how to create an offset look using the elliptical marquee tool and a stroke outline. If you\u2019ve already read my post about \u201cStroking Shapes<\/a><\/strong>\u201d from April of 2023, some of what you\u2019ll see today will feel familiar.<\/p>\n\n\n\n

This technique is such a fun way to scatter multiple photos across a page but still keep them anchored. And if you read my \u201cBrushed Design<\/a><\/strong>\u201d post on December 2, 2025, you already know how important anchoring is.<\/p>\n\n\n\n

Offset Elements<\/strong><\/h3>\n\n\n
\n
\"Example<\/figure>\n<\/div>\n\n\n

The image directly above is an example of what I\u2019ll be creating today. Just wait until you see how easy this really is.<\/p>\n\n\n\n

And here\u2019s my usual 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

I\u2019m going to start by creating a new 12×12 file with a white base in PSE:<\/p>\n\n\n

\n
\"White<\/figure>\n<\/div>\n\n\n

Then I ensure that my Foreground\/Background color chips are set to the default of B&W (press D).<\/p>\n\n\n\n

In the Layers Panel I click on the \u201cCreate a new layer\u201d icon and PSE creates that new blank layer (Layer 2 for me) directly above my white background. I immediately rename Layer 2 to \u201cPhoto Mask\u201d. This layer is now the active layer.<\/p>\n\n\n\n

Next, I grab the Elliptical Marquee tool. In the Tool options I click on the New Selection icon, check Anti-aliasing, set the Feather to zero and the Aspect to Normal:<\/p>\n\n\n

\n
\"Marquee<\/figure>\n<\/div>\n\n\n

Holding down the Shift key, I click and drag out a circle, about 4 inches in diameter, near the center of the file:<\/p>\n\n\n

\n
\"Circle<\/figure>\n<\/div>\n\n\n

I then press Alt+Backspace to fill the selection with black. Please pay very close attention here\u2026 I DO NOT<\/strong> cancel the selection at this point!!!!!<\/p>\n\n\n

\n
\"Selection<\/figure>\n<\/div>\n\n\n

I kept the selection around this circle because I\u2019ll need that to create the stroke in the next step.<\/p>\n\n\n\n

Add The Stroke<\/strong><\/h3>\n\n\n\n

While holding down the Ctrl key, I click on the \u201cCreate a new layer\u201d icon in the Layers Panel. PSE then creates the new blank layer (Layer 2 for me) below the Photo Mask layer. This is exactly where I want that new layer.<\/p>\n\n\n\n

I immediately rename Layer 2 to \u201cCircle Stroke\u201d. Ensuring that the new layer is active, I go to the top tool bar and select Edit->Stroke (Outline) Selection:<\/p>\n\n\n

\n
\"Stroke<\/figure>\n<\/div>\n\n\n

PSE then opens the Stoke dialog box and I change the color to a medium grey (#808080), set the Width to 25px, the Location to Inside, the Blending to Normal, the Opacity to 100%, ensure that Preserve Transparency is not checked and click OK to confirm:<\/p>\n\n\n

\n
\"Stroke<\/figure>\n<\/div>\n\n\n

I know, you don\u2019t see the stroke. Don\u2019t panic\u2026everything worked just fine. Because I created the “inside” stroke outline on the layer beneath the Photo Mask layer, the stroke outline is not visible at this point.<\/p>\n\n\n\n

Now it\u2019s time to create the offset circle effect\u2026<\/p>\n\n\n\n

Create The Offset<\/h3>\n\n\n\n

With the \u201cCircle Stroke\u201d layer active I grab the Move tool. In the Tool options I uncheck Auto Select Layer (PSE automatically unchecks Show Highlight on Rollover) and I check Show Bounding Box:<\/p>\n\n\n

\n
\"Auto<\/figure>\n<\/div>\n\n\n

I then click somewhere inside the bounding box and drag the stroke outline away from the photo clipping mask:<\/p>\n\n\n

\n
\"Offset<\/figure>\n<\/div>\n\n\n

By unchecking Auto Select Layer PSE forces me to click on a layer in the Layers Panel rather than clicking on the image in the file when I want to move\/transform the image. This is also what makes it easy to click inside the bounding box.<\/p>\n\n\n\n

Creating the offset effect really is just that simple. And I just as easily could have nudged the \u201cCircle Stroke\u201d using the arrow keys.<\/p>\n\n\n\n

Note<\/strong>: You don\u2019t have to move the stroke outline into the same location as I. You can use whatever direction and distance suits your project\/preference.<\/p>\n\n\n\n

If I want to add more circles\/offsets, I can now either create new ones at different sizes or simply duplicate this first set then re-size\/reposition it as many times as I like until I end up with something like this:<\/p>\n\n\n

\n
\"Multiple<\/figure>\n<\/div>\n\n\n

Note<\/strong>: If you re-size the circle\/offset as a set (the two layers linked), the width of the stroke will change as well. If you make the set smaller, the width of the stroke will be thinner. Conversely, if you make the set larger, the stroke width will be thicker. And that\u2019s perfectly alright! If you want the stroke to be consistent for all offsets, you will need to create the different sized circles separately and add the stroke to each one independently using the same stroke settings for all.<\/p>\n\n\n\n

All that\u2019s left now is to add photos to the photo masks and clip papers to (or simply recolor) the stokes. This configuration should look fairly familiar. It\u2019s just like the example image I showed you in the beginning. And here it is as a reminder:<\/p>\n\n\n

\n
\"Offset<\/figure>\n<\/div>\n\n\n

Create Variations<\/strong><\/h3>\n\n\n\n

I\u2019m not limited to using only the Elliptical Marquee tool. I could use the Rectangular Marquee tool to create squares or rectangles. But truthfully, I can use just about any shape and create the same effect:<\/p>\n\n\n

\n
\"Offset<\/figure>\n<\/div>\n\n\n

When I use a shape rather than one of the Marquee tools I do need to create the effect in a slightly different way. Whether I use a shape element from my stash or create one using the PSE custom shape, all I need to do is place a new blank layer beneath the shape\u2019s layer. Then with that new layer active I Ctrl-Click on the thumbnail of the shape layer to get a selection outline. Then I can create the stroke outline just as I did when using the Marquee tool.<\/p>\n\n\n\n

And here\u2019s a layout I made using this offset technique:<\/p>\n\n\n

\n
\"Wonderland<\/figure>\n<\/div>\n\n\n

I love how the offset circles add interest to my round photos and enhance the whimsical feel of the page. Nearly everything I used for this layout was from \u201cWonderland<\/a><\/strong>\u201d by Ilonka\u2019s Designs.<\/p>\n\n\n\n

If you\u2019d like to see more details about this layout you can find it in my 2026 Gallery<\/a><\/strong>. The title of this layout is \u201cWonderland\u201d.<\/p>\n\n\n\n

Simple Tips<\/strong><\/h3>\n\n\n
\n
\"Helpful<\/figure>\n<\/div>\n\n\n

You can use this offset technique on just about any shape or even alphas.<\/p>\n\n\n\n

Remember to create the stroke outline on a separate (blank) layer beneath the shape you\u2019re using.<\/p>\n\n\n\n

Honestly, nothing says your offset must be below your photo mask. Placing an offset above the photo can add an entirely new look to the effect. Don’t be afraid to give it a try!<\/p>\n\n\n\n

You\u2019re not restricted to using the specific size (25px) used today for the stroke outline you create. It can be as thick or as thin as you like.<\/p>\n\n\n\n

Feel free to position your stroke outline in any position relative to the corresponding shape. I do recommend that it still be touching the shape.<\/p>\n\n\n\n

Once your photo circle\/offset combination is positioned it\u2019s a good idea to link those two layers together. This will unsure that they move simultaneously if you reposition your photo circle.<\/p>\n\n\n\n

As you can see in my example layout, it’s perfectly fine to have some “lone” offsets; ones not associated with a photo mask at all. This can serve to reinforce the offset effect. But it’s a good idea to ensure an offset isn’t left “floating”. Be sure to anchor it to the page somehow. Even if only by having it partially off the page.<\/p>\n\n\n\n

You don\u2019t have to uncheck Auto Select Layer when using the move tool. This just makes it easier to click inside the bounding box and drag the stroke around.<\/p>\n\n\n\n

If you really want to get a little \u201cwild\u201d experiment with multiple different shapes switch the stroke outlines around so they aren\u2019t with the corresponding shape. This can add a whole new level of interest to a page.<\/p>\n\n\n\n

I discourage adding too many embellishments to a layout that has a lot of offset elements. It can make the page look busy and draw focus away from the photos.<\/p>\n\n\n\n

Wise words from a fairy tale\u2026Imagination is the only weapon in the war against reality. \u2013 The Cheshire Cat<\/p>\n\n\n\n

Thanks for reading this week\u2019s Tuesday Tip. Remember, if you have any suggestions or questions please don\u2019t hesitate to “Message Me<\/a><\/strong>“. Check back next week for tips about echoes. Click \u201cFollow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n

\n
\"Stay<\/figure>\n<\/div>\n\n\n

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

So, today\u2019s post should be a breath of fresh air after being \u201ctaped up\u201d for three weeks running \ud83d\ude0a Seriously, this should be a quick fun technique using offset circles. Based on the featured image you may be thinking we\u2019ll be looking at circles, circles and more circles \ud83d\ude09 There really won\u2019t be that many. But I will show you how to create an offset look using the elliptical marquee tool and a stroke outline. If you\u2019ve already read my…<\/p>\n

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