Tutorials: GFX Tutorials

Tutorials: GFX Tutorials http://fearless-assassins.com/forum/tutorials/category/6-gfx-tutorials/ Thu, 09 Sep 2010 17:31:39 +0000 1800 Understanding the Toolbar in Photoshop http://fearless-assassins.com/forum/tutorials/article/77-understanding-the-toolbar-in-photoshop/

Below is a picture of all buttons that the toolbar has with their names.
To get the submenus right-click on the button.

http://i226.photobuc...LS/toolbar1.jpg

http://i226.photobuc...LS/toolbar2.jpg

The descriptions are placed in the order like the buttons on the toolbar.

Rectangular Marquee Tool
Used to select a rectangular area.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Elliptical Marquee Tool
Used to select an elliptical (round) area.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Single Row Marquee Tool
Selects a single pixel row.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Single Column Marquee Tool
Selects a single pixel column.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Move Tool
Used to move a layer.
Use the mouse or the arrow keys to move it.

Lasso Tool
Selects an area of your choice. Click and hold the left mouse button to select.
When the left mouse button is released the area will be closed with a straight line from the ending point to the starting point.
Hold ALT while selecting to create a straight line. You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Polygonal Lasso Tool
Selects an area of your choice. Click to start selecting, then make the selection click by click.
The selection will go from point to point (were you clicked) with straight lines. Hold SHIFT while selecting to make horizontal, vertical or diagonal lines. You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Magnetic Lasso Tool
Selects an area of your choice.
Click to start selecting, move the tool over the image to create the selection.
This tool will guess were you want to select by selecting were the colors differ the most in the area were you move your mouse.
If you think you should help it a bit just click were you want it to go next.
This tool is very nice if you want to select something on a background with a completely diffrent color.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Magic Wand Tool
Selects a colored area.
Click in the area you want to select.
This tool will select an area that has one color.
For example if you click in a bright red area it will select the whole bright red area, but not the green area next to it.
By setting the tolerance higher it will also select the slightly darker and lighter red next to it.
You can expand your selection by holding SHIFT and selecting the area you want added to the current selection.
You can make your selection smaller by holding ALT and selecting the area you don't want in the selection.

Crop Tool
This tool enables you to make a selection, and it will delete everything that is not in the selection.
Usefull is you only need a small part of a big image.

Slice Tool
The slice tool is very usefull when building websites.
You can use it to tear an image down in to seperate images, put into a html table.
When you want to save the stuff go to File>Save for Web... or hit ALT+SHIFT+CRTL+S and save it.
Photoshop will automatically create a html file with the table for you.

Slice Select Tool
The slice select tool is very usefull when building websites.
Use this tool to set the slices options.
Double click on a slice and an option menu will pop up with various html options like creating a link out of the image.

Spot Healing Brush Tool
This tool can be used to repair an image.
When an image has a very small scratch or something like that, click on it with this tool and Photoshop will use a nearby color to fix the image.

Healing Brush Tool
This tool can be used to repair an image.
When holding ALT you can select the source from were you want to copy.
After selecting the source, brushing over the image will copy from the source to the spot were you are brushing and repair the image.
This can be used to repair little scratches in the image.

Patch Tool
This tool can be used to repair an image.
With this tool, select the part you want to repair.
Then move the selection to another place, and Photoshop will use the second position to repair the first position.

Red Eye Tool
This tool repairs red eyes.
There's a lot of photos were people have red eyes, something most people don't like.
With this tool, select the pupils and they will be repaired automatically.

Brush Tool
This tool enables you to brush wherever you want.
There's a lot of standard brushes to use, but you can also download or make your own brushes to use.

Pencil Tool
This tool is normally used to create little dot's in an image.
It works about the same as the brush tool.

Color Replacement Tool
With this tool you can replace a color in an image with the color you want.
Click and hold on the color you want to replace and start brushing.
It will replace the color selected with the foreground color.

Clone Stamp Tool
Used to copy parts of the image.
Hold ALT to select the source, then brush on the place you want the source to be copied to.
With this tool you can do stuff like giving a person a third eye.

Pattern Stamp Tool
With this tool you can brush a pattern on the image.
Very usefull if you want parts of the image to have a pattern.

History Brush Tool
This tool is basically an undo tool, but then better.
First, in the history window, select the action you want to revert to.
Then brush over the parts of the image you want to have reverted.
Very usefull tool if you want to do an effect on just a part of the image.
Do the effect, then take the History Brush Tool, in the history window click on the step you made before the effect and then brush over the parts of the image you didn't want the effect on.

Art History Brush
The Art History Brush is almost the same as the normal History Brush except it uses styles.
You can select a style to use and it will paint with styles.
So instead of a regular brush, you just have an artistic brush.

Eraser Tool
With this tool you can erase parts of your image.
You can use it just like a brush, so you can also erase using custom brushes.

Background Eraser Tool
This tool will erase the 'background' of an image.
It just erases everything except the color you choose.

Magic Eraser Tool
This tool works just like the Magic Wand Tool except it erases instead of selects.

Gradient Tool
With this tool you can create gradients.
You simply choose your colors (or a preset gradient) and draw a line in your image and it will automatically create the gradient for you.

Paint Bucket Tool
This tool enables you to paint large areas at once.
Yoo click were you want to paint and it will paint everything within the tolerance you selected to the foreground color.

Blur Tool
The Blur Tool is used to blur an image.
It works like normal brushes so again you can use custom brushes on his tool.

Sharpen Tool
The Sharpen Tool is used to sharpen an image.
It works like normal brushes so again you can use custom brushes on his tool.

Smudge Tool
The Smudge Tool is used to smudge parts of your image.
It works like normal brushes so again you can use custom brushes on his tool.

Dodge Tool
The Dodge Tool is used to set highlights to/lighten your image.

Burn Tool
The Burn Tool is used to give shadows to/darken your image.

Sponge Tool
The Sponge Tool enables you to desaturate/saturate your image.

Path Selection Tool
With this tool you can select a layer by pulling a path around it.

Direct Selection Tool
With this tool you can select a layer by simply clicking on it.

Horizontal Type Tool
This tool is used to put some text into an image.
It will write horizontal (like the name suggests).

Vertical Type Tool
This tool is used to put some text into an image.
It will write vertical (like the name suggests).

Horizontal Type Mask Tool
With this tool you can make a selection in text shape.
You type your text and it will make a mask (which is a selection).
You can use it to cut your text into an image.
It will write horizontal (like the name suggests).

Vertical Type Mask Tool
With this tool you can make a selection in text shape.
You type your text and it will make a mask (which is a selection).
You can use it to cut your text into an image.
It will write vertical (like the name suggests).

Pen Tool
With this tool you can make shapes by clicking on various points and then closing the path.

Freeform Pen Tool
With this tool you can make shapes by simply drawing a path.

Add Anchor Point Tool
This tool enables you to make extra anchor points in a path you made before using the Pen Tool.

Delete Anchor Point Tool
This tool enables you to delete anchor points in a path you made before using the Pen Tool.

Convert Point Tool
This tool enables you to convert/manipulate anchor points in a path you made before using the Pen Tool.

Rectangle Tool
With this tool you can create a rectangle in your image in the foreground color.

Rounded Rectangle Tool
With this tool you can create a rectangle with rounded corners in your image in the foreground color.

Ellipse Tool
With this tool you can create an ellipse in your image in the foreground color.

Polygon Tool
With this tool you can create a polygon in your image in the foreground color.

Line Tool
With this tool you can create a line in your image in the foreground color.

Custom Shape Tool
With this tool you can create a custom shape in your image in the foreground color.
You can choose from standard or imported shapes.

Notes Tool
This tool can be used to attach notes to an image.
You can use it to remember things you want to do later or if you made an image for someone and you want to tell/explain him something.
Note that notes only work in .psd files.

Audio Annotation Tool
This tool can be used to attach audio messages to an image.
You can use it to remember things you want to do later or if you made an image for someone and you want to tell/explain him something.
Note that audio messages only work in .psd files.

Eyedropper Tool
With this tool you can set your foreground color.
In your image, click on the color you want to have.

Color Sampler Tool
With this tool you can sample a color.
Click on the color you want to sample and Photoshop will give you all information/real values of the color.

