[Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3

Iniciado por Azielito, 14 Agosto 2008, 17:52 PM

0 Miembros y 1 Visitante están viendo este tema.

Azielito



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


O sea, tendremos nuestras capas de esta forma (las identificamos por su nombre, 15px en outer glow y 100px)


Solo visualizando la capa "fondo" y "15" (recordemos que es el tamaño de nuestro outer glow),


en el panel "Animation" (animacion) damos click en el boton "Duplicates Selected Frames" (duplicar frames seleccionados)


Ahora, ocultamos la capa "15" y mostramos la capa "100", la capa "flash" la tendremos oculta hasta el final...



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


Donde obtendremos el siguiente cuadro de dialogo y verificamos que tenga los valores que se muestran en la imagen


Damos click en el boton "ok" y veremos la magia de Photoshop ñ_ñ, habra generado toda la secuencia de frames...


Para finalizar, duplicamos el ultimo frame, o sea, le das click al ultimo frame y despues damos click en el boton "Duplicates Selected Frames"


en este ultimo mostramos la capa "flash" para simular un flash de foto, o la idea es esa xD



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

wvb


peib0l

esta bien azielito pero.. en este caso queda un poco cutre XD

Azielito

Por eso al final comente que es solo la base, a partir de aqui todo depende de tu creatividad :P

‭‭‭‭jackl007

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...