Use Photoshop To Help With Flash Files


Read the rest of this entry »

Video Game Signature

Step 1- Open a document and give it dimensions: 500×150. Fill the document with black, and breath deeply. Because Christie Monteiro will take your breath away…corny, I know.

Step 2 - The first thing you want to do is find the pictures you’re going to want to include with your forum sig pic. I’m going to start out with two for this tutorial. Once you’ve saved them, open them up in Photoshop.

Christie Monteiro Tutorial

Christie Monteiro Tutorial

(Stop drooling)
Read the rest of this entry »

Create An Online Radio

1. Create a document that’s 300×150, and all of the standard Photoshop settings. Create a black background. Click on the Rounded Rectangle Tool Rounded Rectangle Tool, and set the radius to 30px.Create an image like the one below. Fill it with white, then delete the outline.

Radio Picture 1

2. Then, create a Gradient Overlay, with the settings below:

Radio Picture 1

3. Next, we’re going to create the speakers. First, select your Rounded Rectangle Tool again Rounded Rectangle Tool. Only this time, set the radius to 10px. Fill the rectangle, with this color #7A7A7A. Then, add an Inner Shadow blend, with the settings below:

Radio Picture 3

Now, we’re going to give the speaker some texture. Select the brush tool, and then go to the brushes options, and put in the following settings:

Radio Picture 4

Radio Picture 5

Radio Picture 6

Radio Picture 7

Ok, now create a new layer. Select the line tool Line Tool and make a selection like the one below.

Radio Picture 8

Then right click on the selection, and click Stroke path. In the drop down menu, select “Brush”. Now, delete the path. Take the layer that the brush strokes are on and duplicate, and spread them out evenly across the speaker. It should look like this:

Radio Picture 9

Then, to create the speaker on the left, merge all of your speaker layers down. Then move it to the left side.

Radio Picture 10

4. This step, you’re going to have to some drawing of your own. Grab your pen tool, and create a shape like this, which will be your boombox’s handle:

Radio Picture 11

Fill it with the color of the background. Then add the blending options, from below:

Radio Picture 12

Radio Picture 13

5. Next, we’re going to create the CD player. Grab your Rounded Rectangle Tool Rounded Rectangle Tool again, set your radius to 10px. Make a shape like the picture below, fill it with #5A5A5A. Then create a smaller rectangle inside that one, and fill it with 1D1D1D.

It should look like this:

Radio Picture 14

6. Beyond here it’s up to you how detailed you want to make your jukebox. If you’re using it for site, then what you have should be enough. Here’s what I added to mine, which could still go up on a site as well.

Radio Picture 15

Create A Unique 3-D Website Header

Step 1: First, you’ll need to create a document with the dimensions in the picture below

Step 1

Step 2: Then create a new layer on top of the initial one, and fill it with any color. After you make your fill, take the rectangle marquee tool rectangle tool and make a box like below:

Step 2
Read the rest of this entry »

Filed Under Web Design
Comments Off

Create A Custom http:// Bar

1. Create a new file, and give it the dimensions 350×35. You can use a white background, or a transparent one. It all depends on how you’re using the address bar. I’m going to use white so it’s easier for you to see what I’m doing.

2. Select the Rounded Rectangle Tool Rectangle Tool and create a rounded rectangle within the document. Keep the edges somewhat inside the document. For a reference, check the picture below.

Address Bar Picture 1

3. Next, fill the rounded rectangle with any color, for this tutorial I’ll be using #0000FF. Then once that’s filled, add an inner glow with the settings below.

Address Bar Picture 2
Read the rest of this entry »

Create Your Own Custom RSS Image

1. Today I’m going to show you how to make your own custom RSS image. So you can really show off some web 2.0 creativity. Create a new document, and make it 100×100

2. Throughout most of this tutorial, you might want to stay zoomed in so you can see better what you’re doing. Fill the background with black

Picture 1

3.Create a new layer. Then make a rectangle box that wraps around the document, and fill it with white. There should be only a small portion of black left showing

Picture 2

4.Next, you’ll want to add a blending option; Bevel and Emboss (use the settings below)

Picture 3

and your document should look like this:

Picture 4
Read the rest of this entry »

Create A Snake Person..Or Any Kind Of Animal Person

In this tutorial I will show you how to take a friend, boss, random person and turn them into a slithery animal. The trick is to find the skin of the animal you want to cover the person with. Snake skin is fairly easy to manipulate, so for the sake of this tutorial it’s what I’m going to use.

First, you’ll need your base photo. For this tutorial I’m going to use this stock photo I found.

Snake Lady
Read the rest of this entry »

Create A Website Layout On Photoshop - Part 1

Any good web designer will tell you that one of the first steps in designing your site, is creating a layout. Before Photoshop caught on for web design, most designers did this with a pencil and paper. But with Photoshop, you have to tools, to not only create a layout, but pretty much preview what you want your entire site to look like.
Read the rest of this entry »

Add Raindrops To Your Pictures

In this tutorial I will show you how to add some water drops to your pictures.

For this tutorial I will be adding some raindrops to this window picture
Window
Read the rest of this entry »

Sleek Form/Adress Bar

92.jpg
This tutorial will teach you how to create a stylish address bar. These are most commonly use on anything from proxy websites to nice, web 2.0 styled websites. So lets Begin!
Read the rest of this entry »