In this tutorial I will show how to do a basic Background. Within this tutorial there are several techniques that can be used alone or in different
combinations but it was easier to go through all the steps from start to finish than to break them up into different tutorials.
Once you have a vision of what you want and you have collected the pieces needed you can begin.
First we are going to crop out the unneeded parts. In this case it is simply the white background. Click on the "crop" tool and draw out the size you
need. It will not crop the image until you have right clicked the center of the image, so by going to the sides a rectangle will show. By right click
and hold you can re size all sides to the exact size you wish to
Once it is cropped to the size you want it is time to re size for the ATS background size which is 180X480. Keep in mind if the image is more square
than a tall rectangle it will stretch and squish the image so make it as tall and skinny as possible to avoid this
You will notice there is a link beside the width and height
size. This is to keep the scale of the original image, click the link and it will break(as pictured). This will allow you to set them
In this example the edges are curved and show the white background in the corners. This can be taken care of in 2 ways. You can make the corners
transparent(which I will cover later) or you can fill them with color as shown below. Click your "fill" tool, then click the foreground color bar.
This will open a color picker. You can pick a fill color or you can get it from somewhere else as I am showing below. I want the corners to be the
color of the ATS background color, so click the dropper on the color picker screen then click the color you want(in this case it is an open page on
ATS.(this will bring your browser page to the front. Simply minimize it and select "ok" and the color will be set) then click the corners to fill with
the ATS background color.
In the example I am using there is a specific sized screen for our new image. The easiest way to get this size is to create a duplicate of the image
and crop it out.
At the bottom of your little window you will see a
drop down which gives you a choice of visible scale. This will not actually scale the image but it will scale your work space. This makes it easier to
be exact on your crop.
Then just put it back to a workable size and
crop. Now you have the exact size you need to fill.
Putting those images aside(minimize) we begin the next image. We are going to remove the white background from the image. Select the "magic wand" tool
and click on the white background. Moving "Ants" will then outline your image(pictured but not
If you remove the white at this point it will leave a slight
white outline. To avoid this click on "Select" then "grow" in the drop down
A little box will then appear asking you to set the growth
size, I will usually only grow it by 1, then click "ok"
point you will notice that there is a few parts of the reflection that have been included in the selection. This means you can not simply remove the
Click on your "eraser" tool then go to your right hand side
bar and right click and select "add alpha channel". Make sure the brush is set to a solid circle(it will default to a faded edge circle so it has to
be changed). Make sure your "opacity" is 100 and you can re size the brush to cover the most area. Carefully erase the background but not the
Select another section of the background, grow the
selection, and check to make sure there is no extensions like in the first example. If it is clean then select "color" and then "color to
In this case it will be white(which is default) so just click
if it is not white then pick the color or click the color and
use the picker.
edit on 28-12-2012 by Agarta because: (no reason given)