elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 23:51  


Tema destacado: ¡Aprende hacking con práctica! - WarZone, el wargame de elhacker.net

+  Foro de elhacker.net
|-+  Informática
| |-+  Diseño Gráfico (Moderadores: Azielito, wvb, peib0l)
| | |-+  [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3  (Leído 6,139 veces)
Azielito
no es
Moderador
***
Desconectado Desconectado

Mensajes: 9.114


>.<


Ver Perfil WWW
[Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
« en: 14 Agosto 2008, 17:52 »



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


« Última modificación: 14 Agosto 2008, 18:19 por wvb » En línea

wvb
Moderador Global
***
Desconectado Desconectado

Mensajes: 2.140



Ver Perfil
Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
« Respuesta #1 en: 14 Agosto 2008, 18:23 »

Buen tuto ;)

Añadido al directorio

Salu2


En línea
peib0l
Moderador
***
Desconectado Desconectado

Mensajes: 3.123


vista mi blog ^.^


Ver Perfil
Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
« Respuesta #2 en: 17 Agosto 2008, 19:54 »

esta bien azielito pero.. en este caso queda un poco cutre XD
En línea

Azielito
no es
Moderador
***
Desconectado Desconectado

Mensajes: 9.114


>.<


Ver Perfil WWW
Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
« Respuesta #3 en: 18 Agosto 2008, 16:05 »

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

‭‭‭‭jackl007


Desconectado Desconectado

Mensajes: 1.381


[UserRPL]


Ver Perfil WWW
Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
« Respuesta #4 en: 12 Septiembre 2008, 05:15 »

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

En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines