?

Log in

No account? Create an account
 
 
16 March 2008 @ 09:33 pm
Photoshop Tutorials  
A few photoshop tutorials for gotaluvsims2 . There are 33 800x600 pics total. :)


Photobucket

So, here's the test image we'll use for today. Hello Ripp!


Photobucket

Before doing borders, I like to do all my editing and such, so to sharpen, you go to Filter --> Sharpen and click Sharpen.


Photobucket

Adobe Photoshop CS doesn't have a pop up with Sharpen, so if you find that the sharpening is just a bit too severe, you can fade it a bit, but going to Edit --> Fade Sharpen.


Photobucket

This time a little box will show up. I usually reduce it by half, but fiddle around until you find something you like.


Photobucket

I don't do too much editing, but if you want to do so, go to Image --> Adjustments, and there's a whole bunch of options. Most are self explanatory, so just click around and mess with things.


Photobucket

Something else you can do with editing your image is to duplicate the base layer by going to Layer --> Duplicate Layer.


Photobucket

This menu will pop up. You can rename it whatever you want, but I usually just click OK.


Photobucket

While on the second layer, you can change how the image is view with the menu above it. Look at all those options! Let's try out a few.


Photobucket

This is Multiply.


Photobucket

This is Screen.


Photobucket

This is Exclusion.
You can also mess with the opacity of this second layer with the little scroll thingie next to the view menu we just used. Once again, play around with things.


Photobucket

Now that the image is all ready and edited, let's make the border. This is how I do it. There are other ways to go about it, but I'm used to this way. :) Go to Image --> Canvas Size.


Photobucket

A box will pop up. Change the inches to pixels always. The thing to remember when doing this, is that for every ONE pixel wide you want the border, you need to add TWO to the width and height of the image. Here, I'm adding SIX to each, which will give be a border THREE pixels wide. The Canvas Extension Color can change to be any color you want. If not black, white or grey, just make sure the color you want is the foreground color before clicking Canvas Size.


Photobucket

Once you click okay, ooooh look at that border! It's so pretty! But, we're not done yet! To add that little strip of black, go back to Image --> Canvas Size.


Photobucket

Add TWO to each. Make sure you're using pixels. This time, change the color to Black. Then, click OK.


Photobucket

Hey, looking good! You're borders can be as wide or as thin as you want. Just remember the 2:1 ratio when adding.

And, that's how I make borders. Woot!



Photobucket

Now, if you'd rather not have to do this with every single image you take, you can record an Action, which will do the work for you. To do this, go to the Action Tab, which is right next to the History Tab on the middle menu on the right.


Photobucket

Photoshop has a bunch already there, but we want to make a new one, so click the little button that looks like a piece paper. It'll ask you to give it a title, but for now, I'll just call it Tutorial. Then click Recored.


Photobucket

You should notice that the little red light is on now, so whatever you do to your image, the action will record it. Make sure you know what you want to do and the order to do it in, it'll make things a lot easier. For this action, I just sharpened it.


Photobucket

Then under Image --> Adjustments --> Brightness/Contrast, I fiddled around with that.


Photobucket

Then, I added the border like I showed you before.


Photobucket

Once, you're done, remember to save, but DO NOT stop recording just yet. I'll explain why in a moment.


Photobucket

After saving, Press the stop button (the 2nd smaller arrow). You'll be able to see what actions it recorded (the bigger arrow).


Photobucket

If you have a whole bunch of photos you want edit with an Action, you can do so in one big batch. Go to File --> Automate --> Batch.


Photobucket

A large box will show up. First, choose the Action you want it to do.


Photobucket

To do this, you must have all the pics in one folder ready to go, and you must have a destination folder ready as well. Something to remember is that when the batch is done, it will be done in a random order, at least for me it does. Also, make sure to check Override Save As Commands, so the images won't save what is done to them. This is why why recorded Saving earlier.

Once you click OK, you'll see each image have the action performed on them. When all the images are done, they'll be edited in the destination folder, and you're done!

That was how to record an action! Yay!



Photobucket

Moving on to Text. Once your image is all edited and bordered, click the text tool.


Photobucket

Click the image and type whatever you want. :)


Photobucket

You can change the color, size, font, justification etc. of the text in the top menu. You can also move it around just by moving the layer around with the move arrow. The fonts seen will be the ones installed on your computer.

If you want more fonts, you can go to: http://www.dafont.com/ Here, you can download tons of fonts. After downloading, extract each font, then put the file, (not the readme it may come with), in My Computer --> Local Disk (C:) --> WINDOWS --> Fonts. The font should quickly install itself. Then, it'll show up in photoshop ready to use!


Photobucket

Once your happy with the basic font and look, right click the text layer.


Photobucket

A little menu should show up. Click Blending Options.


Photobucket

This box has quite a number of options. There's drop shadow, color overlay, stroke, etc. I've learned what I know just by playing around with each and seeing what they do. Some things are subtle, some are huge. Just mess around with the options until you find something you like.


Photobucket

A few clicks later, and I like what I see! If you want to change, you can always go back.

Woot for pretty text!


If there is anything else anyone needs a tutorial for, I'm here for ya! I can't guarantee I'll know how to do it, but if you've seen me do something with an image, and want to do how I do it, just ask! ^_^
Tags:
 
 
Current Music: Ninja Warrior Marathon
 
 
 
Ammybear: Sailor Moon - Hell Yes!amaryssobellus on March 18th, 2008 12:35 am (UTC)
This is awesome! Thanks so much for this.

I'm going to assume that I can make icons just by changing the cropping? Or is there another way? Hmm... maybe I should have asked for that too. :P

Thank you so very, very, VERY much for this. It makes what was said in the book a lot easier to understand. I guess, I'm one of those that needs step by step pictures to comprehend something.
LaMiamusic_simbol on March 18th, 2008 12:50 am (UTC)
To make an icon, there's the crop tool that you can use, as well as Image --> Image Size. So, once you get the crop you want, you can shrink it down to icon size. If you want to do text, I'd add it after resizing to 100x100, since the shrinking may distort the text and make it unreadable.

If there's anything you want done for an icon specifically that you can't figure out, you can always ask me, and I'll whip up another tutorial. :)

Having pics always helps me out, since I'm a visual person. And, you're welcome. I'm just glad they're helping you out! (Guess we'll see some nice borders in your next Riverdale update ^_~)
Ammybear: Avatar - Momo ?amaryssobellus on March 22nd, 2008 02:04 pm (UTC)
Quick question: do I have to make a new folder for the destination folder?

Also you have to add a layer to get text, right?

Edited at 2008-03-22 02:05 pm (UTC)
LaMiamusic_simbol on March 22nd, 2008 02:56 pm (UTC)
I actually have two folders that I always keep on my desktop. One that I put the new set of pics in, the second is the destination folder. You don't have to have two, but for me, it's easier to organize things that way.

When you use the text tool, it will automatically add a new layer. You don't have to make one before using the text tool, though you could, but it's not necessary.

Anything else? :)
Ammybearamaryssobellus on May 18th, 2008 06:50 pm (UTC)
I did it! I did the batch clean up!

I still can't do the borders because my PS is different than yours. When I click on the image-->canvas, my canvas doesn't look like yours and I can't see any way to add color or anything. *shrug* I could always do that with my PSP. THANK YOU!

*yes, I have to build the courage up to do these things. I'm like Madame_Ugly in that way.*
LaMiamusic_simbol on May 18th, 2008 11:06 pm (UTC)
Woot! Hey, better late than never, I always say. At least you're getting there.

There are other ways of adding a border. I know of two. I could outline those for you if you would like, so hopefully one of them works for you. :)
Ammybearamaryssobellus on May 19th, 2008 03:11 am (UTC)
That would be good. But, please, only when you have the time. I don't mind just opening up the other program to add the borders. I only do it for the opening pic anyways.
:)
Angry at Everybodyqualanqui on March 18th, 2008 01:45 pm (UTC)
This is great! Photoshop is NOT user-friendly, most of the stuff you've listed here I had to figure out on my own doing random Google searches! I JUST figured out how to do borders and crop correctly! And actions. I figured that out, too, what a lifesaver!

You've entered some other stuff in here that I didn't know about, though! I'm totally adding this to my memories. THANK YOU!

See, this is what I miss when I don't check my FL forever! :P
LaMiamusic_simbol on March 18th, 2008 04:38 pm (UTC)
To learn what I have, I did what you did, use google. The rest was just me hitting buttons and seeing what happens. :P Plus, simnels helped me out quite a bit too. She's quite the photoshop expert.

And no problem. I'm glad you got some use out of this! YAY f-list!
Rachelsimsforaranya on May 9th, 2008 06:58 am (UTC)
0_0 NOW I CAN MAKE MY PICS SHINY!!! THANK YOU!!!

And I just watch a whole batch get resized and bordered and it was AWESOME. :D

Only now I have to decide whether to post my latest update with the old pics, or reupload them with shiny ones. XD
LaMiamusic_simbol on May 9th, 2008 04:30 pm (UTC)
You're very welcome! The more shiny pics out there, the better! :)