Curvy Lines/Borders Method #2

PDF VERSION : https://bit.ly/3gdizBK

Hey ladies! I’m running behind today after being awake half the night, so this might break a bit late. I’ll be trying my darnedest to get it out on time. Today I’m going to show you another method for curved lines/borders using Photoshop Elements. This one is pretty easy, but there are a few steps.

Open up a new canvas on your workspace. Then choose the Custom Shapes Tool. The border I’ll make will have 4 layers, all created with the exact same Shape but looking quite different. [Editor’s note: Jan started out using Arrow 17 but didn’t like how it was turning out. The tutorial uses Arrow 14.]

To make a bit less work for us, I set a Fixed Size for the arrow Shape. I went with 12 in for the Width and 4 in for the Height. The easiest way to make sure the Shape ends up actually ON the canvas is to click along the left edge. Note that heavy outline on the Shape; that signifies that the Shape is a Smart Object. To do any of the following steps with it, it needs to be Simplified. If you’re working with Version 15 or newer, you’ll have a Simplify button right there with the Tool Options.

If you don’t see that button, right-click on the layer in the Layers Panel and choose Simplify Layer from the dropdown menu.

Now to dispense with the pointy part. Drag out a box around it with the Rectangular Marquee Tool.

Now, Edit>Cut or CTRL (Windows)/CMD (Mac)>X.

If you’re making waves and not a side border, you can skip this part.

These steps that follow are all subject to interpretation – they’re examples that show you HOW to make alterations, not orders!! Here I’ve Resized the curvy shape and Constrained Proportions so it looked exactly the same as before, only it extends from top edge to bottom edge.

If you want to make your curvy shape into a Clipping Mask, it may be necessary to fill in one side of the curvy part. Drag out a box with the Rectangular Marquee Tool, making sure the edge on the side you want to keep curvy doesn’t extend too far. Otherwise those nice swoops will get squared off.

Then just dump the Paint Bucket into the space!

To get rid of the box outline, Select>Deselect or CTRL/CMD>D.

This is just housekeeping.

The preceding steps will be repeated for each of the variations to follow. Turn off the finished layer’s Visiblity, change colours and let’s make another curve. I changed the Height to 5 in for this one. the curves come out a little tighter.

Rather than just Resizing it, I’m going to use the Image>Transform>Skew menu. In this option, only the corner ‘handles’ are active. You can move them horizontally or vertically.

Like this…

Then I stretched it top-to-bottom (NOT Constrained) so the left edge runs the full 12 in. This also changes the curve a bit.

Here’s how the first two layers look together.

Same shape, slightly different dimensions, very different look!

After beheading the arrow, I stretched the curve across the canvas. But it’s not different enough from the previous two, so…

I made a Copy layer: right-click>Duplicate Layer>OK or CTRL/CMD>J.

I moved one Copy so that it overlapped and aligned with the other Copy. Then the two layers need to be combined into one by Merging. Either activate both layers by click>SHIFT>clicking on them, right-click>Merge Layers… or CTRL/CMD>E. The Merged curvy shape extends off the canvas, but I’ll show you something that’ll help with that.

To see the whole extended curvy shape, Image>Resize>Reveal All. Boom!

Here you can see that my extended curvy shape is about 18 1/4 inches long.

Now let’s change the way the curves look. This time let’s use Image>Transform>Distort.

Distort has a lot more opportunities for weird. Each of the handles is active and can be moved horizontally, vertically and laterally until you see something you like.

All three shapes are visible now and I can move them around until I have a chartreuse curve I like. Once I’d made my choice, I went to the Crop Tool, set the size to 12×12 and Cropped the canvas.

Last one.

And again, I made a Copy, aligned and Merged.

There! Four curved border Clipping Masks, all ready to go. And they all came from the same source Shape.

In case you wanted to see them in action, I Clipped some papers from this month’s Buffet kits to them and hit them with Drop Shadows.

I’ll be back tomorrow to introduce the October Designer Spotlight superstar…

PDF VERSION : https://bit.ly/3gdizBK

Yes! You CAN Create Curved Lines in Elements!

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

