website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Full Interface Template
rss

Full Interface Template

Author: Michael Dunlop More by this author
Browse Pages: << <  1  2


Select the pen tool and make the selection for the orb bit. Make a vertical gradient from black-white. Duplicate the layer move it up and use this gradient:

Full Interface Template image 1

This is my result:

Full Interface Template image 2

I started to develop the highlights here.Duplicate the layer then go to Filter-Scetch-Chrome again and set the blending mode to color dodge.

Full Interface Template image 3

This is how it looks when the banner is duplicated and flipped horizontally.

Full Interface Template image 4Select the orb, go to edit-transform-scale and make it smaller. Then play with the level around (image-adjustments-levels). Just keep trying until you are satisfied.

Full Interface Template image 5

Now i selected the Single Row Marque Tool and selected a part from the enginees. I erased the unwated parts. Then i went to

Edit-Transform-scale and stretched the part down. To give an illusion of bars going to the vents i just erased some parts of the borders using an airbrush.

Full Interface Template image 6 Now we will do some futuristic flames or whatever you want to call it. At this stage just experiment you can get really cool results. I selected an ordinary hard brush with some scatter options and slapped in a blue outer glow to the layer.

Now you need to cutt out the places that you don't want. I used Polygonal Lasso Tool.

Full Interface Template image 7

Make a new layer and select an airbrush. Start brushing lightly, don't overdo it. Then set the layer to overlay or color dodge (whatever looks best). My result:

Full Interface Template image 8

Now duplicate thoose layers flip them horizontaly and move them to the other side.

Full Interface Template image 9

Okay select a 3px airbrush and make a line at 100 opacity. Go to Filter-Blur-Motion Blur and play around with the options. Again I added an outer glow to the line. Then just duplicate it and move it down.

Add some text. I used verdana size 11 on bold.

Full Interface Template image 10Make a new layer and select the Rounded Rectangle Tool and radius 10px. Fill it with a light cyan color. You can experiment with Blending Modes again. My result:

Full Interface Template image 11

Okay, now we make a bar for the content box. Make a selection with Rectangle Marque Tool and add a Gradient Overlay to it. After that I moved the layer down abit and changed the blending mode of it. My result:

Full Interface Template image 12

Now i added text font verdana size 11 on black and added a drop shadow with these settings:

Full Interface Template image 13

My result:

Full Interface Template image 14

Just inserted some dummy text at this stage. You can get it from www.lipsum.com

Full Interface Template image 15

Now duplicate 2 of the enginees we made before and move them down. My result:

Full Interface Template image 16

Now we are going to make some smoke come out, hehe. Select the Brush Tool and a hard brush just make some circles etc. Doesn't really matter. Select the Eraser Tool and cutt out some parts just to make the shape more "smoke" like. Now go to Filter-Blur-Gaussian Blur and use around 10-20. My result:

Full Interface Template image 17

Just duplicated it and flipped it horizontaly again.

Full Interface Template image 18

Okay, now we make some vents. Read carefully!

Make a shape with the Pen Tool and fill it with a dark cyan color. Select the Eraser Tool and select an Airbrush.

Now erase the end of the shape.

Erase a tiny bit more in the middle. You can also decrease the opacity if you will like it.

Full Interface Template image 19

Duplicated the vent 2 times and moved it down. My result:

Full Interface Template image 20

Now i selected the Brush Tool and an airbrush again. Just filled the inside abit more so that the text will stand out. My result:

Full Interface Template image 21

Slaped in some copyrighting text. Font is verdana size 11 on bold again.

Full Interface Template image 22

Now we will make the whole template stand out. Select the Brush Tool with a dark cyan color and an airbrush and brush along the outside of the template. If you get the template brushes erase the areas with the pen tool. My result:

Full Interface Template Tutorial: Final Result

Congratulations the template is DONE! Hope you learned something.



About the Author:

I started Web Design 5 years ago, and I now make a substantial monthly income each and every month, and so can you.


Author's URL: www.webdesigndev.com

print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2

Add comments to "Full Interface Template"