Tutorial Tuesday (Photoshop Elements)

Still MORE Fun with FONTS!! 

We’ve done a lot of cool things with fonts, but I know there are still so many even cooler things to try. Last week I bought a new font bundle from The Hungry JPEG, a selection of vintage fonts for a smokin’ hot deal. It’s not as if I’ll ever have too many fonts, right?

Anyway, while I was downloading these fonts, several of which were actually font families, I looked at the samples the site uses for advertising and it hit me… Why not try layering two fonts from the same family and see what happens? Font families are a collection of very similar fonts with some subtle differences; there may be a regular, a bold, a light, an outline, a grungy and an italic version, for example. This tutorial was fun for me, because I really didn’t know what it would look like when I was finished, but the idea was firmly in my head and I had to try it. I impressed myself so much I needed to widen the doorways. But… it didn’t turn out the way I expected it to. It’s BETTER!

I went through my fonts, using High Logic’s Main Type, to find a font family that would hopefully give me the look I could see in my head. The one that looked most promising is called Nomos, by Cruzine Design. It has several variations on the basic font, so I went with it. I started with Nomos Regular Regular for my basic title. I selected a medium gray to be my starting colour from one of the papers I used in my layout. And I set the size at 100 pixels, knowing I’d probably resize it to fit my canvas. Remember, I usually create my title on its own canvas, sizing the basic working space to approximate the area I want it to fill. No distractions, nothing to work around. So once I decided on my font and colour, I opened a 5 1/2 x 1 1/2 transparent canvas on my workspace.

I typed out my one-word title, then resized it to almost fit my space. I made a careful mental note of the exact size of the final font so I wouldn’t have any guesswork for the next step.

Then I went back to my fonts and chose an outline version of the same font. It’s called Nomos Inline Inline. (I don’t know why the designer used so much repetition in titling…)

I Simplified the original layer then turned its visibility off. Why Simplify? When working with fonts in PSE, if you DON’T simplify the layer, then select a different font for your next text layer, that first layer will morph to that new font. And you might not notice it until MUCH later and have to go back and fix it. So don’t forget to Simplify once you’re satisfied with spelling, grammar and punctuation. After that, I typed out my title exactly the same as the first layer, only in white this time. And I resized it to the same size as my original layer. Here’s where the people really paying attention can give me the gears. My resized font is 114.31 pixels.

They weren’t in exactly the same place on the workspace, but it looks really cool just like this! If it was what I was after I’d just have gone with it. But I envisioned something more, so I kept going.

PSA: Simplify your text layers!!

I wanted the two layers stacked perfectly, white over gray, so I used the Move Tool Options to Align the layers, first by Center then by Middle.

I turned off the gray layer again and concentrated on the white outline layer. I clicked on the Layer thumbnail to select the edges of the letters as shown below.

I want the white sections to be thinner so more of the gray shows through, so I clicked Select>Modify>Contract. I didn’t want to lose too much, so I went with a single-digit shrink of 7 pixels.

If you look closely you can see where the new lines of marching ants have appeared. I’m now going to DELETE those sections. CTRL/CMD>X

Ah! Not exactly what I was expecting, but really, really neat!

I couldn’t wait to see what it looked like with the gray layer on. I wanted to add some dimension to the white layer, which I did by using a Simple Sharp Pillow Emboss bevel style, one of the integrated styles the software comes with.

It looked really good, but just a little TOO… too. Easily fixed by adjusting the bevel settings.

I clicked on the fx icon on the white layer and made the bevel much smaller. I think it looks like inlaid enamel and chrome, don’t you? Now I’m itchy to try this with other fonts and see what different effects I can achieve just by layering two fonts. Who knew it would be so much fun?

Here is my finished layout. It’s for the Designer Spotlight Challenge this month and was created with pieces of 3 kits by Connie Prince and a template from Trixie Scraps. The people in the photo are my grandparents; it was taken in the summer of 1961. By the following Easter he was gone; this is one of only 2 photos I have of him where he doesn’t have a cigarette in his hand. I see a little bit of my dad in each of them, and my sister’s eyes crinkle in the same way Grandma’s do. I’d never noticed it before, so this was a labour of love.

