Let's Draw Together!
 
AcasaCalendarFAQCautareMembriGrupuriInregistrareConectare

Distribuiţi | 
 

 Toturial banner xBox

In jos 
AutorMesaj
VeNoX
Administrator
Administrator
avatar

masculin Numarul mesajelor : 86
Warn :
0 / 1000 / 100

Concursuri Castigate :
0 / 1000 / 100

SOTW :
0 / 1000 / 100

Activitatea :
0 / 1000 / 100

Data de inscriere : 13/01/2009

MesajSubiect: Toturial banner xBox   Mier Ian 14, 2009 12:28 am

DACA NU INTELEGETI INTRATI PE http://www.translate.google.com/ pentru ca sa va traduceti tutorialul!

Welcome to my xbox360 banner tutorial/navigation, you'll learn how to create a simple and slick banner/navigation, along with picking up some good tips/tricks, in then end you should have something like this:



Step 1

Create a new docuement around 700x500, fill it with the background of #565656, create a new layer and draw a 4-5px rectangle from left to right and fill it with #3abc00, now use the following blending options(Right click on layer, blending options).

Gradient Overlay


Current Preview


Step 2
Now we're create the banner section, grab the marquee tool and draw a decent rectangle size, draw this near between the left and center, now go to 'Select > Modify > Smooth > 4px', fill this with either white or a light colour(On a new layer), once filled erase some of the bottom because we don't want this part curved.

Current Preview(The left is the end of the document):


Step 3
In this step we're going to improve this white rectangle we just created, so select the marquee tool, select the shape, create a new layer and then go to 'Select > Modify > Expand > 3px', move this down on the layer pallette so it's behind the white shape and fill it with a grey colour, now cut the bottom off if it's overlapping the green bar.

Current Preview


Now, we'll use some blending options on the grey border layer, so right click this layer and select blending options, then use the following:

Drop Shadow
For this, just click the checkbox, no settings need to be changed.

Inner Shadow


Gradient Overlay


Step 3
Next on the agenda is to make the inner banner part more pretty, so select it with the magic wand and fill it with #33c500, it's a nice green colour, you'll see. Now, create a new layer and make it about 50px high and nearly the full width on the little banner, when this is done go to 'Select > Modify > Smooth > 4px', now set your colour to white and get the gradiant tool, drag from top to the bottom of the marquee, now set the blending option to overlay, this has added a nice shine.

Current Preview:


Step 4
Now we will add a little image to improve the banner further, use the image below then past it onto a new layer, center it by moving it around till it fits perfect, now set the blending option to overlay.

Xbox Logo:


Current Preview:


Step 5
Now we'll add text, get the text tool, type whatever the site name will be called, go to blending options and now go to gradient overlay and enter these settings;

Gradiant Overlay


Next i used this pattern, paste it into a new document and go to 'Edit > Define Pattern', now use this on the bottom of the banner, set it to overlay and now play with the 'Fill', this is just under Opacity on the layer palette.

Pattern:


Current Preview:


Step 6
This is the final step, so prepare to say goodbye! Get the marquee tool and draw a rectagnle from left to right with about 30px high, now create a new layer and fill it with #2dbe00, move this so it's behind the actual banner and create a shine like we did earlier, you did this when creating the shine for the banner in step 3.

Current Preview:



Now i'll add some small changes which you should be able to do by yourself by now, so here's the final preview.

Final Preview!


Remember to [URL="http://www.evogfx.com/register.php"]register[/URL] on the forums for future tutorials and to get support for anything photoshop related!
Sus In jos
Vezi profilul utilizatorului http://gfxstudio.forumer.ro
sTarZz
Administrator
Administrator


masculin Numarul mesajelor : 186
Varsta : 26
Warn :
0 / 1000 / 100

Concursuri Castigate :
0 / 1000 / 100

SOTW :
0 / 1000 / 100

Activitatea :
0 / 1000 / 100

Data de inscriere : 13/01/2009

MesajSubiect: Re: Toturial banner xBox   Mier Ian 14, 2009 10:15 am

Dragutz
Sus In jos
Vezi profilul utilizatorului
LeXxXxX
SuperModerator
SuperModerator
avatar

Numarul mesajelor : 181
Warn :
1 / 1001 / 100

Concursuri Castigate :
0 / 1000 / 100

SOTW :
0 / 1000 / 100

Activitatea :
0 / 1000 / 100

Data de inscriere : 13/01/2009

MesajSubiect: Re: Toturial banner xBox   Mier Ian 14, 2009 11:32 am

interesant tutorialu
gj Limbuta
Sus In jos
Vezi profilul utilizatorului
Continut sponsorizat




MesajSubiect: Re: Toturial banner xBox   

Sus In jos
 
Toturial banner xBox
Sus 
Pagina 1 din 1
 Subiecte similare
-
» Care este codul de la reclama aceea de langa banner(phpbb3)
» Backround banner(logo)

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
GFXStudio :: GFX :: Tutorials-
Mergi direct la: