elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Curso de javascript por TickTack


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  [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 9,515 veces)
Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


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



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 pm por wvb » En línea

wvb
Moderador Global
***
Desconectado Desconectado

Mensajes: 2.223



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

Buen tuto ;)

Añadido al directorio

Salu2


En línea

peib0l
Wiki

Desconectado Desconectado

Mensajes: 3.493


freedom


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

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

Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
« Respuesta #3 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
En línea

‭‭‭‭jackl007


Desconectado Desconectado

Mensajes: 1.403


[UserRPL]


Ver Perfil WWW
Re: [Tutorial] Glow Animation | Animacion de Resplandor - Photoshop CS3
« Respuesta #4 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...

En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Uchiha Madara (fan animation)
Foro Libre
Maurice_Lupin 1 1,530 Último mensaje 16 Julio 2012, 18:21 pm
por crazykenny
Muerte de Rin ( fan animation by Tilyn)
Foro Libre
Maurice_Lupin 0 1,295 Último mensaje 15 Enero 2014, 19:23 pm
por Maurice_Lupin
Ayuda con external glow hack CS.GO
Ingeniería Inversa
str0nghack 1 2,327 Último mensaje 5 Septiembre 2018, 04:15 am
por BloodSharp
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines