Symbianize Forum

Most of our features and services are available only to members, so we encourage you to login or register a new account. Registration is free, fast and simple. You only need to provide a valid email. Being a member you'll gain access to all member forums and features, post a message to ask question or provide answer, and share or find resources related to mobile phones, tablets, computers, game consoles, and multimedia.

All that and more, so what are you waiting for, click the register button and join us now! Ito ang website na ginawa ng pinoy para sa pinoy!

Adobe Photoshop Starters

PHOTOSHOP FOR BEGINNERS-PART2

Color Picker

• 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.

tutorials-colours-f.jpg


tutorials-colours-g.jpg


• 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.

tutorials-colours-h.jpg


• 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.

Stay tuned.....
 
wow..thanks po sa mga post nyo..cs2 kasi yung meron kami..
buti nahanap ko itong thread na ito..
 
Nice posts po! Easy to understand kc may snapshots pang ksama.. galing!


[Suggestion po]:
Mas maganda cguro po kung may step-by-step tutorials under different sections of learning po. Nang sa ganun, may divisions na magagawa kung sang area gusto matuto yung beginners.. :hat:
 
Last edited:
Nice posts po! Easy to understand kc may snapshots pang ksama.. galing!


[Suggestion po]:
Mas maganda cguro po kung may step-by-step tutorials under different sections of learning po. Nang sa ganun, may divisions na magagawa kung sang area gusto matuto yung beginners.. :hat:

This tutorial only covers the Basic Tools in Photoshop. If you want a detailed tutorial regarding the program, just download any photoshop e-book here::D

Code:
[URL="http://www.symbianize.com/showthread.php?p=61943&highlight=photoshop#post61943"]http://www.symbianize.com/showthread.php?p=61943&highlight=photoshop#post61943[/URL]

PHOTOSHOP FOR BEGINNERS 3

LAYERS

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,CLICK HERE.

tutorials-layers-a.jpg


• 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.
 
CLONE STAMP 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%.

tutorials-clone-2a.jpg


• 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

Tip
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:
PHOTOSHOP FOR BEGINNERS 4

MARQUEE TOOLS

tutorials-marquee-3a.jpg


• 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.


tutorials-marquee-3b.jpg
tutorials-marquee-3c.jpg


• 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.

Tip
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.
 
PHOTOSHOP FOR BEGINNERS - 5

LASSO - 1

• 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.

tutorials-lasso-4a.jpg


• 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.

Tip
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.
 
PHOTOSHOP FOR BEGINNERS - 6

LASSO 2

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.

tutorials-lasso-4b.jpg


• Draw a loose selection around the goldfish, as illustrated.

Beginners often find the Lasso a bit tricky at first but practice soon pays dividends.

tutorials-lasso-c.jpg


• 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.

tutorials-lasso-4d.jpg


• 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.

tutorials-mask-4e.jpg


• 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.....
 
PHOTOSHOP FOR BEGINNERS - 7

MAGIC WAND TOOL


tutorials-wand-5a.jpg


• 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.
Click OK.

• 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.

tutorials-wand-5c.jpg


• 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.


Tip
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.
 
MAGIC WAND 2

tutorials-wand-5d.jpg


• Open image number 8 for the next of the Photoshop for beginners tutorials.
The photograph looks the way it might when it first comes out of a scanner.

• Go to Image > Rotate Canvas > 90 CW.

• Press Cmd + 0 / Ctrl + 0 to view the whole image again.

• Select the Crop Tool and enter a resolution of 100 ppi in the top options bar.
Drag the cursor across to crop fairly tightly like the image on the right. OK.

• Press F7 to bring up the Layers palette, if it is not showing.

• Double-click on the Background layer in the palette and in the resulting box click OK. Now the image is unlocked and works like a normal layer.

• Select the Magic Wand Tool (W) from the toolbox.
Enter a tolerance of 20 in the top options bar. A value which is too high will quickly eat into the subject area.

• The cursor now looks like a Wand. Click on the light grey background of the alarm clock photograph.
Some of the background is selected but not enough. Hold down the Shift key and the wand now has a little + sign with it.
Keep Shift held down and click on another part of the grey background but outside the present selection. More background is now included within the 'marching ants' area.
Continue around the clock clicking on further areas of background and adding them to the selection.

• There comes a point when parts of the clock are included in the selection, which is not what we want. Release the Shift key and undo the last movement with Ctrl + z / Cmd + z.
Most of the area around the clock is now selected, but we need to include a little more.
To help out, we will use Quick Mask mode.

• Click on the Quick Mask Mode icon towards the bottom of the main toolbox.
There should now be a mask covering the area which was surrounded by the moving dotted selection line.

• Select the Brush Tool. The foreground/ background squares will have changed to black and white. A black brush will paint in more mask area; a white brush will remove mask area.
There is too much masking under the clock so we need the white brush.
If the white box is not on top, press X. Choose a small brush size (15 - 19) with 100% hardness and use it to erase the masked area up to the edge of the clock. To get a more accurate view, zoom in to increase the image size with Ctrl + plus / Cmd + plus.

tutorials-wand-5e.jpg


• To see if there are any other areas that need cleaning up, it is usually easier to switch back to the 'marching ants' selection.
Press Q to toggle between Standard Mode and Quick Mask Mode.

If the selection line extends beyond the edge of the clock, press Q and in Quick Mask mode use the white brush to erase the relevant bits of mask.

If the selection line goes over some of the clock, like on the handle or legs, press Q and then press X to make black the foreground colour. With the black Brush, fill in the small gaps in the masked area.
Toggle between Standard and Quick Mask Modes until you are satisfied all the clock is neatly selected.

• With the selection outline showing, choose Select > Inverse.
This reverses the selection and consequently selects the background area we want to remove.

• Go to Select > Feather and put in a feather value of 1. OK.
Press Backspace/Delete to delete the unwanted area.
Go to Select > Deselect. Fingers crossed, there is our clock against a transparent background.
This procedure might seem rather long-winded, but after doing a few similar objects, you'll be able to rattle them off in no time.

• The clock image is now ready for placing on another background.
It will be used again on another of the Photo Shop tutorials.
The image should be saved before there are any accidents.
Choose File > Save As and save in a suitable folder.
 
wala n po yong file. pwede pa re-up naman po. thanks!
 
Napansin ko lang po na puro Photoshop tutorials ang andito.
Ang ginagamit ko po ay GIMP pero nakakagawa pa naman ako ng mga magagandang bagay dito...
 
tnx poh bossing, ng uumpisa pa lng aq matuto ng photoshop, and this info wiil help me a lot :excited::thumbsup::yipee:
 
Quote:
Originally Posted by tazzky
oh heto, shortcuts, pdf nga lang. pag mejo sinipag ako type ko nalng dito. sobra kasing dami. pdf muna kau..

Shortcuts (PDF)

Adobe Photoshop CS
download


Adobe Photoshop CS2
download




sir tazzky paki upload po ulit file requested not found po kasi :(

please po thnks you:)
 
babalik ako sa thread na ito kapag nakapag download na ako ng photoshop cs2
 
Back
Top Bottom