As we’re all well aware, there are lots of things Photoshop does that Photoshop Elements doesn’t. Sometimes there are work-arounds, sometimes there aren’t. I had given up hope on smoothly curved lines after trying a lot of things I felt should work – but failed spectacularly, and then I found George Peirson, the HowToGuru. He’s got some really interesting techniques that I had to try for myself. THEY WORK! Today I’ll show you the easiest one to master, and create a curved paper multi-layer border with it.

I chose to work on a transparent 12×12 canvas, since it’s my preferred layout size. There’s no reason this can’t be accomplished on a smaller or larger scale, so do what suits you best.

This is the shockingly easy way to curve lines, and it uses the TEXT TOOL!!! Any font will work, and choosing a big character size will make it quicker. Center your Text cursor on your canvas and type out a line of “underscores” – SHIFT>- to extend across the page. Using the underscore gives a longer dash than the hyphen does, and the ends join seamlessly.

For once, we’re not going to Simplify a Text layer before we manipulate it. Instead, click the Text Warp button shown and a new menu will open up. Make sure Anti-Aliasing is also checked.

The Text Warp menu has a drop-down option bar labeled Style. Click on the bar and choose Flag. The only parameter we’ll change is the Horizontal Bend. Push the slider all the way to one side or the other. I’m right-handed, so I went to the right. For this example I’ve only gone to 94%, but 100% is also going to be perfect. If you want to see what the other adjustments do, play with them. They’re not permanent until you make them permanent.

So now we have a very gentle sine wave. If you want something more um… dramatic, we’ll need to Simplify the layer.

This Image>Transform Tool is so useful! For my sample, I chose Image>Transform>Distort. This command tells the Bounding Box that each of the “handles” is moveable in any direction.

So just grab a handle and pull it or push it around until you see a shape you like. Then click the green checkmark.

The usual Resize and Reposition functions are still operational, so you have lots of room to make adjustments. I Rotated it so it’s vertical, then stretched it top to bottom and positioned it where I liked it best.

My goal is to create some Clipping Masks for a curvy border, so I used the Paint Bucket Tool to fill the space between the edge of my canvas and the curvy line.

You can see there’s a faint blank area. That happens sometimes with the Paint Bucket. It’s easy to remedy. Just click the Paint Bucket in the space again and that blank area will fill.

Okay. I have one layer. Let’s make another one. I’ll use a different colour so it’s easier to see what’s what. I’m also going for a shorter baseline.

This screenshot shows how the length of the line and the percentage of Bend influence the curves when I used the same Style through the Warp Text Tool.

Here I’ve Rotated the line already, and I’m ready to Simplify it.

This time when I chose the Image>Transform Tool, I chose Skew.

With Skew, the handles can move in two directions, horizontally or vertically. You can see my Bounding Box in the screenshot.

I’d like to make the curved line longer, and have more curves, so I’ll make a Copy layer.

Then I moved them around so the spot where they intersect provides a smooth curve. I did some Zooming while I was lining them up.

It looks pretty good to me. I won’t worry about the tail on the left side of the line.

Then I Merged the two lines into one long one.

Once I had just one long line, I moved it over so it sat on top of the black shape, which is visible again.

And I dumped the Paint Bucket into the space. Clipping mask #2 is done.

I wanted to try one more thing, using a tilde ~ instead of an underscore. The main difference is that the line of tildes won’t connect up the way the underscores do. Elements 2019 finally included kerning: the ability to adjust the space between characters, only they call it Tracking. Earlier versions don’t have that function, so I’ll show you the “non-kerning” method of creating a wavy line with a tilde. It’ll take a few extra steps.

But before we do that, I decided I wanted to stretch the tilde widthwise by 50%.

The Warp Text Tool isn’t going to work for this curvy line so the tilde layer needs Simplifying.

I made a Copy of the tilde layer.

Using the arrow keys I nudged the two tilde layers so they created a smooth wavy line.

I Merged the two layers and made a Copy of the now-double-tilde layer.

Nudge the two layers to create a smooth wavy line, Merge the two layers and make another Copy, this time with double the bumps. Keep repeating these steps until the line stretches across the whole page.

