| Diseño Gráfico y Web Foro de diseño de firmas, avatares, diseño web y diseño gráfico en general. |
31-may-2006, 03:04
|
#1 (permalink)
|
|
Final Boss
Registrado: octubre-2005
Location: N/A
Posts: 6,037
|
[.:Tutorial.:]Pantalla de carga animada
En este tutorial aprenderemos a hacer pantallas de carga,un pequeño detalle para vuestras firmas:
1.Paso:
Abrimos nuestra firma,la que queramos,en mi caso esta:
2.Paso:
Ahora crearemos una nueva capa,como se muestra en la imagen:
3.Paso:
Ahora en la capa nueva la pintamos del color que queramos, con el bote de pintura,en mi caso e elegido el color negro:
4.Paso:
En la capa pintada vamos a Capa-->Estilo de capa-->Opciones de fusión,y ponemos esta configuración:
5.Paso:
Ahora viene la parte más complicada,esten atentos,bueno seguimos,ya echo los detalles con cualquier fuente,eso si pequeño,(yo utilizaré la fuente visitor,la de hacer userbars),escribimos Loading,acto seguido nos vamos al ImageReady  ,en el ImageReady veremos el cuadro de animación,pues ahi creamos una nueva capa y lo pondremos en opacidad 50%,y de velocidad 2 seg.,como muestra la imagen:

|
|
|
31-may-2006, 03:06
|
#2 (permalink)
|
|
Final Boss
Registrado: octubre-2005
Location: N/A
Posts: 6,037
|
Esta es la continuación:
5.Paso:
Ya echa una parte de la anmación,ahora no toca darle el acabado final,despues de Loading hacemos tres puntos ...(Recuerden que tienen que volver al Adobe Phothoshop).En el phothoshop crena una nueva capa cogen la herramienta Tezto y fijano bien al lado de Loading ponen un punto,vuelven a crear otra nueva capa y al lado del ultimo punto hacen otro,despues crean la ultima nueva capa y otra vez al lado del ultimo punto hacen otro punto:
6.Paso:
Ahroa volvemos al ImageReady,ahi en el cuadro de animación creamos una nueva capa,y en el cuadro de capas en las capas a lado encontrareis un ojo lo quitais a la capap punto 2 y 3,creais otra capa en el cuadro de animación,y en el cuadro de capap quitan el ojo a la capap punto 1 y 3,ahora en el cuadro de animación crean otra capa y en el cuadro de capas quitan el ojo a la capa punto 1,2:
Ya tenemos la mayor parte echa,ahora solo falat agregar la imagen:
7.Paso:
En el ImageReady creamos una nueva capa,y en cuadro de capas quitamos el ojo a todas las capas menos a la de la firma,y enotnces ya la tendremos echa,ami me ha quedado esto:
Ya sé que no es un tutorial muy bueno,pero espero que les ayude.
La pagina del principio esta porque como yo hago tutoriales para esa pagina,no creen que lo he cogido de ahi,es mio,echo por mi.
Pueden puntuarlo del 1 al 10.
|
|
|
31-may-2006, 08:17
|
#3 (permalink)
|
|
Next Level
Registrado: mayo-2005
Posts: 2,881
|
No esque me guste el efecto loading pero el tutorial es muy bueno,has puesto muy bien las imágenes y es largo,te hbrá llevado trabajo,yo te pongo un 10
PD:¿De dónde me bajo la fuente visitor?
__________________
|
|
|
31-may-2006, 09:16
|
#4 (permalink)
|
|
Final Boss
Registrado: octubre-2005
Location: N/A
Posts: 6,037
|
Te la puedes bajar de Dafont o de Fonttreactor,en una de esas dos debe estar,porque ahora no me acuerdo donde me la descarge.
PD:Gracias por la nota,me llevo una hora y media mas o menos,y el tutorial tenia que hacerlo bien,porque ehago tutoriales en una pagina,je,je,je.
|
|
|
31-may-2006, 09:58
|
#5 (permalink)
|
|
Moderador
Registrado: marzo-2005
Posts: 3,031
|
Qué curioso xd. Un 6. Es simple pero me gusta la idea.
|
|
|
31-may-2006, 10:21
|
#6 (permalink)
|
|
Final Boss
Registrado: octubre-2005
Location: N/A
Posts: 6,037
|
Hay muchas formas de usarlo,sé otras formas,pero no quisé ponerlas,ya que confundiria a más de uno,gracias de todos modos.
|
|
|
08-mar-2007, 12:25
|
#7 (permalink)
|
|
Tutorial
Registrado: febrero-2007
Location: granada,en una pompa de humo
Posts: 414
|
goku ssj6 podrias decir como puedo encotrar el programar para hacer firmas si esta permitido. esque por mucho que busque y que lo intente con muchos programas no sale y en tu tutorial se ve que esta bastante bien.
espero tu respuesta.
__________________
viva mundogamers y su foro!!!!!
|
|
|
09-mar-2007, 10:05
|
#8 (permalink)
|
|
Tutorial
Registrado: noviembre-2006
Location: aprendiendo el rasengan con Jiraiya
Posts: 251
|
que photoshop es este?????? no se puede hacer con el cs???? esque lo intente ya pero na.
|
|
|
12-mar-2007, 09:14
|
#9 (permalink)
|
|
Insert Coin
Registrado: marzo-2007
Posts: 1
|
nu me daja guardarla  en el imagereade k fastidio
|
|
|
12-mar-2007, 11:19
|
#10 (permalink)
|
|
Mission Completed
Registrado: noviembre-2006
Location: Yo si soy de Lugo Lugo xD
Posts: 2,428
|
Quote:
Originalmente publicado por Flipao
que photoshop es este?????? no se puede hacer con el cs???? esque lo intente ya pero na.
|
Por supuesto que se puede hacer con el cs
Saludos!
__________________
Quote:
! Oh lelz [Meh] -b&- [touhou'd] [artardstadrtsaydstfgasdfdaskguyh~!] dice:
en serio..
test de inteligencia para los nuevos registros
_](F)((¯`»Ò.ó¦[»[x_________X* dice:
xDDDDDDDDDDDDD
|
|
|
|
22-mar-2007, 11:09
|
#11 (permalink)
|
|
Game Over
Registrado: junio-2006
Location: Olvidame
Posts: 1,872
|
Buen tuto me ha ayudado ha aprender a usar el image ready. Gracias. 
|
|
|
22-jul-2007, 01:35
|
#12 (permalink)
|
|
Insert Coin
Registrado: julio-2007
Posts: 32
|
Buen tuto esta muy logrado!! le pongo un 8 !!
Mi pregunta es, esto kon kual se hace kon el image ready o con el photoshop?¿
Contestadme !!
Saludos !!
|
|
|
Reglas del foro
|
not puedes iniciar una discusión
not puedes responder a una discusión
not puedes agregar archivos adjuntos
not puedes editar tus posts
El código [IMG] está activado
El código HTML está desactivado
|
|
|
Todas las horas son GMT +2. La hora es 12:59 .
vBulletin Version 3.6.8 Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.0.0 RC6
|