Image Effect Simple English Button Tutorial

I'm doing this since the other tutorial,
was done in another language.. Atleast the PhotoShop was..

This tutorial does not cover:
Stroke
Dark Glow or
Shadowing.

So lets begin... (made by me for otland)

Open photoshop,









Snap Settings:



Now click and drag with your cursor from the top
left edge of the document, to the bottom right,
you should end up with something like this:


Right click on your newly created shape, and:


Then right click on that layer, and:


Set your settings for these check-marked areas, as so:




Click ok, and now you have a basic button, that looks,
somewhat decent, but lets add some other stuff...

Create a new layer:


Then right click, and:


Now goto, Image->Adjustments->Hue/Saturation


Set your settings like so:

The highlighted areas will not change.. keep those the way,
that they are shown here.. To change the color of your button
just simply drag the 'Hue' bar from left to right, til you
find something you like.

Add some text, and center it within your document, using
any tool you like.. Then set it like this for opacity:


Now save your image:


and settings like this:


Your finished product will look a little something like this:


After some simple editing, you can make it look somewhat good, like this:

doesnt work for me

Not a bad tutorial, maybe some work on the text of the button would of been great.

Reputation, anyway. Nice job.

Macaronie said:

Code:

Now click and drag with your cursor from the top
left edge of the document, to the bottom right,
you should end up with something like this:

doesnt work for me

Click to expand...

you must have your rounded rectangle tool selected...
just left click at the top left corner of the document,
and drag to the bottom right, and a rounded rectangular box
will be created, in whatever foreground color you have selected i believe.

Xantia said:

Not a bad tutorial, maybe some work on the text of the button would of been great.

Reputation, anyway. Nice job.

Click to expand...

Thanks, it was supposed to be like an itroduction,
there will be plenty more tutorials by me to come in the future.

Awesome! I might start making a few as well, maybe some spriting or web design ones.

Xantia said:

Awesome! I might start making a few as well, maybe some spriting or web design ones.

Click to expand...

ill be doing tons of graphic and web design tutorials..
wampp and xampp setups, for just home servers instead of ot's.

<3 Xantia is my "bess fran" on otland rofl! gotta love that spells.

Good, but it would look much better without shadow.

exiT said:

Good, but it would look much better without shadow.

Click to expand...

i just did that to add an effect, for the smaller images its not good, but the bigger ones, it sorta highlights the stuff.