Measure Tool
With this tool you can measure in various units of measurements like centimeters, inches, pixels, percentages, etc.

Hand Tool
With this tool you can simply scroll through an image by clicking on it and moving your mouse.

Zoom Tool
This tool is used to zoom in and out of your image.

Select Colors
Used to select the foreground/background color.
Clicking on the little white-black button will set the fore- and background color to default.

Normal/Quick Mask Mode
Use these buttons to switch between normal and Quick Mask mode.

Screen Modes
Use these buttons to select your screen modes (standard/fullscreen with menu bar/full screen.)

Edit in Imageready
Click this button to switch from Photoshop to Imageready and edit your image there.]]> Thu, 24 Jun 2010 04:38:57 +0000 77 6 Understanding Layers in Photoshop http://fearless-assassins.com/forum/tutorials/article/75-understanding-layers-in-photoshop/
Why work on layers at all?

They do not destroy your original photo.
You are working on top of or on copies of that photo.
You will have more control.
You can use blending modes to change the way layers interact.
You can change the opacity of any effects.
You will have or can add layer masks so that you can work selectively on your photo with any adjustments you make.

There are a number of types of layers that I will discuss today.

New Layer:
(SHIFT, CTRL or CMD, and “N”) or under LAYER – NEW LAYER: This will create a blank transparent layer. This is useful when you want to add or change something on a photo and pixels are not needed. For example, adding a border. If you make a new blank layer, and then add a border by doing SELECT – ALL. Then EDIT – STROKE. You can turn the layer on or off by toggling the eye ball, add a layer style such as a bevel or emboss, or change the opacity by working on this type of layer.

http://digital-photo...photoshop-1.jpg

Adjustment Layer:
Using the black and white circle in the layers palette or going under LAYER – NEW ADJUSTMENT LAYER – and then whichever adjustment you want: This will create a transparent layer where you can make direct changes to your photograph without effecting your original in any way. This is how I edit every photo. Any levels, curves, hue/saturation layer, channel mixer layer, etc that I do, I use an adjustment layer. Why? The way adjustment layers work is you make the changes on a transparent layer. They change the appearance of pixels underneath without actually touching or destroying anything. So they are NON-DESTRUCTIVE. Another BIG reason to use adjustment layers is that you can go back and edit these layers even after you are onto new layers, by double clicking the adjustment layer icon of any layer. You can stack these layers and they accumulate. They do not cover each other up. They work together. And most importantly, they have layer masks. Layer masks allow you to selectively effect a photo. Here are three links to tutorials on layer masking: layer masking tutorial 1, layer mask tutorial 2, layer mask quick tip.

http://digital-photo...photoshop-2.jpg

http://digital-photo...photoshop-3.jpg

Text Layer:
Press letter “T” on your keyboard or the “T” symbol in the tool bar to bring up the text tool. When you do this, it automatically puts your text on a new text layer. You can adjust the font, color, size, and shape of the text. This works similarly to an adjustment layer in that you can go back and edit it even after doing other layers, as long as you do not flatten.

http://digital-photo...photoshop-4.jpg

Duplicate Layer:
(CTRL or CMD and “J”) or under LAYER – DUPLICATE LAYER: This will create a duplicate copy of whatever layer you are on. If you are on an adjustment layer, it will copy that layer and double the effect. If you are on the “Background” layer, it will copy that layer. Think of duplicate layers like a photocopy. These can be useful in certain situations. When you duplicate a pixel layer (such as the background), remember than it will cover up anything under it, unless certain blending modes are used. As a result, I use these sparingly. Duplicate layers are most useful when I run a defog (which clarifies the photo), for sharpening, for working on skin such as wrinkles or acne, or when using the clone tool. Many of these adjustments (but not all) can be done on a New Layer versus Duplicate. If they can be done on a New Layer, that is preferable. For a tool like the patch tool, you will need the pixels there and will need a Duplicate Layer.

http://digital-photo...photoshop-5.jpg

This concludes my “Understanding Layers” tutorial. I hope you learned a lot and that you start working more on layers and less on your original when editing in Photoshop.

]]> Thu, 24 Jun 2010 04:27:05 +0000 75 6 Creating an Avatar of yourself http://fearless-assassins.com/forum/tutorials/article/74-creating-an-avatar-of-yourself/ Step 1: Introduction Comment on this step
Blue faces, kitty lookin' eyes, everyone loves Avatar! Okay, I admit I know nothing about the movie. But the characters sure do look cool!

In this tutorial, I'll be showing you how to turn a portrait of a young lady into a Na'vi inspired character.

http://aviary.com/im.../16/Phoenix.png Open in Phoenix
Final Result Preview
http://rookery5.avia...276499_329f.jpg

Step 2: Eyes Comment on this step
The first step was to enlarge the eyes.

To do so, I selected the Freeform Selection Tool and dragged a selection around the eyes.

Then, I copied (Edit > Copy) and pasted (Edit > Paste) this selection onto a new layer.

http://rookery5.avia...276500_f4ea.jpg

Step 3: Eyes, Part 2 Comment on this step
Rather than enlarging the eyes and deteriorating the quality of the image, I chose to shrink the rest of the image and keep the eyes at their initial size.

I selected the original source image layer from the Layers Menu and selected the Transformation Tool. I dragged one of the corners from the bounding box and shrunk it down until I was happy with the size of the eyes in relation to the head, then pressed Enter.

http://rookery5.avia...276501_7ff8.jpg

Step 4: Eyes, Part 3 Comment on this step
To blend the eyes onto the resized face, I selected the Eraser Tool with the Hardness set to 0 and erased around the eyes to create a smoother blend onto the face.

http://rookery5.avia...276502_8e40.jpg

Step 5: Eyes, Part 4 Comment on this step
I then wanted to give a green tint to the eyes. To do so, I created a new layer and selected the Paintbrush Tool with the color set to a lime green, Hardness set to 40 and proceeded to color around the iris area of the figure's eyes.

I set this layer's blend mode to Overlay to achieve this look.

http://rookery5.avia...276503_011d.jpg

Step 6: Rhinoplasty Comment on this step
Next, I wanted to flatten and widen the nose on the character's face.

To do so, I made a selection around the nose using the Freeform Selection Tool and copied this selection to a new layer. Using the Distortion Tool, I stretched out the nose to create this effect by dragging the bounding corner boxes, then pressed Enter when I was satisfied with the amount of distortion.

http://rookery5.avia...276504_feb1.jpg

Step 7: Cleaning Your Nose Comment on this step
Then, as I did with the eyes, I selected the Eraser Tool with the Hardness set to 0 and erased around the rough edges of the nose to create a smoother blend onto the face.

http://rookery5.avia...276505_2b3d.jpg

Step 8: Tip of the Nose Comment on this step
I wanted to retain just the tip of the original nose, so I selected this area from the original image and copied it onto a new layer on top of the Layers Menu.

Then, I used the Eraser Tool to clean the edges of the selection in a shape of the tip of a kitty's nose.

Then, I selected the Hue & Saturation Menu from the Image tab and slid the hue slider slightly to the left to create a pinkish hue. I selected Ok to apply the adjustment.

http://rookery5.avia...276506_147f.jpg

Step 9: Cheeks and Chin Comment on this step
I noticed the characters in Avatar had a sunken appearance to their cheeks, where the shape of the face is more pointed towards the chin.

This effect can be applied to photos in Aviary by using the Liquify Tool. I selected the Liquify Tool and dragged into the cheeks to sink them in, and dragged outwards from the chin to create a slightly pointier shape to the overall face.

http://rookery5.avia...276507_9fb3.jpg

Step 10: Ears Comment on this step
I also noticed that the characters seem to have very cat-like ears as well.

In order to achieve this look on our character, what better route to go than to use actual kitty ears!

The fur on cat ears seem to really get in the way, so I decided to use a source image of a hairless Sphynx cat for my creation.

I imported the new image into my document (File > Import File) and used the Freeform Selection Tool to select the ears from the image. Then, Icopied and pasted the ears onto a new layer.

http://rookery5.avia...276508_1fcd.jpg

Step 11: Blue Faces Comment on this step
Next, I noticed the characters seem to have blue faces. Yes, I am so very observant.