DD: June 17

http://bit.ly/2xyoydw

Remember, the download is kept up for 5 days, and then it is taken down. If you miss pieces, the kit will be available for purchase on the first day of the following month.

Post expires at 10:00am on Saturday June 23rd, 2018

Sneak Peeks June 14th 2018

 

Happy Thursday!! We are almost to the weekend! I hope you are enjoying the last few days of Spring because summer is almost upon us! Hopefully this week’s new releases will inspire your scrapping! Here’s a peek!

From Ponytails

From Tinci

From Cornelia

From Aimee Harrison

I hope you have a wonderful memory filled weekend!

Tutorial Tuesday (Photoshop Elements)

Everything New is Old Again

No, you didn’t read that wrong. Today’s technique is going to turn a sort of ho-hum colour photo into something that looks like a vintage one. It will work with any colour photo at all, but it looks best when there’s lots of detail and texture.

To begin, I opened my photo in Elements then selected Guided Edit. When the menu shown below opened up, I selected Fun Edits>Old Fashioned Photo. These Guided Edits transform photos with only a couple of clicks and a little tweaking.

There are three presets in this menu as shown below.

The first preset is called Newspaper. And it looks a lot like those black-and-white photos found in any newspaper. There’s a good amount of contrast and sharp details.

The second preset is Urban. It’s a little softer but grungier.

The last one is Vivid; it looks like a happy medium between the first two. It’s the one that adds the most oomph to the sky.

I liked the look of Vivid for this photo. The next step is Adjust Tone. The effect it has on the photo is pretty subtle, and you might not really see it.

It’s just a little bit brighter, and perhaps the details are a tad bit sharper. Clicking on this tool multiple times doesn’t add any further effect.

Let’s add some texture. Unlike the previous step, multiple clicks will increase the amount of “texture” which actually is more properly called noise.

It’s looking really interesting, but we still need to add some colour.

Shown below are the default settings for the colour adjustment.

I made some very slight changes to the settings, warming up the colour just a hint, adding a tiny bit more saturation and lightening it up a barely-there amount.

I like how dramatic the sky looks with this Edit. Then I clicked the Next button.

Here’s where you decide what you’re going to do with your photo. If you plan to use it right away for a layout, or if you want to make more adjustments to it, obviously you’ll click In Expert.

When the Expert workspace opens, you’ll see right away that all the changes you’ve made have been done on a copy of your photo.

Let’s play a little more. Remember Blend Modes? I tried them all on this photo. Some looked really interesting, some where downright HORRIBLE. The ones I’ll show you are the ones that didn’t make my eyes hurt.

Multiply made the colour come back and the overall look is very moody.

Darker Color also let the colour come through again, but kept the sky that weirdly unnatural brown.

This one is muted and soft.

Usually Overlay lightens and softens too, but not on this technique.

I think this mode is well-named. It’s HARD!

Linear Light makes me think of movie posters from the 50s and 60s.

This was one of the odder ones.

A Clockwork Orange, anyone?

I think this one is rather odd, too. Misnamed, for sure!

See anything you’d like to incorporate into a layout? At this point, I chose to Merge the two layers together. I could now save it as a new version of the original.

As I was running through this edit, I found the power lines were really jarring. In the original they were virtually unnoticeable, but in some modes they jumped off the screen. The water tower and wagon are so vintage, but the wires looked out-of-place. So I used the Spot Healing brush to remove them.

I played a bit with the Hue/Saturation a bit too. Quick keys for that adjustment are CTRL/CMD>U.

I liked it slightly more sepia than copper. This step will seem really bizarre, since I made a point of adding texture to the photo way back at the start. But when I hit it with Haze Removal, I LOVED how it looked.

See the difference? I think it looks like a real, vintage photo from 100 or more years ago.

This is where I stopped. I have no idea what I plan to do with it, but I know I’ll be using this edit again!

