Adobe Photoshop is one of the most popular and is normally used in graphic design collages.
Marvelous tools and wide range of effects and techniques makes it power full graphic tool.

Today using Photoshop(cs4) we are going to create a wonder piece of work which is called speed gauge. there are many tutorials around with the same subject but in this tutorial, I have tried to create more realistic effects with simple steps and less effort. Hope you like it…

Difficulty Level: PRO
Download Pattern

Creating Gauge BG

Step 1:
Draw a circle (Rounded shape) using Ellipse Tool (U) with Background color #FFFFFF and named it R1.

Make sure your circle layer is selected go to Blending Options and select Stroke (on top menu Layer >> Layer style >>Blending Options >> Stroke).

In stroke properties use values shown in image below

In Stroke Fill Type gradient color use #9e9e9e (Gray) and #FFFFFF.  Shape will look like this.

Step 2:
Now duplicate your layer (crtl+J) name it R2. Now press (crtl+t) or in top menu Edit >>Transform >> Scale and scale Radius in middle or R1

Now double click on stroke in blending options and set properties shown in image below.

Your image will look like this

Step3:
Once again duplicate (crtl+J) layer R2 and set background color #000000 and name it R3. Now press Crtl+t and scale it in middle.

In Layer Style>> Blending Options>> Gradient Overlay, here we set values shown in image below.

And set these colors

Result:

Creating Glow

Step 4:

Create new layer name it glow, Select Elliptical Marque Tool Select there are you want create glow with 30PX Feather and color #1C6782.

Press Crtl+back space and Crtl+D for deselect area.

Select Filter >> Blur>> Gaussian Blur and Set Radius to 52 and set layer mode to Color Dodge. You will get perfect glow.

It will look like this.

Finalizing Background Using Pattern

Step 5:
Duplicate layer R3(named it pattern) and bring it up to glow layer with Fill 0%.( In this I use pattern you can download it  or can use any one you like.) go to blending options, select pattern overlay apply your pattern

Use these values in image below.

Finally it will look like this

Finalizing Gauge Dial and Glass Effect

Step 6:
In this step we are going to polish our dial with help of some effects. Duplicate R3 and use label R4and go to layer blending options (Double click on layer), now disable all other effects on layer and double click on Stroke and set values mentioned in image below.

