Photoshop Tutorials,Web 2.0 Buttons,Templates

Abstract Wallpaper

2009-07-22T04:59:00.000-07:00

Any picture can certainly lead to another picture using Adobe Photoshop. That I'll try in the following tutorial and the result is amazing. I recommend this simple tutorial to beginners and the most advanced. Of course you can add any effect, any element, text and also you can change the colors.

Step 1: Open a colorful photo (I will use the previous wallpaper).

Step 2: Go to Filter>Blur>Radial Blur and change the blur method to zoom and the amount value to about 75 %.

Do this twice for a better blur effect.

Step 3: Now go to Image>Adjustments>Brightness/Contrast and set the next values.

Step 4: Next up, we'll have to twirl the Layer1. So duplicate the background(ctrl +j) and go to Filter>Disort>Twirl and set 95 angle. Now change the layer blend mode to Liner Dodge and the opacity to 48% and press ctrl + e to merge down.

Step 5: For a better quality of the photo we'll apply another effect. Duplicate the background again and go to Filter>Other>High pass and set the radius to 19.0 px. and then change the Layer 1 blend mode to Soft Light and the opacity to 50%. Press again ctrl+E to merge down.

Step 6: Look at the red area: The color is too strong and an area like this can ruin any picture. So to solve this problem i will go to Image>Adjustments>Replace color. All I have to do is to extract with the pipette the color I want to change and then increase the fuzziness value like in the print screen below. Then you just change the brightness and hue values

Bubbles Background

2009-07-14T13:51:00.001-07:00

With this tutorial we will learn to create a colored bubbles effect. We will create a cool background using the Brushe and the Gradient Tool. You can do different mixes with your favorite colors and the result is an explosion of color and energy.

Step 1: Create a new document in Adobe Photoshop(800x600px.)

Step 2: Fill the background with color #242424.

Step 3: Now we will have to create a brush as in the previous tutorial. So create a new document (file >new) and use the resolution 400 x 400 px. And don't forget to set the transparent content(Pic. 1). Next up, create a new layer and select the Elliptical Marquee Tool and draw a circle then fill it with black. After that create a new layer and fill again the selection with black. Now we gonna make the border going to select>modify>contract> 6 px. And now define the brush going to edit>define brush.(But before deselect any selection!!).

