18 Eylül 2007 Salı

Photoshop cs3 tutorial the Toolbar explained


The foundation of any Photoshop design mission is knowing where your weapons, (in this case Tools) are and how to use them to their fullest potential. To get to this exalted stage you must first learn their names to use to reference them when ever you choose to equip them. You must also learn what each one of these cleverly programmed tools does. You’re in luck as this tutorial will do just that!

Loading GIF Animation


Category : Adobe Photoshop
Views : 1211
Version : CS2
Rating : 5
Type : Text
Source File: loading-gif-animation.zip
Result: See the result



Create new document (CTRL + N) with your desired width and height size. I will start with 200 x 200 pixels.

Creating element

1. Create new layer (SHIFT + CTRL + N).

2. Rectangural Marquee Tool (M).

3. On the middle top of the new created layer, make a selection of long box like shown.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

4. Smooth the edge of the selection by 5 pixels (Select > Modify > Smooth. Enter 5 for Sample Radius).

5. Fill it with black color or whatever the color you want (SHIFT + F5).

6. Deselect the selection (CTRL + D).

7. Move Tool (V).

8. While holding ALT, click and drag the thick black line you just created to middle bottom of the layer.
This will duplicate the layer and move the object in that layer to your desired position.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

9. Merge the two layers together as one single layer.
You can select multiple layers in 'Layers Window' by holding down CTRL button. Then, right click on one of the layers to select 'Merge Layers'.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

10. Duplicate the merged layer (CTRL + J).

11. Free Transform the layer (CTRL + T).

12. While holding down SHIFT button, rotate the layer so it looks like:
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

13. Press ENTER button when you done.

14. Repeat step 9 to 13. When you done, the picture will look like:
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

15. Merge the two layers as one single layer.

Creating gradient

1. Change your background and foreground color to default (D).

2. Switch your background and foreground color (X).

3. Goto Layer > New Fill Layer > Gradient...

4. Click on OK button.

5. Edit the gradient by double click on color bar
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

6. Choose the second preset
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

7. Change the location of the left Opacity Stop and Color Stop to 12%.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

8. Change the Gradient Fill setting to the following:
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

9. Click OK button.
By creating Gradient Fill with Fill Layer, we can easily modify our gradient. All we need to do is rotate the gradient by changing its setting.

Creating the frames

1. Create new document (CTRL + N). The new document has to be same size like your previous document.

2. We are going to create each frame of animation from previous document. So, arrange the window next to each other for easier navigation.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

3. From previous document, merge the Gradient Fill layer and element layer by selecting both layer with CTRL, right click on one of them and choose 'Merge Layers'

4. Select All (CTRL + A) and paste it in new document.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation.

5. Go back to previous document and pull out your 'History' panel if you don't have it on your screen (Window > History).

6. On 'History' panel, right click on 'Merge Layers' and choose 'Delete'.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

7. Double click on Gradient Fill layer
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

8. Change the 'Angle' to 16.

9. Repeat step 3 - 8 until you have 8 layers in your new document.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

Creating the animation

Now that we are done with our element, it's time to create the animation.

1. Jump to Adobe ImageReady (CTRL + SHIFT + M).

2. In ImageReady, open 'Animation' panel (Window > Animation).

3. On the 'Layers' panel, hide all the layers except for 'Background' and 'Layer 1'
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

4. On the 'Animation' panel, change the 'Frame Delay Time' to 0.2 second.

5. Click on 'Duplicate Current Frame' button.
Free Photoshop Tutorials, Create GIF Animation in Photoshop, Loading GIF Animation

6. Back to 'Layers' panel, un-hide layer 2.

7. Repeat step 5 and 6 until you have 8 frames in 'Animation' panel.

8. Save Optimized As... (ALT + CTRL + SHIFT + S).

Render Pixel Effect


Category : Adobe Photoshop
Views : 498
Version : CS2
Rating : 5
Type : Text
Result: See the result



1. Open up the pic you wish to use the effect on.

Free Photoshop Tutorials, Special Effect in Photoshop, Render Pixel Effect

2. Next go to the layers tab and duplicate the image layer. To do this right click>duplicate layer.

Free Photoshop Tutorials, Special Effect in Photoshop, Render Pixel Effect

3. Select the first layer and go to Filter>Blur>GaussianBlur.

Free Photoshop Tutorials, Special Effect in Photoshop, Render Pixel Effect

4. In GuassianBlur apply the blur at 6.0.

Free Photoshop Tutorials, Special Effect in Photoshop, Render Pixel Effect

5. Go to Filter>Pixelate>Mosiac Set cell size to 5.

Free Photoshop Tutorials, Special Effect in Photoshop, Render Pixel Effect

6. Now just add to a sig or something and get a really cool effect.

How to make cool Candy Text Effect.

Summary:
Create how to design pink and white wavy pattern - cool Candy effect

Free photoshop tutorial how to make cool Candy Text Effect with adobe photoshop.

Photoshop Tutorial-Candy-Text-Effect

[1] Take a new file of 500 pixels, 300 pixels
of resolution 72 dpi in the RGB mode.

Photoshop Tutorial-Candy-Text-Effect

[2] Now take the Text Tool
and create your text.

Photoshop Tutorial-Candy-Text-Effect

[3] Then go to Blending Option and
select the Drop Shadow and
use these settings.

Photoshop Tutorial-Candy-Text-Effect

image038

[4] Do not clilck ok now select the
Inner Glow and use these settings.

Photoshop Tutorial-Candy-Text-Effect

[5] Do not clilck ok now select
the Bevel and Emboss and
use these settings.

Photoshop Tutorial-Candy-Text-Effect

image038

[6] Do not clilck ok now select the
Texture Elements and
use these settings.

Photoshop Tutorial-Candy-Text-Effect

[7] Do not clilck ok now select the
Satin Structure and use these settings.

Photoshop Tutorial-Candy-Text-Effect

[8] Do not clilck ok now select the
Color Overlay and use these settings.

Photoshop Tutorial-Candy-Text-Effect

[9] Here is your Candy Text.

Photoshop Tutorial-Candy-Text-Effect