To give our figure this color, I created a blank new layer on top of the Layers Menu and selected the Paintbrush Tool. I set the foreground color to a dark navy blue tone and painted over the skin of the woman.

Then, I set this layer's blend mode to Hard Light to colorize the figure.

Tip: Use the Hue & Saturation Menu from the Image tab to fine tune the color of your figure.

http://rookery5.avia...276509_5bef.jpg

Then, I used the Eraser Tool to clean up the blue surface area.

Step 12: Highlights Comment on this step
This effect may sometimes create a flat effect on your figure. One way to remedy this is to enhance the naturally existing highlights and shadows .

I created a new layer for my highlights and selected the Paintbrush Tool with the Hardness set to 0, Alpha to 7%, and the foreground color set to white. I set this layer's blend mode to Overlay and proceeded to paint over the figure's nose, forehead, chin, and anywhere else I needed to enhance the highlights.

http://rookery5.avia...276518_517e.jpg

Step 13: Shadows Comment on this step
Then, I applied the same method to paint in shadow enhancements. Instead of using white as my foreground color, I chose black and painted in the darker areas of the image to strengthen the shadows.

http://rookery5.avia...276519_1ee0.jpg

Step 14: Spots Comment on this step
To create a sparkly spots on the figure's face, I simple selected the Paintbrush Tool with the foreground color set to white and the Alpha set to 50% and painted in the speckles by hand.

Then I set this layer's blend mode to Overlay.

http://rookery5.avia...276520_abab.jpg

Step 15: Markings Comment on this step
You can take this one step further and add in all sorts of your own stripes and patterns on the face using various colors and blend modes. The best method is to experiment with your own settings to find out what effect works best for your photos.

http://rookery5.avia...276521_7844.jpg

Step 16: Background Comment on this step
And finally, I imported in a background of a forest-y scene to complete my image. I flattened the entire image first (Layer > Flatten Image) and then selected File > Import File to import my background scene. I dragged my flattened Na'vi character layer on top of the background layer then used the Eraser Tool to extract the figure from her white background.

This tutorial just touched upon tips for creating the actual character. For more tips on blending characters into new backgrounds and matching lighting, please check the Matching Lighting tutorial here.

http://aviary.com/im.../16/Phoenix.png Open in Phoenix
Final Result
http://rookery5.avia...276499_329f.jpg

Note by admin: Above tutorial as been copied from other website.
Reference : http://aviary.com/tu...inglepageview=1]]> Thu, 24 Jun 2010 04:22:52 +0000 74 6 Awesome Signature making tutorials!!! http://fearless-assassins.com/forum/tutorials/article/5-awesome-signature-making-tutorials/ those are made by my friends

they are:
+dd. KRS25
he is part of digital delusions GFX team

check out their site for more tuts and other tips

www.digitaldelusions.com

Beginner:
Coming soon

Intermediate

Raise hell signature tutorial:
http://fc09.devianta...al_by_KRS25.png

Prototype signature tutorial:
http://fc02.devianta...al_by_KRS25.png

Advanced
Coming soon

Im going to update this thread after i get posting rights from my friends for their tutorials

so keep watching this topic

]]> Mon, 28 Sep 2009 14:07:33 +0000 5 leiburi 6 Adobe Photoshop Signature Tutorials http://fearless-assassins.com/forum/tutorials/article/4-adobe-photoshop-signature-tutorials/ Here are few photoshop beginner tutorials that might help you:

This one's pretty old and out of style, but what the hell, i'll just post it:
http://www.freewebs....gnature-tut.jpg

This one came out nice:
http://www.freewebs....r-/tutpart1.png
http://www.freewebs....r-/tutpart2.png
Heres another outcome from this tut:
http://i210.photobuc...zer-/nehav1.jpg

Here's a text-reflection tut:
http://www.freewebs....er-/tut3_p1.png
http://www.freewebs....er-/tut3_p2.png

If you have any questions or comments, please do post.]]> Sun, 24 May 2009 15:18:50 +0000 4 epicofail 6 Uploading an Image http://fearless-assassins.com/forum/tutorials/article/6-uploading-an-image/
http://www.freewebs....-/imgeuptut.png]]> Sun, 29 Mar 2009 14:59:43 +0000 6 epicofail 6