I think it needs something…

This time, after much trial and error, I chose Image>Transform>Perspective.

Woohoo! It looks like rickrack! I could use it just like that and be quite happy.

Instead, I moved it into position and Filled the space.

I liked what I had, but thought maybe one more layer. Rather than make a whole new one, I instead played with the original shape. I made a Copy of it then hit it with Image>Transform>Distort.

It’s just different enough that it’ll add something to the stacked border. Whenever I have something on my canvas that extends outside the edges, I use the Crop Tool to get rid of those parts so they don’t mess with the final product.

I changed the colour of that last layer to a grayish-green then flipped it horizontally and Rotated it 180° so the widest part was at the top. I think it’s good now.

Here’s a view of the four Clipping Mask layers with papers Clipped, and with a small drop shadow. You could position the layers horizontally, which could give you a nice wave effect, too. Now I can tuck the corners of photos in between the layers, add some elements and have a really unique border when I’m done.

In a coming tutorial I’ll show you a couple of other ways of creating curved lines so you can choose the one you like best.

Whew. It’s still Tuesday where I am. I made it!

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

Quick Trick: Transform a Selection

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

August 2022 is one of those rare months with five Tuesdays. That means there’s still one more Tutorial Tuesday before we move into September. (I can hear the shrieking… yes, this year is flying by!) It still feels very much like summer here, with temps in the 80s or 90s and thunderstorms – which aren’t typical here even in high summer. Last night’s storm was intense! Hopefully there weren’t a bunch of new wildfires created. But enough chit-chat. Let’s look at today’s Quick Trick.

One of the most common reasons I have for Selecting something is for recolouring word art. I do it a lot and the method I like most, which gives the best results, is to add a Solid Color Fill Layer.

I can’t be the only one who has this issue – sometimes my mouse/trackpad just stops responding (or let’s be honest, my finger slips) while I’m using the Marquee Tool to Select something, causing the area I’ve Selected to be not what I wanted. And until I learned this trick it meant I’d Select>Deselect (CTRL/CMD>D) or Undo (CTRL/CMD>Z) and start over.

Then one day I learned it’s possible to make the bad Selection box into a good Selection box! (This has streamlined editing my screenshots dramatically.) Rather than abandon the too-small/too-big/just-not-right box, right-click somewhere on the canvas. This magical menu will appear. Click on Transform Selection.

Now the marching ants are a Bounding Box. When you Commit current operation, it morphs back into marching ants. Crazy! Now you can Cut/Paste, apply a Stroke, rotate or whatever you had planned to do when you chose the Marquee Tool.

But will it work with an Elliptical Selection?

Seems like that’s a YES!

Here we see one of the limitations of Elliptical Selections when you’re playing with word art. If I make the ellipse big enough to get everything I want inside it, I also get stuff in there I don’t want. Because I can’t help myself, I tried Image>Transform>Skew. If it wasn’t going to be an option, those choices would have been grayed out. They weren’t! But the question still remained. Would the Skew only apply to the marching ants Selection?

Answer? Affirmative! But… the dots from the two “i”s in the line below are also being bitten.

I was so pleased, but shocked, to see that the Selection was still a Bounding Box and I could still tweak the contours of the ellipse. I tested the result by Cutting DOG out of the image to see if the whole word was inside and the dots on the two “i”s weren’t. It was perfect, but I didn’t think you’d need to see a screenshot of that.

Feeling quite accomplished now, I took it all one step further. Could this trick work with the old CTRL/CMD>click-inside-the-thumbnail-to-Select thing?

So I gave it a whirl.

Well, darn. Right-clicking only brought up options that would apply to the LAYER the tag is on, not the Selection. Is there another way? I clicked the Select tab and there it was! Transform Selection is right there!

The Selection turned into a Bounding Box and I could Resize it without a problem. Pro tip: If you want the original shape to remain centered in the Selection, don’t grab a Bounding Box handle and pull. Instead, change the size in the Tool Options dialog box.

You may never decide to use this trick, but I’ll tell you, I’m using it a LOT now that I know how it works. See you next week!

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