XatiyaRO
Diseño Gráfico => Guías => Mensaje iniciado por: Rose en 19 de Marzo de 2007, 13:32:52 pm
-
Bueno, ya que el público lo pedía a gritos(?), aquí les dejo una forma D: "simple"
de crear secuencias de imágenes (o gifs animados) con el paquete del photoshop,
aunque no precisamente con éste, puesto que eso es imposible hasta donde yo sé x3
a) Image Ready es un programa que se descarga automáticamente (si tienen la versión en
cd, aunque no estoy segura si funciona cuando lo descargas de internet D: ...) una vez
que se instala el Photoshop. Pueden encontrarlo en el directorio donde instalaron éste
último, o en el menú de inicio (lol) D= justo por encimita del photoshop (para los que se
estaban preguntando de dónde rayos había salido ese programa... como me pasó a mí O.ou)
(http://img465.imageshack.us/img465/6751/imagereadyue2.th.jpg) (http://img465.imageshack.us/my.php?image=imagereadyue2.jpg)
(omg, es verdad, soy dfgdfgdfgdftges detallada en estos asuntos D= pero prefiero que
no quede lugar a ninguna duda >.<Uu...)
b) Empezando por la navegación de la barra que más vamos a manejar en estos momentos
(y que sinceramente es la única por la que yo uso el Image Ready XD~), que está de la siguiente manera:
(http://img410.imageshack.us/img410/4563/timete4.jpg)
Opción para seleccionar el número de veces que deseamos que se repita nuestra secuencia.
(http://img458.imageshack.us/img458/8032/time2cx5.jpg)
Aquí seleccionamos la distancia temporal que separará a cada uno de nuestros cuadros
(si queremos que transcurra uno o diez segundos entre cuadro y cuadro, lo que hará más o menos
rápido el movimiento de la misma)
(http://img454.imageshack.us/img454/7083/buttonspl8.jpg)
Y los botones que reproducen, detienen o pausan la animación.
c) Una vez visto esto, abrimos la imagen a la que deseamos insertar la secuencia
(en este caso, la firma que hice para el tutorial anterior xP), la cual se coloca automáticamente en
el primer cuadro de la secuencia.
(http://img256.imageshack.us/img256/797/moving01fn2.th.jpg) (http://img256.imageshack.us/my.php?image=moving01fn2.jpg)
d) Insertamos el segundo cuadro de la animación (que esta vez es un sprite del sniper
en cuestión, aunque bien puede ser una imagen completamente sólida), procurando que no lleve bordes
de ningún otro color que puedan interferir con la calidad D= (el modo de hacer imágenes transparentes
ya lo he explicado varias veces xP aunque igual: varita mágica -> seleccionar -> suprimir)
(http://img256.imageshack.us/img256/3113/moving02ch8.th.jpg) (http://img256.imageshack.us/my.php?image=moving02ch8.jpg)
Se crea también la segunda capa (más no cuadro) de la animación.
e) Duplicamos el cuadro actual para poder añadir el siguiente cuadro de nuestra animación.
En el mismo, colocamos de modo "invisible" la primera capa, de manera que no se sobreponga
a la nueva imagen que insertaremos.
(http://img352.imageshack.us/img352/2772/moving03oz5.th.jpg) (http://img352.imageshack.us/my.php?image=moving03oz5.jpg)
(http://img162.imageshack.us/img162/7897/moving04ib9.th.jpg) (http://img162.imageshack.us/my.php?image=moving04ib9.jpg)
f) Insertamos la siguiente capa en el cuadro nuevo.
(http://img256.imageshack.us/img256/9/moving05br3.th.jpg) (http://img256.imageshack.us/my.php?image=moving05br3.jpg)
Así sucesivamente hasta terminar D: .... y siempre recordando poner invisible la nueva capa en el primero de los cuadros, ya que al hacer esto automáticamente se coloca invisible en el resto de los cuadros. Manualmente, colocamos visible la nueva capa sólo en el cuadro correspondiente.
(http://img256.imageshack.us/img256/3661/moving06nw1.th.jpg) (http://img256.imageshack.us/my.php?image=moving06nw1.jpg)
g) Comprobamos cómo al finalizar la secuencia, las capas son visibles únicamente en su cuadro correspondiente.
(http://img120.imageshack.us/img120/3208/moving07at9.th.jpg) (http://img120.imageshack.us/my.php?image=moving07at9.jpg)
(http://img164.imageshack.us/img164/7321/moving08tw1.th.jpg) (http://img164.imageshack.us/my.php?image=moving08tw1.jpg)
h) Guardamos.
(http://img187.imageshack.us/img187/546/savehj5.th.jpg) (http://img187.imageshack.us/my.php?image=savehj5.jpg)
i) Y así queda o_o ...
(http://img187.imageshack.us/img187/667/snipergr1.gif)
Cualquier duda, ya saben <.<
-
bua que crack vaya pasada de tutorial ta mu bien enserio ^^
-
LOL muy weno... pero te olvidaste (si me permites la critica xD) de ponerle movimiento a la cabeza del sprite jaja, fijate en mi firma
-
Shiii :3 es lo que te iba a decir.. Te falto la cabeza >-<!
Muy buen tutorial <33 Gracias!~
-
ahm.. esa cabeza no se mueve...
tomé los sprites de http://www.ragnarokcs.com/ragnarok-character.php (flojera de armar los cuerpos manualmente) y así se movía XDDDDDDDDDDDDDDDDDDDDD
yo tb cuando lo vi dije "ash wtf º-º............."
-
No he mirao el tuto pero me imagino que esta bien , por que en la firma se mueve.
Solo una cosa , de titulo pones como hacer imagenes gif con photoshop , pero en realidad no las haces con photoshop , si no con imageready , que es otro programa aparte que se habre por ejemplo desde el photoshop y viene con el photoshop.
-
no es photoshop, pero el image ready viene adjunto a éste
(de hecho puedes importarlas desde photoshop a image ready)
-
/cry tengo el cs2 /sicky no le entiendoooo /sad
-
El CS3 t permite hacer animaciones directo del photoshop
-
El CS3 t permite hacer animaciones directo del photoshop
puedes poner un link directo para bajarlo?
-
esta bueno el tutorial
aun que es una mierda hacer el movimiento del pj paso por paso xD
El CS3 t permite hacer animaciones directo del photoshop
puedes poner un link directo para bajarlo?
bajatelo de la pagina oficial
www.adobe.com
y despues solo te consiges un keygen
-
buen tuto... al fin se animar xDDD voy a probar a hacer uno /hi /hi
-
ewwwwww spanish
-
Weno atetodo presentarme
holaaa a todoooos^^ espero serles de ayuda en el foro i en el server.
aki ba mi primer mensaje xD
Ai un programa bastante interesante que se yama
SPR_Conview_v0.11
lugo bajaros una carpeta con los sprinter.
i con el programa es os guarda imagen a imagen con todos los movimientos kuando mures atakas etc.. es
bastate util al acer este tipo de firmas o alo k kerais acer, aci os resultara mas sencillo k usar el ragnarokcs.
PD: solo os bedra el kuerpo la cabeza bienen en otras carpetas i los objetos k le kerais poner
Gracias i espero k os sirva /cont /cont
-
como pasaste de PSD a Gif a mi no me deja hacerlo
-
k wapo el tutorial siempre quise saber ademas donde pillaba la gente las imagenes de pjs de ro en movimiento xD