|
Título: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3 Publicado por: Azielito en 14 Agosto 2008, 17:52 pm (http://img160.imageshack.us/img160/95/glowanimationelhackernekf4.gif) Para poder lograr el efecto Glow animation ó Animacion de resplandor [xD] necesitamos previamente haber hecho este otro http://foro.elhacker.net/diseno_grafico/tutorial_crear_gifs_animados-t223833.0.html Hecho por el amigo Gokuhack El render: http://img354.imageshack.us/img354/2225/glowanimationrenderps9.png Si aun no haces el anterior debes saber donde se encuentra y como usar el panel de animacion ¬¬ Seguro que lo sabes hacer? ¬¬ Necesitamos 4 Layers (capas) uno que se llama "fondo", uno con el objeto con el "outer glow"(resplandor externo) en color deseado a 15 de valor en "size" (tamaño), algo asi (http://img175.imageshack.us/img175/9785/glowanimation1mi8.th.jpg) (http://img175.imageshack.us/my.php?image=glowanimation1mi8.jpg) O sea, tendremos nuestras capas de esta forma (las identificamos por su nombre, 15px en outer glow y 100px) (http://img229.imageshack.us/img229/2479/glowanimation2nv9.th.jpg) (http://img229.imageshack.us/my.php?image=glowanimation2nv9.jpg) Solo visualizando la capa "fondo" y "15" (recordemos que es el tamaño de nuestro outer glow), (http://img239.imageshack.us/img239/2235/glowanimation3ul6.th.jpg) (http://img239.imageshack.us/my.php?image=glowanimation3ul6.jpg) en el panel "Animation" (animacion) damos click en el boton "Duplicates Selected Frames" (duplicar frames seleccionados) (http://img366.imageshack.us/img366/8660/glowanimation4jn8.th.jpg) (http://img366.imageshack.us/my.php?image=glowanimation4jn8.jpg) Ahora, ocultamos la capa "15" y mostramos la capa "100", la capa "flash" la tendremos oculta hasta el final... (http://img179.imageshack.us/img179/7179/glowanimation5wd3.th.jpg) (http://img179.imageshack.us/my.php?image=glowanimation5wd3.jpg) En el panel de nimacion seleccionamos las dos capas (dando click sobre la primera y "shift+click" sobre la segunda) y despues damos click al boton "Tweens an imation Frames" del panel "Animation", o sea, en el que estamos trabajando (http://img299.imageshack.us/img299/6325/glowanimation6uf6.th.jpg) (http://img299.imageshack.us/my.php?image=glowanimation6uf6.jpg) Donde obtendremos el siguiente cuadro de dialogo y verificamos que tenga los valores que se muestran en la imagen (http://img148.imageshack.us/img148/2321/glowanimation7fk0.th.jpg) (http://img148.imageshack.us/my.php?image=glowanimation7fk0.jpg) Damos click en el boton "ok" y veremos la magia de Photoshop ñ_ñ, habra generado toda la secuencia de frames... (http://img395.imageshack.us/img395/111/glowanimation8tp8.th.jpg) (http://img395.imageshack.us/my.php?image=glowanimation8tp8.jpg) Para finalizar, duplicamos el ultimo frame, o sea, le das click al ultimo frame y despues damos click en el boton "Duplicates Selected Frames" (http://img139.imageshack.us/img139/7530/glowanimation9oz0.th.jpg) (http://img139.imageshack.us/my.php?image=glowanimation9oz0.jpg) en este ultimo mostramos la capa "flash" para simular un flash de foto, o la idea es esa xD (http://img179.imageshack.us/img179/9256/glowanimation10ed5.th.jpg) (http://img179.imageshack.us/my.php?image=glowanimation10ed5.jpg) Recuerda guardar tu imagen final en el menu "file" y click en "Save for web & devices", ten en cuenta que para que la imagen final pueda "moverse" debes seleccionar el formato "gif" en el cuadro de dialogo "save for web & devices" Quiero saber si les sirvio el tuto, si es asi, posteen sus trabajos!! :D Adjunto archivo PSD para version CS3 Tambien destacar que es la base a hacer este tipo de efectos, solo hay que jugar un poco con los valores del "outer glow" para darle mas fuerza, o menos :P Título: Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3 Publicado por: wvb en 14 Agosto 2008, 18:23 pm Buen tuto ;)
Añadido al directorio Salu2 Título: Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3 Publicado por: peib0l en 17 Agosto 2008, 19:54 pm esta bien azielito pero.. en este caso queda un poco cutre XD
Título: Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3 Publicado por: Azielito en 18 Agosto 2008, 16:05 pm Por eso al final comente que es solo la base, a partir de aqui todo depende de tu creatividad :P
Título: Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3 Publicado por: jackl007 en 12 Septiembre 2008, 05:15 am yo recuerdo que hacia mis primeros gifs en paint (hace añasos), imagen por imagen, y luego un pequeño programita los unia: Microsoft Gif Animator...
|