Archives for August 2021

Faking the Wood Burning Look

Last week Ellen (gmae) sent me this message:

Hi Jan, The above YouTube is for wood burning in Photoshop. He talks through this way too quickly for me so it will take me a few stop and go’s to get the directions down pat to try in Elements but I can see it being great for rustic, western, and camping titles. Since its from Photoshop not Elements there are some things he says to do that may take some figuring. My first attempt not so wood burning looking. Has a lot to do with the styles he puts on at the end I think. Just an FYI if you look at this.

Well, you know how much I love a challenge! And this one was a doozy. As Ellen said, it’s all about the styles he puts on at the end. Because this tutorial is adapted from Photoshop AND a 7 minute video, there are 46 screenshots so I can show each step clearly. That doesn’t mean it’s hard or will take all day. I just want to be sure even the most inexperienced user can follow along.

I’ll be demonstrating using a word art file from Word Art World‘s Jen Arbon. The woodgrain paper is from the GingerBread Ladies‘ Cabin Fever collab kit. If you’d like to use your own text or image, the technique will be exactly the same. [Simplify your text layer though!]

To start off, I made a Copy of the word art layer. You can right-click on the layer and choose Duplicate Layer then click OK on the pop-up, or you can use the keyboard shortcut CTRL/CMD>J. [It’s been awhile since I explained the keyboard shortcuts. These are simple keystrokes that take the place of several steps using the other methods of achieving something. I use Windows, which has a CTRL key. On a Mac, it would be a CMD key. Windows uses ALT and Mac uses OPT. So when I show you a keyboard shortcut I’ll give you both Windows and Mac keys.]

Next I created a new blank layer BETWEEN the two word art layers by holding down the CTRL/CMD key and clicking on the New Layer icon [looks like a sheet of paper with a corner dog-eared] from the top left of the Layers panel. The CTRL/CMD key tells Elements to put it UNDER the active layer.

With the blank layer active, I made the layer solid white: Layer>New Fill Layer>Solid Color

Since I’m filling the whole layer with white the box for Use Previous Layer to Create Clipping Mask can be unticked.

There are a couple of ways to choose a colour from the Color Picker: click on an area of a photo/paper/element with the Eyedropper tool, click on a spot inside the colour swatch or type in the colour number. Pure white is “ffffff“.

Then I Merged the white layer with the word art Copy layer: SHIFT>click on the two layers then right-click and choose Merge Layers or even simpler, CTRL/CMD>E.

Now I have three layers, with the wood paper on the bottom of the stack and the black-and-white word art layer on top as shown. I want to Select just the word art on the black-and-white layer so I CTRL/CMD>clicked on the layer thumbnail [the little image on the left of the layer in the panel] of the word art with the black-and-white layer active. See the marching ants?

I want to Modify the Selection. I clicked Select>Modify>Expand as shown.

I only want it to Expand by 1 pixel.

To fill that hairline space with black [in the foreground colour box] I clicked ALT/OPT>D and Elements did the work.

Next I Inverted the colours so the word art is white on black by just clicking CTRL/CMD>I. This tutorial has a bunch of things I’ve never tried before. This is the first one. Filter>Stylize>Wind.

This menu opens up. Make sure the Method is Wind. The Direction doesn’t matter at this point. You can see in the Preview pane what the Filter will do.

This Filter will be applied two more times. Elements will remember the last Filter used, so you can click Filter and Wind will be right at the top. Or, even easier, just click CTRL/CMD>F. Just make sure it’s applied three times in total.

This is what it’s supposed to look like. Don’t be alarmed!!

Now I’m going to do the Filter step again. Because I’m going to make a change to the settings I can’t just CTRL/CMD>F my way there.

This time the Direction has to be changed so the streaks go the opposite way.

Here’s after the first hit with the Wind Filter. The change isn’t very obvious.

So I hit it again two more times! CTRL/CMD>F and CTRL/CMD>F.

Wow! But don’t worry, that’s what it should look like!

And then I Inverted the colours again so the word art was once again black-on-white. CTRL/CMD>I.

I’m not done with Filters yet. This time I’m going to add a Filter>Blur>Gaussian Blur to the mix.

But not too much of a Blur… just a Radius of 1 pixel.

The black is a bit harsh, so I clicked Enhance>Adjust Lighting>Levels. Keyboard shortcut: CTRL/CMD>L.

And I changed the Output Level from 0 to 72. That grays the black a bit, but not too much.

