Photoshop tutorial 002.

PHOTOSHOP TUTORIAL 002
Hello, everyone. Let's create another PhotoShop tutorial today. I thought about different possibilities, but let's try something easy to start off - creation of an image of the sort:

It can be used as an image for a tumblr, or a default for role-play websites such as MySpace or RPme, and it is done in a few clicks. Indeed, it's THAT simple.

First, we would need three screen-captures quite alike to one another, meaning - it must be captures of a few seconds of difference.
When you have opened all the three screen-captures in your program, resize them equally, and drag them all into the empty image. (My file is of 500x520 px in size). Now, you have a couple of possibilities - you can either make all three sides equal, therefore just divide the width into three (500 / 3 = 166,66, however we must have a round number, so we will make it 167, to not have any empty spaces in-between the images), or you can do it as you feel it (that's how I cut the images) and crop the images as you desire. Let's try exactly that: click on the Rectangular Marquee Tool in the Tool Box that is on the side, then select a precise spot of the image, and to cut the selected area (do CTRL + J). There, you have your first screen-cap placed and ready. Do the same to the other two captures, and you have your three "rectangles" finished. It should look something like this:

I suppose you have already figured out what kind of contrast you wanted for your image to have, so I will let you pick a background colour. I have chosen #5c4732

Create a new layout under the three screen-captures that we have (do not merge anything just yet), select the Paint Bucket Tool in the Tool Box, click on the Foreground Colour square and choose your colour. Click ok. Now, click on your image, while your new layer is selected. You have filled that layer with a new colour. (That was for those who haven't done anything in Photoshop yet, because it's the basics, and I will not return to that little part in the future tutorials).


The next step is to make the top and bottom on the screen-captures to disappear and merge with the background colour. Many simply erase the image, however I don't like doing that, since there could be complications, or you might change your mind while doing the edit, however the image will be already erased and you won't be able to go back. So, what I do - is paint above the images with the same colour as the background. Let's do that: create a new layer above all the others, select the Brush Tool (Soft Round Pressure Size) and set the size of the brush as you desire, but it must be big enough to cover the parts we need to paint over. My brush size was of 123px. Now simply paint over. That's my outcome of the test:


Then, before we do any colourings of the image itself, I decided to add some shades, lights and contrast, so; create a new layer above all the others, and using the same brush tool, click once in the middle top of the image (with the colour set on something lighter, and the size of the brush on much, much bigger). Once you have your big drop of paint, set the Blending Mode of the layer to Vivid Light.


Then you can either merge all the layers and proceed to the colouring, or you can, at first, add your text to the file (you can add the text later, I usually do how I feel at the moment). Let's merge the image: in the top menu, select Layer and then click on Flatten Image. There, you have your almost ready edit done, however it is not finished just yet. Let's add a tag/text. There, you do your own magic, and when you're done - throw a rock.

There. I'm done. Let's continue and finish up our edit to move to more interesting things. Once you have finished your text, merge all the layers once more - apply your colouring, or an action - the image needs a colouring. After I have used the Curves and some effects, I ended up having out much awaited outcome. 

Labels: , , ,

0 COMMENTS
Written on Sunday 7 October 2012 at 08:47 by DefyingxMars