Don’t be afraid to play with the features Elements has to offer. All you’ll give up is a little bit of time, and you might find something that defines your style perfectly!

Sneak Peeks June 7th 2018

Happy Thursday! I hope you are eagerly awaiting the weekend and hopefully you will have some time to scrap with some of this week’s new releases! Let’s take a peek!

From Tinci

From Lindsay Jane

From Luv Ewe

From Heather Z

From Aimee Harrison

From JoCee

Have a wonderful weekend!

Tutorial Tuesday (Photoshop Elements)

Alphas Revisited

Are you ready for a really easy tutorial that looks a lot more involved than it is?

When I was looking at the June challenges at GingerScraps, I knew I wanted to do the Scraplift challenge – I already had the same template from Heartstrings Scrap Art in my stash, so it was a no-brainer! My dilemma came in the form of wanting to use a specific kit from Aimee Harrison called Tidepooling, that came with a selection of wickedly awesome alphas. And you know how I love those alphas! Now you get to see how I put that alpha to use.

I wanted my title to follow the same curve as the title that came with the template and to sit in roughly the same place. But creating my title right there on the template would have been very difficult, due to all the distracting layers. I could have just turned them all off, but I prefer to compose my titles on their own workspace then move them onto my layout so I duplicated the two layers of the circular photo spot.

Then I sent the Duplicate Layers to a New document.

I could have left it untitled, but chose to give it a name, just in case I was interrupted and had to find my title in the Photo Bin again later.

Now I had a new 12×12 document open, with the two layers of the circular photo spot in the exact same place as they are on the template.

Next I went to my layout folder and opened all the alpha elements I chose for my title.

I spelled out my title in the centre of my canvas. I made sure they were in the correct order so when I started moving them, they’d be where I wanted them. (Notice I’ve turned off the visibility of those photo spot layers. They aren’t needed at this step.)

I knew just from lots of practice, that these letters were much too big for their purpose on this layout. So I selected ALL the alpha layers and resized them together at one time.

I estimate how much I need to shrink letters when I’m doing this, and I randomly chose 65% as my target. I like to use round numbers, especially if I’m going to resize other objects later and want them to be to scale. A round number is easier to remember! I also checked the box that says Constrain Proportions. That makes sure that I only have to adjust in one plane and the other will follow suit.

Because I’m going to work with just one letter at a time, I turned the visibility for all the other letters off. They’ll be turned back on as I go along. And I turned the photo spot layers back on; they’re going to be needed now.

This alpha was super-easy to use. It has strong verticals, so I was easily able to position each letter perpendicular to the edge of the photo spot. Then I shifted the L into its place just sitting on the edge of the gray circle – my baseline – which will become my focal photo later.

I love that this L has a bit of a swoopy flourish to it.

The letter I will be a bit more of a challenge. It needs to sit close enough to the L so that it’s visually connected. It too is perpendicular to the baseline.

By turning off the visibility of the L for a second, I could be sure I had the bottom of the I touching the baseline. Then I turned the L back on and nudged the I into it’s spot.

The F also needs to be perpendicular. It’s got a strong vertical dimension and would look off if it isn’t perpendicular. But notice how the vertical aspects of the letters aren’t parallel. That’s how I want them.

Now, as you already know, I’m a bit… particular (or anal, you chose – most of us ICU nurses are) about some things. And this is one of them. The tops of the tall elements HAVE to be roughly lined up to look right to my eyes. But… some would argue the F could have a longer bottom end, and that would be right too.

If you scroll back up to one of the screenshots showing all the letters in the Layers panel you’ll see that the lower case letters are very slightly slanted. So I want to make sure they’re slightly slanted in my title too. As for spacing, I’ve tried using the Distribute Tool Option and usually I end up really unhappy, so I eyeball the spacing between letters (also known as kerning). I only care about it looking good, not having everything perfectly spaced.

Where I AM a perfectionist is when it comes to apostrophes. (Don’t get me started about the proper USE of apostrophes…) So depending on the look you’re after, the top of the apostrophe can be aligned with the tops of the tallest letters, slightly above for a casual look, or slightly below. It’s all about what you like.

