photoshop art - vector tutorial using photoshop

1. Below is the image (the mini car) I will recreate to give it the vector look and feel.
The quality of the image is not so much an issue in this case, as long as, theres enough detail to trace.



2. First, right-click and choose either:
A) 'Copy', then inside Photoshop go 'Edit/Paste'. (Photoshop will create a document preset size based on the dimensions of the clipboard image). With this method, Photoshop keeps the default locked 'Background' Layer and pastes the image in a new 'Layer 1' directly above the Background Layer. Double click on the word 'Layer 1' to select the text and give the layer a friendly name - in this case 'theimage'.

Or

B)'Save Picture As' to your hard-drive (Desktop is a convenient location). Then in Photoshop, choose 'File/Open', and browse to that image location (Desktop, for example) to open it. Notice in the 'Layers Palette', the image thumbnail indicates its an 'Index' image (in this case a quick way to tell that this image is a .gif file.) You'll also, notice, its locked. To correct this, simply go to 'Image/Mode/RGB Color' to revert the locked layer to a 'Background' Layer. Optionally, double click the 'Background' Layer in the Layers Palette to convert it into an edit able layer. (Change the default 'Layer 0' to a friendly name - in my case I called it 'theimage'.)

Next, lets duplicate the original 'theimage' layer and if your using Photoshop 7, create a new 'Layer Set' to store all the individual objects(multiple layers). Do so by clicking on the Folder icon at the bottom of the 'Layers Palette', double click on the 'Set 1' default text header and change to what I have (Elements).



3. Lets start by creating a solid outline of the whole car.
Set the foreground color by choosing the 'Eyedropper Tool (I)' to sample the darkest area of the image. In this case it's close to black.

Next select the 'Pen Tool' from the toolbar. And up on the 'Options Toolbar', make sure the 'Shape Layers' option is selected as I have captured (in orange outline).



4. Then just start adding 'Anchor Points' at areas where you think they will require some adjustments.

TIP: Ctrl + (Plus Sign Key) to zoom in and Ctrl + (Minus Sign Key to zoom out on areas that need special detail. I do this a lot to achieve greater detail.

NOTE: By having the 'theimage copy' layer on top, the path outlines show through without disrupting the view of my next anchor point. Throughout this tutorial, I will be toggling visibility of this layer a lot.



5. After making your way around the mini car, connect to the first Anchor Point to create a solid shape. Then hide the 'theimage copy' layer to see what it looks like. (As I have captured.) Then lets start manipulating those anchor points to wrap/fit the mini car properly.



6. This is what the 'Layers Palette' now looks like, with the new Vector Shape Layer highlighted in blue. Also, if you click on the 'Paths' tab of the layers palette you can see the 'Paths' version of that layer.



7. Now turn visibility mode of the 'theimage copy' layer back on.
Select the 'Convert Anchor Point' tool and begin wrapping those areas that need curvature to the image.
Make sure the 'Shape 2' layer is selected, in the 'Layers Palette'.

With the 'Convert Anchor Point' tool, I started on the foreground wheel, click the 'Anchor Point', and drag in the direction of my (black) arrow unto it starts fitting the underlying layer.

TIP: 'Convert Anchor Point' creates two bezier handler points, for further curvature control.



8. Begin to get comfortable with the 'Convert Anchor Point' tool and work your way around the shape path, trying to get a close a wrap as possible.



TIP: After converting some anchor points, you'll realize that some of the original anchor points were not necessary at all. In fact the fewer the anchor points the smoother the curvature! Use the 'Delete Anchor Point' tool to eliminate unwanted anchors.

9. Here's my final shape after applying as much of the 'Convert Anchor Point' tool as possible.
We'll use this for the base (darkest under layer).



10. Next I duplicated the 'Shape 2' layer (to get 'Shape 2 copy') and manipulated its anchor points to wrap the dominant color of the image, primarily the blue (body) of the car. Click on the Thumbnail Preview of that layer to get the 'Color Picker', and change the black to blue #3672BD.



11. Now this is what the body of the car looks like.



12. Next lets work on the windows.
Toggle the 'theimage copy' (black one) back on and hide 'Shape 2 copy' layer (the blue one).

Select the 'Pen Tool (P)' again, and up on the 'Options Bar' make sure 'Subtract from area shape(-)' is turned on.(I have outlined in orange)



13. Hide 'Shape 2 copy' layer in the 'Layers Palette'.
Select 'Shape 2' layer in the 'Layers Palette'.
Then start tracing in the areas of the window that are on the opposite side of the car.



14. Toggle the 'theimage copy' visibility mode to off, to see whats happening.
Your subtracting from the same shape layer, giving the illusion of transparency.



15. To apply the same affect on the other two windows without adding a new layer, simply hold Ctrl + Alt, then click and drag that subtraction path to duplicate. (Do this twice.) Then place the duplicate shapes into place.
Use the 'Convert Anchor Point' tool again to define the corners to wrap in the right positions.




16. Note: After the above process, revert the modifier options to its normal state. (Create New Shape Layer)

Apply the same technique to the 'Shape 2 copy' layer, except trace along the foreground windows to get a final image as I have captured.(All the while, have 'Shape 2' visibility off.)



17. Now that we have the crust of the vector shape in place, the rest is simply adding new shapes, lines, and some textures. We'll fill in those windows later! Giving it depth

Next apply the same techniques as we did creating the base shape layer to the (white) roof of the car. Using the 'Pen Tool (P)' to add Anchor Points, then 'Convert Anchor Point Tool' to create curvature.



18. Next, with the 'Ellipse Tool (U)' on the toolbar, draw the back hub cap, then hold the 'Shift' key and draw in a second ellipse(the foreground hub cap).

To position accurately, Ctrl + click on the new ellipse, then right click on a single ellipse and choose 'Free Transform Path'. Right click again, and choose 'Distort'. Tweak the corner bounding points until in the position as the hubs in the image. Repeat for the other hub.

I also started on the headlights (on a new layer) using the same technique. (Ellipse Tool ~ Free Transform ~ Distort ~ tweak into position)



19. Since new layers are being added and they could pile up, its sensible to name them appropriately. (Thought it is possible here to use as few layers as possible, as I did with the main body)



20. Next I started adding the bumper. Again, use the 'Pen Tool (P) to trace the area, 'Convert Anchor Point Tool' to wrap perfectly to the original image source. (It's all routine now, right!)