Remember Blend Modes? They’re such a great tool!! I changed the Blend Mode to Color Burn by clicking on that bar above the Layers panel that usually says Normal and choosing Color Burn from the dropdown list.

Now the sugars in the wood look like they’ve been caramelized!

It’s a little TOO obvious, so I dropped the Opacity of the layer to 60%.

Once again I Selected the edges of the word art by CTRL/CMD>clicking on the word art layer thumbnail with the altered word art layer active. Then I did something else I’ve never tried before… Select>Feather to soften the edges of the caramelized areas just a teensy bit.

I gave it a Feather Radius of 2 pixels. Everything about this needs a light touch.

With the edges still Selected, I added a new Fill Layer. Layer>New Fill Layer>Solid Color. This new Fill Layer will be the base for the next few steps.

Again, I didn’t need to tick the Use Previous Layer to Create Clipping Mask, because only the Selected areas will be filled. On this settings menu, I dropped the Opacity of the Fill to 40%.

The Color Picker opened, and I wanted pure black. The code number for black is 000000.

After I created the Fill Layer, I Simplified it so the mask went away. Right-click on the layer and choose Simplify Layer.

Next I made 2 Copies of this black Fill Layer and turned Visibility for the top two Copy Layers off. I wanted to see what was happening to each active layer, starting with the original Fill Layer. [In Photoshop the next several steps can all be accomplished on the same layer, but Elements isn’t that skillful. Each step needs its own layer. *Where have you heard that before?*]

To the bottom Fill Layer, I added a Bevel Style. Click on the Styles button at the bottom of the Layers panel then choose Bevels. From the dropdown menu choose Simple Outer as shown. [If you hover the cursor over the thumbnails in the dropdown, a description box opens so you know what’s what.]

Each of the Styles has a default setting, but you can easily change the settings by double-clicking on the fx icon on the far right of the layer. The settings menu opens. Here I changed the Lighting Angle to 130°, the Drop Shadow settings to Size 29 pixels, Distance 13 pixels, and Opacity 22%, then the Bevel settings to 20 pixels and the Direction to Down.

Next I activated the first Copy Layer just above the layer I last worked on, but this time I chose Styles>Inner Shadows.

I double-clicked the fx icon and from the settings I made the Lighting Angle 147°, Size 50 pixels, Distance 4 pixels and Opacity 20%.

Then I changed the Blend Mode for this layer to Linear Burn.

It’s looking pretty good!

I wanted just a bit more depth to the image so I activated the top Copy Layer and from the Styles menu I chose Outer Glows.

I used Simple from the menu as shown.

After double-clicking on the fx icon, I adjusted the settings: Lighting Angle 130°, Size 21 pixels and Opacity 25%.

The Outer Glow layer looked odd on top so I moved it to the bottom of the Copy Layer stack and lowered the Opacity to 10%. This took a bit of experimentation based on what I wanted to see.

Last but not least, I turned the original word art layer’s visibility back on. I’m quite pleased with how it turned out.

Some comments: The way this technique looks in the end will depend on several factors. If you use a smooth wood paper, your burned area will be smooth too. If you use a darker or lighter wood paper, you may need to fiddle with Opacity to get the looks you want. Obviously, doing this to a darker wood will result in darker burned areas, and it may be hard to see. On a lighter coloured wood, it may look too black, and again, you’d need to make some tweaks. I scrapped my work (and about 100 screenshots) 4 times before I was comfortable with this enough to show it to you. Don’t be afraid to make some of your own decisions! If you’re not happy with it, make some changes!!

PDF Version: https://bit.ly/3zAdEQ4

How Can I Run an Elements+ Script on a Template?

I found this Forum post from DianeInOz that referred to a previous Blog post where I mentioned I’d had to upgrade my Elements+.

After reading a recent GS blog post, I discovered the elements + add-on and downloaded it! I have been playing all morning and searching everywhere, but I am having trouble. When I run scripts (lets say “torn edges”) and I click on a layer (say a single photo), open the script box, hit run. It runs the script on the whole layout instead of just the one layer so the edges of the 12×12 layout look torn, but the photo layer is just the normal photo.
Does anyone know if these scripts can be done on just one layer in a layout??!?

What a great question! Right away my wheels started spinning and I had to try something that I thought might work. And it DID! So I’m going to show you all what I did and hopefully it’ll help Diane too.

In my example I’m using a template from Aimee Harrison‘s Singular V.2. I’m intrinsically lazy, so if there’s a quick work-around, I’m going to find it.