The letter S in this alpha presented a few options. I decided the right-most edge should be my focus and so I made it perpendicular to my baseline.

This lower case A is an article, so it’s a word, not just a letter. It needed to be spaced accordingly.

The upper case B is another letter in this set that is easy to position, with appropriate spacing, of course.

This E, unlike the one in Life, looked funny when I tipped it to the same degree, so I stood it up a little straighter.

Below you can see the A as it looked when I moved it onto the canvas. It’ll need tipping for sure.

Perfect with both lower edges on the baseline.

When I played with positioning the C, my brain wanted the curved edges to be parallel, which actually made it easy to get it just right.

Last letter! This H was not upright when I moved it onto the canvas and so the upright section isn’t perpendicular to the baseline. The final position has the bottom of the upright and the curve of the serif resting on the baseline.

Zooming out, I was pleased with the spacing and the angles on each letter, but I wasn’t totally happy about where it starts and stops. So I selected all the letters so I could move them all together and rotated the title into a more pleasing position. With a little nudging of the entire title, it was successfully lined up with the baseline without having to adjust any letter individually.

Then I could go ahead and merge all those letter layers. For the remaining steps I don’t need to see my baseline so I turned visibility to the photo spot layers off.

The title would be just fine the way it is, but the original layout we’re scraplifting has a border around its title. So mine will too. I Selected my title’s edges by clicking on the title layer thumbnail in the Layers panel.

Next I clicked on the Select tab, then Modify>Expand.

I want my paper border visible but not overpowering. So I chose a single digit number at random. 8 pixels should be right.

I pulled a colour from one of my papers to fill the area I just created. It’s a gray with a faint touch of green as shown.

If I just fill that space on the same layer as the title, there’s a faint void around the letters where it doesn’t fill completely. That might be okay, depending on how big your title is, how detailed your background will be and so on. But I’ll show you another way to eliminate the voids.

I created a new layer and filled the selection on it. Because it’s currently on top of the wooden letter layer, it shows you how the entire area is filled in. Alternatively, I could clip a paper here instead of filling the area.

Then I moved it down under the wooden letters. If I wasn’t doing it for a tutorial I would have just put the new layer under the title from the beginning and skipped that step now.

The title on the original layout also had a narrow white stroke around it, and that’s what I did next.

I could have used black for definition but I wanted visibility, so I used white.

This stroke can be pretty narrow. I went with 4 pixels and set it to be centred on the edge of the gray layer. That’s the best way to minimize squared-off corners.

If you strain your eyes you can see it.

The last thing I needed to do was put a drop shadow on the wooden layer. It has dimension and needed a shadow to emphasize that. I used the drop shadow styles included with the software for my example; I don’t want anyone to feel like they can’t achieve any of my techniques without spending more money. The Low shadow looks like this, which is TOO much.

So I double-clicked on the fx icon to the right side of the layer in the Layers panel. Then I adjusted the lighting angle to match the rest of the layout, made it smaller, brought the shadow in closer to the letters and lightened it up.

Then I zoomed out to make sure it looked like it should.

Once I was positive, I merged all the title layers together so I could move it onto my layout. It seems like a very time-consuming technique but it really isn’t. Putting together a tutorial detailed enough to make sense to beginners takes me a full day… this title took only about 15 minutes.

Wanna see the finished layout? [whispers to Glee – the focal photo is of my daughter’s hands. She was in Nicaragua for turtle-hatching season.]

Sneak Peeks May 31st 2018

Happy Thursday! I always love when sneak peek Thursday falls before a new buffet! I get to show you all of the awesomeness coming tomorrow for the June Buffet!!

 

Before I show you all the buffet awesomeness, Clever Monkey Graphics has a new kit releasing tomorrow!

And now a peek of all the awesomeness coming to the Buffet!

Check back tomorrow to see all the new goodies!! Have a wonderful weekend!