Step 4: Create a new layer and fill it with the gradient tool (the colors I used are: #6F156C, #2E64B6,#00601B, #E4E072) and change the Layer Blend Mode to overlay.

Step 5: Now create a folder and change the blend mode to color dodge.

Step 6: Create a new layer and select the new created brush and press F5 to enter the brush engine. Now follow the next settings and then select the white color and paint with the new brush some circle.

Step 7: Now go to Filter> Gaussian Blur>7.9 px. radius.

Step 8: Create a new layer and paint again some circle and go to filter>blur>gaussian blur> 4 px.

Step 9 : Create a third layer and again paint some circle.

Step 10: In a new layer you can add some stars.

3D Photography

2009-07-09T05:30:00.001-07:00

In this tutorial you will learn how to turn an ordinary picture into a cool and interesting picture. If you follow the steps you get a 3D effect that will emphasize any picture. For this tutorial I used Adobe Photoshop CS2.

Step 1: Open a photo:

Step 2: Select rectangualar Marquee Tool and select the subject.

Step 3: Next up we'll have to give some perspective effect to the selected area. So, right click on the image and select Transform Selection and right click again on the image and select Perspective. Drag the corners of the photo to give the perspective effect that you want but don't forget that the head must be outside of the selection.

Step 4: Now copy the selected area and open a new file with double width and height (for example if my photo's width is 632 px. now will be 1264 px.) and fill it with grey(#dadada). Now you can paste the selected area.

Step 5: Now go to the first image and set selection>inverse and copy and paste on the second photo.

Step 5: And we have a new layer which has to be toggled exactly like the primary photo and thereafter set the layer 2 opacity to about 70 % so we can see the difference between the 2 layers.

Step 6: Now we have to select with the Pen Tool the head which is outside the "3D area"(Layer 1). Inverse the selection(Select>Blogger) and press delete to erase the areas that I don't need.

Step 7: Ctrl +click on Layer 1m go to select>modify>expand >10 px. Then right click on the image and select Make Work Path. Then with a 10 px. white square brush stroke the path. And for a strong perspective effect you can add some shadow to layer 1.

Step 8: Now you can set the opacity of the layer 2 to 100%.

Make brushes

2009-06-29T12:53:00.000-07:00

Perhaps, many times you have used a lot of downloaded brushes from different sites. Now you can create your own brush with different tools in photoshop. Everything you need is imagination and the following tutorial. Good luck!

Step 1: Open a new file (400 x 400 px.) and set the transparent content.

Step 2: Select the Pen Tool and draw any shape that you want to be a brush. For example I will draw a heart.

Step 3: Now select the Convert Point Tool to round the corners of the heart.

Step 4: Next up, we'll have to stroke the path but first we need to set the Brush Tool. So Select the Brush Tool and set the brush size to about 20 px. and the foreground color to black. Then select again the Convert Point Tool and right click on the image> stroke the path.

Step 5: Now you can add some text in the middle of the heart. For example I will write love.

Step 6: To define the brush go to Edit> Define Brush...

Step 7: To use it just select the Brush Tool(your brush is the last).

If you open a new file you can use your brush and the settings for the brushes.

Photoshop System Requirements

2009-06-25T02:03:00.000-07:00

Adobe Photoshop CS4

Windows:

1.8GHz or faster processor
Microsoft® Windows® XP with Service Pack 2 (Service Pack 3 recommended) or Windows Vista® Home Premium, Business or Enterprise with Service Pack 1.

512MB of RAM (1GB recommended)
1GB of available hard-disk space for installation; additional free space required during installation.

1,024x768 display (1,280x800 recommended) with 16-bit video card .
Some GPU-accelerated features require graphics support for Shader Model 3.0 and OpenGL 2.0.

Adobe Photoshop CS3

Windows version:

Intel Pentium 4, Intel Centrino, Intel Xeon or Intel Core Duo or Microsoft Windows SP with Service Pack 2 or Windows Vista Home Premium, Ultimate or Enterprise (certified for 32-bit editions).

512 MB of RAM and 1 GB of available hard disk space (additional free space is required during instalation) and a DVD-ROM drive.

A Monitor with at least 1,024 x 768 resolution and a 16-bit .
Some 3D features in Photoshop CS3 Extended require a DirectX 9-capable graphics card with at least 64 MB of VRAM.

The Macintosh version

PowerPC G4 or G5 or multicore Intel Processor Macintosh running Mac OS X v.10.4.8.

512 MB of RAM and 2 GBof available hard disk space (still additional free space is required during product installation).

1024 x 768 resolution with a 16-bit or greater video card.
Some 3D features in Photoshop Extended requires OpenGL 1.4-capable graphics card with at least 64 MB of VRAM.

Adobe Photoshop CS 2

Adobe Photoshop CS2 (PC)

Microsoft Windows 2000 (SP4) or Windows XP (SP1 or SP2)
Intel Xeon, Xeon Dual, Intel Centrino, or Pentium III or 4 processor
330 MB of RAM (384 MB recommended)
1024x768 monitor resolution with 16-bit video card
650 MB of available hard-disk space
CD-ROM drive

Adobe Photoshop CS2 (Mac)

Mac OS X version 10.2.8 through 10.3.8 (10.3.4 through 10.3.8 recommended)
PowerPC G4 or G5 processor
330 MB of RAM (384 MB recommended)
1024x768 monitor resolution with 16-bit video card
750 MB of available hard-disk space

How to Change your eyes color

2009-06-23T08:06:00.000-07:00

Step 1: Open a photo.

Step 2: Edit in quick mask. Brush your eyes.

Step 3: Press Q to edit in Standard Mode and it will appear a selection which have to be inversed(select>inverse).

Step 4: Copy the selected area (ctrl +c >ctrl +v).

Step 5: Pick a color (that you want to color the eyes), ctrl + click on Layer 1 and color the selected areas.

Step 6: Change the blend mode of the Layer 1 to Color and if the color is to high you can change the opacity. Now you have to erase the pupil area.

Step 7: To merge down the Layer 1 press ctrl +e. Next up we'll have to make some light and dark areas to make the eye more interesting and realistic. So select the dodge tool and set the exposure about to 14% . Now brush on the iris like i draw the white lines in the next screen shoot.

Step 8: Now with the Burn Tool dark the outside areas of the iris and between the irization.

Colored Rays Effect

2009-06-17T02:31:00.000-07:00

Now you can make your own colored light Wallpaper in 12 steps in Adobe Photoshop. You can create rays that brings to life any ordinary photography and also gives a halo effect. Through this tutorial you will learn how to use alpha channel and how to manage the light/dark areas.

Step 1: Open a photo:

Step 2: Go to Channels and ctrl+click the RGB mode.

Step 3: Create a new Alpha Channel and you'll obtain a black image but the selection presists.

Step 4: Set the foregorund color to black and the background to white and press ctrl + backspace. This command reveals the details of the photo.

Step 5: Now we will inverse the selection (select>inverse) and set the foregorund color to white and the background to black and again press ctrl + backspace darking a little bit the selected areas.

Step 6 : Again you'll have to inverse the selection and the same inverse the background(from white to black) and the forenground (from black to white). Press ctrl + backspace three times to light the photo.

Step 7: Go to image>adjustments>levels and push the dark side to about 42.

Step 8: Set the foreground to white and with a 65 px. soft brush remove the areas that you don't necessary need.

Step 9 : Next up , you'll have to invert the image (ctrl+i).

Step 10: Now, go back to to Layers and create a new layer and fill it with white.

Step 11: Go to select>load selection and change the channel to Alpha 1:

Step 12: Now fill the selection but first lock the layer's transparency. Select the gradient Tool and from Gradient Editor change the Gradient Type to nosie. Pressing the Randomize Button you'll obtain a different color mix every time. After you have decided press Ok and fill the page.(The selection must be active).

Final Photo:

Create shinny web 2.0 button

2009-06-14T04:26:00.002-07:00

In this Photoshop Tutorial you will learn how to make a nice web 2.0 button. You can change the colors or the settings of the layer so you can obtain your own buttons .

Step 1: Open a new document (500x500 px.).

Step 2: Select the Gradient Tool and set your foreground colour to #353535 and your background colour to #151515 and fill the page.

Step 3: Select the Rounded Rectangle Tool and from Rounded Rectangle Options set the Proportional Values to 60 /20 and now you will draw an automatic shape. Next you will right click on image and select Make Selection.

Step 4: Create a new layer(layer>new>layer).

Step 5: Now fill the selection with a linear gradient (using the Gradient Tool) using the colors #57AD40 and #015F4A.

Step 6: And now we will give some layer effects for a nice and shinny look.

Layer > Layer Styles > Inner Glow.

Layer > Layer Styles > Gradient Overlay.

Layer > Layer Styles > Stroke.

...and your button should look something like this:

Step 7: Next up, we’ll be adding some lighter and darker areas on the button. Select the Burn Tool and set a soft 45 pixel brush, Midtones range and a 30% exposure. Click around the sides of the button. Then select the Dodge Tool; here I’ve used a 14 pixel soft brush, Midtones range again and an exposure of 10%. Click around the bottom this time.

Now you can multiplicate the layer and add some text :

Change your hair color.

2009-06-09T06:03:00.000-07:00

Have you ever thought how you will look with your hair blue/pink/green? Now you can find out how to make this change in just 8 Steps in Adobe Photoshop.

Tips: This Photoshop tutorial is proper for light hair color. To obtain different colors, what you have to do is playing with the values of hue/saturation command

Step 1: Open the photo.

Step 2: Select pen tool and select the hair.

Step 3: Select Convert Point Tool and modify the corners.

Step 4: To make a selection Right click on photo> Make selection.
To modify the Feather of the selection select Rectangular Marquee Tool then right click on image and select Feather>5 px. (My photo has 1600x2300 px.; adjust the feather value proportional with the dimensions of your photo).

Step 5: Press ctrl+c ->ctrl+v to copy the selected area.

Step 6: Select the new layer; go to image-> adjustments>hue/saturation and play with the values.

Step 7: Select the Brush (30 px) to soft light mode and 20 % opacity and retouch the areas. The same thing you should do with the Eraser Tool with a low opacity (round about 14-30 %) (ALL THE MODIFIES ARE ONLY ON THE LAYER 1!!), then you can use the Dodge Tool/Burn Tool to retouch the light/shadow areas.

Step 8: Ctrl+c on the Layer 1 then go to select>inverse; then go to select>modify>expand and give 2 px. For a soft effect select Filter>Blur>Gaussian Blur and set to 8,6 px.

Final Photo:

Cold Effect

2009-06-05T12:46:00.000-07:00

This Photoshop tutorial contains just 6 steps and the result is an interesting color effect proper for any photo. You will learn to manage the curves/hue/gradient map layers and you can create your own photo effect if you modify the values of the created layers.

Step 1: Open the photo which you want to edit.

Step2: 1. Duplicate the backgorund and select the layer duplicated, then go to Filter > Other > High Pass and apply at 2.0 pixels then change the Blend mode to Overlay.

Step 3: Add a curves Adjustment Layer(Layer>New adjustment layer>Curves) to modify the contrast.

Step 4: Add a Hue/Saturation Adjustment Layer(Layer>New adjustment layer>Hue/Saturation) to reduce saturation at -35.

Step 5: Add a Gradient Map Adjustment Layer (Layer>New adjustment layer>Gradient Map) to apply blue color tones. Set the blend mode of the layer to Color and set the opacity to 24%

Step 6: Make a black border with square brush (32 px.)(keeping pressed Shift you will get a right line)
Step 7: With the Burn tool dark the shadow areas and with the Dodge tool light "white" areas.

Light Vision Text

2009-06-01T09:57:00.001-07:00

Well, in this photoshop tutorial you will learn in 13 steps how to decorate your text with a cool light effect. For this tutorial I used Adobe Photoshop 7.0. For any questions you can leave a comment and in 24 hours i will reply.

Step 1:

File->New-> Adjust the widith and height at 500x500 pixels :

Step 2: Select the gradient tool and fill the page.

Step 3: Type a text (Font: Arial; Size:72)

Step 4: click the FOXY layer then press crtl + c and -> ctrl +v. Now you have a new
layer (layer3).

Now i will create a shadow. So go to filter->motion blur and adjust the settings like in picture bellow(angle:-50; distance:31 pixels):

Step 5: Drag with the mouse the layer 3 down to Layer FOXY

..and the picture should look like this:

Step 6: Right click on Layer FOXY ->Blending options ->Gradient Overlay:

...Select Angle: -24

And the picture should look like this:

Step 7: click the "FOXY" layer then press crtl + c -> ctrl +v. Now, you have a new layer. Ctrl+click the layer created( will select the text). now press space+down arrow and right arrow . after that press delete and the picture should be like this:

Step 8: Create a new layer (ctrl+shift+n) and select the square brushes.
Select the color white and the size of brush from 39 px.(first ray) ->7 px.7->114->120(last ray) and draw 4 lines :

Step 9 : go to filter-> blur->gaussian blur adjust radius to 8.6 pixels.
Step 10 : now click on rectangular marquee tool and right click on the image ->free transform and resize and rotate the image. Then adjust the perspective to look like this :

Step 11: Now set the layer to Overlay and 20% opacity of the layer with the rays.

Step 12: Select the background layer, then select elliptical marquee tool and make a selection like in the next picture. Press ctrl+c->ctrl+v and drag the new created layer to the top of the layers.

Step 13: Press ctrl + click on the last layer created, select the gradient tool and fill the selected area. Select luminosity and opacity 16 %.

FINAL IMAGE:

ENJOY IT :)