After I clipped my photo to the photo spot so I’d have a frame of reference, I selected the three layers that make up the photo spot. When you want to select multiple layers that are all stacked one on top of the other like these are (or are in side-by-side order in a folder, for example), hold down the Shift key, click on the first layer then on the last layer. All the layers in between will show a blue flag in the Layers panel as shown. [If you want to select multiple layers or objects that AREN’T stacked or in order, hold down the CTRL/CMD key and click on each of the things you want to select.] Next I’m going to Duplicate the three photo spot layers. There are 2 ways of doing this. One is to right-click then choose Duplicate Layers… and the other is using the tool bar at the top of the screen, click on Layer>Duplicate Layers… Which one you use is up to you.

This dialog box opens up. Select New from the Document menu and give it a name (or don’t – it’s all up to you). I named my new document Script Layer.

And here they are! As you can see, Elements has created a new document the same size as the template, it’s kept the photo spot layers the same size as on the template, and put them in exactly the same place. This might be a valuable thing in another situation (like creating a title that will fit exactly in the spot designated for it) but for this purpose only keeping the photo spot layers the same size will be a time-saver.

Here’s where the let-Jan-do-the-experimenting-so-you-don’t-have-to aspect comes into play. When I just ran the script on the new document, it put the torn edges around the 12×12 background. Not what I want. So I tried Cropping the new document down to the very edges of the photo, on the photo layer itself.

Now on to the fun part! When you install Elements+ it embeds itself into the Elements menu so you can find it quickly. Click on File>Automation Tools>e+ Scripts.

To find the Torn Edges Script, click on the pull-down menu bar to select Edges. This menu opens and Torn Edges is near the bottom. Select it, and click on the green, rightward-pointing arrow as shown. Stand back and let E+ do its magic!

After the Script has run, this is what it has done. That solid white background might present a problem. Time to do a bit more experimenting….

Okay, I’m back. Problem solved. Onward and upward!

AHA! I can turn the visibility for all but the Copy layer E+ created of my photo, with the torn edges preserved. That means they can be Deleted.

So I did just that!

All that was left was to move the new torn-edges photo onto the template. With the original photo spot still in place, it’s just a matter of positioning the Script Layer photo and either turning off the photo spot layers or Deleting them. Another choice that’s left to you.

This tutorial only looks at a single Script. But it has applications for other purposes too, so don’t be afraid to try it if what you want to see isn’t what you’re getting. Have fun with it!

Next week – God willing we’re not under wildfire evacuation – we’re ironically enough going to play around with digital wood burning. Meanwhile, I’m praying for more rain.

PDF Version: https://bit.ly/2VYjP1U

 

Which Template Format is Best for You?

Let’s see how smoothly this goes. The new laptop is all set up but I’m still getting used to how it works. Forgive the haphazard formatting of my screenshots, I’m also learning to use a new version of Photoshop Elements. One thing I was thrilled to learn is that I can screenshot the little pop-up messages I see when I hover the cursor. That’s going to be helpful with tutorials going forward. You’ll see a couple of examples today!

Tanya posted this comment on last week’s tutorial:

Jan, I was wondering about template files and if you could answer my questions on those because designers list many different formats and I don’t know which is best to keep. TIFF, PSD, PNG. If you can do an upcoming article on the differences and I guess advantages or disadvantages of each type. Since it’s basically the same information, I want to optimize what I actually use storage space for. If you have already done this sort of tutorial, can you link up in the comments instead.

First, why are templates so popular? Easy! They make Working Smart Not Hard so easy! They give you a roadmap to build your layouts upon and tell you where everything goes. You can whip up a beautiful layout in very little time and if speed’s your thing, templates should be in your arsenal. But templates are NOT engraved in stone and they don’t stifle creativity, because you can do whatever you want with them.

I know I’ve talked about template formats before, but mostly in passing rather than directly. So today we’re going to look them a little more closely. I’m sure when you first started digi-scrapping, you opened up a template download and just looked at the contents in confusion. Below is an image of a template download I haven’t yet organized with my own preferred method (and yes, I DO realize it’s a year old). The only thing I’ve done with it is to extract the contents. As you can see there are a bunch of things in it: a folder labeled with the file tag PNG, an image of what the template looks like, a blank sheet of paper with the file tag .page, a Photoshop icon, another image of what the template looks like and a folder label/preview. We’ll start with the PNG folder and work our way through the template download left to right.