Tutorial Tuesday (Photoshop Elements 13+)

Jailbird No More!

I had a crazy week between tutorials, with another hectic week now, so this week’s lesson will be a simple one. But I think you’ll be happy you’ve read it later! I’m going to show you a super-quick Guided Edit to help with those photos you have that would be GREAT if it weren’t for (fill in the photo flaw here) – you know, the ones where the subject is really off to one side, or there are people you don’t want in it but cropping is going to upset the balance, or there’s too much space between the people in the photo and you want them to look like they like each other. Below is the layout I did for this month’s GingerScraps: Created With Rewards challenge. I used the GingerBread Ladies‘ April challenge reward collab Birdsong and a template from Aimee Harrison for my layout. The photos are from Pixabay; Rochelle liked my layout enough that she nominated it for Baker’s Best! But, as you can see from the caption on my screenshot, the layout wasn’t without challenges.

The template was perfect for the layout I imagined creating, and I was on a roll until it was time to clip the photo of the bullfinch to the large photo spot… The following images show you a detailed view of what I’m talking about.

Sometimes life is easy and everything falls into place. Using a template saves a lot of time without taking away the creative part of digiscrapping. But then there’s a moment when it’s not going to save time at all!

When I’m getting ready to clip a photo to a photo spot on a template, I like to be sure it’s completely covering the spot… no little hint of tattle-tale gray peeking out anywhere. If I’m stuck for how much I can resize a photo and I don’t want to change the size or shape of the photo spot, I’ll click on the photo spot layer’s thumbnail so I can see the exact dimensions and location of the spot. If you look really closely at the image below you can see the selection bounding box that action provides.

So I was positive the entire photo spot was covered by my photo and I could go ahead and clip my photo. But holy guacamole… the poor bird looks really uncomfortable! I couldn’t make the photo smaller, so I had to think about how I’d solve this problem.

There’s a Guided Edit called Recompose. It lets you manipulate your photos without messing them up. It’s going to save the day for me.

Just in case you’re wondering, the photo cannot be already on your layout when you deploy this Edit. When you hit the Recompose button on the Edit menu, it’s going to recompose your whole layout. So open up your photo and THEN open the Guided Edit tab. Guided Edit>Special Edits>Recompose

The menu has an assortment of options you can use after you’ve gotten your basic Recompose completed. I’m not going to go into them today; it’s a much more complex tutorial that we’ll save for another day. So I clicked on the Recompose button and got rolling with my super-quick, easy basic Recomposition.

I opted to make the photo a little narrower, in keeping with the orientation of the photo spot I was using. To do that I pushed the bounding box handles IN toward the centre just a bit, as you can see in the photo.

Then I pulled the top and bottom handles OUT from the centre, stretching the background a bit but not distorting the bird in the middle.

At this point, I wasn’t positive I’d made enough of an adjustment to the photo to make it work. It didn’t need a lot of tweaking so I chose to click on the Next button down at the bottom right of the screen, the clicked on Continue Editing In Expert>Done. That took me back to my layout, with the edited photo in the Photo Bin. I dragged the photo back onto the template, resized it to cover the photo spot and clipped the photo to the spot. It was JUST RIGHT!

In a future tutorial I’ll show you a more advanced Recomposition that uses some of the other options with the tool. As soon as I have the right photo….

Fresh Baked: May 25, 2018

Grab a glass and open up a bottle of wine! It’s National Wine Day! While you’re sitting and relaxing, make sure you check out the goodies available now in the store! Summer is coming, schools are letting out, and we all need to just relax a little!

Remember when you spend $10 in the store, you get a great new collab! Boys are awesome and this kit celebrates all things DUDE!

fwp_thumb3_thumb_thumb_thumb
https://store.gingerscraps.net/GingerBread-Ladies-Collab-Dude.html

gingerbread
https://store.gingerscraps.net/GingerBread-Ladies-MEGA-Collab-Heroine.html