21. I then applied a layer style to the bumper to give it a somewhat chrome effect.
Right, click on the 'bumper' layer and choose 'Blending Modes' to apply the following three captures.






22. Next I'll begin to add some of the fine lines that comprise of the doors and other areas.
Select the 'Pen Tool (P)' again, except, this time, up on the 'Options Bar' select 'Paths', as I have captured.



23. Create a new layer, and call it 'Lines'. This layer should be positioned uppermost in order for them to show.
So, Toolbar - Pen Tool selected, Options Bar - Paths selected, begin clicking/adding Anchor Points in the direction that comprises of the main passenger door.



24. Next set the foreground color to black (hit the D key), hit the (B) key to select the 'Brush Tool (B)' from the 'Toolbar', then up on the 'Options Bar', select the 'Brush Preset Picker' and choose a small, soft edge brush, like 3. But alter the Master Diameter to 2 (try 1 also), since 3 may be too thick.



25. Hit the (P) key to re-select the 'Pen Tool', then mouse over the path you created in the 'Lines' layer, right-click and choose 'Stroke Path' option.



26. You'll be prompted to choose from a 'Tool Preset' to use to create the new stroke. Select, 'Brush' from the drop down list, then hit 'OK' command.



27. I then reduced the 'Opacity' of the line layer to 54% to soften it.



