The Killers Stunters

Foro del Clan de Stunters TKS
 
ÍndicePortalFAQRegistrarseConectarse

Comparte | 
 

 [Tutorial] Daffy's Loading Bar

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
ChriStunter
Usuario privilegiado


Pez Cerdo
Cantidad de envíos : 2975
Edad : 21
Fecha de inscripción : 13/10/2008

MensajeTema: [Tutorial] Daffy's Loading Bar   Vie Dic 04, 2009 12:18 am

As requested here is a tutorial on how to do a Loading Bar, there is multiple ways and lots of different software you can use for this, but this is the way i prefer to do it and would say is the easiest.

You need these programs to follow the tutorial, there are other programs that can do the same and you can of course use them if you feel you know how to do what i do with what i use.
- Adobe Photoshop
- Sony Vegas

Step 1:
First open Photoshop, create a new layer by pressing Ctrl+Shift+N and select the Rectangular Marque Tool and then select Fixed Size where it says Style, this is where you chose how big you want you loading bar to be.
I'm gonna use 600x100 as an example but you may chose whatever size you feel like.

Now press your left mouse button holding the somewhere in your project screen to make a rectangular selection, make sure you move it using the arrows on your keyboard or Move Tool which is located to the right of the Rectangular Marque Tool and place it where you'd like to have your loading bar.
Press Shift+F5 and chose what colour you'd like it to have and then hit to to fill your selection.
Now go to Select at the top of your screen and then Modify and then again Contract and press Delete on your keyboard.

Create a new layer and then repeat the Select-Modify-Step again and color it again.
We have now created the border and the loading bar.
Right Click the bottom layer which is named by default Layer 0 and chose delete.

Hide your bottom layer by giving it a Left Mouse Button click on the eye to the left of it so only the Loading Bar and not the Border is visible.

Press Ctrl+Shift+S to bring up the save option and name it Loading Bar and save it as a .psd, make your Border visible again and then make the Loading bar invisible.
Hit Ctrl+Shift+S again and name this file Loarding Bar Border.
You can now close Photoshop.

Step 2:
Just before you start, keep in my that if your Border and Loading Bar is black you need to put a White Layer below the 2 you're about to create to see the Loading Bar.
Open Vegas and create 2 layers, place both of the .psd's we created in seperate layers, you chose which one you'd like to have them on as it doesn't matter.
Give the Border a little fade just to make it look a little fancy and then have the Loading Bar start where the fade-in we gave the Border ends.

Now give the loading bar a fade, the length of the fade will determine how long the loading will last.
Go to Transitions at the bottom of your screen and select the Linear Fade category.
Drag either Left-Right, Hard Edge or Right-Left, Hard Edge to the Loading Bar's fade, you have to chose which one cause it determines if your Loading Bar will start at the left side and end at the right or the opposite.

Your project should now look like this:


Your Loading Bar is now finished, i hope you found this tutorial helpful.

Result:
Volver arriba Ir abajo
v1RtuaL
Usuario privilegiado


Virgo Cerdo
Cantidad de envíos : 2189
Edad : 21
Localización : Galicia ^^
Fecha de inscripción : 26/10/2008

MensajeTema: Re: [Tutorial] Daffy's Loading Bar   Dom Ene 10, 2010 8:34 pm

La imagen... no se ve
y quiero ver el resultado antes de probarlo...
Volver arriba Ir abajo
BlackJack07
Usuario avanzado


Escorpio Perro
Cantidad de envíos : 957
Edad : 22
Fecha de inscripción : 08/12/2008

MensajeTema: Re: [Tutorial] Daffy's Loading Bar   Dom Ene 10, 2010 11:20 pm

guillevch escribió:
La imagen... no se ve
y quiero ver el resultado antes de probarlo...

x2, podrias ponerlo en español D:!?
Volver arriba Ir abajo
Contenido patrocinado




MensajeTema: Re: [Tutorial] Daffy's Loading Bar   Hoy a las 9:10 pm

Volver arriba Ir abajo
 
[Tutorial] Daffy's Loading Bar
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» [Tutorial] Crear Pantalla de Carga
» Rayman Gold/Designer Pequeño tutorial sobre qué son los EVE.
» TUTORIAL "Como rellenar la ficha"
» TUTORIAL Para el uso del Chatbox
» Tutorial de cabinas

Permisos de este foro:No puedes responder a temas en este foro.
The Killers Stunters :: Zona de Expresion || Expression Zone :: Diseño Grafico || Graphic Design :: Tutoriales-
Cambiar a: