1024X768

Click Here for Full Screen


1680X1050



Click Here for Full Screen

1600X1024


Click Here for Full Screen

(more…)

(more…)

Click Here to View Large Image

(more…)

First I started off with a 400X150px canvas and made a new layer. In your new layer use your elliptical marquee tool to draw as perfect of a circle as you can like this:

Next right click or double click on your new layer and use these blending options:

Stroke

Gradient Overlay

I also moved around the colors in my gradient overlay like this:

Inner Glow

Outer Glow

You should end up with something like this:

See I told you this was easy and achieves a cool effect, at least I do anyway. Let me know what you think. Now for a few more touches to make these even better, first I am going to add the web 2.0 feel to it. Start a new layer and get your ellipse tool and change your fill color to white. Make a circle similar to this on the button:

Next you need to grab a soft eraser brush about 45px:

Now position your eraser in the middle over the bottom half of the circle:

While holding down shift click and move the mouse down and up over and over until you get something like this:

Just try it a few times until you get something you like. I think this is looking pretty cool so far what about you? Now I want to add a small shadow underneath to make this really stand out. Yet again we are going to use the ellipse tool, but we want the color to be black. Make a new layer again and make a circle underneath the button like this:

Ok, now that you have that lets add some gaussian blur to it. So go to Filter>>Blur>>Gaussian Blur:

Add a 7.5px radius in the Gaussian blur settings:

Hit Ok and you should see something like this:

I think that would really stand out on a website. Last but not least we are going to add some text to it and see what it would look like as a menu. Use white arial text (or whatever font you want) around 20px and just put text on your button, I am going to put the word “Home”.

Now for the text reflection. Duplicate the text, rotate it 180 degrees and flip it horizontally. In my version of photoshop I just go to Edit>>Transform and both of those settings are in the same window. Position your text below the main text like this:

Its time to use the eraser brush again and just keep the same size you had before because it will work nicely. Pick your eraser, click on the text and a little window will popup saying you must rasterize the layer before you can do this, so of course say OK. There are other ways to make a reflection but I think this is the easiest, atleast to me. So position your eraser toward the bottom of the rasterized text, while holding down shift move your mouse from left to right erasing a little of it.

My result:

That is pretty much it, now you can duplicate that layer and make other buttons as part of the menu. Also it is very easy to change the color of these by changing the gradient overlay like this:

I hope this tutorial helped you learn some new techniques and you enjoyed. Please let me know if there is anything I can clarify or help you with. Thanks for reading!

First of all, make a new document [ File > New ]. I have used 400 by 123. Now find a stock and bring It intro the canvas:

Copy the stock layer and do [ Filter > Blur > Gaussian blur ]. Now erase the main render and leave the rest blurred.

Copy the stock, cut out a piece of it, and then move the piece somewhere around the girl’s face.

Add your stock (don’t re-size it) and then take your erase tool and erase with splatter brushes. Set the layer to Lighten.

Do the same as the last step, but this time use another brush to erase:

Once again.

And again, but now lower also the opacity to 46%.

Now add another stock. Erase again and set it to lighten.

Again

Add a new stock and set it to darken. Erase the parts you don’t like and move it to the left side of the tag.

Again, but now place it on the right side.

Add another stock, set it to Lighten and erase the parts you don’t like.

Add gradient map :

Leave at normal

Add selective color:

Leave at normal:

Add a gradient map:

Set to soft light at 15% opacity.

Add gradient map :

Set to soft light at 15% opacity.

Make a new layer and fill it with black [ Edit > Fill ], then make a dot by using a soft round brush where you want your lighting. Set the layer to linear dodge.

Apply image on a new layer [ Image > Apply Image ], then take your burn tool and make some parts darker.

And again :

Add a gradient map :

Set to soft light at 10% opacity.

Take your sharpen tool and by using a soft round brush make some parts of the tag a bit sharpened.

Take your blur tool and blur some parts of the tag, lower the opacity of the layer to 55%.

