SC4 Devotion Forum Archives

To everyone who's been wondering about the mysteries of photoshopping, here's a very simple tutorial, with some neat tricks, to show you how to take your pictures from great to awesome.

To use this tutorial, you need literally no photoshop skills.

Step 1:

Pick the image that you want to edit, and open it in photoshop

For this tutorial, i'm gonna use this pic, a simple suburban image, with no fancy BATs.

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg230.imageshack.us%2Fimg230%2F5623%2Fpic1rz3.jpg&hash=56dd36661a4730cb9dac267795ba05183084139b)

Step 2:

Resize the image. You'll want to do this now, because resizing the image after editing can result in a loss of quality.

Image -> Image size..

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg230.imageshack.us%2Fimg230%2F6103%2Fpic2ne9.jpg&hash=dd1d53852bb68aec938476cf025f62e0c97293c9)

Change the height to 600 (If you want the image to be 800x600)

Step 3:

Now that the image is the right size, it's time to start editing.
The first thing you want to do is to edit the contrast.

Image -> Adjustments -> Brightness/Contrast

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg230.imageshack.us%2Fimg230%2F4273%2Fpic3yt1.jpg&hash=d270d1ca5cfaac0ab6dcc4ca5441a05edb1b97a8)

Change the contrast value to somewhere around 20.

As you can see, something as simple as increasing the contrast has already made the picture much more vivid.

Step 4:

Altering the colors.

For this step, we're going to use the Hue/saturation tool

Image -> Adjustments -> Hue/Saturation

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg230.imageshack.us%2Fimg230%2F675%2Fpic4wh3.jpg&hash=47ee02358dc8be5ee085be330317ec9a54d74ff3)

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg232.imageshack.us%2Fimg232%2F1769%2Fpic5dq0.jpg&hash=c41ecc3c3c34f8e4d2c7450568a776bc3392f0f2)

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg232.imageshack.us%2Fimg232%2F1450%2Fpic6ga5.jpg&hash=5de655a3de45bfdebbabc94d6265721e9649ad3b)

As you can see, giving a negative value will give the picture less color, while giving a positive value makes the colors more vibrant.

I'm going to go with -15

Step 5:

Optional tricks.

To make the image that extra little touch, there are 2 different tricks you can take into use.

The first one is using the sharpen filter.

Filter -> Sharpen -> Sharpen

This will make your image look a little less blurry.

Another neat one is to simply flip the picture.

Edit -> Transform -> Flip Horizontal

I've chosen to use both, leaving my image like this:

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg232.imageshack.us%2Fimg232%2F3301%2Fpic7ht8.jpg&hash=5b946e33caed2061436e2c521921d9f506c07292)

Step 6:

Adding a border.

The image is looking just fine at the moment, and putting it up on the web would probably not be a problem.
However, to have it look just a little more professional, we're going to add a border.

First, use the Rectangular Marquee tool to select a box slightly smaller than the image we're using.

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg232.imageshack.us%2Fimg232%2F3316%2Fpic8hw4.jpg&hash=20e941030ae1a1e5833abd195a8c2df174e56b1f)

Then, press Shift+Ctrl+i to inverse it.

Now fill the inversed box with black using the paint bucket.

Then, expand the box by 1 pixel.

Select -> Modify -> Expand..

Click ok, and fill the new area you jsut crated with white, by selecting white as your color, and clicking once in the middle of the picture with the paint bucket.

Step 7:

Celebrate!

Congrats! You've just edited your first image :D

Your finished image (If you're using the same one as me) should look like this:

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg232.imageshack.us%2Fimg232%2F206%2Fpic9bq8.jpg&hash=dce4a128d98b0665967e06303a797351a73e2175)

And just to compare, here's the original:

(https://www.sc4devotion.com/forums/proxy.php?request=http%3A%2F%2Fimg230.imageshack.us%2Fimg230%2F5623%2Fpic1rz3.jpg&hash=56dd36661a4730cb9dac267795ba05183084139b)

And that's all there is to it. Not the greatest difference, but just enough to make the picture more interesting and presentable.

I hope this has been helpful to all you people out there who always wanted to use photoshop, but were afraid to do so.

Happy editing! :D

Nice one Mulefisk, Thanks. :thumbsup:

This will surely be of help, especially the nice clear, easy steps :thumbsup:

:satisfied:
TTC



&idea I'll stick kettle on, put your feet up, cuppa on the way :D

nice tutorial :thumbsup: &apls

Very useful, this tutorial. I've been dying to learn how to make an image like that. Thanks to you, now I know.  ()stsfd()

very useful...I find that I always sharpen, but the flipping horizontal is something I'll have to try!

Thanks for putting this up, a very handy tutorial.

Thanks for sharing these useful techniques with us  :thumbsup:

very nice mulefisk, easy yet informative!  &apls
Now all you have to do is make more cool CJs! ;)

take care,