{"id":4267,"date":"2023-10-03T00:30:00","date_gmt":"2023-10-03T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=4267"},"modified":"2025-01-12T10:33:44","modified_gmt":"2025-01-12T15:33:44","slug":"photo-text","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/photo-text\/","title":{"rendered":"Photo Text"},"content":{"rendered":"\n

You\u2019ve likely seen some scrapbook layouts that include a title or other element that involved text filled with a photo or other graphic. It can be a very striking addition to a layout. And needless to say, very eye-catching.<\/p>\n\n\n\n

Today I wanted to show you how easy it is to use this technique.<\/p>\n\n\n\n

Note:<\/strong> Please keep in mind that I use Photoshop Elements (PSE) 2022. All of the steps I discuss believe were done using PSE. If you don\u2019t use PSE, I suspect you should be able to do most of what I describe in whatever graphics editing package you do use. If you use an older version of PSE you may or may not find that all of the options I discuss are available to you.<\/p>\n\n\n\n

Using Photos On Text<\/h3>\n\n\n
\n
\"Photoshop<\/a><\/figure>\n<\/div>\n\n\n

Filling text with images is a great way to add a unique design to your page title. There is actually a \u201cGuided\u201d edit called \u201cPhoto Text\u201d in PSE that will do a lot of the work for you. I\u2019m not exactly certain in which version this option became available.<\/p>\n\n\n\n

You should be able to find it in Guided (vs Expert) mode, under Fun Edits. If you don\u2019t have access to it\u2026not to worry. I\u2019m going to show you how easy it is to do this without that guided option.<\/p>\n\n\n\n

Truth be told\u2026I find it easier to do this without using the guided mode. I feel like I have more control doing it on my own. But the guided option can get you started\u2026you can finish tweaking it in expert mode if you aren\u2019t 100% satisfied with the initial results.<\/p>\n\n\n\n

DIY Photo Text<\/h3>\n\n\n\n

Take a look at the image below. This is a layout I made that uses this technique and I wanted to share it with you. I loved how I was able to work the lighthouse into the word so perfectly.<\/p>\n\n\n

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

To achieve this look, I started by creating the text. I used a very bold font (Cinzel Decorative Black<\/a><\/strong>). Knowing which photo I wanted to use, I made sure the word pretty well spanned the entire width of the page.<\/p>\n\n\n\n

Next, I pulled the lighthouse photo in and layered it above my text. Then I simply clipped the photo to the text. I want to specifically note here that I did NOT have to simplify (rasterize) my text before clipping the photo to it. This is great since it still allows me the option to edit the text if I choose to do so later.<\/p>\n\n\n\n

Once I had the photo aligned and sized to my liking, I then duplicated the photo and moved that new copy below my text.<\/p>\n\n\n\n

That second lighthouse photo was blended into the background using the template\u2019s mask but I also used a Gaussian Blur filter with a radius set to 30.4 pixels so the \u201cword art\u201d would stand out better. There\u2019s also an upward bevel (Lighting Angle=120 degrees & Size=21 pixels) & a Drop Shadow (Size= 29, Distance= 13 & Opacity=76) on the word to make it pop off the page a bit more.<\/p>\n\n\n\n

Note:<\/strong> For the above layout I used a template and some lace from \u201cSeashell Memories<\/a><\/strong>\u201d by Heartstrings Scrap Art. All other paper\/elements are from \u201cSeafoam<\/a><\/strong>\u201d by ET Designs. For more details about this layout, you can find it in my 2023 Personal Gallery<\/a><\/strong>.<\/p>\n\n\n\n

I bet you think that all sounds too easy. It really is that easy unless you\u2019re trying to highlight a certain portion of the photo such as that lighthouse. It can require finding just the right font to showcase the portion of the photo you want to highlight.<\/p>\n\n\n\n

But guess what\u2026you\u2019d have to do that before you even tried the guided mode option anyway.<\/p>\n\n\n\n

Let\u2019s look at a few other options just for some additional inspiration\u2026<\/p>\n\n\n\n

\u201cCut Out\u201d Text<\/h3>\n\n\n
\n
\"Forest<\/a><\/figure>\n<\/div>\n\n\n

I\u2019m going to use this lovely photo of a spring forest. With this open in PSE, I\u2019ll first create the text I want to \u201ccut out\u201d of the photo. I just create a text box right over top of the photo. This time I\u2019m using the font Acumin Pro Condensed Black<\/a><\/strong>. It doesn\u2019t really matter what color you use for your font, mine just happens to be an odd shade of green.<\/p>\n\n\n

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

Before doing anything else, I\u2019m going to duplicate the forest photo twice. I\u2019ll hide the original photo layer. This is just a precaution in case I mess something up along the way.<\/p>\n\n\n\n

I move copy 2 above the text but also hide it for the time being.<\/p>\n\n\n

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

Next, with copy 1 of the photo selected (the one directly below the text) I use the Rectangular Marquee Tool to draw a selection box around the bottom part of the photo that I want to keep. I just need to be certain that the top of that box is even with the bottom of my text.<\/p>\n\n\n

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

It might be hard to see the marching ants in the above image but they\u2019re there. I then invert my selection and press the Delete key. And this is the result\u2026<\/p>\n\n\n

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

Now I unhide the top photo and clip it to the text. Here is the result\u2026<\/p>\n\n\n

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

To finish it off a bit I add an upward bevel (5 pixels) to the font layer with a lighting angle that matches that within the photo (45 degrees). And here\u2019s the finished image\u2026<\/p>\n\n\n

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

Don\u2019t think you always have to have your letters perfectly aligned. Try mixing it up a bit and have your letters in a wonky, haphazard orientation.<\/p>\n\n\n\n

If you do decide to tilt your text letters at different angles, you will need to place each letter on its own layer. Once you\u2019re happy with the alignment you will need to simplify & merge the letters into a single layer before clipping the photo to the word. That way you don\u2019t have to make duplicate copies of the photo for each individual letter. This takes a little bit more work but in the end it\u2019s so worth the effort\u2026<\/p>\n\n\n

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

Now I have just one more example for today\u2026<\/p>\n\n\n\n

Using Alphas vs. Text<\/h3>\n\n\n\n

You don\u2019t have to limit this technique to text. You can do the same thing with an alphabet set you may have.<\/p>\n\n\n\n

I\u2019m going to use this amazing fall foliage photo that I found on Pixabay<\/a><\/strong>:<\/p>\n\n\n

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

And I have a nice \u201cchunky alpha\u201d from \u201cSweet & Spooky<\/a><\/strong>\u201d by Studio Flergs:<\/p>\n\n\n

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

I\u2019ll be using the \u201ccandy corn\u201d version. I just pull the letters I need into PSE, layer them over the photo, re-size & position them accordingly:<\/p>\n\n\n

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

Once I am 100% certain I have the word lined up exactly how I want it, I then merge the alpha layers together creating a single for the word. By doing this I won\u2019t have to make duplicate copies of the photo for each individual layer.<\/p>\n\n\n\n

Next, I place the photo above the \u201cword\u201d layer and clip it to the word. If I need to, I can still move the photo around to get just the right look. But in this case, I was pretty happy with the placement:<\/p>\n\n\n

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

To finish it off I add an upward bevel (5 pixels) to the font layer with a lighting angle that matches that within the photo (120 degrees) and a drop shadow (Size=15, Distance=8 & Opacity=87). And here\u2019s the finished image\u2026<\/p>\n\n\n

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

If you haven\u2019t already played around with Photo Text\u2026I hope this post will inspire you to do so.<\/p>\n\n\n\n

Some Extra Tips For Creating Photo Text<\/h3>\n\n\n
\n
\"Surfing<\/a><\/figure>\n<\/div>\n\n\n

The single biggest tip I have is to find a nice bold font that will allow your photo to shine! This can be tricky if you\u2019re trying to highlight a portion of the photo like the surfer in the image above. Search for \u201cchunky fonts\u201d on the internet. This should get you more than just a few options that will work for your photo. The image above was created using the Materhorn font<\/a><\/strong><\/p>\n\n\n\n

The guided mode option in PSE will do a lot of work for you but I almost always ended up re-doing some of what it does for me. Again, it\u2019s a great way to get started. Especially if you\u2019re new to the technique.<\/p>\n\n\n\n

If tilting your text letters (or using alphas), you should make a copy of your letters before simplifying\/merging them into a single layer. Once they\u2019re simplified\/merged\u2026there\u2019s no way to edit the letters.<\/p>\n\n\n\n

When using an alpha or text, don\u2019t be afraid to try clipping different photos to each letter. That always makes for a fun piece of word art!<\/p>\n\n\n\n

As usual, 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 next week\u2019s post, just click \u201cFollow Me<\/a><\/strong>\u201d to get an update. I hope you have a wonderful week!<\/p>\n\n\n

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

You\u2019ve likely seen some scrapbook layouts that include a title or other element that involved text filled with a photo or other graphic. It can be a very striking addition to a layout. And needless to say, very eye-catching. Today I wanted to show you how easy it is to use this technique. Note: Please keep in mind that I use Photoshop Elements (PSE) 2022. All of the steps I discuss believe were done using PSE. If you don\u2019t use…<\/p>\n

Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4266,"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-4267","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tuesday-tip-day"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t