Add gradient fill :

Set to soft light.

Add selective color :

Leave it at normal.

Now you’re done, I hope you like your outcome and that you have learned something new.

Step one is to first create your glass orb. Start off with a new document 500 x 500 px.

Next, create a circle using the elliptical shape tool (U) by holding shift while dragging your shape. This assures you the circle will be symmetrical. Double click the color palette next to your shape and change the circle’s color to #0f7cd8. Now rasterize the layer by right clicking the layer in the layer palette and selecting rasterize.

It’s a good idea to give this circle a light gradient so double click the layer to bring up the layer style palette and apply a gradient overlay using #0f7cd8 on one end and #1867aa on the other.

Your next step is to create a smaller circle (an oval works well too) about 25% of the original circle’s size with color #4d9fe5. Place this at the bottom of the circle. You’ll want to rasterize this one as well.

Click Filter | Blur | Gaussian Blur and set the radius to approximately 22. Set the opacity to about 55%

Next, create another oval about half the size of your original circle and place it at the very top. Rasterize this layer as well, set the fill to 0 and the opacity to about 45%. Again, we’ll apply a gradient overlay in the layer style menu using #FFFFFF on one end and transparent on the other.

Great! Now we have our orb. Next we’ll put our image or icon inside. This part is easy, simply place your image behind the two oval layers in the layers pallete. Now, go back to your original Circle layer. Press (V) to grab your Move Tool. Then hit CTRL-A to select the entire screen. Now, press up on your keypad once followed by down on your keypad once. You should now have a selection the same size as your circle. Next, hit CTRL-I to invert your selection.

Move to your layer containing the image you just brought in by selecting it in the layers palette and pressing delete. And there you have it!

This tutorial was written by Brett Adams, web developer and new venture blogger.

Create a new layer (ctrl+N) and then grab your shape tool (U). We are going to make a rectangle with a fill color of #f8f8f8. Dimensions aren’t too critical, but just make sure it resembles the shape we are going after. This will become the frame for your Polaroid.

Go ahead and Rasterize the layer by right clicking in the layers palette and selecting rasterize. Grab your selection tool (M) and make a rectangle in the interior and press delete, this is where your photo will be going.

Next we will apply some layer styles by double clicking your layer. Apply the following styles.

Let’s revisit our photo we imported earlier. Select and restore its’ visibility. Move the layer directly below your Polaroid layer in the layers palette and position it into the Polaroid “window”.

Now select your Polaroid layer and grab the wand tool (W). Now pay attention, because this may be a bit advanced for some users. Make a selection INSIDE the Polaroid window. Now select your photo layer and click the Add Vector Mask button in the layer palette. Hey now, its starting too look like a Polaroid now isn’t it!

Just a few more steps and you’ll have a clever stack of Polaroid’s. In the layers palette, click the group button. Now move your photo and Polaroid layers into your newly created group. Still with me? Great, because we’re almost done! Right click the group and click Duplicate. Now, press CTRL-T to bring up the transform tool, and give the box a little rotation. You should have something that looks like this.

And there you have it, a nice stack of Polaroid’s. Feel free to repeat the process to increase the size of the stack. You can also experiment with the drop shadow sizes to help create the effect you are after.

This tutorial was written by Brett Adams, web developer and new venture blogger.

Click for full size image

The first step, although unnecessary, certainly spices up the image a bit and gives it a nice glow.

Duplicate your taxi layer by right-clicking and selecting Duplicate Layer. Double click the layer to bring up the Layer Style panel. Under Blending Options, please change the Blend Mode from Normal to Overlay and click okay.

Now your image has a nice glow to it doesn’t it?

Now to add your photo or advertisement to the taxi. In this scenario, I’ll be using a stylized version of a personal photograph.

Place the image roughly over the taxi ad revolver. Grab your Polygonal Lasso Tool “L” and carefully select a rectangle the same size as the taxi revolver.