heather01
Bundle – https://store.gingerscraps.net/Celebrate-2018-May-BUNDLE-by-Heather-Z-Scraps.html
Kit – https://store.gingerscraps.net/Celebrate-2018-May-KIT-by-Heather-Z-Scraps.html
Expp – https://store.gingerscraps.net/Celebrate-2018-May-EXTRA-PAPERS-by-Heather-Z-Scraps.html
Journal Cards – https://store.gingerscraps.net/Celebrate-2018-May-JOURNAL-CARDS-by-Heather-Z-Scraps.html
Accents – https://store.gingerscraps.net/Celebrate-2018-May-ACCENTS-by-Heather-Z-Scraps.html
Word Bits & Dates – https://store.gingerscraps.net/Celebrate-2018-May-WORD-BITS-and-DATES-by-Heather-Z-Scraps.html

heather02
Cave Family – https://store.gingerscraps.net/Cave-Family-KIT-by-Heather-Z-Scraps.html
Space Family – https://store.gingerscraps.net/Space-Family-KIT-by-Heather-Z-Scraps.html

heather03
https://store.gingerscraps.net/Follow-Your-Arrow-TEMPLATES-VOL.-1-by-Heather-Z-Scraps.html

jocee
Bundle: https://store.gingerscraps.net/Gemini-Bundle.html
Kit: https://store.gingerscraps.net/Gemini-Kit.html
Alpha: https://store.gingerscraps.net/Gemini-Alpha.html
Cards: https://store.gingerscraps.net/Gemini-Cards.html
Glitters: https://store.gingerscraps.net/Gemini-Glitters.html
Basic Papers: https://store.gingerscraps.net/gemini-basic-papers.html

kaklei
https://store.gingerscraps.net/Serenity-kit-by-Kakleidesigns.html

kristmess
https://store.gingerscraps.net/CU-Italy-Layered-Templates.html

lauries
https://store.gingerscraps.net/Sports-Swimming-GrabBag.html

lindsay
Rec 9: https://store.gingerscraps.net/Page-Borders-Rec-9-by-Lindsay-Jane.html
Rec 10: https://store.gingerscraps.net/Page-Borders-Rec-10-by-Lindsay-Jane.html
Rec 11: https://store.gingerscraps.net/Page-Borders-Rec-11-by-Lindsay-Jane.html
Rec 12: https://store.gingerscraps.net/Page-Borders-Rec-12-by-Lindsay-Jane.html

missfish01
https://store.gingerscraps.net/Vacation-Album-SummerAdventure_TemplatesbyMissFish.html

missfish02
Traveler’s Notebook Bundle: https://store.gingerscraps.net/Traveler-s-Notebook-Bundle-1-by-Miss-Fish-Templates.html
Sea Worthy Templates: https://store.gingerscraps.net/Vacation-Album-2-Sea-Worthy-Templates-by-Miss-Fish.html
Vacation Album: https://store.gingerscraps.net/Vacation-Album-by-Miss-Fish.html

scraps
kit – https://store.gingerscraps.net/Proud-To-Be-An-American-kit-by-Scraps-N-Pieces.html
clusters – https://store.gingerscraps.net/Proud-To-Be-An-American-Clusters-by-Scraps-N-Pieces-SNP_PTBAAcl.html

tinci
https://store.gingerscraps.net/Cluster-and-colors-Cherry-garden.html

aimee
Collection: https://store.gingerscraps.net/360-Life-All-About-June-Collection-by-Aimee-Harrison.html
Kit: https://store.gingerscraps.net/360-Life-All-About-June-Page-Kit-by-Aimee-Harrison.html
Alphas: https://store.gingerscraps.net/360-Life-All-About-June-Alpha-Sets-by-Aimee-Harrison.html
Borders: https://store.gingerscraps.net/360-Life-All-About-June-Borders-by-Aimee-Harrison.html
Templates: https://store.gingerscraps.net/360-Life-All-About-June-Templates-by-Aimee-Harrison.html
Date Tabs: https://store.gingerscraps.net/360-Life-All-About-June-Date-Tabs-by-Aimee-Harrison.html
Titles: https://store.gingerscraps.net/360-Life-All-About-June-Titles-by-Aimee-Harrison.html
Quotes: https://store.gingerscraps.net/360-Life-All-About-June-Quotes-by-Aimee-Harrison.html
Messy Edges: https://store.gingerscraps.net/360-Life-All-About-June-Messy-Edges-by-Aimee-Harrison.html
Glitters: https://store.gingerscraps.net/360-Life-All-About-June-Glitters-by-Aimee-Harrison.html

boomers
https://store.gingerscraps.net/Rainbows-and-Unicorns-BGD.html

connie
Bundle: https://store.gingerscraps.net/Hunny-Bear-Core-Bundle-by-Connie-Prince.html
Alpha Pack AddOn: https://store.gingerscraps.net/Hunny-Bear-Alpha-Pack-AddOn-by-Connie-Prince.html
WordArt Pack: https://store.gingerscraps.net/Hunny-Bear-WordArt-Pack-by-Connie-Prince.html
Kit: https://store.gingerscraps.net/Hunny-Bear-Kit-by-Connie-Prince.html
Extra Papers: https://store.gingerscraps.net/Hunny-Bear-Extra-Papers-by-Connie-Prince.html
Templates: https://store.gingerscraps.net/Hunny-Bear-12×12-Temps-CU-Ok-by-Connie-Prince.html
Bouncy Tiger Mini Kit: https://store.gingerscraps.net/Bouncy-Tiger-Mini-Kit-by-Connie-Prince.html
Little Pig Mini Kit: https://store.gingerscraps.net/Little-Pig-Mini-Kit-by-Connie-Prince.html
Old Grey Donkey Mini Kit: https://store.gingerscraps.net/Old-Grey-Donkey-Mini-Kit-by-Connie-Prince.html

dear
https://store.gingerscraps.net/Good-Times.html

ad01
http://goo.gl/UBQg62

Remember, if you complete 10 challenges, just ten, you get a free kit as well!!

cr_thumb3_thumb_thumb_thumb

There’s nothing better than pretty flowers!

Tutorial Tuesday (Photoshop Elements)

Throwing the BOOK at Glee

[This tutorial is for advanced-intermediate and expert users of Photoshop Elements.]

Awhile back I got a private message from Glee asking if I had any tips for making text look more like it’s really sitting on the page when using a book element, rather than floating above it. I didn’t have any tips but thought it might make a good tutorial. Boy, did I bite off a big chunk of what-the-heck-can-I-do-here! The following images represent hours of experimenting and starting over, and I wasn’t completely successful. But I learned a lot in the process so that’s a good outcome, at least for me.

I scoured through my stash for a book that looked similar to the one Glee used for her layout and this was the only one I have. So I went with it, even though the left hand page presents some serious challenges due to perspective.

First things first. You want to choose a font that looks like it would be used on the pages of a book – a typewriter-style font. The colour of your “ink” should be black or dark gray. Adjust the size of the font to be suitable for your pages and your leading should be sufficiently wide to allow all the uppers and lowers to have space. Also, ensure you’ve got your justification set to the left. Justification is the alignment of the first letter on each line. When you choose Center, your text will automatically adjust itself so that each line is centered with the one before. That’s NOT what you want for this purpose. Your text needs to line up with the left edge of the page, or the margin. Please note… I didn’t do that in several of the images to follow and lived to regret it!

Yes… lots of mistakes! But let’s run with it to start off so you can see why it’s important.

The Warp Tool isn’t available until you’ve put your cursor on the page. You can activate it then, or you can type out some text and then deploy it. It’s the right-most little box with the T sitting on top of a curved arrow when you’ve got the Tool Options open. There are several options with little pictograms showing you the basic shape of each Warp.

For the top of this left hand page, the Arch Warp will work. Play with the sliders, moving them to the left and right to see how they work, then decide which ones you need to move to shape your text.

