The Killers Stunters
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
The Killers Stunters

Foro del Clan de Stunters TKS
 
ÍndicePortalÚltimas imágenesRegistrarseConectarse

 

 [Tutorial] Daffy's Loading Bar

Ir abajo 
3 participantes
AutorMensaje
ChriStunter
Usuario privilegiado
avatar


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

[Tutorial] Daffy's Loading Bar Empty
MensajeTema: [Tutorial] Daffy's Loading Bar   [Tutorial] Daffy's Loading Bar Icon_minitimeVie 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.
[Tutorial] Daffy's Loading Bar Load_FixedSize
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.
[Tutorial] Daffy's Loading Bar Load_Contract
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.
[Tutorial] Daffy's Loading Bar Load_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.
[Tutorial] Daffy's Loading Bar Load_Hide
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.
[Tutorial] Daffy's Loading Bar Load_Fade
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.
[Tutorial] Daffy's Loading Bar Load_Transition
Your project should now look like this:
[Tutorial] Daffy's Loading Bar Load_EndProject

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

Result:
[Tutorial] Daffy's Loading Bar Loading-Bar
Volver arriba Ir abajo
v1RtuaL
Usuario privilegiado
v1RtuaL


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

[Tutorial] Daffy's Loading Bar Empty
MensajeTema: Re: [Tutorial] Daffy's Loading Bar   [Tutorial] Daffy's Loading Bar Icon_minitimeDom 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
avatar


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

[Tutorial] Daffy's Loading Bar Empty
MensajeTema: Re: [Tutorial] Daffy's Loading Bar   [Tutorial] Daffy's Loading Bar Icon_minitimeDom 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





[Tutorial] Daffy's Loading Bar Empty
MensajeTema: Re: [Tutorial] Daffy's Loading Bar   [Tutorial] Daffy's Loading Bar Icon_minitime

Volver arriba Ir abajo
 
[Tutorial] Daffy's Loading Bar
Volver arriba 
Página 1 de 1.
 Temas similares
-
» tutorial del msn (emoticons)
» [Tutorial] Widescreen + HQ
» Photoshop Tutorial -- Texto 3D
» Tutorial - Efecto Matrix
» [Tutorial] KiLLeR-K's Night CC

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: