In this tutorial I will show you guys some simple but efficient techniques that will help you make great movie posters.

Step 1

In this tutorial we are going to use only 2 stock images that I found on SXC.

Here are the links:

http://www.sxc.hu/browse.phtml?f=view&id=912717

http://www.sxc.hu/browse.phtml?f=view&id=1047566

Step 2

First thing you need to do is to cut the soldier out of the background using the Pen Tool (P) and delete the background. Leave only the soldier visible and a transparent background. Name the layer Soldier.

Step 3

Next I want you to make a new layer and place it under the Soldier layer.

Using the Rectangular Marquee Tool (M) make a selection and fill it with black as I did. Name the layer Ground.

Step 4

Next I need you to bring on the project the other image stock and resize it and maybe remove the pigeons using the Clone Stamp Tool (S). Also name the layer Sky.

Step 5

Duplicate the sky image and then go to Image – Adjustments – Black & White and play with the settings a little. If you are not using Photoshop CS3 you might not have this buttons. In this case use the Desaturate button.

Step 6

Now set the Black & White sky layer to Multiply.

Step 7

Again repeat step 5 but this time, apply the technique to the Soldier.

Step 8

Now duplicate the Soldier layer that you just made Black & White to make the soldier darker.

Step 9

Make a new layer and place it above all the layers. Using the Brush Tool (B) simply brush with black over the soldiers feet.

Step 10

Repeat step 9 but, this time make a selection of the soldier and brush as I did.

Next set the layer to Multiply and Opacity 33%.

Step 11

Make a new layer over the soldier. Fill it with white and go to Filter – Render – Clouds. Now go to Filter – Sketch – Chrome. Set the Details to 10 and Sharpness to 10.

Step 12

Transform the chrome layer. Next you need to mask it to be visible only around the soldier. Last set it to Multiply and 78% Opacity. This will make the soldier look like he is wet.

Step 13

In this step we will make the rain.

Make a new layer, name it Rain and place it over all the other layers. Fill the layer with white then go to Filter – Noise – Add Noise.

Step 14

Next go to Filter – Blur – Motion Blur and set it to 24 pixels and angle -63.

Step 15

Now go to Image – Adjustments – Levels and use my settings:

Step 16

Last thing you want to do is to set the Blending Options to Screen.

Step 17

Now you need to start adding you text. Use my settings for the Blending Options.

Step 18

Next make another rain layer just as you did with the first rain layer you made. But this time you will leave the rain to be more intense and also mask the rain layer into the WAR text as I did.

Step 19

Set the layer to Multiply and Opacity 62%.

Step 20

Next you will need to add your own text. For the rest of the text I did not used any effect. Just made the text grey #9f9f9f.

Final

In the end you will be able to add more detail to the soldier by brushing some white over him as I did.

Keep experimenting and use what you learned here with your own techniques.

In this tutorial we will be working on a Star Wars text effect.

Step 1

Start with a new black document. Mine is 1024×768.

Step 2

Before you can do anything you will need the Star Wars Font. I found it on http://www.dafont.com/.

Now write you text. What I have in mind is to make a nice grunge text to use for a Clone Wars Poster.

Step 3

Double click on the layer to enter the Blending Options menu. Here use my settings:

Step 4

Next you need to duplicate the layer by clicking Ctrl + J. In the Blending Options Menu use these settings:

Step 5

Set the Fill of the layer to 0%.

Step 6

Next I will add some more text and place it on the bottom of the Clone Wars text. Also I will use some different settings:

Step 7

In the next step I will use the Rectangle Tool to make some simple shapes.

Step 8

Now for all these 3 shapes add my settings for the Blending Options.

Step 9

Make a new layer over all the layers and name it Gold.

Ctrl + Click on all the layer thumbnails to make a selection.

Step 10

Next go to Select – Modify – Expand and use 3 pixels.

Step 11

Make sure you have the Gold layer selected.

Set the foreground color to #fcff00 and fill the Gold layer with this color.

Step 12

Set the layer to Soft Light and Opacity to 35%.

Step 13

Make a new layer and name it texture.

Fill the layer with #7e4f2f. Next go to Filter – Noise – Add noise and use my settings.

Step 14

Next go to Filter – Blur – Motion Blur and again use my settings:

Step 15

Next you need to add one more effect to this texture. Go to Filter – Sharpen – Unsharp Mask and again use my settings:

Step 16

Ctrl + Click on the Gold layer thumbnail to make a selection. Now that the text is selected make sure you have the texture layer selected and Add a layer Mask. Last set the layer to Overlay.

Step 17

Next I will bring in a texture that I found on this link: http://www.sxc.hu/browse.phtml?f=view&id=599574

I have imported the texture to the document and resized it so it will fit into my image size. Next you need to go to Image – Adjustments – Desaturate to make the image Black and White.

Step 18

Again as we did with the first texture we need to make a selection of the text and Add a Mask to the layer. So please do that right now. Basically you will repeat Step 16 but this time for a different layer.

Step 19

The last thing we will do for this second texture is to set it to 63% Opacity and Overlay.

Final

You are finished. If you want you can add some more lights or shadows to the text.

Thank you for reading.

This tutorial will be a little different than all the other tutorials I wrote. Here I will teach you some basic things about Photomanipulation.

Step 1

Photomanipulation stands for working with images and manipulating them in all the possible ways you can imagine.

To start making a photomanipulation you will need first to make a sketch or at least order things up. The images I will use for my work will be:

http://www.sxc.hu/browse.phtml?f=view&id=650992

http://www.sxc.hu/browse.phtml?f=view&id=509215

http://www.sxc.hu/browse.phtml?f=view&id=730796

Step 2

Now open up the first image. This will be the image that we plan to manipulate.

Step 3

What I want to do next is to remove his eyes. How do I do that? It is actually a simple process but you must work hard and be careful to the details.

Using the Lasso Tool, make a selection over the guy’s forehead and copy the piece you just selected to a new layer (Press Ctrl + J). We will use this piece to hide the eyes. Name the layer left patch.

Step 4

Place the piece you just copied over the eye on the left and add a mask layer to it by pressing the Add layer mask button.

Step 5

Now select the Brush tool set to 0% Hardness and set to Black. Also make sure you have selected the mask thumbnail of the piece. Now simply paint over the piece. This will hide it. This is better than deleting the image because you can always come back and repair if you make any mistake.

Step 6

Repeat from Step 3 but this time select a piece from the right side of the forehead and also name the layer right patch. Mask it the same way you did with the other side.

Step 7

Now it is time to make the eyes. First make a new folder on top of all the other layers and name it Eyes.

Import the last image from the images we are going to use.

Step 8

Make a selection over his left eye, copy it into a separate layer and name it Left eye. Repeat this for the Right eye.

Step 9

Move the 2 eyes in the Eyes folder. Resize them and fix them into position.

Step 10

Now we need to make the eyes look like they belong to this scared little fellow.

Have the Left Eye selected and then go to Image – Adjustments – Black & White (If you not using Photoshop CS3 then you will not have this. In this case use Desaturate). Try and play with the settings there to make it look darker.

Step 11

Now go to Image – Adjustments – Hue/Saturation and try to make the patched eye the same tone as the man.

Step 12

Repeat Step 10 and 11 for the Right Eyes this time.

Step 13

Now Add a layer mask for both eyes and start masking them to make the guy look through his fingers. When you finish set both eyes to Multiply.

Step 14

Next I want to make this guy to look very scary, not only scared.

What I want to do it make his fingers large. To do this we will use the same technique as we did when we covered the eyes.

Use the Lasso Tool to select the fingers you want to make longer, copy the selection into a new layer and move it into position. Than start masking it to make it blend in nicely.

Step 15

Repeat Step 14 for all the fingers or for a few of them as I did.

Step 16

Now it is time to make the guy look very scared. To do this I will make 2 mouths on his hands.

Import the last image.

Step 17

As we did with the eyes use the same technique with the mouth.

Select it and copy it into a new layer. Put in into position and transform it as you want. Than go to Image – Adjustments – Black & White and play with the settings until the mouth looks close to your object. Than go to Image – Adjustments – Hue/Saturation and play with the settings there until the mouth will blend in with the man behind. Also make a folder and name it Mouth. Move the mouth layer in that folder.

Step 18

Now you need to mask the mouth. Use the Add layer mask button than brush away the unwanted parts of the mouth.

Step 19

As you can see the mouth does not blend in too well with the rest of the image. We need to play with the Hue/Saturation some more.

Step 20

Copy the mouth to the other hand and rotate it. Than transform it and warp it carefully to make it look good.

Step 21

The image looks great. But I want to make some details that will give the image a boost.

Make a new layer and using the gradient tool and black color, try to make some shadows over the mouth. Then mask the layer and brush away some parts that are not necessary.

Finally set the layer to Soft Light.

Step 22

Now repeat Step 21 but this time make the shadow for the other mouth.

Step 23

To make more details I will use a part of the guy.

To do this you can do it using the brush tool or the Burn and Dodge Tools, but in this example I will use the Lasso Tool and only the Burn tool.

Select the part that I selected and copy it into a new layer.

Step 24

I will move this piece of the hand into position and mask it. Then set the layer to Hard Light.

Step 25

Using the same shape I will make some more wrinkles around both mouths.

Step 26

Finally using the Dodge Tool we will lighten some parts of the image. Start with the eyes.

Step 27

Now finish with the Dodge Tool on both mouths. Lighten in the spots I have specified in the preview:

