Open a new document 400×75.

Fill the canvas using the gradient tool with a lighter color and a darker color I chose green.

Using the eclips selection took make a selection like mine.Just make a circle out side of the document with some of it going in the document.

In this selection using your same colors fill it with the same gradient just the colors on the oppisite sides like mine.

Keep the selection still and go select > modify > contract with a setting of 5 this make your selection smaller. Then fill it with a different gradient i chose #CCCCCC and #F1F1F1 for mine which is a nice silver.

Add in your logo to the silver part.

Add in your company name

This gives the company name some life.

You can add your tag line here and your done or continue through the tutorial to find out how to animate your banner.

ANIMATION

For my animation I’m going to have some flashing words about the site so I’ll start with the word media I chose white.
After you have your word duplicate the word by pressing ctrl + j

hide your first text layer (Media) Now on your duplicate layer go filter > blur > motion blur with a setting of 11. It will ask you if you want to rasterize the layer click yes.

Now i do the same thing in the last step but with new word makshure each word and its blur are on differnt layers.





Now that you have all your text layers lets animate it.
Go windows > animation.

This will bring up your animation pallet it will show your frames.

Hide all of your text layers except the first (media)
then on your animation pallet click the new frame button 18.jpg
It will ad a new frame in your animation pallet tool now hide (media) and unhide (media blur) then add a new animation and hide the blur and unhide the next text layer ect… When you are through click the play button and watch your animation I got this.


SAVING ANIMATION

File > Save for Web, because you don’t get all the nifty image sizing and optimization controls right there. Nay, you have to do all these ahead of time. But at least saving the animation is just a one-step process.

This tutorial will be more focused on the myspace code and how to go about making a myspace layout rather than a photoshop aspect. I have included a site to customize your colors of borders and text and such that will give you a code, and then I put the code you insert to get the custom contact table and extended network image. With that being said, let’s get rolling.

First thing you will want to do is pick out pictures that are similar. Most likely will be the same thing in different views or poses. It’s possible to use the same image for all 3 images, but I find that it wont look nearly as good. Another thing you will need to do is decide on a color theme for your text and borders based on your image(s).

Start out by creating a new document that will become your background image. I used a 1284×900 canvas, although you can use whatever size fits your computers resolution. Slap on a render, and start making your background however you like. Here is the background image I will be using:

Next up is the extended network table. I’m not even sure of its uses on myspace, but it makes a nice place to put an image.
Create a new document. For this tutorial, my extended network table will be 435×250.
The code that I have included at the end of this tutorial is set to 435×250 dimensions. If you want to use a different size, you will have to change the code a bit.

Now it is time for the contact table. This one takes a bit more work to set up the buttons. For ease of use, I have made a button template.

You’re going to want to SAVE, not copy, this template.
Create a new document, 300×150 pixels.
Your may want to place your buttons first, and then make your image in conjunction with the buttons. Or you may want to just slap the buttons on top of the background. But either way, you will need to use the template so you know where the buttons have to be.
When you’re making the buttons, you don’t need to illustrate all of them, but you will want to include the ‘send message’ and ‘add friend’ button for sure. If you want more room for the image in the contact table, you can choose to not illustrate buttons for all the buttons on the right side. However, they will still be functional links on your page. Here is the settings I applied to my buttons:

You have made all 3 of your images, and you’re ready to code them in your myspace page. Start out by going here (freecodesource.com) to create your code for text and borders. You will also add your background image here. Make sure you find a webhost (I recommend imageshack.com or photobucket.com) to host your 3 images, so do that now before you go any further.

After you have finished doing all of that, you will be given a code to copy and past into your ‘about me’ section. Here is the instructions incase some people don’t know how.
How to Install:
1. Login to your MySpace Account
2. Click the “Edit My Profile” link on the right side of your profile picture
3. Click the “(edit)” link next to the box titled “About Me”
4. Copy (CTR+C) the code below and paste (CTR+V) it into the “About Me” box, then click the “Preview” button
5. Next, click the “Submit” button
6. Click the “View My Profile” link near the top of the page, and that it’s! Your new layout is installed!
Important Note: If you have another layout installed on your page, remove it before adding your new layout code.
One more thing you can do to the code is remove the advertisements. Go to the very bottom of your code, and delete this portion:
<a href=”http://www.freecodesource.com” style=”position:absolute; top:0px;background-repeat:no-repeat;left:0px; height:155px; width:115px; background-image:url(http://freecodesource.com/images/promote/clickhere.gif); background-position:left;”></a><a href=”http://www.freecodesource.com”>Layout Provided By FreeCodeSource.com</a> - <a href=”http://www.freecodesource.com”>Myspace Layouts</a>
Copy and paste this code into your ‘About Me’ section to insert your contact table graphics. Replace the bold and underlined text with the URL of your contact table:
<style type=”text/css”>.contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url

