Foro Windows

Foro Windows

Foros de Windows y Seguridad Informatica

Tutorial ImageReady: Crear animación

Este es un debate sobre Tutorial ImageReady: Crear animación escrito en el foro Manuales diseño gráfico, parte de la categoria Diseño Grafico ; TUTORIAL CREADO POR ANGEDUCIEL Tutorial - Animación en Image Ready Pues con este pequeño tutorial les intentare explicar como hacer ...

Retroceder   Foro Windows > Webmasters y Programadores > Diseño Grafico > Manuales diseño gráfico

Foro Windows

Antiguo 22-May-2005, 23:13   2 links from elsewhere to this Post. Click to view. #1 (permalink)
Moderador
 
Avatar de Alhanna
 
Fecha de Ingreso: 27-January-2005
Mensajes: 1.870
Predeterminado

TUTORIAL CREADO POR ANGEDUCIEL

Tutorial - Animación en Image Ready

Pues con este pequeño tutorial les intentare explicar como hacer una sencilla animación en Image Ready ok.

1. Preparando la animación

1.1 Necesitaremos alguna imagen, firma, avatar o lo que quieras animar.



1.2 Vamos a crear un nuevo cuadro, en la ventana de animación de la siguiente manera:



1.3 En seguida crearemos una segunda capa en la que vamos a trabajar la línea que animaremos



2. Trabajando la Línea

2.1 Seleccionamos la Herramienta “Línea”



2.2 Trazamos la línea procurando dejar el mismo espacio de cada lado, así:




3. Como dar el efecto de resplandor a la línea*

3.1 Duplicaremos la “Capa 2” de la siguiente forma:

Menú Capa >> Duplicar Capa



3.2 Ahora vamos darle un efecto de desenfoque a la “Capa 2 copia”

Menú Filtro >> Desenfocar >> Desenfoqué de movimiento >> OK



3.2 En seguida combinemos la “Capa 2 copia” con la “Capa 2”

Hay dos formas de hacerlo:

Presionando Crtl+E
Capa >> Combinar Hacia abajo


Sabremos que las combinamos correctamente cuando la “Capa 2 copia” desaparezca y solo nos quede la “Capa 2” así:



3.3 Una vez combinadas correctamente vamos a:

Capa >> Opciones de Capa y apliquemos los siguientes valores a la “Capa 2”



Alhanna está desconectado  
Antiguo 22-May-2005, 23:15   #2 (permalink)
Moderador
 
Avatar de Alhanna
 
Fecha de Ingreso: 27-January-2005
Mensajes: 1.870
Predeterminado

4. Comencemos a realizar la animación.

4.1 Trabajando en el segundo cuadro vamos a mover la línea hasta la siguiente posición:



4.2 Ahora creemos un nuevo cuadro y traslademos la línea hasta esta nueva posición:



4.3 Continuemos haciendo lo mismo hasta llegar al cuadro numero 8:







4.3 Una vez terminado vamos a darle los siguientes valores al cuadro número 1:



4.4 Y a la animación en general este valor:



Voila!! Este es el resultado Final:




AngeduCiel - trucoswindows.net 2005

NOTA. Los valores utilizados en este tutorial son los necesarios para llegar al resultado que se muestra, si no les agrada tendran que modificarlos para obtener el resultado buscado.
Alhanna está desconectado  
Antiguo 02-Jun-2005, 23:01   #3 (permalink)
Senior Member
 
Fecha de Ingreso: 15-May-2005
Mensajes: 582
Unhappy

dos dudas----


1- no entendid vien lo de que le de los valores
2- ya terminandola .. como guarda y se pone como firma


saludos bye
oscarlozano está desconectado  
Antiguo 03-Jun-2005, 04:46   #4 (permalink)
Senior Member
 
Fecha de Ingreso: 01-October-2004
Mensajes: 1.019
Cita:
dos dudas----


1- no entendid vien lo de que le de los valores
2- ya terminandola .. como guarda y se pone como firma


saludos bye
1. No sé exactamente a que valores te refieres.

Si te refieres a los del paso 3.3, pues solo tienes que tener seleccionada la 'capa 2' e ir al Menú 'Capa >> Opciones de Capa' y seleccionar los valores que se indican en las imagenes

Si es a los que te indico en el paso 4.3, pues solo selecciona el primer cuadro y pincha en la flechita de '0 seg' y ponle 2.0 seg.

O cuáles valores dices??

2. Archivo >> Guardar Optimizada Como... (Ctrl+Mayús+Alt+S) >> en 'Tipo:' asegurate que diga 'Solo imagenes [*.gif]' >> y dale en Guardar

Saludos bye bye bye bye bye
AngeduCiel está desconectado  
Antiguo 03-Jun-2005, 21:13   #5 (permalink)
Senior Member
 
Fecha de Ingreso: 15-May-2005
Mensajes: 582
Talking

Ok ..pero nadamas me permite guardarlo en .jpg y .html


saludos
oscarlozano está desconectado  
Antiguo 10-Jun-2005, 22:58   #6 (permalink)
tetraforce
Guest
 
Mensajes: n/a
Predeterminado

