Wednesday, July 11, 2012

Photoshop frame tutorial.


To acquire an individual PNG image left click image to enlarge.
Right click image and "Save Image As..." to download.
Advertisement


Today I'm going to show you how I made this....


...And this... (Oh the power, think of the frames
you'll have to match your papers)...
Adobe Photoshop Elements 10
...Using This.

Click on any of these pics to see the image larger.
Step 1.  I find a 12x12 inch piece of digi paper
that I'd like a frame to and I use file-open to pull
it into Photoshop. You like this tag so I made a
matching paper to it.  Find the paper here free.
Find the Alpha and Tags here for free... Yes, yes,
I love you too but you really must pay attention if
you're going to learn these frames.

Advertisement

Step 2: I resize the by choosing
Image->Resize->Image Size.
Step 3: When the image size screen comes up I make sure I've checked constrain proportions and
resample image but I don't check scale sizes. Then
I change the 12 inches to four inches and click
OK.
Step 4: What?  Now it looks tiny on my screen
so I go to the top bar and find view->fit on screen.  Much better.  I can see it better now.
I like my frames to have rounded corners.  I also
like to choose how thick they are.  For this example I'm using the rounded corner square but
after what I show you today you can choose any
basic shape and give it dimension. I like hearts,
ovals, and star frames too.
Step 5: in the left side bar I choose the cookie
cutter tool. Then I go to the top of the screen and
use a pull down menu to show me all my cookie
cutter options. I choose the rounded edge square
here, (Can also be used as a rectangle).
Step 6: I then put the mouse over my paper and
stretch it until it looks good. I click the green
check mark when I like it.
Step 7: In the right side bar I hold down my ctrl button and click on the paper layer.  I now have a
cute little outline around the rounded corner
square paper on my screen.  It has been
SELECTED.
Step 8: With the layer selected I'm ready to make
a frame.  I choose select->modify->contract.
Step 9: I like to contract 100 pixels for my frames.
You might like 45 pixels.  Whatever you like,
choose it here and have faith in the undo button if
you don't like it. After I enter the number of pixels I want the selection contracted I choose edit->cut. You'll find edit in the top bar next to the file button. Voila! Flat Frame.
Step 10: And if you're a flat frame kind of person
you're done here. I like dimension so I press 
down on my ctrl key and click the little layer 
thumbnail to select the layer.
Step 11: I go back up and choose
select->modify->contract.  Then I enter 20 pixels.
I want the selection tool to shrink 20 pixels inside the boundaries of the image.
Step 12: I then choose:
select->inverse.
I just turned my selection inside out. I'm selecting the outer 20 pixels of my image now.
Step 13: I want a shadow to add dimension but I
need to feather the selection so the shadow looks
natural.  If I don't feather it there will be a hard
line where the shadow starts.
I choose select->feather and I enter 20 pixels because for this size image I've learned that looks
good.  Depending what you're doing you can play
with the number until it is right for your project.
Step 14: Now I choose
enhance-> adjust lighting-> brightness/contrast
Step 15: I pull the brightness to the darkest 
setting. Not dark enough for you?  
Do it again until it is.
Step 16: I save all my frames with the file->save
for web command.  I save my large png quick 
pages with a file->save as and I choose png as file
type.  You might want to look up things on google
like interlacing and web colors just to educate
yourself.
Step 17: But what if I want a frame that matches
a paper but isn't the same print as the paper.  My
mother always taught me prints and prints don't 
go together.  I sometimes make my own solid
frames to match a print.  In the side bar I choose
the marquee tool. If you right click this little tool
you can change it to oval.  But I'm going to use
 the rectangle.
Step 18: I use the marquee tool to select most of the paper area I want to match.  I don't select all of it because I want some paper hanging out beneath
the solid color so I can use it to match colors.
I choose layer->new fill layer->solid color.

Advertisement

Step 19: In this screen I'm given a little medicine
dropper that I can drag over to my paper edge that
I left  hanging out and I can choose a color there.
Once I've found the color I want I click okay.  This  car paper is pretty neutral in colors so I settled on a
boring tan/mustard area.  That should match
whatever I create and be a contrast to the printed
paper I'll use behind it.
Step 20: On the far right little thumbnail I right click to get a menu. I simplify the layer, making
it possible to use the cookie cutter tool again.
Step 21: On the far right background layer
thumbnail I right click for the menu and delete it
so my new frame won't have anything behind it.
Then I repeat all the steps. I add some silly stuff
from my freebie directories and I'm in business.
To acquire this frame click to enlarge image then
right click and Save Image As.


No comments:

Post a Comment