Final

In the end you can finish the work with a nice texture. In my case I like it as it is.

Thank you for reading.

In this tutorial I will show you guys how to make a very interesting and sleek Phone Advertising wallpaper.

Step 1

Start with a new document. My document is 741×1000 and I used this color: #000412.

Step 2

Create a new layer and name it Dust. Now select your brush and set it to 0% Hardness and 250 size. Also you need to use this color: #0b4690.

Now that you have everything set just paint with the brush as I did or maybe some other way you like. Than set the Dust layer to Screen.

Step 3

Set you foreground to White and background to Black. Make a new layer and call it Clouds and go to Filter – Render – Clouds. Then set the Opacity of the Clouds layer to 28% and set it to Multiply.

Step 4

Now you need to bring your product in this document. The phone I will use I got it from http://www.sxc.hu/photo/855196. And then cut the phone out.

Step 5

Next you need to resize your phone to the desired size and also rotate it a bit. Name the layer Pocket PC. Also I will need you to select the mobile pen and copy it into a separate layer and name it Pen.

Step 6

I will deactivate the Pen layer for now, as I will get back to it later. First use these settings for the Pocket PC layer Blending options:

Step 7

Ctrl + Click on the Pocket PC layer to make a selection. Create a new blank layer and fill the selection with black. Then set the layer to Soft Light.

Step 8

Create a new folder and name it Screen. Make a shape as I did, name it Screen and fill it with a gradient from up to down using the colors black and #001f4e.

Step 9

Double click on the layer to enter the Blending Options and use these settings:

Color used is Black.

Step 10

Make a new layer over the one is step 8. Use the brush set to 0$ Hardness and size 100. Also use this color: #47c0ef.

Using the brush draw as I did on the new layer you just created.

Step 11

Next Ctrl + Click on the Screen Layer in Step 8 to make a selection. Make sure to click on the mask not on the layer thumbnail. Than click on the Add vector mask button to mask away the part of this dust you don’t want. Then set the layer to screen.

Step 12

Make another layer and the same as with the one on step 10 and 11 using the same color draw as I did. (I have hidden the other one so you can see how I draw over this layer.)

Step 13

As you did with the layer in step 11 mask this one using the same steps.

Now set it to Opacity 40% and Screen.

Then I will activate the other layer back.

Step 14

Make a shape as I did using the Pen tool set to Shape layers. Than set the shape to Opacity 7% and Overlay. And last simply mask it to show only on the screen. Use the same technique in step 11 to mask it.

Step 15

In this step you will duplicate 2 times the shape you just made and move them a little so that you get something similar to what I have done.

Step 16

Make a new folder and name it Round Ring. In this folder make a selection as I did and fill it with black.

Step 17

While you still have the selection go to Filter – Render – Difference Clouds. Than press Ctrl + F until you get the look you want.

Step 18

Now go to Distort – Twirl and use my settings. Also keep in mind that when you do this you have to have the clouds layer selected.

Step 19

Now you can finally deselect the layer and chose the Elliptical Marquee Tool and make a selection as I did. Than go to Select – Modify – Feather and use a 20% Radius. Next you need to inverse the selection by clicking Ctrl + Shift + I. And last step is to simply erase the part of the twirl that is not needed.

Step 20

Same as in step 19 make a selection in the center of the ring this time. Again go to Select – Modify – Feather and use the same 20% Radius. Than erase using the Eraser Tool.

Step 21

Now go to Image – Adjustments – Brightness and Contrast.

Step 22

Next go to Filter – Noise – Add noise. Use a 10% Radius.

Step 23

Now go to Image – Adjustments – Levels. Use my settings.

Step 24

Next go to Image – Adjustments – Hue/Saturation and again use my settings:

Step 25

Now you need to transform the ring.

Step 26

Next you need to set the ring to Linear Dodge (Add) and erase the part that is over the phone.

Step 27

Duplicate the layer.

Step 28

Activate the Pen layer again and also move in into a Folder that you will name Stick. Also make a new layer, Ctrl + Click on the Pen to make a selection and fill that selection with black. Then set it to Soft Light.

Step 29

Create a new layer below the Stick folder. Again make sure you have the foreground set to white and background set to black. Go to Filter – Render – Clouds. Make a selection like I did then go to Filter – Distort – ZigZag. Use 100 for the Amount and 5 for the Ridges. For the Style use Pond Ripples.

Step 30

Now go to Edit – Transform – Distort. Distort the layer until you get the right perspective. After that, change the Blend Mode to Soft Light. Again, as we are using Render Clouds, the results may vary. So, you might need to erase some parts to make it more realistic.

Step 31

Go down to the Clouds layer. Above that make a new layer and name it light. using the brush tool draw with white as I did. Then set it to 51% Opacity and Soft Light.

Step 32