Step7:
In step duplicate R4 once again name this layer R5 and in Blending options>>Stroke set these values given in image below. (Use #0052cd as stroke color)

Step8:
Once again duplicate R5 layer( set Fill to 0%) and disable all effects in blending options and named it R6. Double click on Bevel and Emboss and set these values.

Final Image:

Glass Shine Effect

Step9:
Now in this step using simple technique we will draw a custom shape and Create glossy effect (glass reflection).Draw  the shape with pen tool and named it Mask(make sure Shape layer is selected), Set background color #FFFFFF and set Fill to 15%.

Dial Markings

Step10:
In this step we will draw speed gauge dial markings and numbers. Try to understand this step carefully because it is bit tricky. I draw new circle named it gauge in middle of gauge and set its radius according requirement. Now Set your text properties as shown in image blow.

Now Select Convert Point Tool and select shape named gauge.

Select Horizontal Type Tool from tool bar or press T and click on the border of shape it will look like this.

Now you are able to type around the shape(Remember when you click on shape border it will create new layer when you are done with it you can delete the shape). Now type Shift+\ and create your dial markings. Only thing you have to do is when you are done with typing all select 1st dial marking and make it bold and repeat this again on every forth one.

In blending options double click on Stroke use color #0092b7 and use settings mentioned in image below

and in outer glow use color #24fffc and these settings

Step11:
Now type speed numbers as you desires, I use 0 to 185 digits and use text properties shown in (Image 23). Just make sure your text placements.(you can also use grid Crtl+: ) use color #46daff and in Outer glow use color #24fffc and given settings

Now it will look like this

Gauge Center Wheel

Step12:
Now it’s time to draw a Center Wheel . For center wheel we will draw round shape with Ellipse Tool(U) in center of meter.

Now use Drop Shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay and Stroke.

Drop Shadow:

Inner Shadow:

Bevel and Emboss:

Gradient Overlay:

Stroke:

Gauge Needle

Step13:
In this step we will draw speed needle  and attach it with speed wheel. It’s very easy and you can create it in three simple steps. Draw a triangle shape with  n tool set Background color # 252224 and name this layer needle1 (make sure shape layer is selected).

Now duplicate layer named it needle2 set background color # f3880c and in Layer styles use Drop Shadow

Inner Shadow

now duplicate this layer again set (name Light) background color #FFFFFF and set Opacity to 50%, Press Crtl+g and group this layer in to P2 layer. Our needle is ready.

Gauge Speed Wheel

Step14:
Now we are going to create the gauge wheel. I use Ellipse Tool (U) and create rounded shape in middle with white Background #FFFFFF. Now it’s time to  put some effects on it. I use Drop shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay and Stroke.

Drop shadow

Inner Shadow

Bevel and Emboss

Geadient overlay

Stroke

Now create another circle in middle of gauge wheel, set Background color# 2d2d2d and in layer styles >> Bevel and Emboss  set these values.

Final

Most of our major parts are done but i think counter is one of the important thing in gauge so we are going to make it.

Counter

Step15:
Select Rectangle Tool and draw a rectangle with background #2d2d2d and named this layer bg-counter. In layer styles select Inner

Inner Shadow

Bevel and Emboss

Gradient Overlay

Now duplicate this layer and name it BG2. Open layer styles by double click on this layer and select Gradient Overlay and properties shown in image below.

Select stroke and set properties.

Gauge Counter Digits

Step16:
Press (T)  Type digits 02478981 and set text properties.

now double click on text layer and in layer styles double click on Drop Shadow and set properties .

Double click on Gradient Overlay and set properties shown in image below.

now your text will look like this.

Counter Separator

Step17:
It’s time to create separator between counter digits. we will draw a shape with 1PX width and BG color #FFFFFF. In Layer styles select Inner Shadow

Double click on Bevel and Emboss and ad properties

In the end  select Gradient Overlay adjust properties according this image below.

and click ok.

Duplicate this layer again and again and adjust these separator in between digits. Your gauge  will look like this

as you see our gauge is aprox done we will put some effect s to make our gauge more attractive.

Gauge Logo

Step 18:
Draw a Line with the help of Rectangle Tool with height 1px and BG color #df0000.Now go to layer styles and set drop shadow

and it will look like this

Step 19:
Type word NOS above your red line and set its properties according to image below

In layer styles select Drop Shadow and set its properties.

2nd we will select Bevel and Emboss with these properties

in the end we will select Gradient Overlay

now in the end I write some text (you can anything here).

Creating Background

Step20:
In this step we will creat background. Creat new layer with Bg color #e5e5e5 andput this layer in the end of bottom.

Step21:
Create new layer on BG layer and select  Elliptical Marque Tool with Feather 30px draw a shape and fill it with color #000000(crtl+backspace).press crtl+T and adjust its thickness.

now here is the final gauge.

Download PSD

A metal effect is one of the popular techniques in Photoshop and sound difficult to beginners.Today we are going to create Dodge metal logo in adobe Photoshop CS5. I choose dodge logo for this tutorial. There is no special reason using this logo iam just fan of it. Here is the Source of logo you can use any other image for it. Here is the source link of metal grill background I use in this tutorial u can use any of your choice. Now get start creating our metal logo.

Step:1

Open new(Crtl+N) canvas of any size (I choose 1024X768) with black background color #000000 and name it BG and now open blending options by click on layer, layer style and Blending options.

Step:2

Now go to Pattern Overlay and double click on it. Choose your pattern with 100% opacity and 100% scale

Now in same Blending Options go to Gradient Overlay and double click on it and u will found these properties shown in image below.

Use opacity 90%, angle -150 and Scale86%. In Gradient use Foreground to Transparent and use color #000000 and press ok. Our background is ready and looks like this.

Step:3

Now we have to bring our logo vector in it. The simple things I do are just crop the logo and bring it to the stage in three layers. Like layer name one is Frame, Second is Head and third is Text.

Iam going to start it with first layer (Frame). Select the layer go to its blending options.  In it we select Drop shadow by double click on it and set Blend mode to normal, color #000000, opacity to 77%, angle 90, set distance to 2px, Spread 28% and size to 8px.

Now double click on Bevel and Emboss and set its properties shown in image.

Now we are going to add some gradient in it so click on gradient overlay in its properties where gradient is writtendouble click on it and another gradients properties will open . Add some gray and wite color in it like in image.

And set gradient values. (Follow this image values below).

And press ok.

Step:4

Now select pen tool (p)from tool bar  and selectshape layer  under image tab in top tool bar. Now draw a new layer up on frame layer like menstion in image.

Now set this layer fill to 0 %( it will become transparent)press enter. Now go to its blending options and select outer glow and set properties
(shown in image below).

Now double click on Inner Glow and set values.

Now here we are going to play a little trick. Duplicate the frame layer and named it Frame 2 with styles and group inside ( select both layer (glow, frame 2)and press crtl+g )glow layer and Frame2 in frame layer and disable some effects in frame layer and frame2 layer.

It will look like this.

Step:5

Now we are going to put some effects on Text layer one. First duplicate the text layer and named it Text2 and press Crtl+g and group it in to text layer one. Open  layer one blending options and put some values in drop shadow.

Step: 6

Select bevel emboss and put some values in it.

Step: 7

Now select Text layer 2 and in blending options select Inner Shadow and give set values to.

Step: 8

And set Gradient Overlay values.

Result:

Step: 9

Now it time to give some effects to layer head. Select layer head and go to blending options.

Drop Shadow

Inner Shadow

Bevel And Emboss

Gradient Overlay

And press ok.

Now You will get Final result:

::Download PSD::

Technology was not as advanced as it is today, and things were shifting at a slower pace. Retro and vintage years usually refer to the decades before our present day, up to the last century. Images of the early 1900s to the 1980s come into mind as we think about the designs of this era. Even though retro and vintage designs, as the names suggest, are strictly outdated, many of us still turn to them for encouragement. These designs are still very much appreciated today due to its nostalgic value. Here we have some very good collection retro and vintage Photoshop tutorial collection.

Old Fantasy Map
via Vile Works

Abstract Retro-Pop Wallpaper
via Tutorial 9

Realistic Burnt Parchment

3D Retro Strip
via Photoshop Tutor

Creating the New Retro
via Computer Arts

Awesome Retro Collage
via 10 Steps

Retro Pop Art

Retro Photo with Background
via Denis Designs

Retro Grunge Poster
via Photoshop Tutorials

Wicked-Worn Vintage Pop Art Design
via Psdtuts+

Stunning Old-World Look

Space-Helmeted Future Retro Illustration

Old-Collage Effect Poster

Stylish Retro Text Effect

Mix Cool Retro Curves Into Photographs

Retro Boxing Poster

60’s Psychedelic Style Concert Poster

Rockin’ 80’s Party Poster

Vintage Car Poster
via PSD Vault

Old-Style Safari Map
via PSD Fan

Retro Comic Book Effect
via Photoshop Roadmap

Gigposter Design
via GoMediaZine

Old School Type – Line Gradients

Retro Cosmic Design
via Fudge Graphics

Planet Terror Style Poster
via Outlaw Design Blog

Vintage Magazine Ad

Vintage Effect for Photos
via Alfoart

Photo Transfer Edge Effect
via PShero

Old World Wax Seal

Old Paper

Old Envelope

WWII Airplane

Retro Logo with Soft Grunge Background
via PV.M Garage

Retro Lighting – Ford Mustang
via Adobe Tutorialz

Dreamy Vintage
via Blueprint Media Design

1950s-Style Movie Poster
via Spoonfed Design

Sweet Old School Album Cover
via Fortyseven Media

Turn A New Photo Into An Old Photo
via Photoshop Essentials

Curvy Cross Processing
via Layers Magazine

Vintage Polaroid Effect
via MyInkBlog

Hi, today we are covering the new fundamental markup language for the web – HTML5 that you all love so much.

About HTML5, developers mean the new semantic structural tags like API specs, canvas or offline storage, new inline semantic tags and etc. HTML5, in fact, is intended at creating a complete markup language for front-end development, able to provide qualitative information on the different elements of the page. But to help make some sense of what’s new and necessary in HTML5, you could review some helpful HTML5 tutorials that go over many of the major HTML5 aspects and new standards. Here we have some tutorial collection. These useful HTML5 tutorials will help you keep a track providing more tips and tricks that you can use in your HTML5-based projects. Hope u like it…

Implementing HTML5 Drag and Drop: New Premium Tutorial

Blowing up HTML5 video and mapping it into 3D space

HTML5 and CSS3: The Techniques You’ll Soon Be Using

The Power of HTML 5 and CSS 3

Coding Up a Web Design Concept into HTML & CSS

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

Coding a CSS3 & HTML5 One-Page Website Template

Coding A HTML 5 Layout from Scratch

How to Make an HTML5 iPhone App

Design & Code a Cool iPhone App Website in HTML5

Structural Tags in HTML5

Have a Field Day with HTML5 Forms

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6

Hybrid Column Layout – Using HTML & CSS3 Only

Designing a blog with html5

How to Draw with HTML 5 Canvas

A Preview of HTML 5

The video element

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery

My Top 5 HTML Coding Preferences

Creating mobile Web applications with HTML 5

Create offline Web applications on mobile devices with HTML5

Rethinking Forms in HTML5

When you need that user contact with you or send feedback to you via email then you have to need make a contact form. In this tutorial you will learn that how to create form with php script.

Overview

In this tutorial create 2 files 1. contact.php and 2. send_contact.php

Step
1. Create file contact.php.
2. Create file send_contact.php.

Step1:

Create file contact.php

View In Browser

CODE

………………………………………………………………………………………………………………………….

<table

width=”400″ border=”0″ align=”center” cellpadding=”3″

cellspacing=”1″>

<tr>

<td><strong>Contact Form </strong></td>

</tr>

</table>

<table

width=”400″ border=”0″ align=”center” cellpadding=”0″

cellspacing=”1″>

<tr>

<td><form method=”post”

action=”send_contact.php”>

<table width=”100%” border=”0″ cellspacing=”1″ cellpadding=”3″>

<tr>

<td width=”16%”>Subject</td>

<td width=”2%”>:</td>

<td width=”82%”><input name=”subject”

id=”subject” size=”50″></td>

</tr>

<tr>

<td>Detail</td>

<td>:</td>

<td><textarea name=”detail” cols=”50″ rows=”4″

id=”detail”></textarea></td>

</tr>

<tr>

<td>Name</td>

<td>:</td>

<td><input type=”text”

size=”50″></td>

</tr>

<tr>

<td>Email</td>

<td>:</td>

<td><input name=”customer_mail”

id=”customer_mail” size=”50″></td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td><input name=”Submit” value=”Submit”>

<input name=”Submit2″ value=”Reset”></td>

</tr>

</table>

</form>

</td>

</tr>

</table>

………………………………………………………………………………………………………………………….

Step2:

Create file send_contact.php

CODE

………………………………………………………………………………………………………………………….

<?php

// Contact subject

$subject

=”$subject”;

// Details

$message=”$detail”;

// Mail of sender

$mail_from=”$customer_mail”;

// From

$header=”from:

$name <$mail_from>”;

// Enter your email address

$to

=’someone@somewhere.com’;

$send_contact=mail($to,$subject,$message,$header);

// Check, if  message sent to your email

“We’ve recived your information”

if($send_contact){

echo “We’ve recived your contact information”;

}

else {

echo “ERROR”;

}

?>

………………………………………………………………………………………………………………………….

Apply and Comment …

In this Photoshop tutorial we’re going through some major steps to create a glass ball. The main goal of this tutorial is that you get an idea how to approach this and use these technique in other ways. It’s not that important to remember all settings, but it’s more important that you understand what’s exactly happening in this tutorial…

1. Prepare the document

Save the following image on your computer (right click on the image and select in Windows Save Picture As…).

For this tutorial I’ve chosen to go for a rather small file (640×480 pixels), just to make it easier for you to see what you’re doing.

Open the file in Photoshop. Add a new layer by clicking on the Create a new layer icon.

Grab the Elliptical Marquee toolfrom your toolbar and make a selection (hold down the shift key before you make the selection to make the selection a perfect circle) somewhere in the area and with the size that I’m showing here:

2. Fill the selection with the base color of the glass ball

Click on the foreground color in the tool bar marked with red in this screenshot:

In the Color Picker window that opens you enter the value D6D3C0 in the area marked with A:

Grab the Paint Bucket Tool and fill the selection with this color.
Press Ctrl +D (Command + D on the Mac) to get rid of the selection. You can also use the menu to do this: Select/Deselect.

3. Add a layer style

Go to the layers palette and click on the Add a Layer Style icon and select Inner Shadow and use the settings shown here (watch out: the color white is selected):

The result should look like this:

4. Add a gradient

Add a new layer by clicking on the Create a new layer icon .

Clip this layer with the layer underneath by pressing Ctrl + G (Command + G on the Mac) or Ctrl + Alt + G (Command + Option + G on the Mac) if you use Photoshop CS2.

A clipping layer only affects the layer underneath. You’ll see soon what I mean.

Change the background color in the tool bar and use the following color: 65645F. We’re now going to draw a gradient using the current fore- and background colors. Select the Gradient Tool in the toolbar (if it’s not visible, then look under the Paint Bucket tool ).

Take a short look at the next screenshot. Make sure that a linear gradient (B) is selected in the options bar at the top and that the option Reverse (C) is selected. (mode should be normal, opacity 100%, dither and transparency should be both selected, but in most cases they’re probably already having the right values)

If you don’t see a gradient that uses your colors at A which should look like this , then double click on the gradient in the options bar (A) and select the gradient from the list (most likely the first one) and click OK.

Start in the middle where you see the red dot and end where you see the blue dot (Just before the area where the main color is getting lighter).

The result should look like this:

Press the letter D on your keyboard, which makes the foreground color black, the background color white:

Add a Layer Mask to this layer by clicking on the Add Layer Mask icon . Don’t you worry if it switches the fore- and background color when you do this, this is normal behavior. Note: If the fore- and background colors look like this after you added the mask, then everything is ok. If they are switched, then just click on the double arrow points icon to correct this.

The Gradient Tool is still active, but this time we need a Radial Gradient. Select the Radial Gradient in the options bar (the one beside the linear gradient (marked B in our previous screenshot of the options bar))

With the layer mask still active (It will have a double border), create a radial gradient by starting in the middle and stopping at the outher edge of our circular shape.

By this time we should you have something like this:

5. Add more layer styles

We’re now going to duplicate our Layer 1.
Click on its icon in the layers palette, hold down the mouse button and drag (A) the layer to the Create a new layer icon and release the mouse button.

The next step is to move this duplicate (that has now become the layer with name Layer 1) to the top of our layers palette; click on Layer 1 and drag (B) it all the way up until you notice a dark black line appearing above the top layer. At that moment release the mouse button.

Warning for users of Photoshop CS2 or later : it turns out that Photoshop CS2 changes Layer 2 back to a normal layer, one that is not clipped, when we duplicate Layer 1. To correct that make sure Layer 2 is active and press Ctrl + Alt + G (Command + Option + G on the Mac). Again, this should only be done in Photoshop CS2.

Make sure that Layer on (our new top layer) is active (you will notice the in front of it).

Set the Fill of this layer to 0% (A) and then double click on the Layer Style icon (B) to modify the Layer Style of this layer:

Use the following effects settings for the layer style. Make sure that all settings are exactly the same, including color or blending mode settings.

Inner Shadow
(pay special attention to the option Use Global Light, because it’s not selected! Also notice that we have a black rectangle beside the Blend Mode; double click it if yours is not black, to change its color!)

Inner Glow

After this our image should look something like this:

6. Add more volume

Add a new layer by clicking on the Create a new layer icon .

Select the Brush Tool in the tool bar.
Click on the area of the options bar that I’ve marked in red and select a 150px brush, with a hardness of 0%, which is the softest brush you can use.

Set the foreground color to white.
Click once with this brush exactly in the middle of this new layer (Layer 3). Now go to the menu and select Filter/Effects/Gaussian Blur… and select a radius of 25 and click OK.

Note: because we’ve blurred the white dot, white pixels might appear outside the area that we have defined as our glass ball, so we have to get rid of it. It’s quite simple and we’re going to use a little ‘trick’ for that.

With the top layer (Layer 3) still active we Ctrl + click (Command + click on the Mac) on the thumbnail of the layer underneath this layer (Layer 1) which will load it’s shape (the ball) as a selection and all we have to do now is to click on the Add Layer Mask icon and we’ve got rid of all white pixels outside our glass ball.

Now change the opacity of this layer to 30%. This screenshot also shows how your layer palette should look like at this moment:

7. Create a highlight

Add a new layer in Photoshop by clicking on the Create a new layer icon and that’s going to be Layer 4.

Select the Brush Tool and use a hard brush (hardness is 100%) with a size of 20. Change the foreground color to white (or a very slight yellow (close to indoor light) using a value of FFFFE8).

Place the highlight in the location shown here:

Go to the menu and select Effects/Blur/Gaussian Blur… and select a small radius of .5 and click OK.
Go to the layers palette and click on the Add a Layer Style icon to add a layer style and select the Outer Glow effect and use the settings shown here:

8. Add a shadow

First make the Layer 1 copy (the one above the background layer) the active layer by clicking on it; a will appear in front of it.

Now set the Fill of this layer to 25%

You’ll notice that by doing that, that we’re are getting closer to the final result:

If the bottom is too bright (marked with the arrow), then just select the Layer Style of Layer 1 copy and lower the opacity of the Inner Shadow effect (or increase it if that’s what you prefer).

We now click on the background layer with the newspaper image on it, to make it active.
Add a new layer by clicking on the Create a new layer icon .

With this layer (Layer 5) active we click on Ctrl + click (Command + click) on the thumbnail of the layer above (the one with glass ball, Layer 1 copy). The result is a selection in layer 5 that is based on this glass ball.

Press the letter D on your keyboard, which makes the foreground color black, the background color white

We’re now going to draw a gradient using the current foreground color (black) in combination with transparency. Select the Gradient Tool in the toolbar (if in it’s not visible, then look under the Paint Bucket tool ).

Make sure that a Radial Gradient (B) is selected in the options bar at the top and that the option Reverse (C) is selected.

If you don’t see a gradient in your options bar ( A), that looks like one going from transparency to black, then double click on the gradient in the options bar (A) and select the gradient from the list (the one right beside D) and click OK.

Draw the gradient by starting in the middle of your selection and end at the edge of this same selection.

We’re now going to transform this selection in an elliptical shape by using the transform tool. Go in the menu to Edit/Free transform or press Ctrl + T (Command + T on the Mac). A rectangular box with 8 handles will appear.
Now pull the upper center handle downward (see A) until you have a shape that looks like the one in B.
Now press enter on your keyboard to complete the transformation and press Ctrl +D (Command + D on the Mac) to get rid of the selection. You can also use the menu to remove the selection: Select/Deselect.

We now have to move this shadow to the right (B). Be aware that the arrow only marks the direction, not the distance.
Select the Move Tool in your tool bar.
To move the selection, click on the shape and while holding the mouse button move the shape in place. Have a look at screenshot C to see where you should place this shadow. If your shadow seems to jump while you try to move it, then go to the menu and select view and make sure that Snap is turned off:

Now change the opacity of this layer to 50%. In the menu we select Filter/Blur/Gaussian Blur… and select a radius of 2 and click OK. On the right you can see how the layers palette should look like after you’ve done all steps (in this screenshot I marked the color of the shadow layer with yellow).

9. Deform inside of glass ball and shadow

n this last step we’re going to deform the image inside the glass ball. Make sure that our shadow layer (Layer 5) is still active and Ctrl + click (Command + click) on the thumbnail of the layer above (the one with glass ball, Layer 1 copy). The result is a selection in layer 5 that is based on this glass ball (like we did in step 8). Now got to the menu and select Filter/Distort/Spherize…
Select for Amount the value 100% and make sure that Normal is selected for Mode. Click OK.
The shadow is now deformed.

Make the background layer active and press Ctrl + F (Command + F on the Mac).
Note: Ctrl + F will always apply the filter that was used previously, in our case Spherize.

That was our final step and this is the result:

Tutorial Update – Improving the highlight

n this update we’re going to improve the highlight. Click on Layer 4 that contains our highlight to make it active.
We are now going to transform the highlight by pressing Ctrl + T (command + T on the Mac) and entering a value of 65% for Horizontal Scale (A) and a value of 45 for Rotation (B) and press enter twice:

This makes the highlight look more like an actual part of the ball:

t’s important to know that you have to select a background with colors that are not the total opposite of the colors we selected in the beginning of our tutorial when you want to use this technique.

You can make the ball even more realistic by adding more highlights or reflections. For the purpose of this tutorial I’ve kept it simple by adding just one single highlight.

Also be aware that once you deform the shadow or inside of the ball that you’re not able to move the ball, since both deformations are of course in a way “connected” to the background. So make sure that the glass ball is in the right place, before you start with the deformations. Make sure that your background is not to plain. A real glass ball doesn’t look cool either on white piece of paper in front of a white wall. Always try to use the environment to strengthen the effects you’re using to make the result look more realistic.

Photo editing and manipulation using Photoshop tips and tricks are two of the most fun part in graphic design especially when you are working with Photoshop and apply Photoshop tutorials. Furthermore, watching Photoshop effect on photos and photo manipulation inspiration artworks always inspire us for new ideas. I hope you like this…Plz comment.

Road workers Coffee Break

Angry

Chess king

Cat

Cigar City

Don’t Take My Food

Dream House

Extravaganza

Eyes Speak

Goodbye

Happy Henry

Octopus

Pink Egg

Scream

Sn orange

The Hand of

The Joker

Zebrafrog

The Music Nature

Triumph of Individuality

Crack face

Head

Night Fate

Lumber Pack

The Moon

The Village

Let’s Begin

Because 16 x 16 is such a small canvas area, it can be very difficult to be creative. So instead start your project with a canvas set at 64 x 64 (always use even multiples when you plan on resizing files). Do this by selecting File>New, and opening a new canvas that is 64 x 64 pixels in size.

The Design
If you already have a logo you should reduce size to the 16 x 16 pixels to see if it holds up. If it doesn’t look good at this size, work with the 64 x 64pixels canvas and try creating a simple design that integrate with colors from your website’s palette.

When you’re ready to test the design select Image>Image Size menu and enter 16 x 16 pixels. Click on Resample Image and choose “Bicubic Sharper” from the drop-down menu (CS or latest versions only for this step). This is the best setting for making sure that an image doesn’t get blur as it’s being resized. If it’s still not sharp enough, go back and oversharpen, oversaturate and/or heighten the contrast of the original image and then resize it again.

If you feel the icon is not quite what you wanted, just keep tweaking it until it is perfect. At this tiny size it can take a few tries for required result.

Saving The Custom Icon

Go to File>Save As and make sure you name the file favicon.ico. Under Format you must choose Windows Icon (ICO) from the pull down menu. This format will only be available in Photoshop after you download and install the plug-in properly. In the next step you’ll need to upload this new file to the root folder of your website, so it’s a good idea to navigate and save it to that location on your hard drive.

Uploading of Favicon.ico File
Connect to your ftp server and upload your Favicon.ico file to your website. Make sure You must place it into the same directory as your home (index) page, and leave it loose, making sure not to put it in an images directory or other folder. The standard location is the “root folder” of your site, which is same directory as your home (index) page don’t place it inside an images directory or other folder. If you put it there most browsers will find (favicon.ico) file automatically.
But some browsers will look for a direct link in the HTML source code to your site’s favicon.ico file. You can help these browsers by adding this link in the head section of each page on which you want the Favicon.ico to appear.
Here is the link code to include: <link rel=”Shortcut Icon” href=”/favicon.ico”>
Once you’ve added this code, upload all of your modified pages.

(Some people suggest that the following is actually more correct: <link rel=”icon” href=”/favicon.ico” type=”image/x-icon”> You can use both if you want!)

If you want to use a GIF or PNG instead, use this format instead (just remember that it won’t work in IE):
<link rel=”icon” href=”/favicon.png” type=”image/png”> or
<link rel=”icon” href=”/favicon.gif” type=”image/gif”>

Testing
If your new Favicon does not show up right away, try refreshing the page or clearing your cache — or put a ‘?’ at the end of the url, which will trick a browser into thinking the page is new and not cached.

>>  Here is a great tutorial link that will help you create favicon and other details

like Troubleshooting, Multi-Resolution Favicons, Inspiration. Click Here

Here  are some other links tht will help you in creat one

1. http://www.genfavicon.com/

2. http://www.favicon.cc/

This awesome piece of work is by Doucin Pierre computerArts. In this tutorial he will explain how to Brings velocity and meltdown to your subjects with a little Photoshop magic. In the following steps, he’ll let you in on one of the most effective and easily mastered techniques that I use to make striking, dynamic distortions of subjects…

Step: 1

My objective when approaching this visual was to create a graphic and dynamic montage,
with a photo turning into/being made out of paint. The first step is to find the right photo,
and here I used a little bit of a cliché – a basketball player. The whole visual effect rests
on the photo used, so make sure you choose wisely.

Step:2

Open the photo (photo-original.jpg) from the disc. There are numerous ways
to select and isolate the person. I chose the Pen tool (making sure Paths is selected in
the Tool Options bar) as it enables you to isolate the curves of the body. Draw around
the person, then create a selection from the path and choose Select>Modify>Feather
and enter a value of 1. Remove the background using Delete.

Step:3

Once the body of the basketball player has been isolated, create a new file
in A4 format – 300dpi and RGB. I’ve called it BasketKing (if this piece is to be printed,
use CMYK colour mode). Once the file has been created, apply a neutral grey
background colour and import the selected image of the basketball player. Resize the
player and place him where you want.

Step:4

It’s really important to have contrast and colours that are a little more raw in
the fi nal piece than they were in the original photo, and we can bump these up using
Curves. After this, desaturate the colours slightly using Hue/Saturation. I’ve chosen a
Saturation value of -32. Now we can move onto the background.

Step:5

A neutral background will bring out the basketball player. Create a new Layer Group called
‘Background’ to organise the layers. Create two new layers within this, and use
the Gradient tool to apply a gradient with an Opacity of 25 per cent to each.
In one, use a black-to-transparent gradient going from the top-right to the
bottom-left corners, and in the other use a white-to-transparent gradient going from the bottom-left
to top-right corners.

Step:6

Now create a ‘fl oor’. To do this, create a selection at the bottom of a new
layer and fi ll it with a very dark grey. Then apply a Gaussian blur of around 30%. With
the Brush tool on a low Opacity, blend the fl oor into the background (as demonstrated
in the screenshots above).

Step:7

To fi nish the work on the background, we’ll create the
shadow of the basketball player. Using the Brush tool at 20%
Opacity and 15% Flow, select Black and then, on a new layer,
paint the shadow. Blur off the shadow on the edges with the
Eraser tool at 15% Opacity.

Step:8

This kind of project always ends up with a lot of layers – and it’s important
to anticipate this by creating and naming them so they’re easy to find and edit. To
prepare yourself for the next stages, create Layer Groups to manage all the files. I’ve
created the following Layer Groups: Arms, Legs, Body, Ball, Form, Foot and
Background. Apply a colour label to each of them if you wish.

Step:9

To create this liquid ‘decomposition’ effect, I use
brushes that create a paint-stain effect – these can be found
on sites such as Brusheezy.com, or you can create them
yourself. You’ll find my brushes on the disc. You can load these
by going to the Brushes palette, clicking the arrow and
choosing Load Brushes.

Step:10

Once you’ve imported the brushes and created the
Layer Groups, select the Brush tool and apply separate paint
strokes so that the splatters are on separate layers – and make
sure you name each layer to find them easily. For this exercise, I
used around 20 different paint stains on about 20 layers, but
you can use more or less depending on your image and the
effect you’re after.

Step:11

Now we’re ready to distort the body. We’ll start with the left arm because it’s
central to the movement of the piece. First, turn off the visibility of all the paint stains
layers except for the first one you want to use. Place it over the arm, where you feel it
works best, and select the layer (Ctrl/Cmd+click on the paint splat layer you’re working
on in the Layers palette).

Step:12

Next, turn off the Splat layer’s visibility, select the Basketball Player layer,
and Cut and Paste. Do this several times with different splats to build up the arm.
Decrease the Opacity of the basketball player to see the areas that have already been
done. Place all the new layers created through Cutting and Pasting into the Arm Layer
Group that you created earlier.

Step:13

After building up the arm paint effect, you want to
make parts of the underlying arm disappear. Do this by
selecting part of the arm, blurring it slightly and then, with a
Standard brush (without the wet edge – 100% Opacity and
100% Flow) delete the arm of the basketball player. Now the
effect is pretty much complete on the arm.

Step:14

Now that you understand the technique, do the same
to distort the ball, head, legs and feet, always placing the layers
in the designated Layer Groups so that you can find them
quickly if you decide to make changes. These steps can take
some time, especially at the beginning, but it’s the most
important part of this visual, so take all the time you need.

Step:15

Once you’ve finished ‘decomposing’ all the parts you want, all that remains
is to create the wispy traces of paint that detach from the body. These were made by
painting with custom brushes, sampling colours from the basketball player and trying
to create a sense of dynamism and movement.

In this tutorial, author is oing to show how to create one smokin’ woman using a couple source pics, and just a few of the features associated with Phoenix.
So follow along and this tutorial will share a few secrets into some of the magic, without the smoke and mirrors. Well, maybe a little smoke.

With the general idea already in my mind, I needed to find a suitable background image.
The image I found turned out perfect because of the line of direction of the main figure’s vision. He’s looking directly where we’re going to place our smoke, creating unity among our elements. How convenient!

Continue Tutorial >>