December 18, 2009

Editing Text in CS3 - Tutorial

This is just a simple tutorial on how to use some of the extra features in the "Character Palette" or what I like to call the Font/Text Box (yes, I make up my own names for things just because I don't know all the proper names for things...maybe one day I'll take a photoshop class and learn all the fancy names:-) Anyway, you all probably already know how to do this but I just learned that I could do all this stuff about a month ago and I use it all the time now. I'm using Photoshop CS3 but you can also do some of these extra features in Elements.

I have one of my text boxes open and first I want to make sure that I'm on the journaling layer and that I have the move tool selected. Then I will go to my sidebar there to the right and find the "Character" Tool....although I called it the Font tool for a long time. If it is not on your sidebar then you can go to Window>Character and it will pop up in your screen.
Then what I'm going to show you is how you make your individual text lines closer together. You'll go to the spot that says auto (or where you set the lead) and you can adjust the point. I chose 18 for this one. You can play around with it. It will need to be different for different fonts.
Here you can see the the text is closer together. You can also adjust how close the individual letters are right below that first button (the tracking-I don't think they have this one in Elements). I use this one for some of the cursive fonts, it makes them look more attached. For this font I'm not going to change it. Now, this is where the tutorial is going to stop but play around with the "Character Palette" and you do lots of different things but these are the two things I use the most...that I never use to use before.
I also just found this-Adobe Photoshop Text Tutorial. It will tell you what all the different things do in the "Character Palette".
Here's a freebie that you can use to try out this tutorial. It's a circle text box with a few outlines and mask. Just click here to download. If you need a tutorial on how to use a text box I have one here.

August 30, 2009

Photo Editing Tutorial

This tutorial will show you how to make a photo black and white, add color back in, make it brighter and how to add a vignette. I just learned how to add the color back in myself and thought it was so fun and easy that I wanted to share it with you. There may be better ways to do this but this is the best way that I know how. I'm sorry to say that this only works in Photoshop, not in elements (I'm using photoshop CS3)....I tried to see if I could do it in elements and I couldn't figure it out. I'm not as familiar with elements so there might be a way to do this in elements, I just don't know how.

Okay, the first thing you will do is open the picture that you would like to edit and change it to black and white. You'll go under image>adjustments>black and white. A window will pop up and you'll click okay.

Then you'll go over to your your History Brush Tool and click on that.
You can adjust the size of your brush as needed. I'm just going to keep it pretty small for what I am doing and I like to use the soft edge brush.
Then what you will do is just click where you want to restore the color back into your picture. In my case I am going to add color to her dress and some of the flowers. You can zoom in on the picture if you want to get more detail.
I wanted to crop my photo too so this is what I did (leave this step out if you want). I clicked on my rectangular marquee too and set the style to fixed ratio because I wanted 4x6 ratio photo for printing and then I used the marquee tool to select the part of the photo I wanted to keep. Then I went to image>crop.
Now that I have my cropped and colorized photo I want to brighten it up a little bit. So I'm going to go to image>adjustments>brightness/contrast.
A window will pop up where you can adjust the brightness and contrast. Just play around with it until you find something that you like. Make sure you have the preview box clicked so that you can see what your photo looks like. I set my brightness at +70 and my Contrast at +65. Hit okay when you are done.
Then I added an inner shadow (vignette) to my photo as well. If you want one just double click on the photo layer and click on inner shadow. Set the distance to 0, Size at 250 and Opacity at 100%. Then play with the blend mode until you see something you like. I chose Linear Burn for this picture. Again make sure you have the preview box checked so that you can see how your photo looks before you hit okay.
This is just and extra tip. If you ever need to go and undo something you've done to your photo or scrapbook page for that matter just go to your history states and you can click on any of the history states and it will take you back to where you need. This is especially helpful when you are using your history brush tool in case you make a mistake when you are restoring color back to your photo.

That's it folks. Have fun with it. -Liz

July 20, 2009

Tutorial: How to Make 3D Shadows

I've have a few 3D products in my store and I've had a few of you ask me how I make the shadows for them so that you can make your elements for the page look the same way. So I thought it was time for another tutorial. :-) So here goes. There are several ways to do this but I'm going to do it so that you can also use the same technique in Photoshop Elements. I'll be using CS3 but this also works in Elements (I tested it). Take the element that you want to make a dropshadow for and use your Magic Wand Tool to outline just the element. Once you've outlined it, right click on the mouse and go to select inverse to just get the element (not the outside of the element).
Then you will go to the layers and create a new layer (all while your still have your element outlined with the magic wand tool). Then take the paint bucket and paint that new layer with black paint.
Then you will move that painted layer behind your element. Then while on that layer go to Edit>Transform>Distort.
Then just distort that layer to make it look like a 3D shadow. You can move it around and adjust it how you want.
Then once you have that shadow how you want you can do a few more things to make it look like a real shadow. I adjust the opacity to 25%. You can adjust it to what you would like. I adjust it to 25% on my 3D products.
Then go to Filter>Blur>Gaussian Blur.
I zoomed in on the flower so you could see better. After you go to Filter>Blur>Gaussian Blur then adjust the radius to about 8 pixels, you can adjust to what you would like but this is what I used on my 3D products. That's pretty much it.
This is what my flower looks like with the shadow on piece of paper. I didn't finish the flower so it's plain but you can at least see what it looks like with a shadow on a piece of paper. It looks so much cooler on a piece of paper than on white, so I just had to show you. :-)

May 14, 2009

Tutorial-How to edit a 24x12 Template

