Has click aquí para desplegar los foros
 

Regresar   Ciudad del Foro > Internet, foto y videojuegos > Internet e Informática > Diseño Web > Photoshop e Image Ready

Photoshop e Image Ready Todo acerca de la edición y manipulación de imágenes para diseño e internet.

Respuesta
 
LinkBack (9) Herramientas Estilo
Antiguo 16-sep-2008   9 links from elsewhere to this Post. Click to view. #1 (permalink)
Presidente
 
Avatar de Administrador
 
Registrado: febrero-2008
Locación: Playa del Carmen
Publicaciones "posts": 189
Entradas del Blog: 4
Gracias: 15
Agradecido(a) 2 veces en 2 posts
Reputación: 10 Administrador ha desactivado la reputación
Marcar Tutorial básico de Image Ready

Tutorial básico de:
¿Cómo hacer gif's animados en Image Ready?
NOTA: Se necesita que tengas cierto conocimiento en el manejo de Photoshop.

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...

Es muy fácil hacerlo y aquí te voy a enseñar de la manera más sencilla para poder hacer este tipo de gif's en movimiento como estos que ya conoces en el foro:

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...


Primero que nada, debes hacer los cuadros de las imágenes necesarias para hacer que se muevan (como en un video mas o menos); entre más cuadros tenga el gif mejor se verá, pero entre más tenga más pesado se irá haciendo y se perderá la calidad. Eso lo puedes hacer con varias Leyers en un mismo archivo de .PSD de Photoshop como en la siguiente gráfica:


Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...

Gráfica de Layers en Photoshop


Ya que tengas todas las Layers, debes de salvarlas por separado en una sola carpeta como archivos "solos" y en orden para poderlas identificar a la hora de importarlas en el Image Ready

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...

Gráfica de "Salvar Como" de Photoshop


Ahora ya que tenemos todos los archivos que se van a usar por separado, abrimos el Image Ready e importamos la carpeta completa de la siguiente manera: File - Import - Folders as Frames

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...


Buscar la carpeta donde guardamos los archivos anteriormente y dar click en Aceptar

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...


Aparecerá de esta manera con los cuadros acomodados por orden y listos para hacerles los efectos de duración entre cada uno de ellos:

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...


Al dar click en el número "0 sec" exactamente abajo de cada una de las imágenes, aparecerán las opciones de tiempo entre cada imagen e ir probando en tiempo real cómo quedará al convertirlo al formato .gif con los botones que se encuentran en la parte de abajo de los controles principales.

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...


El último paso es guardarlo en donde quieras de la siguiente manera: File - Save Optimized y elegir la carpeta.

Algunos links, videos y fotos como este, sólo usuarios registrados pueden verlos y usarlos.

No lo pienses más y ...




Y así quedará exactamente




Estos fueron los pasos más básicos para poder crear una imagen en movimiento utilizando Photoshop e Image Ready. Más adelante te mostraré como crear tus propias imágenes a partir de cero y los controles principales para dar diferentes efectos. En base a esto y tu imaginación, podrás llegar a ser un experto.

Administrador no está conectado   Responder con marco
Respuesta

Bookmarks

Etiquetas
image ready, tutorial

Herramientas
Estilo

Reglas del foro
No puedes escribir un nuevo tema
No puedes responder al tema
No puedes agregar archivos adjuntos
No puedes editar tus posts

código BB es activado
Emotíconos está activado
El código [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.ciudadelforo.com/forum/photoshop-e-image-ready/736-tutorial-basico-de-image-ready.html
Publicado por For Type Fecha
Yahoo! Respuestas - Como se hacen estas imagenes? This thread Refback 06-nov-2008 10:41
como hacer una imagen gif? - Yahoo! Respuestas This thread Refback 03-nov-2008 08:09
Yahoo! Respuestas - hola quiaiera saber si alguien me podria dar un programa para hacer caricaturas? This thread Refback 31-oct-2008 07:13
gif aleatorios en flash!? - Yahoo! Respuestas This thread Refback 30-oct-2008 10:51
como aser una imagen gif? - Yahoo! Respuestas This thread Refback 30-oct-2008 02:30
hola quiaiera saber si alguien me podria dar un programa para hacer caricaturas? - Yahoo! Respuestas This thread Refback 30-oct-2008 12:40
gif aleatorios en flash!? - Yahoo! Respuestas This thread Refback 30-oct-2008 05:03
Yahoo! Respuestas - gif aleatorios en flash!? This thread Refback 30-oct-2008 05:00
gif aleatorios en flash!? - Yahoo! Respuestas This thread Refback 30-oct-2008 04:41


 
 
Despliega todos los foros, estadísticas, ver líderes y cerrar sesión.
Página Principal, bienvenida, encuéstas, mini calendario, etiquetas populares, lista de amigos en línea y buscar en los foros
Haz click aquí para ir y crear tu propio Blog
Aprende un poco a usar el foro
Conocenos y regístrate para tener acceso total al foro y seas parte de la comunidad.
No puedes dejar pasar la oportunidad de tener tu propio BloG en Ciudad del Foro y mantenerlo al día con los Rss Feeds, se pueden obtener las últimas noticias y temas en cuanto ésta sea actualizada. Tendrás la opcion de suscribirte a los blogs que quieras para mantenerte informado a cada momento.
Mozilla Firefox
Búsqueda personalizada