Make a new folder above that and name it Dots. In this folder we will brush some nice dots that will go in the back of the Phone.

Use these settings for the brush.

Step 33

Your brush color needs to be black.

Make a new layer and start brushing something close to what I have done. Than set it to Opacity 30% and Soft Light.

Step 34

Ctrl + Click on the layer to make a selection. Then create a new layer and with the Lasso Tool Right Click on the screen and select Stroke. Use my settings. Then set the layer to Opacity 40%.

Step 35

Repeat step 34 but this time make white dots.

Step 36

Making the movement is simple. Make a new folder above the Dots folder and name it Movement.

You need to copy the phone and merge all the layers you copied into a single layer. Also move the copied Phone in the Movement folder.

Step 37

Next you need to transform the copied phone.

Move it into position and rotate it.

Step 38

Now go to Filter – Blur – Motion Blur. Use my settings:

Step 39

Copy the phone again 5 more times. Repeat step 37 and if needed step 38 to add more blur. Also Change the opacity of all the layers so that is fades out.

Step 40

Make a new layer and place this layer on top of all the layers. Name the layer Sparkles. Now go to Brush settings and use these settings:

Step 41

In the Sparkles layer draw as I did. Use a white color. You might not have the same results. I use a tablet and this gives me better handling. Also when you finish drawing use my settings for the Blending Options.

Step 42

Last thing we will do is to make a new folder that will sit on top of all the other layers. In this folder make a new layer.

Make a selection and using the Gradient Tool just click and drag from left to right. Make sure you use a white color for this.

Step 43

Using your Eraser Tool simply erase the gradient so it fades out perfectly.

Next set the layer to Soft Light and rotate, scale and move it into position.

Step 44

Next use the Line Tool set to 1px. Click and drag on the shape you just made like so:

Step 45

Use the Eraser Tool and erase sides so it will fade out nicely. And last set the line to Soft Light and Opacity 50%.

Step 46

Now that you know how to make this you will need to make a lot more. Before you start you can take a break and come back when you are ready.

All you need to do is to duplicate this shape as many times you want and change it’s settings for each different shape or redo each of them from scratch.

Final

Before you are finished with the design you need to work more on the details and add some more things to it.

Use what you have learned here and create your own designs, as there are so many more ways to achieve what I have taught you in this tutorial.

Have fun. ]]> http://www.tutzor.com/index.php/2008/06/sleek-phone-advertisement-flyer/feed/ 81 http://www.tutzor.com/index.php/2008/05/designing-loox-pocket-pc/ http://www.tutzor.com/index.php/2008/05/designing-loox-pocket-pc/#comments Sun, 01 Jun 2008 00:44:58 +0000 Constantin Potorac http://www.tutzor.com/?p=46

I have prepared for you a nice tutorial that will show you guys how to create an interesting Pocket PC using only Photoshop.

Step 1

Start with a new white document. Mine is 669×669.

Step 2

Using the Pen Tool draw a shape as I did. Also the color I used is: #303030. The shape will automatically create a new layer. Name it Phone Base.

Step 3

Double click on the layer to open up the Blending Options and use these settings:

Step 4

Create a new layer over the Phone base layer and name it noise. Fill it with White, than go to Filter – Noise – Add Noise. Use my settings than click ok.

Step 5

Set the Noise layer to Multiply and Opacity to 15%.

Step 6

Next, we need to mask the Noise layer to cover only the base. To do this, Ctrl + Click on the Phone Base layer to make a selection, but in the same time you must make sure that you don’t select it and have the noise layer selected, than click on the Add layer mask button. This will hide the part of the Noise you don’t want.

Step 7

The base of the phone is finished. We will continue now with the sides of the Phone. Start with the left one.

Using the Pen Tool draw a shape as I did. Again this will automatically create a layer. Name it Left side. Also use this color: #e6e6e6.

Step 8

Double click on the Left Side layer to enter the Blending Options and use my settings.

Step 9

Duplicate the Left Side layer and place it above the first one. For the Blending Options use these settings:

Step 10

What you need to do now is to Right + Click on the Left Side Copy layer and select Resterize Layer. Than simply erase a half of the shape starting from the bottom. Also you need to make sure that your brush is set to 0% Hardness to make a smooth transaction between the first shape and this one.

Step 11

The next step is to duplicate those 2 layers and name them as the others Right Side and Right Side copy. Also move them in the right side of the phone and transform them in place.

Step 12

Now you need to change some settings for the Right Side. Double click on the layer to enter the Blending Options and use these settings:

Step 13

Now I will make some details. Zoom on the top of the phone. Using the Pen Tool, draw a small shape like I did and use this color: #5a6584. Also name it Left Light.

Step 14

Double click on the Left Light layer and this will bring the Blending options up. Use my settings:

Step 15

Now duplicate this layer and move it lower than the first one. It should be named Left Light copy. Also you need to change the Blending Options. Use my settings again:

Step 16

Next duplicate these 2 layers and name them Right Light and Right Light copy as they should be called. Than move them to they’re side and also transform them as they should be using the Transform Tool.

Also you can make a folder and call it Lights and move these 4 layers in there to keep thinks organized.

Step 17

Make a new Folder and move it lower than the Lights folder. Name it Side Lines.

In the next image you will see how I have arranged my layers.

Step 18

Create a new blank layer. Using the Pen Tool make a line like I did. Also before you make the line you need to make sure that you have the Path button selected.

Make sure that the foreground is set to white and the brush to 100% Hardness and 1px Diameter.

Now make sure you have the Pen Tool selected. Right click anywhere on the screen and select Stroke Path. A screen will poop up, don’t select the Simulate Pen Pressure and click ok.

In the end delete the path and set the strip line to 30% Opacity.

Step 19

Make a new layer and name it shadow. Ctrl + Click the Left Side layer to make a selection. Fill the layer you just created with black and move it 5px right.

Step 20

Have the shadow layer selected and go to Filter – Blur Gaussian Blur and use a 4.6 radius.

Step 21

Now you need to make a selection of the base of the phone but still have the shadow layer selected. Than invert the selection by clicking Ctrl + Shift + I than simply erase some of the shadow by clicking backspace.

Step 22

Next make a selection as I did using the Pen Tool than Press Ctrl + Enter to make a selection.

Step 23

Make a new layer. Using the Gradient Tool you need to fill this selection.

Before you start filling you need to have the foreground White and the Gradient Option set to Linear Gradient and Foreground to Transparent.

Than fill the selection as I did and set the Opacity to 30%.

Step 24

Now simply duplicate these 3 layers and move them to the right side and also transform them by holding Shift and Alt keys to make a perfect transformation. It should look like this:

Step 25

Make a new folder and name it Buttons. This will stand for the lower button set.

Make a shape as I did using the Rounded Rectangle Tool. It does not matter the color you use, as we will hide it.

Step 26

Now set the Fill to 0% and use these settings for the Blending Options:

Step 27

Now duplicate the layer and change the Blending Options with these:

Step 28

Make another shape as I did using the same tool.

Step 29

Same as with the shape on Step 26, set the Fill to 0% and use these Blending Option settings:

Step30

Using the Line Tool make 2 (1px) strips in the center of the button from left to right as I did:

Step31

Make a shape as I did again using the Rounded Rectangle Tool, than duplicate it and move it to the other side.

Step32

Set the Fill to 0% for both, and then set the Blending Options as I did for both.

Step33

Make another shape as I did. Also set it to Fill 0% and BLending Options as I did:

Step34

Make another shape as I did. This time use the Rectangle Tool and a Black color. Set it to 50% Opacity.

Step35

In the other side make 2 White shapes as I did and also set the Opacity to 10%.

Step36

Next you need to draw on the buttons. I used the Line Tool to make the complicated ones and the Triangle from the Custom Shape Tool.

Step37

Open up a new layer. Ctrl + Click on the middle button to make a selection.

Using the brush tool set to Black, Hardness 0% and Diameter to 90px, just click once as I did for each side. Last set the Opacity to 46%.

Step38

Making the Screen is next.

Make a shape as I did using the Rounded Rectangle Tool.

Step39

Set the Fill to 0% and the Blending Options as I did:

Step40

Use a nice image you can find on the internet or something you find interesting to use for the screen. I personally made this image that I will show you how to make in the next tutorial.

Step41

Last is the upper button.

Make a shape as I did. Same as with the other buttons set Fill to 0% and use my settings.

Step42

Duplicate the shape. Fill 0% and change my settings for the Blending Options as I did. Also draw the Shutdown sign using the Elliptical Tool and the Line Tool.

Final

Finalize your work with a very nice and interesting background.

Thank you for reading.

How fun will it be to have a iSight camera incorporated behind your iMac? Photoshop makes everything possible. This tutorial will teach you guys how to see behind your iMac screen.

Step 1

First of all you need to take two photographs of your computer.
Move the monitor away and take a shot. Put the monitor back and position it as you want. A stand will be very useful for this.

Step 2

You need now to open both images and put the one were you moved the monitor away over the other image.

Step 3

Now make the image were you took off the monitor invisible by clicking the eye icon in her left and select the second image.

Here you need to make a path using the Pen Tool over the monitor screen.

Step 4

With that path made press Control + Enter (Command + Return on a MAC) to make a selection. Go to the image with the monitor moved and copy the piece you just selected by pressing Control + J (Command + J on a Mac).

Step 5

Use these settings in the blending mode for the screen layer:

Step 6

This should be the result:

Step 7