PNG refers to Portable Network Graphic. You’ve seen that tag on literally every element in your digi stash. PNGs are on transparent backgrounds and can be manipulated in a lot of ways. When talking about templates though. this is the most versatile format in that it’s usable on any platform. About the only thing that matters is that they show the location of an element on the finished page. Look below; each of the PNGs in the folder is on a 12×12 transparent background. And there are LOTS of them. In this template they’re numbered in reverse order from the top down. The very last PNG is the background. This method of layout building would be a real challenge for me because a) I work from the background out and b) Elements needs a “pin” for layers, something that tells it where in the layer stack a newly added item goes. It would be quite frustrating for me to have to continually reorder layers but if it’s what I had I’d make it work.

Here you can see what I mean about order. This is PNG #1, but it’s the very top item on the page – the centre of the flower in the upper left of the layout at the top edge of the larger photo. The PNG layer shows the use where on the page to put the element it’s a placeholder for.

Here you can see a couple of the layers I’ve created from the PNG files. Some layers aren’t visible, as you can see. Using the PNG method of layout building, you’d stack all of them in the correct order into layers, then replace each object with your chosen object. Then the PNG layer you’ve just replaced is either turned off or deleted.

There are more layers visible in this image. As the text describes, I’ve reordered them in numerical order to have them layering properly. In retrospect, what I’d do when using PNGs as a template would be to just stack them in reverse order to begin with, starting at the end of the queue and layering as I go. That may eliminate some of the “pinning” issues. Having a transparent background behind each of the PNG elements means PSE has no sense of how to layer things; it needs some sort of fully opaque reference or pin to orient itself.

Next in the folder is an image of the template. It’s basically a preview of the template in JPEG format – Joint Photographic Experts Group. (Don’t ask me how they came up with that as a file name. I don’t know!) It’s how we most commonly save our photos and finished layouts; one thing to bear in mind when using this format for any purpose is that it’s a “lossy” proposition. This format compresses images somewhat, and in compressing, some of the detail is lost. Each time you make adjustments to a JPEG and save it again, you’ve lost a tiny bit more of its clarity. I do like to have a 600×600 pixel JPEG of my templates to use as a “shopping list” when I’m deciding what I want to include in my layouts. For that purpose I’m not worried about sharpness.

The next item in the template folder is tagged as a .page. This format is supported by a very limited number of applications, like Storybook Creator and Artisan. I won’t pretend to know anything about this format, so I’ll link you up with a tutorial if you’re just learning either of those applications. Kate Hadfield has a good one here.

Ah. Now we can talk about the format I use ALL the time! PSD – Photoshop Document – is an Adobe Photoshop/Photoshop Elements proprietary file type that won’t open in other applications. It creates a fairly large file, in this case it’s 7.04 MB.

This format preserves all the layers and all the adjustments that have been made to those layers; this includes layer masks, fill layers, blend modes, opacity changes and layer styles, including drop shadows. That’s why the files are so weighty. When you save your layout in this format, you can go back any time and make changes – let’s say you’re planning to print your layout and you see a huge, obvious spelling error that you CAN’T leave. No problem. Open up the PSD, correct your spelling and save the corrected version in whatever format you want.

Okay, I’m going to admit I had to do some research on TIFF files. TIFF stands for Tagged Image File Format. These templates are considerably smaller files than PSDs; this template is slightly less than half the size at 2.91 MB. Many scrappers choose to only keep and use the TIFF format to save space on their hard drives.

In some ways they’re like PSDs, since they can also preserve layers and layer styles, you use them in a similar way to create layouts and neither format can be displayed as is on web platforms. UNlike PSDs they’re not proprietary and are supported by a broad range of graphics applications.

When saving your layouts as flattened (all layers merged) TIFFs rather than JPEGs, using LZW compression doesn’t result in a loss of image data, thus maintaining more sharpness and detail. This is the best way to save your layouts for PRINTING, but not for online posting because, as I said a moment ago, this format isn’t compatible with online display.

The second-to-last item in the folder is a cover page/folder label preview image. I usually don’t hang on to them but I know there are a lot of scrappers who use them. (I’d rather save the hard drive space for my PSDs.)

Last, but not least, there’s a terms-of-use document where Juli (Miss Fish) tells people how they can (legally) use her templates. Very important information!! I typically only keep one copy of each designer’s TOU, since they don’t change much over time.

So there you have it. File formats in a nutshell. I hope these descriptions help you understand them better and help you decide which format will work best for you. Happy scrapping!

PDF Version: https://bit.ly/3lpO22x