{"id":11197,"date":"2025-07-29T00:30:00","date_gmt":"2025-07-29T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=11197"},"modified":"2025-07-29T07:25:30","modified_gmt":"2025-07-29T11:25:30","slug":"more-on-folds","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/more-on-folds\/","title":{"rendered":"More On Folds"},"content":{"rendered":"\n

So, in last week\u2019s \u201cSplit Title Twist<\/a><\/strong>\u201d post I showed you how to \u201cfold\u201d a title in half. But it got a bit long and there is more to the story when it comes to folding a word.<\/p>\n\n\n\n

Today I\u2019m going to show you how to enhance the fold so that it looks three dimensional and a bit more realistic. To do this, I\u2019ll be using gradients, shadows the Warp tool and a custom brush.<\/p>\n\n\n\n

I\u2019ll be picking up where I left off with the simple fold.<\/p>\n\n\n\n

Enhance The Fold Effect<\/strong><\/h3>\n\n\n
\n
\"Intensify\"<\/a><\/figure>\n<\/div>\n\n\n

It\u2019s time to add some touches that will enhance the look\u2026<\/p>\n\n\n\n

Quick reminder, 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

The single best way to make this fold look more realistic is to add a shadow across the center \u201cfold\u201d using a gradient. If you played with the \u201cMore Bi-Color<\/a><\/strong>\u201d from two weeks ago, this shouldn\u2019t feel too challenging for you.<\/p>\n\n\n\n

Note<\/strong>: If you didn\u2019t read last week\u2019s post, you may want to do that before you finish reading today\u2019s post. It will not only get you \u201ccaught up\u201d it may help some things make a bit more sense.<\/p>\n\n\n\n

And here\u2019s where we stopped last week:<\/p>\n\n\n

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

It ended up looking pretty good if I must say so myself \ud83d\ude09 But, it still looked flat. So let me show you how to fix that.<\/p>\n\n\n\n

When I finished last week, the word had been centered vertically and horizontally on the document and had been \u201ccut\u201d in half to create the folded look.<\/p>\n\n\n

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

The very first thing I need to do is rejoin the top and bottom layers of the word by activating the FOLD Top and FOLD Bottom layers in the Layers Panel and merging them back together. I rename this merged layer Folded Word.<\/p>\n\n\n\n

Next, I\u2019m going to add a new blank layer (Layer 2 for me) above the Folded Word layer. This is where my gradient will go.<\/p>\n\n\n\n

Create Gradient<\/strong><\/h4>\n\n\n
\n
\"Gradient<\/a><\/figure>\n<\/div>\n\n\n

With Layer 2 active in the Layers Panel, I select the Gradient tool. Today I\u2019m going to be creating a new gradient. But, since it\u2019s going to be based on basically a center split, I\u2019m going to reload the gradient I created in my \u201cMore Bi-Color<\/a><\/strong>\u201d post. I can use this as a starting point for my new gradient:<\/p>\n\n\n

\n
\"Bi-Color<\/a><\/figure>\n<\/div>\n\n\n

Note<\/strong>: If you\u2019re following along and you didn\u2019t create a gradient like this a couple weeks ago, just select one of the two color gradients in the Default set. This should give you a good starting point.<\/p>\n\n\n\n

Next, I click the Edit button beneath the box under the word Gradient and PSE opens the Gradient Editor dialog box:<\/p>\n\n\n

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

The first thing I\u2019m going to do is modify the bottom brown Color Stop. I\u2019m going to change the Color to a light grey (#b7b7b7) and set the Location to 0%:<\/p>\n\n\n

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

Now I can modify the bottom blue Color stop. I\u2019m going to change the Color to that same light grey (#b7b7b7) and set the Location to 100%:<\/p>\n\n\n

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

I know, I know\u2026that doesn\u2019t look like a gradient. Bear with me. I\u2019m going to work on the top Color Stops and I\u2019ll be adding a couple more. This will change the way that gradient looks! I promise!<\/p>\n\n\n\n

First, I click somewhere above the grey color strip and PSE will add a new top black Color Stop:<\/p>\n\n\n

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

Notice, there\u2019s no color assigned to that new Color Stop, this is absolutely fine. I click on this new Color Stop and set the Opacity to 0% and the Location to 50%:<\/p>\n\n\n

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

Once again, I click somewhere above the grey color strip a bit to the right of the new Color Stop and PSE adds another new black top Color Stop:<\/p>\n\n\n

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

Again, there\u2019s no color assigned to that new Color Stop. Again, this is absolutely fine. I click on this second new Color Stop and set the Opacity to 100% and change the Location to 51%:<\/p>\n\n\n

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

Now, I click on the right most black Color Stop and change the Opacity to 0%:<\/p>\n\n\n

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

Now, that looks like a proper gradient! That small gap of 1% between each of the two new Color Stops will create a nice smooth transition that will add more realism to the fold effect.<\/p>\n\n\n\n

Apply Gradient<\/strong><\/h4>\n\n\n
\n
\"Apply<\/a><\/figure>\n<\/div>\n\n\n

With Layer 2 active in the Layers Panel and the Gradient tool selected, I place my cursor near the bottom of my word over the Vertical Guide. Then while holding down the Shift key, I click and drag directly upward to the top of my word:<\/p>\n\n\n

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

I know, I know\u2026that gradient doesn\u2019t look centered over the word. It\u2019s that same Visual vs. Mathematical Center issue we encountered two weeks ago creating the gradient bi-color.<\/p>\n\n\n\n

Don\u2019t panic. All I have to do is nudge that gradient layer (Layer 2) down until the bottom of the first grey section lines up with the Horizontal Guide:<\/p>\n\n\n

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

Then I clip that gradient layer (Layer 2) to the Folded Word Layer, change the Blend Mode to Multiply, set the Opacity to 60% and hide my Guides:<\/p>\n\n\n

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

This really makes the word appear to be folded.<\/p>\n\n\n\n

The gradient creates a shadow over the top half of the fold that is very subtle. And you should be able to see just a hint of a shadow over the very bottom of the word. I selected the Blend Mode and Opacity value because this word is a bright color. These both can be changed to create different illumination effects based on the color of the word.<\/p>\n\n\n\n

As nice as this looks right now, it\u2019s still not quite as realistic as it could be.<\/p>\n\n\n\n

Note<\/strong>: This is totally optional but if you even remotely think you might use this fold gradient more than once, it\u2019s a good idea to save it. If you need tips on saving a gradient, please refer back to my \u201cMore Bi-Color<\/a><\/strong>\u201d post for instructions on saving a gradient.<\/p>\n\n\n\n

Add More Realism<\/strong><\/h3>\n\n\n
\n
\"More<\/a><\/figure>\n<\/div>\n\n\n

I could go into endless retouching hours trying to give some curved perspective to the sides of the word, but eventually it will end up looking anything but realistic.<\/p>\n\n\n\n

All I really need to do is add a nice drop shadow (on its own layer) and warp it so it appears lifted off the paper across the top of the word.<\/p>\n\n\n\n

To do this I created a drop shadow to approximate a Lighting Angle of 120 degrees. I used a medium grey (#808080) with a Gaussian Blur of 18 pixels and setting the Opacity level of the shadow layer to 80%:<\/p>\n\n\n

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

That helped a lot! Now I really do feel like that looks like a folded word.<\/p>\n\n\n\n

Note<\/strong>: If you need pointers on placing a shadow on its own layer and warping it, please refer back to my \u201cStitching Realism<\/a><\/strong>\u201d post from August of 2024.<\/p>\n\n\n\n

Add Crease Lines<\/strong><\/h3>\n\n\n
\n
\"Crease<\/a><\/figure>\n<\/div>\n\n\n

To enhance the realism effect even further, I can add some wear and tear lines to the folds using a \u201ccustom\u201d brush.<\/p>\n\n\n\n

This step is totally optional and is most noticeable on darker colors. But it can work on lighter colors, it just won\u2019t be quite as pronounced.<\/p>\n\n\n\n

To give you an idea of what these wear lines can look like I am going to change the color of my word to a deep red (#a81010). Then with the gradient layer active in the Layers Panel (Layer 2), I\u2019ll zoom in fairly close:<\/p>\n\n\n

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

Then I add a new blank layer above the gradient layer and rename that new layer Wear Lines. This should now be the active layer in the Layers Panel.<\/p>\n\n\n\n

Since I recolored my word, my Foreground color chip is already set to that deep red. But my background color chip is still set to white. These are the exact colors I need to use when creating these wear lines. But I need to swap the order because I want the white on top. So, I just press X.<\/p>\n\n\n\n

Create Custom Brush<\/strong><\/h4>\n\n\n\n

Now to set up my \u201ccustom\u201d brush. I select the Brush Tool. I\u2019m going to be using a Stipple brush. These brushes are located in the PSE set of Natural Brushes.<\/p>\n\n\n\n

Note:<\/strong> If you\u2019re following along, be sure you don\u2019t select the set titled Natural Brushes 2. That set doesn\u2019t include the Stipple brushes.<\/p>\n\n\n\n

With the Brush picker open on the Natural Brushes, I select the Stipple Dense 46 pixels brush:<\/p>\n\n\n

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

Then I click the Brush Settings box. PSE opens the setting dialog box and I set the Hue Jitter to 100%, Spacing to 50%, Roundness to 10% and ensure all other settings are at zero:<\/p>\n\n\n

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

Note:<\/strong> You can experiment with different Jitter and Spacing settings to achieve varying results. But I highly recommend that you not vary the Roundness setting by more than a few pixels either up or down. The settings I used above are what seem to have worked best for me.<\/p>\n\n\n\n

After changing the Brush Settings I can click anywhere on my document to return to the Brush Tool options. Ensuring that the Wear Lines layer is still active in the Layers Panel, I can now start adding my wear lines!<\/p>\n\n\n\n

I zoom in really close so I can get a good look at the folded area. I place my cursor at the left edge of the first letter and click once. Then holding the Shift key down, I position my cursor at the right edge of the same letter and click again:<\/p>\n\n\n

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

And now there\u2019s some wear and tear on that fold!<\/p>\n\n\n\n

You may notice that some of my brush work has extended beyond the edges of the letter. For now, that\u2019s okay. I\u2019ll be able to easily fix this later. So, you don\u2019t have to be too careful when applying these wear lines.<\/p>\n\n\n\n

I could also click randomly across the fold, sometimes even changing the brush size, to increase the effect as much as I want. For now, I\u2019m fairly pleased with the way this looks. To keep this short I\u2019m just going to finish the wear lines on the rest of the word and show you a final image:<\/p>\n\n\n

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

I know they may be hard to see in this smaller image but those wear lines add just the right touch of realism to a word that may have been folded\/unfolded multiple times!<\/p>\n\n\n\n

Now I can clip the Wear Lines layer to the gradient layer and any of the brush strokes that crossed over the edges will disappear!<\/p>\n\n\n\n

If you think you\u2019ll use this brush again, I highly recommend saving it with a unique name like \u201cWear Lines\u201d. If you need tips on saving a brush please refer back to my \u201cModern Gesso Post<\/a><\/strong>\u201d post from June of 2024. Please note that saving this brush will also save all of the options within the \u201cBrush Settings\u201d area.<\/p>\n\n\n\n

Once you\u2019re happy with your folded word you can copy the pertinent layers to your layout or simply crop the file to size, remove the white background and save it as a PNG file. I would highly recommend that you not apply\/warp the base shadow at this point. I\u2019m a firm believer in not applying shadows until an element is on the actual layout!<\/p>\n\n\n\n

And there you have it! That’s how to add folds and creases to really any image (not just a word). Now that you know how to create a \u201cfold\u201d gradient you can experiment with making a multi-fold gradient to create a look like this:<\/p>\n\n\n

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

All it takes is adding additional top Color Stops with varying locations based on how many folds you want!<\/p>\n\n\n\n

I hope you\u2019ll try making a folded paper just for the fun of it.<\/p>\n\n\n\n

Extra Pointers<\/strong><\/h3>\n\n\n
\n
\"Useful<\/a><\/figure>\n<\/div>\n\n\n

This is another technique that works best with heavier (wider) serif or sans serif fonts. Fonts that may fall into the \u201cblock type\u201d category.<\/p>\n\n\n\n

If you\u2019d like your \u201cgradient\u201d fold to look less hard\/crisp, you can try adding a Gaussian Blur to the gradient layer. I\u2019d recommend starting with a very soft blur, somewhere around 6-8 pixels.<\/p>\n\n\n\n

Depending on the size and darkness of your word you can try applying the Plastic Wrap filter (under the Artistic category) on the gradient layer to make the fold line appear a bit stronger. Try using a Highlight Strength<\/strong> of around 20<\/strong>, Smoothness<\/strong> of 15<\/strong> and a Detail<\/strong> option at somewhere between 5<\/strong> and 10<\/strong>. The higher you set the Detail value, the tighter the effect will appear around the fold.<\/p>\n\n\n\n

Try changing the Blend Mode on the wear lines layer to increase the intensity of the effect. This is one time when a blend using Dissolve works really well \ud83d\ude09 If you want to decrease the intensity, just lower the Opacity of the layer.<\/p>\n\n\n\n

If you create the \u201ccustom\u201d brush for the wear lines, the next time you use a different brush after working with this technique, you need to be sure to check\/reset your brush settings! As far as I\u2019m aware, PSE does not reset those types of settings back to the default when you switch brushes!<\/p>\n\n\n\n

If you save a folded word as a PNG file, I would highly recommend that you not apply\/warp the base shadow before saving. That’s best saved until an element is on the actual layout and you can match the Lighting Angle!<\/p>\n\n\n\n

Last but by no means least\u2026just have fun playing with folds!<\/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 a quick tip about a transparent edge. 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>\n\n\n

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

So, in last week\u2019s \u201cSplit Title Twist\u201d post I showed you how to \u201cfold\u201d a title in half. But it got a bit long and there is more to the story when it comes to folding a word. Today I\u2019m going to show you how to enhance the fold so that it looks three dimensional and a bit more realistic. To do this, I\u2019ll be using gradients, shadows the Warp tool and a custom brush. I\u2019ll be picking up where…<\/p>\n

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