Next you can delete the image were you moved the monitor away. We don’t need to anymore. This is how the image should look.

Conclusion

You can also work more on it if you like but this was just a little example to show you how to achieve this effect.

Did you find this tutorial useful? I would love to see your transparent monitors

Here is a tutorial that will show you how to add some colors to your old photographs. This is a very useful technique that I actually used for a client of mine.

Step 1

First you need your image. Here is mine: http://www.sxc.hu/photo/254796

Step 2

You start by organizing and thinking what colors to use. Before you start coloring you need to set your brush to a 0% Hardness.

Now I will start with the background. Select the color (I used #5b4219) and create a new layer on top of the original photo layer. Name it Background Color and fill the layer with the color you selected.

Step 3

Now set the Background Color Layer Mode to Color

Step 4

Now I will first start with the little girl. And that is her hair. Select your color, make a new layer and name it Girl Hair. Now all you need to do is to brush over her hair.

Don’t worry if you get the color over her face because you will come back to that later.

Step 5

Set the hair layer to Color.

Step 6

Now work on her face. But before that, you need to mask the Background Color layer that is over the kids.

Step 7

Do the same as before. Make a new layer and name it Girl Face.

Select you color and start painting.

Step 8

Now set the layer to Color.

Step 9

Make a new layer and name it Girl Eyes1. This will be the layer where we will show how to make the white part of the eye.

Using the Pen Tool make a path and cover the white part of the eyes.

Step 10

Now press Ctrl + Enter (Command + Return on a Mac) to make a selection. Go to Select – Modify – Feather. Select a radius of 2 and press Enter. Then fill the selection with white.

Step 11

Set the layer to Color.

Step 12

Next make another new layer and name it Girl Eyes2. Select a color for the eyes and than paint over her eyes.

Step 13

Set the layer to Color.

Step 14

Lower the Opacity to 40% or so.

Step 15

Make a new layer and name it Girl Lips. Select a red color and paint over the girl lips.

Step 16

Set it to Soft Light this time.

Step 17

Next make her hand and the boy’s hand also. Use the same color as you used for the face. Make a new layer and name it Hands. Also when you are done set it to Color.

Step 18

Next are the sweater and the buttons. Actually only the sweater will be changed because the buttons will remain as they are. Make a new layer and name it Girl Sweater. Select your color and start painting.

Step 19

Set the layer to Color and maybe nudge the Opacity a little.

Step 20

Next is the boy. Same as we did with the girl, start with the hair.

Step 21

Make a new layer and name it Boy Face. Select the same color as you used for the girl face or maybe something close to that and start painting.

Step 22

Now make the eyes just as you made the girl’s eyes but this time use a blue for the color of the eyes.

Step 23

Make a new layer and name it Boy Lips. Same as you have done with the girl. Again you can use a different color.

Step 24

And the finally make the Boy Sweater layer. Chose the color you want and paint it. Leave the skirt white. This time set it to Soft Light.

Final

Last add some Levels to the image and we are done.

How did you colorize your own photos?

Here is a new and improved look of the Tutzor website. Also you should learn a lot from this tutorial.

Step 1

I will start off with a new document 1024×1906. And fill the document with #333225.

Step 2

Next we will use the Rectangle tool and make as shape as I did and also use a light color. I used #eee9d9.

Step 3

Go to the bottom of the page and make another shape as in step 2 but this time use a lighter color than the first one. I used #f1eee1. Also make sure this layer will be lower than the one is step 2. (this small shape will be behind the big shape).

Step 4

For the shape we just created in step 3 use these settings for the blending mode.

Step 5

Make a new folder and make sure he is over the other layers. Name it Lower Side. What we will make here are: add some text and make some details.

Step 6

For the details you need to zoom in to the place where the big shape and the small shape intersect. Here we will make 2 strips of 1 pixel. To do this use the Line Tool and make sure it is set to 1 px. Use these colors: #a6a38b and #ffffff and make something like I did. Also I will add the copyright text.

Step 7

Now that we are done with that side we need to make the menu of this website. I like it simple and clean. Also I will make it on top. So let us move to the top of the website. This is what we will do:

Step 8

To make this you need to first make a new document and name it category. Here will be displayed the category of each tutorial. This folder will need to be on top of all the other layers. Now make a new shape in that folder and use this color #9bb800.

Step 9

Next make a new layer over the green shape. Here we will make a gradient to make the category bar a little better.

Ctrl + Click on the green shape thumbnail to make a selection and make sure you are on the new empty layer now.

Using the Gradient Tool with the Black color as the foreground to transparent and the Radial Gradient, click and drag over the shape. Make something similar to what I did.

Step 10

Now set the gradient to Opacity 50% and to Multiply.

Step 11

Next are 2 strips just as we did with the lower side. This time we will add 2 similar white strips as seen on the image below. After that change the above one to Opacity 40% and the other to 70%.

Step 12

Add the categories and we are done with this side. Make a new folder into the Category folder and make sure it is over the other layers in this folder. Here you will add your text

Step 13

Now I will start to make the shapes where the tutorials will be listed. As I said I like it to bee simple and that is why we will try and make this look as simple as possible and also look good.

Start with a new folder that will be over the other layers. Name it Tutorial.

Using the Rounded Rectangle Tool with a radius of 5px make a shape like mine. Color used: #f5f5f5.

Step 14

Now use these settings for the blending options.

Step 15

Make a new shape inside the shape on step 13. This time, use this color: #f2f2e8. Here will go all the content.

Step 16

First add your tutorial thumbnail. I suggest you use the guidelines from now on.

Step 17

Next I will add some introduction text, comments, tutorial title and other useful text.

Step 18

I will insert the tutorial author into a new shape. This step will show you how to make it.

First of all use the guidelines and establish the right place for it. Now using the Rounded Rectangle Tool draw a shape as I did and fill it in with #434130.

Step 19

Use these settings for the blending options:

Step 20

Make 2 strips as I did, one black and one white. Make the strips 50% Opacity and add your text.

Step 21

Now I want a nice separator between the tutorial name and the rest of the text.

Make a new layer and make a selection. Use the gradient tool with black color and Linear Gradient and make something similar to mine. Also in a new different layer make a white gradient just like the black one.

Get those 2 gradients close together. Leave just a little gap between them. Next make a white thin strip and place it as I did.

Merge the strip and the gradient layer. Now with the eraser tool set to 0 Hardness and make it real big, just erase the sides of the shape to make it blend in with the background.

And for the final step, to make it blend in better, just bring the Opacity lower.

<br>

Step 22

Duplicate the Tutorial folder and position them on the page. Make sure they are all aligned and organized.

Step 23

Next is our right side. Here is the place where we will put a lot of links, news and important stuff.

Start with a new folder. This folder will go behind the Tutorial folders.

Name this one Right side and start with a new shape. Use the Rounded Elliptical Tool with 5px and this color: #bebeaf.

Step 24

For the Blending options use these settings:

Step 25

Using the same shape as we did for the author shape in Step 18 use that shape here to make something similar to what I did. These will stand for the RSS and Email Newsletter.

Step 26

Next I will add the text and I will also use the separator you just created in Step 21.

Final

Finalize this layout by adding the principal menu, the previews and next buttons and also the logo of the website you are creating.

As you can tell, I haven’t applied all the graphics to the actual web site, but do let me know what you guys think about this new layout.

Take care.

I have seen something really interesting on the net a few days that was made by Nik Ainley but I found the tutorial too small. So here is a more detailed one for those who think of using this great technique.

Final Image Preview

Step 1

First of all you need your image. I found my image on sxc.hu. There a ton of free images there so keep on searching. Here are a few: http://www.sxc.hu/photo/956170, http://www.sxc.hu/photo/829826, http://www.sxc.hu/photo/604619 and I also bought this one from istock: http://www.istockphoto.com/file_closeup/object/3907033_water_splash.php?id=3907033.

Step 2

Next you need to take the man out of that background. Use the Pen Tool for this and draw a path around the guy. Don’t worry about the hair because we don’t need it and the same for the hands and shows.

Step 3

Now that we have the path around him press Ctrl + Enter (Command + Return on a Mac) and that will select the man.

Now open up a new document. This will be the final file. Fill it with black. After you open up the new document move the selected man on that new document by dragging it on the workspace. It should look like this.

Step 4

Next I want to bring a nice background for this because I want to finish with the easy stuff before we start. I have used a texture and applied a gradient over it. Also textures can be used for free from the same site I mentioned before.

Step 5

It is time to make the water effect. First you need to find your images of water splashes. There are a ton of them. I reccomend you look for those images that are very clear and have a nice water splash. Also you need to find lots of them. I found the ones I used on free stock images like sxc.hu or fotolia.com.

Step 6

Next cut the part of the image you don’t want.

Step 7

Go to the channels of the image and select the channel you consider that has the best contrast between the splash and the background.

Next duplicate this channel, make it visible and make the Blue channel (in my condition) invisible by pressing the eye icon.

Step 8

Now go to Image – Adjustments – Curves. In this case we have nothing to change for the image but there are a lot of images where the contrast between the water and background is not that visible.

Step 9

Now Ctrl + Click on the channel you just duplicated. This will make a selection around the water splash.

Step 10

Now select the RGB channel by clicking on it’s thumbnail and go to the layers palette. And click Ctrl + J to copy the selection to a new layer. After you do this drag the copy of the splash to your workplace.

Step 11

As you can see the water is transparent. I will use this on the right hand. What you need to do now is to resize it so that will look good over the right hand.

Step 12

As you can see it does not look that good and it needs some retouching. First move the layer in the back of the boy and activate the layer mask for this splash and brush away the parts of the splash we don’t need.

Step 13

This looks real great… I know. But I would like to make it little bigger. Or long. To do this just duplicate the splash 2 time, and mask away the part that splits. Here is what I mean:

Step 14

Next you can merge the layers together and try to get away that blue look of the water. To do this play with the settings of the Color Balance till you get it to look white and something like this:

Step 15

Now make the other hand. Same technique and same steps I used. You can use the same image but I thought I would use a different one and the lower part of the first one. Here is how I did this hand:

Step 16

It is time to make the bottom of the boy next. This time use a splashier water image. Also don’t use just one image. Use more. And again same technique.

You will also need to move these splashy images that you will create on top of the guy layer. They will not be over the shirt because you will carefully mask them till you get something like this:

Step 17

Next are the legs. Again use the same technique. I will show you images after each change. First is the left leg.

Step 18

Now the right leg. Use the same images as we used for the left leg.

Step 19

Next is the head. Remember that I only used water images. No effects or 3D stuff. Also the head is a simple image of a balloon getting blown with a dart.

Step 20

Congratulations. You managed to make this effect. Here is a bonus that will make this work look better. Just a few retouches and some more splashes behind the object you are trying to apply the effect to and we are done.

Here is a tutorial that will teach you how to make a nice digital watch icon.

Final Image Preview

Step 1

Open up a new document. Mine is 500×500..

Step 2

Make a new folder and name it Shape. This is where the shape of the watch will go.

Now get your Ellipse Tool and make a circle. Color #b2b2b2.

Step 3

Add these Blending Mode settings to the big circle.

Step 4

Now duplicate the circle and by holding Alt and Shift keys pressed just scale down this duplicated layer. Set the circle color to #e4e4e4.

Step 5

Set the blending mode of this circle like mine.

Step 6

And one more circle. Same as before duplicate one of those 2 circles and scale them down like I did. Also use this color #e4e4e4.

Step 7

Use these Blending Options.

Step 8

Ctrl + Click on the first circle thumbnail to make a selection. Now make a new layer over the first circle. Set your foreground to white and select your Gradient tool. Before you make a gradient make sure you have the gradient set to Linear and Foreground to Transparent. Also make sure the reverse is not activated. Now click and drag from up to down.

Step 9

Make a new Folder called Light. Here is where the watch will start looking shiny and better.

Make a new layer. Using the Pen tool make a shape like I did.

Step 10

Mask out the shape now. You do this by adding a new layer mask for the shape you just created. Now Ctrl + Click on the thumbnail of the big circle layer to make a selection.

Step 11

Make your foreground black. Inverse the selection and make sure the mask you just created in Step 10 is selected. Now hold Alt button and press Backspace to mask the shape. Make the shape Opacity 30%.

Step 12

Next is another light. Same as before but this time make the light for this circle I just selected.

Step 13

Using the Polygonal Lasso Tool deselect a part of the image out.

Step 14

Now go to Select – Modify – Feather. And use a Radius of 20 pixels.

Step 15

Same as the first light using the Gradient Tool click and drag. Now set it to Soft Light.

Step 16

Repeat Step 13, 14 and 15 and make another light as I did.

Step 17

You can close the Light Folder now and make a new one. Call this one Hour.

Make a shape as I did using this color #9d9d9d.

Step 18

Duplicate this shape and move the duplicates as I did.

Step 19

Duplicate all these 4 shapes and rotate them as I did.

Step 20

Same as Step 19. This time move them as I did.

Step 21

Next step will be the shapes that indicate the minutes. Same as we did with the hour shapes.

First make a new folder and name it minutes. Make a shape as I did and move them same as me.

Step 22

Now same as we did with the hour shapes, duplicate the 4 minutes shapes you created and rotate them as I did.

Step 23

You will keep doing this till you have 4 minutes shapes between each hour shape.

Step 24

It is time to make the watch indicators. We will start with a new circle. Same as we did with the watch shape.

First make a new folder and name it Indicators. Now copy a circle shape in this folder, fill it with #a9a9a9 and resize it.

Step 25

Now add these Blending Options to the shape.

Step 26

First make the minute indicator. Use the Pen Tool for this and make a black shape.

Step 27

Second we will make the hour indicator.

Step 28

And last will be the second indicator. Make this one using the Line Tool with 1 pixel.

Step 29

Make the shadows for each indicator by duplicating the indicator and changing the opacity to 10%. Also make the second shadow indicator black.

Bonus

To make the watch indicate the AM just go to Watch folder in the layer palette. Here enter the Blending Options of the first circle and use change the Gradient like I did.

Conclusion

Make a nice Background and present your product to the client.