Hice todo, pero al final aparecen las lineas y no se ve muy bien, no se en que habre fallado, ayudenme porfavor
 
Antiguo 06-Jul-2005, 16:25   #7 (permalink)
Junior Member
 
Fecha de Ingreso: 05-July-2005
Mensajes: 22
Predeterminado

Hola.. bueno.. cuando le doy a Capas>opciones de capas.. no me salen esos cuadros q tu pones ahi.. solo me sale un cuadrito.. q nada q ver con los q pones ahi.. le doy ok a el cuadrito a ver si me sale despues y nada..!!

q esta pasando? pk no me sale?? ayuda pls
Donatella está desconectado  
Antiguo 09-Jul-2005, 07:41   #8 (permalink)
Senior Member
 
Fecha de Ingreso: 01-October-2004
Mensajes: 1.019
Predeterminado

Cita:
Hola.. bueno.. cuando le doy a Capas>opciones de capas.. no me salen esos cuadros q tu pones ahi.. solo me sale un cuadrito.. q nada q ver con los q pones ahi.. le doy ok a el cuadrito a ver si me sale despues y nada..!!

q esta pasando? pk no me sale?? ayuda pls
No entiendo muy bien tu pregunta , pero si por cuadros, drito, dritos, te refieres a las imagenes del paso 3.3, entonces...

Si dices que no te salen los cuadritos que yo puse es porque no le has dado click a las 'Opciones de Capa'.

Si observas, en cada cuadrito, del lado izquierdo estan seleccionadas en azul las diferentes 'Opciones de Capa'. Por ejemplo, en el primero esta 'Resplandor Exterior' en el segundo 'Resplandor interior' y en el tercero 'Trazo'.

Asi que para que te salgan los cuadritos que yo puse, tienes que pulsar sobre el área de color azul, no nadamás en la casilla (la casilla es donde esta la palomita) porque si le das nadamás ahi, no aparecen.

Tienes que seleccionar la casilla y para que te salgan las opciones que vez en los cuadritos tienes que pulsar en cualquier parte del área que esta de color azul en las imagenes.

A ver si me entendiste.

Saludos
AngeduCiel está desconectado  
Antiguo 09-Jul-2005, 16:07   #9 (permalink)
Member
 
Fecha de Ingreso: 22-June-2005
Mensajes: 86
Predeterminado

Cita:
No entiendo muy bien tu pregunta , pero si por cuadros, drito, dritos, te refieres a las imagenes del paso 3.3, entonces...

Si dices que no te salen los cuadritos que yo puse es porque no le has dado click a las 'Opciones de Capa'.

Si observas, en cada cuadrito, del lado izquierdo estan seleccionadas en azul las diferentes 'Opciones de Capa'. Por ejemplo, en el primero esta 'Resplandor Exterior' en el segundo 'Resplandor interior' y en el tercero 'Trazo'.

Asi que para que te salgan los cuadritos que yo puse, tienes que pulsar sobre el área de color azul, no nadamás en la casilla (la casilla es donde esta la palomita) porque si le das nadamás ahi, no aparecen.

Tienes que seleccionar la casilla y para que te salgan las opciones que vez en los cuadritos tienes que pulsar en cualquier parte del área que esta de color azul en las imagenes.

A ver si me entendiste.

Saludos

oye me podrias decir los valores en ingles es que no le entiendo esque mi photoshop esta en ingles
muse está desconectado  
Antiguo 03-Aug-2005, 22:18   #10 (permalink)
bbitalo
Guest
 
Mensajes: n/a
Predeterminado

Lo mismo ME pasa a mi .. Es Ingles.. :S
 
Tema Cerrado

Marcadores

Etiquetas
animación, crear, imageready, tutorial

Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los Códigos BB están Activado
Las Caritas están Activado
[IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Activado


LinkBacks (?)

LinkBack to this Thread: http://www.trucoswindows.net/forowindows/manuales-diseno-grafico/16730-tutorial-imageready-crear-animacion.html

Escrito Por For Type Fecha
www.lauragallego.com • Ver Tema - La Firmeria This thread Refback 03-May-2010 15:33
www.lauragallego.com • Ver Tema - una ayudadita para la firmeri­a This thread Refback 03-May-2010 12:47

Temas Similares

Tema Autor Foro Respuestas Último mensaje
TUTORIAL: Animación sencilla para letras titometal Manuales diseño gráfico 9 26-Sep-2007 17:20
Tutorial para Animación Simple Nacho95 Manuales diseño gráfico 0 14-Sep-2006 20:24
Tutorial Animation Shop: Crear Animación erik90mx Manuales diseño gráfico 0 15-Jun-2005 01:53
Tutorial ImageReady: Efecto lluvia Alhanna Manuales diseño gráfico 0 24-May-2005 11:03
Tutorial - Animación en Image Ready AngeduCiel Diseño Grafico 13 01-Apr-2005 21:24


La franja horaria es GMT +2. Ahora son las 09:42.


Powered by : vBulletin® Versión 3.8.6
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Traducido por mcloud de vBhispano.com

Search Engine Friendly URLs by vBSEO 3.3.2

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92