Here’s a tip… when you’re moving across the page toward the spine, perspective demands that the text gradually gets smaller the closer to the spine it gets. To adjust that with the Warp tool you’d move the Vertical Distortion slider to the LEFT. You can also move the text box around using the Move tool, moving it to the angle it needs to sit properly on the page.

Here you can see the way the Vertical Distortion adjustment works. As long as you haven’t Simplified the text layer, you can use the Warp tool as many times as you need to.

The image below shows very clearly why left-justification is important. If you’re using a poem as your text, you can leave it centered and it’ll be fine but for prose, not so much.

My next efforts used a smaller size on my font. It’s still much too big, but it still lets me show you some more tweaking.

I learned that it’s easier to make the Warp adjustments look right if I angled the text box to follow the upper edge of the page first. Please ignore the typo in the red text below…

The Arch Warp worked here, sort of. I used the Vertical Distortion slider too.

It still doesn’t look quite right. There are other tools that can be used to adjust the text’s shape.

I like to zoom in and out while I work so I can see the overall effect of whatever I’m doing. Zooming in tight lets me see it up close for those little tweaks, zooming out shows the whole image and shows where I need to make bigger changes.

So, have I mentioned that I don’t love this left-side page? I played with this area so much and hated everything I did with it.

It looks like the Flag Warp should work. But it’s going to need a lot of massaging.

There are other tools to alter the shape and size of layers. With text layers that aren’t simplified, there are only two ways to Transform the layer, Free Transform (which never seems to do anything I want it to) and Skew. If you’ve never used these awesomely useful tools, I highly recommend them.

I did a little Skewing, but although it looks better, I’m not sure it will make the more… erm… particular scrappers out there happy.

Then I thought, well, it’s not working so great doing big blocks of text all at once, and with two different curves, it would need more than one block of text anyway, so maybe if I did one line at a time…

I was cautiously optimistic when I saw how well the first line worked out. I used Arch and adjusted the Vertical Distortion.

The second line seemed okay too. I selected both layers at the same time so I could skew them at the same time. It was important to keep the space between the lines of text uniform.

Aaaaaaaannnnd then, I abandoned ship. It was taking a lot of time and it wasn’t really working any better. So I typed out some text that filled about 2/3 of the space. I knew I wouldn’t be able to make one single block do all the things I needed it to do.

First I made sure the left-justified text was parallel with the edge of the page.

Then I tried a couple of options in the Warp Text menu. I tried Shell Upper first. Do you see what I see?

Yeah, that didn’t work. So I tried the Wave Warp. Whoa!! That’s BAD!

So I reversed my tactics and SKEWED first and THEN Warped.

That looks okay! Sort of. The bottom is still not making me light up.

As long as I left the text box as a text box and not a Smart Object all I could do with it is Skew it. Already tried that. So I Simplified the layer. Then I went back to the Layers>Transform menu and tried both the Distort and Perspective tools. (See the bounding box?) That made it a lot more right.

Then I added a block of text at the bottom.

By now I was feeling like this just wasn’t going to be good. The Arch Warp looks okay, but still not YEAH!

I tweaked some more. The Skew doesn’t look right either, when I zoomed out.

I did a LOT of things trying to get it right. I even cut and pasted individual words in the last line to see if that would help. Alas, no.

So I surrendered. The other page was always going to be easier, and in retrospect, if I were to do anything with the pages in this particular book, I would put  photo or image on the left-side page (oh wait… a poem could go on this page, couldn’t it?), leaving a big margin around it to disguise the imperfect adjustments, then Skew/Distort it to look okay and leave it alone.

So I filled that right-side page with left-justified text then hit it with the Flag Warp. That was almost enough!!!!

Really, just a wee bit of Distortion almost had it right in just three steps (FlagWarp>Simplify Layer>Distort).

A little bit of a Skew and now it looks great!

The final version isn’t awful, if you don’t look too closely or too long!

I hope I didn’t lose you along the way. That was a complicated one! (I even tossed out about 15 of my screenshots.) I really can’t encourage you enough to experiment with the things Elements can do. You might discover something no one has ever done before, and then you can teach the rest of us!