Web Header in Fireworks lighting Effects

Create a highquality webheader using lighting effects in Fireworks, very professional looking effect.

Click Here to see the Tutorial

3D Invasion in Photoshop, using 3D Effects in Photoshop

Create a cool looking invasion scene using Photoshops new 3d modeling techniques

Click Here to see the Tutorial

Awesome Ice Cold Effect in Photoshop

Also See: letterpress effect

Create a cool looking ‘Ice’ Effect in Photoshop using this easy to follow quick tutorial.

Click Here to see the Tutorial

Contemporary Photoshop Logo

Other Logo Tutorials: Skype Logo, Logos

Description

In this tutorial we will be creating a Logo with some cool effects and a
professional final look.

Objectives

• Layer Opacities and Styles
• Text Effects
• Blending Options
• Text Reflection

Final Result:

Step 1:

Create a new document 439×153 pixels, fill the background with Black #000000 and
write your text, in my example “Company Name”
(i used the font “Helvetica” for the text).

Step 2:

Let´s put some colour to the text. Fill the word “Company” with #FF9600 and “Name”
with #6B6B6B.

Step 3:

Now we are going to create the reflection. This is done by duplicating the text
layer and going to Edit>Transform>Flip Vertical

Step 4:

Now rasterize the layer (Layer>Rasterize>Text), take the Rectangular
Marque Tool
and select the half part of the layer like this:

Step 5:

Now press Alt+Ctrl+D and write 25 in the box, then press the Delete buttom two
times, Ctrl+D to deselect the layer and change the opacity to 60% (you can play
with this number if you like), you will have the reflection like this:

Step 6:

Select the Text Tool and write the slogan, in my example “your slogan goes here”,
i used the Trebuchet MS font and with a space between each leater to make it
looks better, like this:

Step 7:

Now let´s create a new layer (Ctrl+N) on the top of the text layer (not the
reflection one, the Company Name layer), and let´s select the Elpitical Marquee
Tool. Press D and X to use the White colour and draw an eliptical selection on
the text like this:

Step 8:

Then fill that selection with White (Alt+Backspace), you will have something
like this:

Step 9:

Then press Ctrl+G on the white selection layer to get this:

Step 10:

Then change the opacity to 20% (you can play with this number too), you will get
this:

Step 11:

Finally you can add some symbol to your Logo, i added an orange parrot on the
last “e” of the word Name (i used the Personaliced Shapes to add the parrot),
and finally you will get this:

Conclusion

Well I hope you enjoyed the tutorial, if you have any questions be sure to leave a comment below!

Trendy Header in Photoshop

We are going to be creating the following Image:

View Full Image
First off your going to want to create a new photoshop document; I used the following settings

Fill the canvas using the paintbucket tool
with #e2e2e2

Tip:

Press (g) to bring out the Paintbucket tool

Now Create a new layer and select the Rounded Rectangle Tool , then set the foreground color to #695D54

Once you create the Rounded Rectangle we are going to create a new document for the dropshadow, press ctrl+n to create a new document and use the following settings:

Next select the Pencil tool (b) And create an image like so

Then go to Edit > Define Pattern, it doesn’t matter what it is named

Now ctrl+click on the layer that has the rounded rectangle on it to make a selection of that layer, then create a new layer now drag the new layer under the layer that contains the rounded rectangle. Use the arrow keys to move the selection down a ways.

Press shift+backspace to fill the layer with the pattern we just created.

Be sure to set the layer with the Pattern in it to about 20-30% (whatever looks good, do it by eye)

Tip:

you can make a pattern anything you want fool around with it and you can come up with some pretty cool effects.

Now we are going to make those bevels, create a new layer, first zoom in really close using the Zoom Tool pull out the handy pencil tool again set it’s width to 1px (pixel), set foreground color to black and draw a short line (see image), now set the foreground color to white and draw another line just to the right of that; Set this layers blending mode to overlay and your all set.

Copy this layer by pressing ctrl+j (while that layer is selected) and you can make multiple bevels, zoom out to see what it looks like.

Now pull out the gradient tool set the foreground color to white, and set the Gradient style to white to transparent (see pic)

Set the opacity of that layer to about 10-20%

Tip:

play around with the opacity and blending options to see interesting results

Now we can add in the text, I used Tahoma Bolded with an outer glow on it applied to it:

To come out with:

View Full Image

Hope that helps, if you have any questions leave a comment below.

Affiliate Banner in Photoshop

In this tutorial we are going to create an Affiliate Banner like below:

Step 1: First creat a a new image, make the background transparent, and the size 120 pixels wide by 240 pixels tall *note see the tip above to see about standard web banner sizes.

Step 2: Now you are going to want to create the shape of the affiliate banner using the rectangle tool set the radius of the tool to 10px put the cursor near the top left hand corner of the document and drag down towards the bottom right of the document. *Note* If you want to use the same color scheme we use, remember to set the foreground color to: #009543; Or you can fool around with a color you think would look good, or better portray your message.

Step 3: Next apply a stroke to the layer,

I applied the following settings.

Step 4: We are now going to be adding some glow effects to the banner, first make a new layer, by clicking on the new layer button , Now with that layer selected press ctrl+g, what this will do is make that layer “Mask” the layer underneath it i.e. things will only show on that layer if it is “touching” stuff in the layer underneath it. Grab the rectangular Marquee tool , make a selection of about the top 4th of the rounded rectangle box, now select the gradient tool set it’s style to foreground to transparent (top box you can make the gradient tool work by making it move from solid color to transparent color), and drag the gradient tool from top to bottom like so. REMEMBER!! to set the foreground color to #00F943 and the gradient from solid to transparent.

To come out with:

note how the solid to transparent gradient is selected, as well as the correct foreground color

Step 5: Now we are going to do about the same thing just a more subdued gradient, pull out the marquee tool again make a selection from the bottom up to almost 3/4′th of the way. After that pull out the gradient tool, , remember to keep the same settings as the previous step and use the gradient tool like so *note how we don’t “pull” the gradient all the way through the marquee this allows for a more “blended look”:

That should produce this:

And that is about it, I borrowed some photos from MorgueFile.com A great website that offers free professional stock photos. I cropped the images from there and positioned them on top of that banner, then added the Monkey Feather Logo (MonkeyFeather.com is a high quality hosting company that psdesignzone.com recommends above any other!) and some other advertising text with an outer glow to get a decent looking affiliate banner like below: