Most of our features and services are available only to our members. So we encourage you to login or join us by registering a new account. Registration is free, fast, and simple. You only need to provide a valid email address so we can minimize spammers. As a Symbianize member you'll have the following privileges:
Gain access to private forums and restricted features
Reply and create new topics or polls
Download free applications, games, themes, graphics, tones, videos, etc.
Ask question or support related to mobile phone, computer, game console, and multimedia
Private messaging (PM) with fellow members
Communicate instantly or real-time with currently online members via Shout Box
All that and more, so what are you waiting for, join us now! Ito ang website na ginawa ng pinoy para sa pinoy!
Graphic TutorialsLearn the basic and advance way of creating effects and enhancing your graphics. Bring your images to life using your photo-editing software. We can share all kinds of graphic tutorials and articles here.
Towards the base of the toolbox, you will see two squares overlapping slightly.
The top colour is for the foreground and the lower colour is for the background.
Click on the black square, which brings up the Color Picker dialogue box.
The other features of colour selection will come in later photoshop tutorials.
With the cursor, click on the large colour square to choose a new colour.
The chosen colour appears in the top of the smaller box next to the OK button.
The sliders around the vertical colour bar will choose a new range.
Click OK now and this colour becomes the foreground colour.
Click on the background square in the toolbox to bring up the Color Picker again and a new background colour can be chosen.
The foreground and background colours can be reversed by clicking on the small double arrow next to the squares.
Pressing X on the keyboard also reverses the colours.
The default colours are black over white. To clear existing colours and revert to the default, press D on the keyboard.
The Color Picker has many opportunities:
Colours can be selected by inserting their numbers;
colours particularly compatible with printing media can be selected;
and the limited range of web-safe colours can also be chosen.
The next of our Photoshop for beginners tutorials introduces Layers, which is a most important feature in Photoshop for all users. Different parts of an image can be put on separate layers and stacked on top of each other.
This is very much how traditional animation and cartoon films are made.
There would be a background, hills in the distance, trees and many characters. Each element would be on a separate sheet of acetate so that they could all be moved and be treated independently of each other.
Go to Window in the top menu bar and drop down to
Layers (Window > Layers).
To download the sample images for these Photo shop tutorials, *Only fully-registered users can see this link.* .
Open image number 1 in the samples package. The new Layers palette now shows the sketch pad image as a small thumbnail image and is called Background.
Go to Layer in the top menu bar; drop down to New and in the next menu that appears, go to Layer (Layer > New > Layer).
In the dialogue box that appears, leave the name as Layer 1and click OK. You now have a clear layer which you can work on without interfering with the original.
The new layer is also highlighted which means it is active and any action you do will come out on that layer alone. The little eye in the left column means that layer is visible. Clicking on that eye hides the layer.
Select the Brush Tool in the toolbox, choose a brush size via the options bar, and rattle off a quick Picasso over the sketch pad image.
If you want to remove everything on Layer 1, the whole layer can be deleted.
Drag the layer on to the Trash icon at the bottom of the Layers palette and it will be deleted. A new layer can be created for a fresh start.
Individual parts of your new creation can be removed with the Eraser tool.
The Clone Stamp tool is a useful tool for cleaning dirty marks off an image and making corrections.
It is the most basic of the retouching tools and has been in the Photoshop system for a long time.
Open image number 2. To see dirty marks and to work on them successfully we first need to increase the size of the image on the screen.
There are several ways of doing this.
Go to View in the top menu bar and drop down to Fit on Screen (View > Fit on Screen). The image increases in size as much as possible on your monitor while still showing the whole image area.
To make the view bigger still, go to View and drop down to Zoom In
(View > Zoom In). Image size can be increased in this way by set increments.
Zoom Out obviously does the reverse. The percentage size of the image can be seen in the bottom left corner of the image's border. Zoom in until the image size reaches 100%.
With the scroll bars on the right and bottom of the image, it is possible to reposition the image. Move the image around to show the white wall behind the plant on the left. Note the dirty marks on the wall which need to be cleaned up.
Select the Clone Stamp Tool from the toolbox. It's in the left coloumn - hover the cursor over the icons for their names to pop up.
Select a brush from the top row in the Brushes palette. When the cursor is over a small dirty mark, it is best if the circle covers it completely.
Move the cursor to a position on the background as close as possible to the dirty mark and of similar tone and density. Hold down the Alt / Option key and click the mouse on that point. This action copies the pixels under the cursor. Move the cursor over the dirty mark and click again. The dirty mark is now replaced by the clean area you have just copied.
Move to another mark and repeat.
If you want to undo an action, go to Edit and drop down to Undo....
If you want to redo it, go to Edit and drop down to Redo.....
How do the retouched marks look? Can you see the join? It could be that the tone of the stamp is not right, in which case repeat the action from a slightly different area.
It could be that you can see the circle, which means that the edge of the brush is too hard. To remedy this, click on the black brush icon in the options bar to bring up the brush dialogue box. Reduce the hardness by adjusting the slider. Just how much depends on the image texture and tones.
Practice is necessary here but try 75% in this case. Avoid 100% Softness as the resulting repair will look too fuzzy; this setting should be reserved for out-of-focus areas and even then used with caution.
Move around the image and re-educate any other dirty marks you find.
In the top options bar, there is a box identified as Opacity. By default this is set at 100%. At times, the cloned repair can be too obvious. Reducing the opacity for those few occasions can give a better blend. Sometimes an opacity of 30% can be used and build up the repair with several applications
An easier way to move the image around the screen is to hold down the Space bar. The cursor now changes to a hand symbol which will grab the image to enable you to move it around.
Last edited by purpleskyz; 9th Oct 2007 Tue at 00:51..
If the 'Suffragette' image used for the Clone Stamp Photoshop for beginners tutorial is still on the screen, we will use it again now, otherwise reopen image number 2.
Press the cursor on the Rectangular Marquee Tool in the toolbox and in the pop-up menu which appears select the Elliptical Marquee Tool.
Drag the cursor across the image to make an oval over the seated figure. It might require several attempts to get it right. The moving dotted line representing the selected area is referred to as marching ants.
If you touch the screen outside the oval with the cursor, the 'marching ants' will be deleted.
If you touch the screen inside the oval, then you can move the oval around the screen. Try and get it something like the example.
We want to delete the area outside the oval, which means we have to reverse or invert the selection.
Go to Select > Inverse. Note how there are now 'marching ants' around the edge of the image as well as the oval.
If we delete now, we will get a hard edge to the cut, which won't look appropriate.
We want to soften the edge or 'feather' it, as it is called.
Go to Select > Feather.
In the dialogue box type 10 and click on OK or press the Enter or the Return key.
In the toolbox, ensure that the background is white by clicking on the smaller of the pairs of squares and on the double arrows. The shortcut keys here are D and X.
To clear the unwanted area around the figure, press the Backspace/Delete key.
We now want to remove parts of the outer area to make the image balanced and symmetrical. Firstly, put the cursor on the bottom right corner of the frame and drag down and out. This gives us a little space around the image.
Continue this Photoshop for beginners tutorial by selecting the Crop Tool in the main toolbox; the letter C will select it.
In the options bar is a small window called Resolution and with this we can set the resolution the image will be after cropping.
Our sample is 100 ppi so we'll keep it the same. Type in 100 and press Enter.
Drag the crop symbol around the whole picture. The small squares, or handles, around the crop frame are used for adjusting its size.
Put the cursor on the centre left handle and move it to the right.
Now push the bottom middle handle up until the frame is symmetrical. The darkened area represents the part of the image which will be removed.
Press Backspace / Delete.
Dragging the Elliptical Marquee creates an oval.
Holding Shift as you drag will create a circle.
Hold the Alt key and the Shift key as you drag the cursor will create a circle that opens out from the centre.
The Rectangular Marquee Tool will make a rectangular or square selection. Holding Shift as you drag will create a square.
Alt + Shift will create a square which opens out from the centre.
Open image number 3 for the next of the free Photoshop for beginners tutorials and bring up the Layers palette with F7.
Select the Lasso Tool in the toolbox. In the Feather box in the top options bar, set a value of 1. We are going to select the hand and the sleeve and prepare the cut-out for a different background.
To enlarge the image to a convenient size of 100%, double-click on the Zoom Tool in the toolbox.
Put the cursor, which is now shaped like a little lasso, on the edge of the hand and carefully drag it around the hand and sleeve. It needs to be done in one go, because if the mouse is released, the starting point and the end of the Lasso join up.
As you are going round with the Lasso, if all the hand subject is not showing on the screen, keep the mouse pressed down and hold down the space bar. The cursor changes temporarily to the hand symbol and enables you to move the image around the screen with the cursor. When the space bar is released, the cursor changes back to the Lasso and you can continue.
A little practice necessary here but it does work.
The moving dotted line is referred to as 'marching ants'.
In the Layers palette, the image is locked as the Background.
As such there is a restriction on how it can be manipulated.
Double-click on the Background. In the dialogue box which appears, the layer will now be called Layer O.
Click OK. It is now a normal layer and allows more scope.
At present, the hand is selected. We want the area outside the hand to be selected so that it can be deleted. Go to Select > Inverse.
Press the Backspace/Delete key to delete the area inside the 'marching ants'.
Go to Select > Deselect. The hand is now ready to be placed on a new background as the next part of this Photo Shop tutorial.
Open image number 4, the grass background.
Go to Filter > Blur > Motion Blur.
Enter an angle of 25 and a distance of 50 pixels.Click OK.
Choose the Move Tool (V) from the toolbox.
Hold the cursor on the hand/stopwatch image and drag it across on to the image of the grass background. Position it so that the sleeve is neatly against the bottom left corner of the background image.
Just teasing - in actual fact it is not a complete disaster if the mouse is released too early and the ends of the Lasso join up before you have finished.
Hold down Shift and the cursor will be the Lasso sign with the addition of a + sign. Carry on selecting with the Lasso cursor, crossing into the existing selected area and the two parts will be joined.
The Lasso Tool can be used for a loose, general selection or for a very precise selection.
For this part of the Photoshop tutorials, open image number 5 and select the Lasso Tool from the toolbox.
The cursor changes appropriately.
Draw a loose selection around the goldfish, as illustrated.
Beginners often find the Lasso a bit tricky at first but practice soon pays dividends.
To help make the selection accurate, we'll use the Quick Mask Mode.
Click once on the Quick Mask Mode icon in the toolbox.
A red mask appears inside the selection. Red is the default colour but as it is a bit similar to the orange of the fish, it would be more convenient to have a colour which gives a better contrast.
Double-click on the Quick Mask Mode icon. Click on its colour box to bring up the Color Picker where you can choose a strong blue colour. It should still be distinguishable from the blue water. Click OK.
The Quick Mask Options palette now displays the chosen blue. Leave the opacity at 50%. Click OK.
The mask on the image is now blue and
it is easier to see the fish's outline.
Select the Brush and choose a hard brush from the top row in the Brushes palette. We'll use 100% hardness here and put on a feather afterwards. The colour boxes in the toolbox will now be black and white and as we are going to erase we want white to be on top.If white is not on top, then press X.
Zoom in on the image to increase its magnification.
A quick way to increase the view to 100%
is to double-click on the Zoom Tool in the toolbox.
Carefully use the Brush to erase the blue mask along the edge of the fish. For large open areas, a large brush is useful, but a smaller brush is required for small tight corners.
A shortcut to increase the Brush size by one step is to press the square bracket key, ].
Pressing the other square bracket key [ reduces the brush size by one step.
If the erasing brush goes over the edge of the fish, press X, which reverses the foreground and background colours. Then paint back in that part of the mask.
When the whole edge is accurately outlined, just the fish will be covered by the mask.
Select Standard Mode in the toolbox or press Q and the 'marching ants' will surround the fish.
Choose Select > Feather and a feather of 1.
Press F7 to show the Layers palette. We'll put the fish on a new layer by going to Layer > New > Layer via Copy.
Go to Select > Deselect. The fish is now its own transparent layer above the background. The chances are the edge of the fish has picked up a little of the background which needs to be tidied up, but that will come in a later lesson.....
For the Photoshop for beginners tutorial on the Magic Wand, open images 6 and 7, or your own images if preferred.
Press F7 to open the Layers palette (F7 closes it as well).
The picture frame is filled with white, which we need to remove.
With the Move Tool, click on image number 6 to select it and you will see in the Layers palette that it is titled Background in italics because it is locked. In this state there is a limit to what we can do, so we need to unlock it by changing it to a normal layer.
Double-click on the word Background. In the box that comes on the screen, it is now called Layer 0, by default. This will do so click OK.
To remove the white area inside the frame, we'll use the Magic Wand Tool.
Select the Magic Wand (W) from the toolbox.
In the options bar, there is a field for Tolerance. When a pixel is selected with the Wand, the tolerance level determines how close in colour surrounding pixels must be in order to be included in the selection.
What actually is a pixel anyway? is the desperate plea. Never mind, that'll come soon....
The area concerned is pure white so a tolerance of 5 will be sufficient. Press Enter.
To soften the cut slightly, go to Select > Feather and type in 1.
Press the Delete key to clear the unwanted white.
Go to Select > Deselect to remove the dotted selection lines.
Notice the grid pattern inside the frame, which always signifies a transparent area on a layer.
Choose the Move Tool (V) in the toolbox.
Select the cat image with the Move tool and drag it on to the picture frame image, remembering to hold down Shift to put the cat image in the centre.
The frame needs to be on top, so in the Layers palette drag the cat layer to below the frame layer.
Go to Edit > Transform > Scale.
To see all the Transform bounding box, it is necessary to expand the overall viewing area by dragging the bottom right corner down and out.
If you run out of screen space, press Ctrl + minus / Cmd + minus to reduce the display size.
Put the cursor on a corner handle of the bounding box and while pressing Shift + Alt move the handle towards the centre to reduce the size of the cat photograph. The bounding box itself tells us the position and size of the photograph in relation to the picture frame.
Stop when the cat photograph is slightly bigger than the frame at the top and bottom. Press Enter.
There is scope to reposition the photograph to the left or right with the use of the arrow keys on the keyboard.
One more useful function.
Take a close look at the inside edge of the frame. Increase the size with Ctrl + plus / Cmd + plus . Then by holding down the space bar, move the screen around with the mouse.
There is a thin white line showing on the inside edge of the picture frame. When cutting away an area, some pixels get left behind right on the edge.
Choose Layer > Matting > Defringe.
A value of 1 or 2 is usually sufficient. OK. This replaces the colour of the fringe pixels with the colour of the nearby pixels.
Choose View > Fit on Screen. At the moment the final image is still separated into layers.
If it is likely that you will want to work on it again then it should be saved in layers, but if not then the image can be flattened to save memory and file space.In the top right corner of the Layers palette is a small arrow; pressing on this arrow reveals a pop-up menu.
Select Flatten Image. The two layers are compressed into one.
The file can be saved and while it is still open, the image can be unflattened withEdit > Undo; but once the file is closed, its fate is sealed.
Although these Photoshop for beginners tutorials come with sample images, the situations dealt with are common to many images, and they can be adapted to your own pictures fairly easily.
The shortcut for View + Fit on Screen is
Ctrl + 0 for PC or Cmd + 0 for Mac.
This is a zero not a capital O.