28. I then went ahead (using the same above Pen Tool/Paths/Stroke Path technique on other lines.
I also added the front grill and applied the same style as the bumper above.
Added the mirror the window wipers and the mini logo crest at the front.
HINT: For areas that are too small to be manipulated with the 'Pen Tool (P), use the 'Polygonal Lasso Tool (L)' using the same click and add anchor points as the Pen Tool, then when complete, right click on the selection and choose either 'Make Work Path' or 'Fill' options.



29. For textures such as the highlights, lets use the 'Polygonal Lasso Tool (L) to trace around those areas that require it, right click and 'Fill', with a soft blue color (I used #86A9D7).



30. After tracing as much as I can I applied a 'Filter/Blur/Gaussian Blur of 1.1 pixels' (respectively) and reduced the 'Opacity' of the layer to 30%.



31. On a new layer I did the same Polygon Lasso effect for the darker areas, using #2A579C. Then applied a 'Filter/Blur/Gaussian Blur of 1.1 pixels' and reduced the 'Opacity' of the layer to 30%.




32. Next I'll add the windows.
For this all we have to do is reuse our original 'Shape 2' for the background windows, and the 'Shape 2 copy' for the foreground windows.
First duplicate the original 'Shape 2' layer and call it 'backgroundwindows'.



33. Once its duplicated drag it below the original 'Shape 2' layer in the 'Layers Palette', as I have captured.



34. Then hit the 'A' key to select the 'Direct Select Tool' from the 'Toolbar', then hold the 'Shift' key and select the background windows individually.



35. Go to the 'Options Bar' and change the 'Subtract from shape area (-)' to 'Add to shape area (+) as I have encased in orange.



36. Those window areas will now be filled in with your foreground color, in my case black.
Next, with the 'Direct Selection Tool (A)' still active & still on 'backgroundwindows' layer, click on the outside path line as I have captured and hit the 'Delete' key on your keyboard. Now all we ahve are the windows, which is our goal here. Certainly saves a lot of time drawing them in again.



37. Now lets customize the windows with a a white tint. Do this simply by clicking on the 'Layer Thumbnail' as I have captured. And change the color to white (#ffffff) in the 'Color Picker' dialogue box. Then set that layers opacity level to about 23%.



38. Apply the same technique to the original 'Shape 2 copy' layer.
Duplicate, drag below the original, 'Direct Select Tool' and Shift + click to select the foreground windows, 'Options Bar' and switch to 'Add to shape area', then delete the outer path so that the foreground windows remain.
Click on that 'Layer Thumbnail' and change color to white, reduce opacity to about 43%.



39. All that remains now are fine details, amount is up to you. Below is my final image after adding detail to the hubs, lights, other highlights. Hope you enjoyed this tutorial.



A scenic version.




Originally submitted to (WM) Webifex Magazine (http://www.webifex.com/)
Downloadable Webifex ezine v.2.0 in Acrobat .pdf form, including this tutorial. http://www.webifex.com/

Photoshop Oil Painting And Collapse Text Effects Tutorial

1. Create a new document (640x480). Then open this photo:



2. Use any cutting tool to cut the model out of background then drag to the document



3. Name the model layer is Ellen.
Go to Filter > Artistic > Dry Brush, set options:



4. Duplicate Ellen twice then make them be black and white.
Set the topmost layer to Overlay (opacity 83%) and the second layer to Linear Light (opacity 41%) This is what you will get:



5. Duplicate Ellen (main), put this new one under Ellen and move it to right. Name it is E-BG.



6. Then fill it with #FFFFFF. Create a new layer and put it over E-BG. Choose Text Tool:



7. Copy any text paragraph that you like (I use Far Away From Home lyric in this case) then edit your character palette until you see it's ok.



8. Right click on the text layer, click Rasterize Layer.
Select E-BG. Go to Select > Load selection. Press Ctrl + Shift + I to choose the outside selection:



9. Click Layer Text then hit Delete. Now you get this:



10. Duplicate layer Ellen main, put it under Ellen then fill it with #e0e0e0 to make shadow.
Choose Text tool to write something you like, in this tutorial I wrote "Far Away From Home".



11. Right click and select Rasterize Layer
Use Lasso Tool to get selection on each letter, then press Ctrl+J to to separate each letter from sentence



12. Press Ctrl + T to transform. Your result:



13. Continue to repeat this step with all remaining



14. Now merge all the text layer together.
Use Lasso Tool to make selection like this:



15. Then hit Delete.
Decorate your text with blending option:




16. Continue to type more text to decorate your work. In this case, I use warp text




17. Remember to rasterize layer so as you can use Transform.
This is my result:



18. Now create a new layer over Ellen BG. Use this brush to fill on your work
if you dont have bush, download bush in http://www.photoshop-garden.com/resources/moargh.de_dots.abr



19. Finally, you merge all layers together then open Hue/Saturation (Ctrl+U) to adjust the color of artwork
Here is my final result:





By Photoshop-Garden.com Copyright © 2007 - 2008 Photoshop-Garden.com

Photoshop fantasy art for newbies mysterious moonlit scene

Fantasy Art for beginners - mysterious moonlit night written by Lorelei © www.loreleiweb.com
Believe it or not, but from a few ordinary photos and some primitive brushes, we will make this:



1. step one :
OK, despite the rather impressive outcome, this is a very simple tutorial, you wont need more than a few brushes and a few pictures. Most of it is a mater of technique.
Start by creating a new canvas, 500*500 pixels, and fill it with dark blue colour, we used #060062.



2. step two :
Next, you need a beautiful, and preferably mysterious photo of a woman, this is what we started off with:



3. step three :
Copy the girl to your clipboard (Ctrl + C) and paste it (Ctrl + V) unto the blue canvas



4. step four :
Select the "Single Column Marquee tool" place the selection line on the edges of the picture, Press Ctrl + T to draw a line, and repeat the action from the other side as well. This is what this action will give you...



5. step five :
Duplicate the woman's picture, and set BOTH layers to "Luminosity" blending option. This will turn both layers blue, as we have a blue background.
While the upper (duplicated) layer is selected, apply the Gaussian blur on it.



6. step six :
Select the eraser tool with a soft edge, and go over the girl's silhouette, erasing the blurred layer from over the woman's body. This is how it will look, but work your way with the eraser over her skirt as well.



7. step seven :
After having finished to erase the blur over her body, this is what it will look like:



8. step eight :
Select the blurred layer, and go to Filter >> Render >> Lightening Effects.
Apply this "omni" light spot over the blurred layer.



9. step nine :
Now you got a nice, wrapped in fog moon, that creates a very mysterious halo around the girl's body. That's because we used (before) the eraser tool with the soft edge, while removing the blurred layer we were not very accurate and deleted a bit of the area around the body as well. Even if it's just a few pixels, it is still great.



10. step ten :
Now we need to add some landscape... Easier of all would be to use some nice clouds photo and not to create clouds from a scrap. So take this picture, pulled from MorgueFile.com



11. step eleven :
Copy it (Ctrl + C) and paste unto your fantasy canvas.
Apply the "Luminosity" blending style.
Using the eraser tool, remove remains of the clouds from the woman (if any) and the moon.



12. step twelve :
Create a new Layer.
Make sure your primal colour is white and your secondary colour (in colours palette) is same blue as the background.
Select the "Dune Grass" blush (comes default in Photoshop CS2) and apply a lot of stamps (or just hold the mouse pressed and go over the bottom of the canvas)
Ideally, it will look like this...



13. step thirdteen :
Now you would need starry brushes. We used some free star brushes downloaded from Deviantart.com
You can choose between..
http://www.deviantart.com/deviation/15213768
http://www.deviantart.com/deviation/31601676 or any other...

Once you have installed the star brushes and loaded then into your Photoshop, make a new layer and apply a generous amount of stars over the upper part of your canvas.
Remember to use pure white colour for the brushes. If you see that the result is dull - go to Layer >> Layer Styles >> Blending options and add default yellowish glow.



14. step fourteen :
Go to the layers menu and select the layer with the clouds (remember it has to be on luminosity mode)
Select the Dune Grass brush again, and add a bit grass from both sides of the woman, but make sure you dont apply them over her. The idea is to create the illusion of her sitting IN the grass and not behind it. Since here the blending mode is different (luminosity), the grass will look more moonlit in front of her.



15. step fiveteen :
Go again to layers menu and select the first layer of the woman, which stayed intact so far...



16. step sixteen :
Go to Filter >> Renders >> Lightening effects and apply a light spot, similar to what we did with the blurred layer, only bigger



And this is how it looks now, now

Photoshop Professional Changing of the eye color

1. step one :
Open picture.



2. step two :
We will now make that Adjustment Layer I spoke of.
So, Layer/Add adjustments layer/Hue saturation, swich Colorize, and select whatever hue.



3. step three :
Click on layer mask of the H/S layer, use paint bucket and paint it black.

4. step four :
Use Brush with hardness 60% (set this in Window/Brushes or F5 ), set white color.

5. step five :
Brush is about the size of the Iris, paint this white circle in that black layer mask




6. step six :
So long, it is nice but isnt realistic really. So now, swich the layer mode of H/S layer to Overlay. Change opacity of the layer to 70%.
The Layer Mode that you have just changed affects how do layers interact with each other, in this case how does that Adjustment Layer affect the Eye layer beneath it.



7. step seven :
Double-click on H/S layer, change Hue to whatever, Saturation to 22. It is so easy and so good looking.
(btw, numbers in the pictures are Hue/Saturation)

Final Image :



Submitted by Martin on 2006-03-22 19:57:07 on t-Tutorials.com

Photoshop Making a Wedding Invitation in Photoshop

1. step one :
Create a new layer.
Choose the Selection Tool, and select a rectangle in the centre of the area.
Fill the area with a tan colour. I've used #E8E0BE here. Press Ctrl+D to deselect the area.
Create a new layer.
Fill it with 50% grey.
Click Filter > Noise > Add Noise. Set it to 10%, Gaussian, Monochromatic, and press OK.
Change this layer's Mode from Normal to Overlay.



2. step two :
Set the colours back to black and white, by pressing "d", and Click Filter > Render > Clouds.
Change the layer's Mode from Normal to Color Burn, and set its Opacity to 50%.
The next step is to distort the edges of the paper, to give it a jagged appearance.
In the Layers list, click on your tan-coloured, paper layer. It should be called "Layer 1".
Click Filter > Distort > Wave, to bring up the Wave window. There's a lot of guesswork involved here. You may need to try this a few times, until you get a Wave effect you like.
Set the number of Generators to around 100. This creates a hundred sources of ripples, which creates a very random effect over all. (Having less Generators produces more regular waves, which isn't what we want here. Think of the number of Generators as being the number of pebbles you're throwing into a pond.)
Set the Wavelength, Amplitude, and Scale sliders to low numbers (around 10), and press OK.
This wave will now be saved, so you can click on Layer 2 and Layer 3, and Click Filter > Wave (or Ctrl+F) to repeat the same wave on each layer.



3. step three :
At this point, change the colour of Layer 1 by pressing Ctrl+U, to adjust its Hue/Saturation properties. I do this for almost everything I create in Photoshop.
For added effect, add a space between each letter, or increase the Tracking. (It's the "A V" on the Character Palette, which can be accessed by clicking Window > Character.)
Right-click "Layer 1" and choose Blending Options (Effects in Photoshop 5.5.) Give the layer a normal Drop Shadow, and press Ok.



4. step four :
Create a new layer.
To create the swirly dividers, choose the Selection Tool, and select a narrow strip.
Fill the selected area with a dark brown. I've used #724C40 here.
Click Filter > Twirl, and press OK.
Change the layer to Color Burn.
Right-click this layer, and Duplicate it.
To flip the duplicate layer, click Edit > Transform > Flip Horizontal.
If you're using Photoshop 6.0, 7.0, or CS, choose the Shape Tool to put in an extra doodad (a flower in this case.) Once you've clicked the Shape Tool, make sure the "Fill Pixels" square, at the top left of the screen, is selected. Then, click the drop-down box next to "Shape:". Click the sideways arrow, Choose "All", and press OK. Then select the Flower from the list. Hold Shift and apply




by Pegaweb

Photoshop Cast Shadow

1. step one :
Open your image from the background.



2. step two :
Duplicate the layer by dragging tot the new layer icon in the layers palette.



3. step three :
Make sure the foreground color is set to black
Now fill the new layer by pressing Ctrl+Shift+Delete Mac:Cmd+Shift+Del (The shift key will make it only fill where there are pixels aka preserve transparancy)
Filter>Blur>Gaussian blur, amount of 3-5



4. step four :
Now to distort the shape. (If you are going to do this to text, you must render the type first)
Press Ctrl/Cmd+T, this will bring up the free transform tool. Right click on the selected object Mac:Cmd click. Select "Distort" from the pop-up menu.
You will see a bounding box with 8 little squares, click and drag the top left and top right squares (called handles) until it looks similar to the picture on the left. Press Enter/Return to apply the transformation.



5. step five :
Duplicate the shadow layer. Drag to the icon again.
Apply the gausian blur again, this time add a larger setting 5-10



6. step six :
We now want to make the shadow softer as it gets further away.
Go back to the top shadow layer and add a layer mask.
Using the gradient tool drag it from right to left to blend the 2 shadow layers.



7. step seven :
Finally Set the shadow to multiply mode and the opacity of the top shadow layer to about 50% and the bottom shadow to about 30%
Experiment and see what looks best for your image.




By Colin Smith http://www.ministryimage.com/

11. Photoshop Wrapping around a cylinder

1. step one :
Begin with a cylinder. or make your own with the gradient tool.
If you make your own, set the gradient to reflected and linear.



2. step two :
Open the object you want to wrap around the cylinder and put it on its own layer on top.




3. step three :
Here is where it all happens:
Filter>Spherize set the amount to 100 and change the mode to horizontal only.
Click ok



4. step four :
See how it looks distorted?

c

5. step five :
Press Ctrl/Cmd+T for free-transform.
Drag the sides in until it matches the size of the shape.



6. step six :
This step will add a boost of realism.
Change the top layer to multiply mode. See how it appears to blend into the cylinder, and it shares the shadows and highlights.




7. step seven :
If you want a more rounded look on the ends of the cylinder:
Make a huge selection with the circular marquee tool.
Invert the selection. Ctrl/Cmd+Shift+I
Now use the eraser tool to erase the corners away.





By Colin Smith http://www.photoshopcafe.com/

Photoshop Crystal Craze

1. step one :
Create a new document.Mine was 300X200 pixels. You would probably want something larger. Modify all the settings for a larger image size. Experiment.
Create a new layer
With the Polygon lasso tool, draw your rough shape. Notice that in Photoshop 6 you can draw off the canvas. When you get to the start/finish point you will see a little circle. As soon as you click on the start point, the entire shape will b loaded as a selection.



2. step two :
Fill with a dark color. Here I chose blue.
Don't deselect.



3. step three :
Now we want to add a gradient, use this method:
Select>modify>contract
I entered 6 pixels. If you are using a larger image size, consider 10 or even 15




4. step four :
Now we want to soften the selection.
Select>Feather: I chose 5, you may want to choose 10




5. step five :
Choose a lighter shade of the same color as the crystals and fill. I chose light blue.




6. step six :
Duplicate the layer and add a gaussian blur to the copy.
Move the blurred layer beneath the original layer.



7. step seven :
Here I changed the background to black.
Notice the original layer and the blurred layers.



8. step eight :
Here is where the crystals take on their 3D look:
Add a layer style to the shape. (Click the little "f" at the bottom of the layers pallette)
Choose bevel and emboss.
Technique:Chisel soft
Increase the depth and size until you are happy with the result.
Change the gloss contour , uncheck global light and change the altitude to 7




9. step nine :
To get the translucent crystal like opacity:
Still in the layer style box. go to Blending options
lower the fill opacity to 42.
Press ok
In the layers pallette, change the blending mode to screen.




10. step ten :
Duplicate the crystal layer.
Press Ctrl/Cmd+T for free transform.
Rotate the new layer, you will see it interact with the other crystal layer.



11. step eleven :
This is the result so far.



12. step twelve :
Time to spruce up the background a bit. I added a linear gradient.
You could do anything you wanted really.




13. step thirdteen :
Here is an optional step:
Copy the layer style to the blurred layer. It adds an interesting feel.
If you want you can keep coping layers and rotating them. Experiment and come up with some of your own results.




14. step fourteen :
So there you have it. Your own crystals. On the left you will see 2 variations on the theme. Click on them to download the high res wallpapers. Download them, distribute tham freely and load them onto your desktop.
Have fun creating your own crystals. Be sure to show us your finished artwork at the http://www.dreamweavercafe.com/cafe






By Colin Smith http://www.photoshopcafe.com/

English Tea Or China Painting

1. step one :
Begin with a Photo.
If you like, you can right click on this image and use it. Bear in mind that the effect will appear different on images of different sizes. A larger image will produce finer lines.
The shadows are plugged up in this image so we will fix that right away.


sketch-1 image

2. step two :
If you have Photoshop CS or Photoshop Elements 3 Choose image>Adjustments>Shadow Highlight
Move the amount slider as high as it will go. The image may look a little too bright in places but that doesn't matter.
If you are using Photoshop 7 or less, choose the curves or levels setting to brighten the image.


sketch-2 image

3. step three :
Choose Filter>Stylize>Find Edges
All the edges will now become outlined. The color has gone a bit funky though. We'll fix that and finish the effect in the nex step.


sketch-3 image

4. step four :
Choose Edit>Fade Find Edges (This option will only be avaliable at this point, if you do anything else between Find Edges andd Fade, you won't be able to do this)
Change the blending mode to Luminosity. This will restore the colors (Don't close the dialog yet)


sketch-4 image

5. step five :
Here we have the image so far, with the original colors restored.
We will now blend this image with the original to get the result.


sketch-5 image

6. step six :
Reduce the Opacity slider until you are happy with the result. I used 33 for this image.
Click ok to apply


sketch-6 image

This the Final Image :

Final image

© By Colin Smith http://www.photoshopcafe.com/

Crome Button

final2 image

1. step one :
Create a new document, and add your desired background color.
Then create a new layer (layer 1) and select the Rounded Rectangle Tool and draw a shape similar to mine in figure 1.

PS! Make sure the Create Filled Region is checked .
Then we can alter the shape later on without first having to rasterize the layer .


fig1 image

2. step two :
Add the layer style looks like the picture above
PS! use your creativity to made a layer style.. (Save it to the styles folder in PS 6 - Presets - Styles).


fig2 image

Duplicate the layer and call it layer 2 (oh yes - I'm just sooooo creative with the layer names today :o)

3. step three :
Still at layer 2 select the Move Tool and drag out some helpful Guides according to figure 3. You do this by simply clicking and draging them out from the Rulers.
Then select the Polygonal Lasso Tool and make a selection similar to mine. Make sure the Snap option is checked (View - Snap).


fig3 image

4. step four :
Then hit the Delete key to get rid of the selected area. Deselect.

Now repeat on the left side of the button.


fig4 image

5. step five :
Go back to layer 1 and duplicate it - layer 3.
Move this layer below the layer 1 layer and use the Free transform tool to make it look like like fig. 5.
Then change the Drop Shadow layer style to Distance: 2 pixels and Size: 5 pixels.


fig5 image

6. step six :
Then duplicate layer 3 - call it layer 4, and drag it below the layer 3 layer.
Then I used the Edit - Transform - Scale option, and entered Width: 103%, Height: 90%.


fig6 image

7. step seven :
Now go back to layer 1 and add a scanline Pattern Overlay layer style.


fig7 image

8. Final step :
My final result.

Just added some inset lines to add some details...


final image


by http://www.eyesondesign.net/ edited by andrisaick19
© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved

Button Bar

1. step one :
Open a new image - white background. Mine is 650 x 50 pixels.
Create a new layer an select the Rectangular Marquee Tool.
Select an area about the height in my image and fill it with any color.


fig1 image

2. step two :
Now it's time to add some layer styles .
Add a Gradient Overlay using my gradient. Download it here.
To have a look at my Gradient Overlay settings click here.
Then add Stroke - 1 pixel - Outside - Opacity 100 % - Color Black.
Then add a nice Drop Shadow - to see my settings click here.

Duplicate the button layer and move it below the original button layer.
Then hide the button layer copy - we'll soon get back to it...


fig2 image

3. step three :
Then it's time to add some details to the button bar.
Select the Button layer.
Use the Rectangular Marquee Tool to select the desired areas and then hit the Delete key to get rid of the selected areas.


fig3 image

4. step four :
Then I added some insetlines to add some details.
I changed the layer mode on the white lines to Soft light.

Select the Button copy layer, and go to Edit - Transform - Scale - Height 56 %. (Hit Return 2 times to set the new height).
Then I moved the Button copy layer 1 pixel up.


fig4 image

5. step five :
Now it's time to add some text to our button bar.
I used font: SF Intellivised - Color #D8D7E1
Layer mode: Overlay
Inner Glow with these settings (color: #FFA520).
Stroke: 1 pixel outside - color black.


fig5 image

6. step six :
And now it's time for the last detail.
I selected a part of the details at the end of the buttonbar - Edit - Copy Merged - and then pasted it on top of the button bar.
Quick and easy!

And the finished result you see below - Hope you'll have fun with it :)


fig6 image

7. Final Image


final image

by http://www.eyesondesign.net/
© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved

Golf Ball

1. step one :
- Make a new canvas. Here, I used 800 x 800 pixels, 72 dpi, RGB, background white
- Invert your background to make it black
- Make a new layer
- Use your circular marquee to draw a circle and fill it with white


golf01 image

2. step two :
- Make a new document, 20 pixels x 20 pixels, RGB, background transparent
- Use your circular marquee to draw a circle and fill it with black


golf02 image

3. step three :
- Edit: Define pattern (call it Dimples)
- Go back to your original document (Ctrl-Tab) and make a new layer
- Ctrl-click Layer 1 (the white circle you created) and press Shift-Delete to bring up your Fill options dialogue
- Select Pattern, and fill with your Dimples pattern


golf03 image

4. step four :
- Press Ctrl-T to bring up Free Tansform and rotate this layer 45 degrees. Press Enter.
- Filter:Blur:Gassian Blur 2.0 pixels
- Now Ctrl-click Layer 1, and hit Ctrl-F to repeat the blur


golf04 image

5. step five :
- Filter>Distort>Spherize 100%


golf05 image

6. step six :
- Now we'll finish the map by creating the contour of the ball itself. Press D to reset your palette, press X to invert the colours, and select your gradient tool (G).
- Select radial gradient, foreground to background and change the opacity to 50%. Make sure your original circle is still selected, and draw a gradient from the center of the circle to the outer edge


golf06 image

7. step seven :
- Now we have a successful map to apply lighting effects.
- Create a new layer, hold down alt, and merge visible. This will be our rendering channel. Select all, copy, create a new channel, and paste.
- Hit RGB composite, and go back to the merged layer
- Press Shift-Delete and fill with 50% Grey
- Now go into Filter:Render:Lighting effects
- Now here's where the fun begins. you can create whatever lighting you like. For this one in particular, I used a spotlight and an omni light. Change your texture channel toAlpha 1 (the one we created) and set white is high and height 50.


golf07 image

8. step eight :
- Hit okay.


golf08 image

9. step nine :
- Now we'll delete the extra material. Ctrl-click the original circle layer, invert the selection, and hit Backspace. Good. It's just a little harsh. No sweat, we'll lighten it up a bit with levels.


golf09 image

10. step ten :
- Press Ctrl-L to go into levels, and drag the Black triangle on the gradient at the bottom of the dialogue up to 125. I also brought the grey point down to 1.30


golf10 image

11. step eleven :
- Now we'll just finish it up with some layer effects. Hide the two source layers, and double click the final render to get into layer effects.
- Here I used the following...
- Inner Shadow
- Hard Light with Black
- Angle -159
- Distance 49 px
- Choke 0%
- Size 62 px
- Colour Overlay
- Blending mode Color
- Colour #929AA0
- Opacity 100%
- Gradient Overlay
- Blending Mode Overlay
- Style: Linear
- Angle 24 degrees
- Scale 70%
- I also made the background white again.
- Here is the final before touhups...


golf11 image

12. Final Ball


final ball image

By Phil_The_Rodent www.photoshopCD.com

Screw

1. step one :
Start with making a chrome sphere.


fig.1

2. step two :
Now select the Rectangular Marquee Tool and make a selection similar to fig. 2. (It's easier if you use the zoom-in option 1-2 times).


fig.2

3. step three :
- Now fill the selection with 60% black (Edit - Fill).
- Keep your selection and use your arrow keys to move the selection 2 picels down. (Hit the "down arrow" two times).
- Fill the selection with 100% white.
- Now move your selection up 2 pixels an fill the selection with 60% black.
- Deselect and your finished!

4. final step :
To spice it up a bit add some texture to the background and apply the inset effect.


final_screw


by http://www.eyesondesign.net/
© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved

Cartoon Eyes

1. step one :
- It's time to have some fun again :)
- This is a pretty easy tutorial, but with a little imagination you can make some really funny figures.
- Open up a new document - I used white background - and create a new layer called Eyeball.
- Select the Elliptical Marquee Tool and make a perfect circle selection by pressing Shift while dragging the selection. Fill your selection with white color and apply these layer styles.


Fig1

2. step two :
- Now create a new layer - call this layer Eye.
- Now drag a new circle selection and fill this selection with your desired eye color.
- Then apply some Inner Glow layer style with these settings.


Fig2

3. step three :
- Create a new layer and call this layer Pupil.
- Use the Elliptical Marquee Tool again to make a new circle and fill the selection with black color.
- Then make the final layer - call this layer Reflection.
- Again use the Elliptical Marquee Tool to make a selection similar to mine in figure 3 - and fill the selection with white.


Fig3

4. final step :
- Use the transform option (Edit - Transform - Rotate) to rotate the white Reflection layer like shown in figure 4, and nudge the layer up and to the right until you get it into the right position.
- And that's it!
- Below is a couple of characters I made to give you some inspiration :)
- Have fun!


Fig4


Final

by http://www.eyesondesign.net/
© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved

Inset

1. step one :
Start with opening your image.


Fig1

2. step two :
- Push down the Ctrl-button and left-click the image layer to select your image.
- Now go to Selection - Modify - Expand - 2 pixels. (For larger images you'll need to insert 3-4 pixels).
- Create a new layer - call it white shadow - and place it beneath your image layer.
- Select White as your foreground colour and flood fill your selection (choose the Paintbucket and select foreground in the options window on the top right side of your screen).
- Your image should now look like fig. 2.


Fig2

- Keep your selection and create a new layer over the white shadow layer and beneath the image layer and call it black shadow.
- Select black as your foreground colour and flood fill your selection.
- Now deselect (Ctrl - D).

3. step three :
- Still at the black shadow layer choose Filter - Blur - Gaussian Blur and insert 1,5 - 2 pixels.
I used 1,9 pixels. Click ok.
- Activate the white shadow layer and repeat the Gaussian Blur effect - fig. 3.


Fig3

4. step four :
- Now we have to move the two shadow layers a little bit to get the wanted effect.
- Still at the White shadow layer select the Move Tool ( see fig. 4).
- Now we have to move the white shadow layer one pixel down and one pixel to the left (for larger images move 2-3 pixels....).
- Use the arrowkeys on your keyboard to move the layer. (One touch at the down-arrow = one pixel down etc.).
- Now select the black shadow layer. Now move this layer one pixel up and one pixel to the right.


Fig4

5. Finished !


Final_inset



by http://www.eyesondesign.net/
© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved

3D Cube

1. step one :
Start with a square. Here I made a new document 300X300, created a new layer and filled it with a gradient.


cube 1

2. step two :
- Press Crtl/Cmd+T to enter free-transform mode.
- Right click/Cmd click... when the dropdown menu appears, select SKEW
- Click on the right middle square and drag up until you get your desired angle.
- Press Enter/return to apply the transformation.


cube 2

3. step three :
Duplicate the layer


cube 3

4. step four :
- Enter free transform again (Ctrl/Cmd+t) Right click and this time select FLIP HORIZONTAL.
- Drag out the copy to the left. Hold down the shift key to keep the baselines aligned.
- You may also want to make this side a bit thinner by clicking the left middle square (node) and drag it in a little bit


cube 4

5. step five :
Create a new layer and make another square and fill it with the same gradient, this time make the lightest color at the bottom left.


cube 5

6. step six :
- This time while in the free transform mode... when you right click/Cmd click select DISTORT
- drag each corner until you get a good match.
- Be sure the corners fit nice and snug.
- This step will take a bit of practice to master.


cube 6

7. step seven:
- Finally select the top of the cube.
- Image>adjust>LEVELS slide the middle triangle over to the right to darken up the mid-tones.
- Repeat for the left side. This step adds more realistic lighting to the cube.


cube 7

8. final step :
- Ta-da A complete cube. Don't limit yourself to just cubes.
- You can use this effect for all kinds of shapes.
- You can even construct a cube out of pictures.
- Just use images instead of the gradients.


cube 8


cube 9 image

By Colin Smith http://www.photoshopcafe.com/

Photoshop Cut-Out Text

1. Step one :
- Open a new image - transparent background.
- Fill the first layer with your choise of color - not to dark...
- Now select the Type Tool and use the same color that you used on your backround.
- Type the wanted text and click ok.
- Ctrl + leftclick your text layer to select the text.
- Your image should look similar to figure 1.





figure 1



2. Step two :
- Now you have to render the text layer. (Layer - Type - Render Layer).
- Then use the Brightness/Contrast function to darken the text a little bit.
- Image - Adjust - Brighntess/Contrast. Brightness: -8 Contrast: 0.

3. Step three
- Now it's time to add some inner shadow to the text to give the text that chiseled look.
- Go to Layer - Effects - Inner Shadow.
- I used the following setting, but if you use the effect on larger text you may want to increase the distance a little bit.
- Play around with the settings until you have the apperance you are looking for...
Mode: Multiply
Opacity: 75 %
Angle: 120
Distance: 5
Blur: 5
Intensity: 25





figure 2



4. step four :
- With the text still selected go to the first layer and click on the new layer button.
- Call this layer White Shadow. Turn off the text layer by clicking on the eye icon.
- Select White as your foreground color and fill your selection with white using the Paint Bucket Tool.
- Deselect (Ctrl + D).
- Still at the White Shadow layer go to Filter - Blur - Gaussian Blur - Radius: 2 pixels.

Your image should now look like fig. 3.






figure 3



5. step five :
- Select the Move Tool and move the white shadow layer 2 pixels down and 2 pixels to the right using the arrow keys.
- Turn on the text/cutout layer again.
- Turn down the opacity on the white shadow layer till you get the wanted effect.
- I turned the opacity down to 70 %.

You image should now look like fig. 4.







figure 4



6. final step
- Go back to layer 1 (background layer).
- Duplicate it by dragging it down to the Create New Layer icon .
- Turn off the new layer and go back to layer 1.
- Now go to Filter - Noise - Add Noise - Amount 25, Uniform and Monochromatic checked.
- Select the text/cutout layer and apply the same effect.
- I also darkened the text a bit more (Image - Adjust - Brightness/Contrast - Brightness -16, Contrast 0).
- Now go to the Layer 1 Copy layer and turn down the opacity until you get the wanted effect. I turned the opacity down to 71 %.


Your final image should look like fig. 5.








figure 5



Source : http://www.eyesondesign.net/