{"id":10699,"date":"2025-06-17T00:30:00","date_gmt":"2025-06-17T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=10699"},"modified":"2025-09-13T10:17:51","modified_gmt":"2025-09-13T14:17:51","slug":"subtle-chipboard","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/subtle-chipboard\/","title":{"rendered":"Subtle Chipboard"},"content":{"rendered":"\n

In last week\u2019s post about \u201cThick Titles<\/a><\/strong>\u201d, I showed you how to create a chipboard-esque look for your layout\u2019s title.<\/p>\n\n\n\n

Today I want to show you how to create a look for a chipboard title that will blend almost seamlessly into a layout and won\u2019t be such a distraction\u2026<\/p>\n\n\n\n

Compound Blending<\/strong><\/h3>\n\n\n
\n
\"Blended<\/a><\/figure>\n<\/div>\n\n\n

You may be wondering what exactly is compound blending? I\u2019ll answer that in a minute but I first want to explain what it isn\u2019t.<\/p>\n\n\n\n

Frequently a layout will have a very simple background and it\u2019s super easy to blend a title (chipboard or not) into that background so that it looks more subtle. So, what exactly do I mean by a simple background? One that doesn\u2019t involve a lot of layers that are masked or blended together to create the background.<\/p>\n\n\n\n

Earlier this year in my \u201cMore Blurring<\/a><\/strong>\u201d post, I showcased a layout that used that effect:<\/p>\n\n\n

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

You can see how subtle the title looks but is still fairly visible. If you\u2019d like to see more details about that layout you can find it in my 2025 Gallery<\/a><\/strong>.<\/p>\n\n\n\n

With a simple background, I tend to do one of two things. One is to simply change the Blend Mode of the title (as I did in that layout above).<\/p>\n\n\n\n

The second is to make a rectangular selection around the area where the title is and create a copy of that simple background. I then clip that duplicate to the title and play with the opacity or even the blending until I\u2019m satisfied with the look. And here\u2019s how that layout looked using that option:<\/p>\n\n\n

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

Even at this small size you should be able to see that there is a distinct difference in how the title looks now compared to the original. If you\u2019re having trouble seeing the difference\u2026just right-click on the image above and open it in a new tab. It should show up at a larger size.<\/p>\n\n\n\n

Using the paper clipping method is all well and good if I have a simple background. But things can get a little trickier with a complex (compound) background.<\/p>\n\n\n\n

Those are the ones that I mentioned above which involve multiple layers that are masked\/blended. Don\u2019t get me wrong, sometimes using a Blend Mode on the title will work\u2026but not always.<\/p>\n\n\n\n

That brings me back to compound blending. Trust me, it\u2019s really not as complicated as it might sound.<\/p>\n\n\n\n

I don\u2019t know about you but a lot of my layouts have a background that is made up of multiple layers of blended papers, transfers, paint or masked graphics of some form. Here\u2019s a really good example:<\/p>\n\n\n

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

That layout is one I created for my work as part of a Creative Team. The background is made up of seven different layers. That’s right…SEVEN! Crazy, right?!?<\/p>\n\n\n\n

Even I was shocked when I counted up everything I used to create that background. If you\u2019d like to see more details about that layout you can find it in my 2025 CT Gallery<\/a><\/strong>.<\/p>\n\n\n\n

I could have tried blending the title into the background. When it was all said and done, all I did was lower the opacity so it didn\u2019t look too bold.<\/p>\n\n\n\n

If blending the title into the background didn\u2019t work and changing the title\u2019s opacity didn\u2019t look right either, the only other option would be to cut out a part of the background beneath and clip it to the title.<\/p>\n\n\n\n

But cutting a section out of what could be as many as seven different underlying layers doesn\u2019t sound like it would be fun.<\/p>\n\n\n

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

With seven separate layers, to cut out a section of the complete background as it appears in the image above is something a lot of people wouldn\u2019t even begin to think of. Or perhaps they would try but without knowing what I’m about to explain…it probably wouldn’t work out very nicely.<\/p>\n\n\n\n

And if you paid close attention to the featured image at the top of this post, that background should look pretty familiar! I can promise you I did not cut out multiple sections of that complex background to blend that title \ud83d\ude09<\/p>\n\n\n\n

Working with that multi-layered background is what I\u2019ll be tackling today!<\/p>\n\n\n

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

As I said last week, I usually don\u2019t want my title to be front center. And sometimes I just want my title to be \u201cquietly\u201d visible even if it is a chipboard title. There’s a lovely way to accomplish that by using this \u201ccompound blending\u201d technique.<\/p>\n\n\n\n

Before I move forward, just a quick reminder that I use Photoshop Elements (PSE) 2024. If you use a different version, some of my screen shots may not look the same as what you see on your screen.<\/p>\n\n\n\n

I\u2019m actually going to go back to the example chipboard title I showed you last week before I clipped that lavender watercolor paper to it:<\/p>\n\n\n

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

This is the black title (font name is Marisha Regular<\/a><\/strong>) with the \u201cfreehand\u201d chipboard bevel; settings as follows: Lighting Angle = 120 degrees. For the Shadow; Size = 18px, Distance = 2 and Opacity = 50%. For the Bevel; Size = 10px and Direction = Up.<\/p>\n\n\n\n

And this is that same white watercolor textured paper from \u201cWatercolor Paper Textures Craft White<\/a><\/strong>\u201d by Julia Dreams at Creative Fabrica that I used last week.<\/p>\n\n\n\n

Note<\/strong>: If you\u2019re following along, you can use any solid background paper you like and any title with whatever font that you like. But please do try to use the same chipboard settings (at least to start).<\/p>\n\n\n\n

Now for the background\u2026<\/p>\n\n\n\n

Compound Background<\/strong><\/h3>\n\n\n\n

Next, I\u2019m going to create a complicated (compound) background behind that title. I promise, it won\u2019t be seven layers \ud83d\ude09<\/p>\n\n\n\n

I\u2019m going to pull in a mask of my own creation and resize it so that it covers a fair portion of that white paper:<\/p>\n\n\n

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

Note<\/strong>: If you\u2019re following along, you can use any mask you like. Just try to re-size it so that it\u2019s considerably larger than your title.<\/p>\n\n\n\n

I\u2019m going to hide the title for right now. Then, I\u2019ll bring in a fairly artsy paper:<\/p>\n\n\n

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

This paper is from \u201cMelody Of Spring<\/a><\/strong>\u201d by CarolW Designs. And I just clip it to that mask:<\/p>\n\n\n

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

I\u2019m going to pull in one last artsy bit to compliment the look:<\/p>\n\n\n

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

This music note transfer is also from the same kit mentioned above. I love how this looks but I\u2019d like the \u201corange\u201d to be a bit less intense. So, I\u2019m going to duplicate that layer and simplify it.<\/p>\n\n\n\n

I want this new layer to be white. So, I click the Lock transparent pixels icon at the top of the Layers Panel (the checkered square with a lock at the bottom right). I first talked about the importance of this in my \u201cIt\u2019s All About The Mask<\/a><\/strong>\u201d post back in October of 2023.<\/p>\n\n\n\n

Then I simply flip my color chips (press X) and using the Paint Bucket tool I click on an orange part of the music notes and it\u2019s now all white:<\/p>\n\n\n

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

Now I\u2019ll just lower the opacity of this white layer until I\u2019m happy. I ended up lowering it to 50%:<\/p>\n\n\n

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

At this point I now have 5 layers that make up this pretty background; the white watercolor base, the mask, artsy paper and 2 copies of the music notes transfer. See how quick you can end up with so many layers in a background?<\/p>\n\n\n\n

I\u2019m going to unhide the title layer and see what happens if I try to just blend that layer into the background. The Blend Modes of Lighten, Difference and Exclusion looked okay (and all very similar):<\/p>\n\n\n

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

But I know I can make this even more subtle than that. This is where the composite background comes into play.<\/p>\n\n\n\n

In essence what I want to do is create a single layer (composite) background that I can clip to the title. I know that probably sounds like a lot of work but it really isn\u2019t.<\/p>\n\n\n\n

Single-Layer Background<\/strong><\/h3>\n\n\n\n

I\u2019m going to set the Blend Mode back to Normal for the rest of this. The next thing I have to do is select all five background layers in the Layers Panel (making them all active). This is what my Layers Panel looks like now:<\/p>\n\n\n

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

There is a quick PSE shortcut for the next step but I want to walk you through things the \u201clong way\u201d first.<\/p>\n\n\n\n

I\u2019m going to duplicate these active layers (Ctrl+J). The duplicate set of those five layers is now active:<\/p>\n\n\n

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

Now I can simply right-click anywhere within the selected layers and then select Merge Layers:<\/p>\n\n\n

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

PSE then merges those five layers into one layer which is now directly below my title layer.<\/p>\n\n\n\n

If you want to use the handy PSE shortcut for this it\u2019s so quick. I\u2019m going to pretend I haven\u2019t already duplicated\/merges the layers.<\/p>\n\n\n\n

With the five background layers active in the Layers Panel, all I have to do is press Ctrl+Alt+E and PSE creates a merged copy of the active layers (which remain intact). And the new layer is active directly below my title layer.<\/p>\n\n\n\n

Either process produces the same result. Sometimes those shortcut combinations are hard to remember. That\u2019s why I wanted you to know how to do it the long way \ud83d\ude09<\/p>\n\n\n\n

I now move that new single-layer, composite (merged) background above the title layer and clip it to title:<\/p>\n\n\n

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

That looks virtually identical to what happened when I just blended the title above. But this time I have the option to play with some settings to get an even more subtle look. Something I couldn\u2019t do when just trying to use a Blend Mode.<\/p>\n\n\n\n

Making Adjustments<\/strong><\/h3>\n\n\n\n

With the title layer active I can adjust the opacity which will make it appear softer and lighter. I generally try 50% first and go up or down from there until I\u2019m happy with the look. This time, 60% seemed to give me the best result:<\/p>\n\n\n

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

I know that may look a bit too subtle. But I was trying to make a point here. You can very easily make a title so subtle that it\u2019s barely visible at all. Not that this option would often make much sense. But it is possible.<\/p>\n\n\n\n

Note<\/strong>: The degree to which I adjust the opacity will change from layout to layout depending on the colors in the background. So, there\u2019s really no exact science for picking an opacity setting. It\u2019s totally a personal preference call.<\/p>\n\n\n\n

The other way to adjust the subtlety involves adjusting the shadow settings. But first, I\u2019ll set the opacity of the title layer back to 100%. Then I\u2019ll go in and play around with the shadow settings.<\/p>\n\n\n\n

I double-click on the Effects icon (fx<\/em>) at the far right of the title layer. PSE opens the settings dialog box. The setting which I usually adjust is the shadow\u2019s Opacity:<\/p>\n\n\n

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

If you remember, when creating the bevel this was set to 50%. I\u2019m initially going to drop that down to 20%:<\/p>\n\n\n

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

Not quite as subtle as the last example but still an okay option. Unfortunately, I\u2019m still really not all that happy with this.<\/p>\n\n\n\n

When all else fails I can go in and get a bit more drastic with the shadow settings. Not something I\u2019m a huge fan of but it can come in handy on certain backgrounds.<\/p>\n\n\n

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

When doing this, the first shadow setting I change is the Distance to zero px. If you remember, when creating the bevel this was set to 2px. By setting it to zero, the shadow will be equidistant around each letter. Thereby making the shadow Color, Size and Opacity the governing settings.<\/p>\n\n\n\n

That\u2019s right, playing with the shadow Color can be an option anytime I adjust the shadow for subtlety. But usually this only happens when I\u2019m frustrated with everything I\u2019ve already tried surrounding a bevel.<\/p>\n\n\n

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

And if you read my \u201cStitching Realism<\/a><\/strong>\u201d post back in August of 2024, you know I\u2019m not usually a fan of black shadows anyway. I only make exceptions when a bevel is involved. Those almost always start out at black.<\/p>\n\n\n\n

Given what I usually teach about shadowing, I went with one of the mid-green tones (#5e8c4b) in the artsy paper portion of the background. Then I monkeyed around with the Size and Opacity settings until I was finally happy:<\/p>\n\n\n

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

The final shadow settings were: Color = #5e8c4b, Size = 40, Distance = zero and Opacity = 30. Yup, those numbers look pretty drastic for a \u201cnormal\u201d shadow, right?!?<\/p>\n\n\n\n

But in the end, this is a lot more subtle than just changing the opacity of the shadow. And I definitely like this option better than the results of the very first non-blend option\u2026only changing the opacity of the title layer itself. At least with this new shadow option I feel like my title isn\u2019t \u201ctoo quiet\u201d \ud83d\ude09<\/p>\n\n\n\n

Cleaning Up<\/strong><\/h3>\n\n\n\n

Before I close this out, I want to change things so I finish with a more appropriate title for this final example:<\/p>\n\n\n

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

Clearly this isn\u2019t a typical layout what with the \u201ctitle\u201d smack dab in the middle of the page. But I hope you get the concept of Compound Blending and will give it a try on any title\u2026not just a chipboard title.<\/p>\n\n\n\n

And now that I\u2019m finally done and 100% happy with how this turned out I will do one more thing for space saving purposes.<\/p>\n\n\n\n

I certainly don\u2019t need the entire merged (composite) background that I created for the title. All I need is the portion that covers the text.<\/p>\n\n\n\n

So, with the composite background layer active, using the Rectangular Marquee tool I make a selection around my title:<\/p>\n\n\n

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

Then I create a new layer from that selection (Ctrl+J), clip that to my title and delete the full-sized composite layer.<\/p>\n\n\n\n

Oh, and I thought you might like to see a layout where I used this technique:<\/p>\n\n\n

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

If you want additional details about this layout, you can find it in my 2025 Gallery<\/a><\/strong>.<\/p>\n\n\n\n

I hope you will give this a try the next time you\u2019re trying to have a \u201cquietly\u201d visible title on a layout with a complicated background.<\/p>\n\n\n\n

Extra Tips<\/strong><\/h3>\n\n\n
\n
\"Blending<\/a><\/figure>\n<\/div>\n\n\n

Blending titles (chipboard or otherwise) into a complicated background can work out just fine from time to time. But sometimes it can get a bit tricky. And I can tell you this from my experience, even when it does work out \u201cokay\u201d, using this compound blending technique can generate surprisingly different\/better results.<\/p>\n\n\n\n

When working to blend a chipboard title, try not to mess with the size of the bevel. Concentrate instead on tweaking the shadow or even the opacity of the title itself.<\/p>\n\n\n\n

When you create a composite (single) layer of a complicated background, it\u2019s best to be certain that you include all of the layers that comprise the entire background not just the ones directly under the title. If you end up deciding to move your title at some point (happens to me a lot) you could run into a bit of a problem if you didn\u2019t include the background layers for the new position.<\/p>\n\n\n\n

Think about this if you create a composite layer of a complicated background; if you are 100% positive you\u2019ll never have to make changes to any part of your background, you can replace all of the original background layers with the composite. Of course, this only matters if you save your layout file as a PSD \ud83d\ude09<\/p>\n\n\n\n

Last but not least, please don\u2019t let this title technique dissuade you from creating complicated backgrounds. If anything, I hope this inspires you to create more complex backgrounds in the future!<\/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 some fun tips about title cut outs. 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":"

In last week\u2019s post about \u201cThick Titles\u201d, I showed you how to create a chipboard-esque look for your layout\u2019s title. Today I want to show you how to create a look for a chipboard title that will blend almost seamlessly into a layout and won\u2019t be such a distraction\u2026 Compound Blending You may be wondering what exactly is compound blending? I\u2019ll answer that in a minute but I first want to explain what it isn\u2019t. Frequently a layout will have…<\/p>\n

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