Press “Ctrl-shift-I” to select the inverse selection and press delete. Now your image fits snuggly into the ad revolver.

Just about finished with this tutorial, hang in there! Double click the picture/ad layer to bring up the Layer Style panel and using the same method as before change the Blend Mode from Normal to Hard Light.

And there you have it, a personalized advertisement on a big city taxi cab!

This tutorial uses a technique described elsewhere at Photoshop Town, but you should be able to figure it out without going through that tutorial.

Let’s start by opening a new document. Standard business card size calls for dimensions of 3.5in x 2in and a Resolution of 300 pixels/inch.

Step One is the create the background for your web 2.0 business card. Set your foreground color to #e2e2e3. Now select your background layer and hit “M” to bring up your marquee tool. Make a selection approximately 4/5ths the height of your document and 100% of the width.

Select the gradient tool with “shift-g” and change your gradient to go from #e2e2e3 to white.

Now give your marquee box the gradient to create a horizon of sorts.

Now for the easy part, it’ll make you feel like you’ve really accomplished something! Go ahead a write your address and give it an alignment right as opposed to the standard left with the color #3c3c3c. Font selection here is only slightly important, while readability is key. I would use something along the lines of Lucida Sans Unicode. Place your address near the bottom right, but leave some room around the edges. When designing for print, and specifically offset printing you need to accommodate for the edges.

If you want, throw your tag line down at the bottom. In keeping with the web 2.0 theme, use VAGRounded BT as your font. Others will work well including Arial Rounded.

Hang in there, we are over halfway done! Time to throw together a logo and then its off to the printers.

Type your company name with the web 2.0 font of your choice, again im using VAGRounded BT

Duplicate the layer by right-clicking and selcting Duplicate Layer. Rasterize the layer by right-clicking and selecting Rasterize Type. Using your oval marquee tool select roughly the bottom half and press delete. Still following? Now double click the layer to bring up the Layer Style panel and select Gradient Overlay. Create a new gradient to match your text color, I am using #88b9eb.

Just about done, lets put a trendy mirrored image in there. Go back to your logo name layer and again right click and select duplicate layer. Press “ctrl-t” to Transform your layer. Right-click the layer and select Flip Vertical. Now move the layer below your logo name.

Double-click the layer to bring up the Layer Style panel and apply another gradient overlay using the same settings as before, #88b9eb to #FFFFFF but this time reverse the gradient.

Drop the layer opacity down to about 25%.

[opacity]

Go back to your original logo name layer and double click to bring up the Layer Style panel. Click on drop shadow and apply the following effect.

And there you have it, an effective web 2.0 styled business card!

Well, let’s go ahead and get started with this simple tutorial. First we will create a new document. I prefer to still accommodate those users at 800×600, so lets set this new document at 790×21

Create a new layer and fill with white. Remember you can hit “D” to revert to the default white/black and then “X” to bring white to the brush color.

Double-click the layer to bring up the Layer Style menu and apply the following effects.

And remember, feel free to make the gradient any color you desire.

Now it’s time to separate the bar into individual fields with insets. Zoom in on your document to about 1200% by pressing the on your keyboard.

Create a new layer and using your marquee tool, make a selection one pixel wide and the height of your document. Fill this with black. Create another selection the same size and right next to your black line. Fill your selection with white.

Now you will want to change the blend mode for the layer. Double-click the layer to bring up the Layer Style menu. Under general blending, change the Blend Mode from Normal to Soft Light

Duplicate the layer as many times as needed by right-clicking the layer and selecting duplicate layer. Slide them over to create different sections for your nav bar.

You are almost done, just a couple more steps!

Use the text tool to create your links using any font that you choose. I like Myriad Pro. Space them out to fill up the nav bar, and resituate those insets to separate the different sections.

And there you have it, a completed navigation bar! All that is needed is to break the image down for use in your webpage and add rollover effects if you desire, but that’s another tutorial!