(’http://i92.photobucket.com/albums/l39/fwllayouts/alysoncntvl5.jpg’)

;background-attachment:scroll; background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}.contactTable .whitetext12 {display:none;}</style>
This next set of code is to insert your extended network table. Again, I have underlined and bolded what to change. The first underlined bold text should be replaced with the URL of your extended network table. The second underlined bold text is for the dimensions of your extended network table. These values should match the size of your extended networks table. Paste this code into the ‘About me’ section:

<style type=”text/css”>table table table td {vertical-align:top ! important;}span.blacktext12 {visibility:visible !important;background-color:transparent;background-image:

url(”http://c.myspace.com/Groups/00019/48/53/19643584_l.gif”);

background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:435px; height:250px; display:block !important; }span.blacktext12 img {display:none;}</style>

Step1:
Create a new document 780×200.
Step2:
Create a new layer and fill the top half of the document with red #FF0000. Create a new layer and fill the bottom half with red #850000.

Step3:
Apply these layer styles to the top layer:

And apply these layer styles to the bottom layer:

Step4:
Create a new layer for the navigation bar and fill with red #C20000. I made mine 40 pixels high.
Step5:
Create a new layer. Using your elliptical marquee tool, hold shift and create a round circle. Fill this circle with red #C20000. position the circle in the middle of your document. When you get to the center, Photoshop should sort of hold it there. Apply these layer styles to your circle:

Step6:
Put you text on your navigation bar. Try to space them out as equally as you can, and not touch the circle. I also put my website’s initials in the orb.

Step7:
With your rectangular marquee tool, cut out each section of the buttons from the single nav bar piece.

Position them where they should be, and apply these layer styles to each one.

Step8:
Create a new layer. With your elliptical marquee tool, hold shift, and create a circle; fill with white.
Press ‘Q’ to enter quick mask mode. Get your gradient tool. Start from the bottom of the circle, hold shift, and drag to the top of the circle. Press ‘Q’ again to exit quick mask mode. You should how have a selection. Press delete once or twice depending on which one you think looks better. Now drop the opacity to about 85%.

Step9:
Create a new layer. hold CTRL and left click on your circle layer to select it. Go to EDIT>STROKE and use these settings:

With your line tool, hold shift to make a path like this:

Select your pen tool, right click, and do ‘make selection’ and then delete path. Press delete, and then CTRL+D. apply these layer styles:

Step10:
Create a new layer, and with your pencil tool set to 2 pixels, make little rivets:

Start with a new document 400×175 px fill the canvas with black(#000000).
Brush with your grunge brushes in white on the black

Brush some black on top of the white if you want.

Select some similar colors from your render. Then use a circular gradient like you see. Then filter > render > lense flare, 105 prime and place it where your render will go.

Finally set this layer on overlay.

Make 2 duplicates of your render (ctrl + j)

Place your render on your lense flare and then go to filter > blur > gaussian blur with a setting of 6.

On your other render layer set the layer style to Soft Light

On your last render layer set it to Overlay and then go to image > mode > color balance adjust all the settings until you get yor render the colors of your background.

to add the border go to edit > stroke with black and 5px thick
then go to edit > stroke again with 4px white this time.

this is my final. Just add in your name and you are done!!

First of all take an image of a brunette girl:

First we want to touch up on her hair. Duplicate the layer and click Image>>>Adjustments>>>Hue/Saturation, and apply these settings: Hue: 23, Saturation: 90, Lightness: -18 (colorize and preview checked). Erase everything except the hair and set to Hue at about 80%.

Now get the burn tool and zoom into your image, burn under her eyes to give her a eyeliner effect.

Then click Image>>>Adjustments>>>Hue/Saturation and apply these settings, Hue: 185, Saturation: 25 and Lightness: 0, once again check colorize and preview,
zoom in and erase everywhere except the pupils of her eyes and set to color.

Now click Image>>>Adjustments>>>Hue/Saturation and apply these settings: Hue: -55, Saturation: +26, Lightness: +9 (uncheck Colorize and Check preview), then
erase everywhere except her lips set this layer to color at 46%.

Now get a picture of flowers:

Use it as a background for your glamour shot and add an onmi, and your done!

First let me start by saying that I am a fairly lazy person, and I like shortcuts. So for this tutorial, im going to explain how to recreate one quadrant of the example, and then copy and rotate the original one to make a full intersection.


This is what we will be making as our “original”.
So create a New document 350×350 px.
Create another new document 42×350. This document will be used to make the road. So fill it with the color that you want your pavement to be. I used grey #999999 for my road. Press CTRL+A to select all. Then CTRL+C to copy selection. Go back to your first 350×350 doc and press CTRL+P to paste your selection. Position your newly pasted layer on the right side. Now duplicate this road layer, and do EDIT>TRANSFORM>ROTATE 90 degrees CW. Position this second road layer at the bottom.

Create a new document 23×23 px. This is going to be used to make your sidewalk pieces. If you don’t want square sidewalk tiles, for example rectangle or diamond shape, go ahead and try it. Be creative. But for learning sake, I will keep mine simple. So back to the new document. Fill this document with the color that you want your sidewalk to be. I chose grey #595959. Select all, copy, and then paste into the primary document (350×350 one).
Now go to your layer styles, and apply bevel and emboss to your square with these settings:

Create a new layer UNDER your square. Position this first square in the corner where the road is.

Duplicate your square and position it on top of the first square. Repeat until you reach the top. Keep duplicating and positioning until you finish the sidewalk. Create a new group and call it sidewalk, and put all your small squares into this group to keep your layers organized.

Create a new layer UNDER all your road layers. It wouldn’t be a bad idea to create a new group for your road layers and just put them all in there since we won’t be using them for a while. Make the 45 degree angle on one layer, then create a new layer and create the two other lines.
Make these lines for the outline of the building:

Hold shift while drawing the lines to make them perfectly horizontal/vertical/45. The 45 degree angle will be the height of the building. So if you want tall buildings, make this line longer. If you want shorter buildings make this line shorter.
Erase the top left portion of the 45 degree angle:

Create a new layer UNDER the two line layers you just made. Now we will add our windows. Create a new document that is as tall as the side of your building, but about twice as long. It wont have to be precise, but the closer the better so you wont have to resize a lot and lose quality.

Don’t forget to include the top and bottom lines.
Select all (CTRL+A) and do EDIT>COPY MERGED.
Paste into your primary document. Do EDIT>TRANSFORM>DISTORT.
Change this value to 45 degrees and apply.
Now be aware that this method of distortion doesn’t display the perspective properly. But it’s a fine replacement.
Now duplicate the window layer (CTRL+J) and do EDIT>FLIP HORIZONTAL, EDIT ROTATE 90 degrees. It doesn’t matter which way you rotate 90 degrees.
An alternate method is to use EDIT>TRANSFORM>PERSPECTIVE instead of DISTORT. This was the closest I could get my own windows:

Create a new layer UNDER your lines and windows. This will be the color for the roof. I used grey #DCDCDC.

You don’t have to spend time to stay inside the lines because it wont matter later when it is covered up.
Create a new layer ABOVE the rooftop layer, but still under the lines/windows. Now when your coloring the two sides, you might want to take into consideration shadow and lighting. If you refer back to my finished example, you can see that I the sides are not all the same color. But the sides that face the same direction are the same color. The colors I used were:
Light grey; #C8C5C5
Medium grey; #8F8F8F
Dark grey; #535353

Before you start filling in the color of the sides, create a new group, and dump all your layers into that group. Your layers panel should now look like this:

Its time to start putting together the final document. So create a new document 2 times bigger than your primary one. In this tutorial, my primary document was 350×350, so my final would be 700×700.
From your primary doc, click and drag your group1 into your final doc and position it in the top left corner:

Now duplicate your group, and flip it horizontally EDIT>TRANFORM>FLIP HORIZONTALLY. Position it in the top right corner. Duplicate the group you just flipped, but flip it vertically this time EDIT>TRANSFORM>FLIP VERTICALLY. Position this one in the bottom right. Duplicate, and flip horizontal and position in the bottom left corner.

Next up is the meridian lines and crosswalks.
Start with the crosswalks. Create a new layer and make a box filled with white and about as big as 2 blocks (if you used blocks on your sidewalk).
Now using your polygon lasso tool with “add to selection” mode, select diagonals like so:

Duplicate and rotate as necessary:

I have also added a black outline to mine.

Now for the middle lines. Create a new layer. I used yellow #FFD800 for my lines. Get your pencil tool, and set the size to 1 px. To find the middle, you can use the diagonals. With the shape line tool, make a path from each of the corners creating the diagonals. And where the two diagonals cross is the center. So start another path from the middle, hold shift, and drag up to get the middle line. Then to delete the path when your done, click on the PATHS tab next to layers and channels tabs.
Use your 1px pencil with yellow while holding shift and drag down from the top to the crosswalk.
Now there is a few ways to make the broken line. What I like to do is make a new document (1×16 for this occasion) then fill with yellow, copy and past, then go back to the 1×16 and fill it with black and copy and paste. The black bar will be used as a spacer, and then I will duplicate the yellow bars until I reach the end.

In the above image, you can see how I used the spacer to equally space out the yellow bars.
Now just merge all your yellow bars and lines together (don’t merge the black spacer in with it), duplicate and rotate 90 degrees, position, and repeat.

And there you have it; an aerial view of a city intersection. Next you can add some cars, some people, more advanced shadows, whatever you can think of!

Start off by opening a document and creating a black oval. Then inside that create another oval but a skin color oval.

Now on the left side of his face draw a small black oval, with a skin color oval inside it:

Now for his eye make numerous colored ovals inside eachother and add a white square as a glint at the end, duplicate this for the other eye.

Now duplicate his ear and spin it around for his nose.

Now draw on his hair with the pen tool, and you have a nice cartoon stoner!

First of all we will learn how to add a black stroke.

1. Click Select>>>All
2. Create a New Layer
3. Click Edit>>> Stroke
4. Select Black as the color and 1 as the size.
5. Click OK.

Now we will learn how to make a darkened tone.

1. Duplicate the sig.
2. Filter>>>Blur>>>Gaussian blur(1pxl)
3. Set this to Overlay

Now we will learn how to add a glossy effect.

1. Duplicate the sig.
2. Filter>>>Blur>>>Gaussion Blur(1pxl)
3. Set this to Lighten.

Another good way to touch up a signature is just to Sharpen it (Filter>>>Sharpen>>>Sharpen)

Now we will learn how to add a nice effect.

1. Add a Black & White gradient map.
2. Set it to 33% opacity.

Hope you enjoyed this tutorial!

First of all create an orange to yellow gradient BG like this:

Now add a rising sun vexel style brush in white and set it to Overlay at 23% opacity.

Now add a circle elipse in the top corner, and then select the custom shape tool and place two birds there.

Now add your text.

Now you can add a border to fit the style of the graphic. Maybe a black or dark orange/yellow border will do.

And you’re done!

Start off by opening a new document (file>>>new) and set the size to 375×150. Now get a psd(available at sites such as psdprotocol.com) and put it into the center of your signature. Duplicate this twice and fill the entire space with the two cuts.

Now duplicate the front layer. Hide the layer behind the new front layer, select the chalk brush, and set these settings: Shape Dynamics: Size Jitter- 48% Control- Pen Pressure Angle Jitter- 100% Control- off Roundness Jitter- 0% Control- off Flip X and Y both unchecked Scattering: Scatter- 260%(both axes unchecked) Count- 1 Count Jitter-7% Control- Off Smudge around until you get something like this:

Now duplicate the main render again and select the smudge tool with the grass brush(same settings as the chalk brush) and smudge the render again. Set this layer to color dodge and sharpen it twice.

Duplicate the render again, and grab the leaf brush, smudge it and set it too vivid light at 40% opacity.

Now duplicate the main cut and set the new main cut to lighten and gaussion blur the old one 0.9% to give it a glossy look.

Now add a border, a few gradient maps and some text. And you are done.

Hope you created a nice graphic and maybe even learned a thing or two.