This tutorial is for those of you who would like to take a 24x12 page and adjust it to make 2 - 12x12 pages. I'm going to use one of my State Templates as an example, I'm also using Photoshop CS3. First what you will do is make your page like you normally would, add your photos, papers, embellishments etc...and save it as a psd, under a new name so you don't edit the original template(If you need more help with this I have a tutorial here.) My example isn't exactly finished I'm just using the plain psd as an example (you can pretend all the pretty papers, pictures and embellishments are there). Then with my Rectangular Marquee Tool selected I will go select fixed size and enter 12in by 12 in. Shown below:
After that is done, you will click on the left edge of the psd and it will select the left side of the page (exactly 12x12). Then go to image crop.
Once you've cropped that side you can save it as a jpg or a new psd (with a different name).

Now once you have saved that side you can go back to your full page 24x12 finished page and do the same thing to the right side of the page (save it with a different name) and you have two 12x12 pages that will fit together perfectly. Hope this tutorial is helpful.

February 24, 2009

How to Use a Text Box in Photoshop CS3/Elements

Here's a tutorial on how to use Text Box Templates. The pics are from Photoshop CS3 but you do the exact same steps in Elements (I tested it, the only difference is that when you first open the psd file it will ask you if you want to update the layers and you will hit update). I'm going to use a star text box in my tutorial. First you'll open the psd file of the text box you want to use.

You can see the psd file is just one layer. It is the text box layer. First what you'll want to do is save this as another psd file so you won't loose your original psd file. After that is done you simply click on the Type tool and then click inside the star textbox. What I would do is highlight all the text and delete it and then type in your own text.
(Highlighted Text) Once you've highlighted and deleted the original text you can just type your own text.
Now once you've type your text (I usually do a couple sentences at a time and then I edit them) you can edit the font, type and size individually. So highlight the text area that you want to edit and choose a different font, color or size as desired. In this case I highlighted "Star" and changed the font. You can do that with any of the words in the text box. You may have to play around with the font and size to make it look right in the star box. You can also add drop shadows and the such just like you would with normal text. (You can see my finished star below.) Now this psd file is a 6x6, you can either do your word art or journaling box and save it as a png file and then add it to your scrapbook page or I will show you an easy way to add it to an already existing psd file or digital scrapbook page. What you'll do is right click on the star text box layer and hit duplicate layer.
This is what you'll see and then you'll choose the document you want to copy it to (you'll have to have it open in photoshop). In my case it is the Untitled-1 file. I'm just going to add this to a new 12x12 psd file. So you choose the document and hit okay.
Once you hit okay you can go to the document you duplicated it to and it will be there on the psd file. You can see mine below. Now I can reposition the star, resize it or turn it to fit my needs (just use the move tool). I can also edit the text if I want too. So there you go and you can see my finished star below. I added an outline to make the star more complete. I think this is such a fun add on for a page, plus it would make some fun word art.

January 17, 2009

Editing a Template

I decided I would write a tutorial on how to edit a template. If you need a tutorial on how to use a layered template than click here . This tutorial is more of just how to edit a template and change it around a bit. I'm using Photoshop CS3 by the way for my tutorial. So first of all open your template (I'll be using one of my 365 challenge templates) and save it under a new file name so that you don't change the original. The first thing I'm going to do is show you how to grab several layers and move them around. So I'm going to grab all the layers that I want to move by holding down the shift button and clicking on the layers I want to move. In this case I'll be moving Photo layers 1-31. You can see all the layers highlighted below.
You can either select your move tool before or after selecting the layers you want to move. Then you will simply move the layers how you want to, you can turn them, you can even stretch them or shrink them if you want to. Hold down the shift key when you stretch a layer if you want it to stay proportional. Once you are done adjusting your layers then you hit enter. Now I will show you how to adjust a dropshadow. I'm going to adjust the dropshadow on the January layer to make it look like the paper is bending a little bit. So double click on the layer you want to adjust and the layer style box should appear for you. Then click on the dropshadow effect. I'm going to leave my settings what they are, but you could adjust the distance and size if you wanted to. I don't usually do anything with the spread. Just adjust them until they look how you want to. Make sure the preview button is checked, that way you can see what is going on with your layer. Occasionally I will use the inner shadow to make it look like a layer is cut out of another layer or behind it (that is what I did with the photo layers in this template, it looks like they are actually behind the january layer.) When you are done adjusting your shadows then hit the OK button.

Next you will go to the Layers Menu>Layer Style>Create Layer. (Pictured Below)

Click on that and then you will have another layer below the layer you were just on, it will be that layers drop shadow. Click on the dropshadow layer. Then go to your Edit menu>transform layer>warp (Pictured Below) and click on that.

A grid will appear and you can adjust the different points of the dropshadow. You can pull the corners out to make them look like they are bending, it's pretty fun what you can do. You can also do this with any other layer. So it might be fun to do it with the actual January layer. Just hit enter when you are done adjusting your points.

Once you hit enter you can leave the layer the way it is but I like to add a blur effect to it, that way it doesn't look as sharp. What you'll do for that is go to the Filter Menu>Blur>Gaussian Blur and click on that.

Then a pop up screen will appear and you can adjust the pixels. I usually put mine between 5 and 10. The bigger the number the softer it looks. (Remember to have the preview button clicked so that you can see what it's going to look like).

And that's how I had curved pages to my templates. So hope this works for you. If you ever want to see how I do something with one of my pages, let me know and I'll try and write a tutorial for it.
Pin It button on image hover