Suscríbete

Introduce aquí tu email para recibir notificaciones de cambios

Crea emoticonos animados con Photoshop en 10 pasos

Gracias a los emoticonos, las conversaciones en programas de chat son más amenas. Los hay de todos los tipos y colores, pero siempre hay alguno que falta. ¿Dónde está el que usarías para expresar que están llamando a la puerta mientras levantas una ceja y te tomas un café?

En casos así, mejor remangarse y hacerlos tú mismo. Vamos a ver, a continuación, cómo hacer un emoticono simple con Adobe Photoshop. El proceso es rápido y sencillo: si tardas más de 15 minutos, ¡te devolvemos el dinero!

1. Archivo nuevo en Photoshop

Crear un emoticono nuevo en Photoshop empieza igual que crear cualquier otra cosa: Archivo > Nuevo. Aquí, lo único que debes tener en cuenta es el tamaño máximo de los emoticonos animados para Messenger, que es de 50 x 50 píxeles. Así pues, es mejor que hagas tu animación a dicha resolución para evitar que Messenger escale la imagen por su cuenta (se vería mucho peor).

El resto de opciones están bien tal y como aparecen. Si acaso, querrás cambiar el color de fondo a Transparente.

2. Prepara tu imagen inicial

Si eres un artista del lápiz o el ratón, ya puedes ponerte manos a la obra. En mi caso, he decidido basarme en una imagen existente: el logotipo de Softonic. Lo he recortado y adaptado para que encaje en mi nuevo archivo de 50 x 50 píxeles. Además, está en una capa aparte, y no como fondo.

3. Crea una capa para cada fotograma

Tras esto, ya puedes empezar con tu creación. Deberás aplicar pequeñas modificaciones a la imagen inicial; la mejor forma de hacerlo es duplicar la capa y modificarla.

4. Edita las distintas capas que serán fotogramas

Ahora que ya tienes dos capas, puedes editarlas. En mi caso, voy a convertir el logotipo en un ágil malabarista, por lo que he cambiado la posición de la “bola gorda”. Dicha modificación se encuentra en una capa aparte y es que, recuerda, cada fotograma debe ser una capa independiente.

Puedes crear tantas capas (que luego serán fotogramas) como quieras, pero ten en cuenta que el GIF animado no puede ocupar más de 150kb: es otra limitación de Windows Live Messenger.

5. Crea los fotogramas de animación

Una vez las capas están listas, llega el momento de convertirlas en fotogramas. Para ello necesitas la ventana Animación (Ventanas > Animación).

Por defecto sólo incluirá un fotograma. Haz clic en el botón Duplicar el fotograma actual para crear tantos como necesites.

6. Oculta las capas necesarias

Llegados a este punto, tienes que determinar qué se verá en cada fotograma. ¿Cómo? Es fácil, cada fotograma es capaz de recordar la configuración de visibilidad de las capas. Es decir: si en el fotograma 1 sólo tienes visible una capa, en el fotograma 2 puedes tener visibles otras. Así es como crearás la animación, modificando las capas visibles para cada fotograma, de modo que se presenten las capas que has modificado en el orden deseado. Es como pasar hojas muy rápido.

7. Selecciona la duración de cada fotograma

Una vez has terminado con el trabajo anterior, es recomendable cambiar la duración del fotograma. Básicamente, es el tiempo que permanecerá la imagen en pantalla. Puedes elegir el valor que desees, pero acuérdate de pulsar el botón Play para comprobar el resultado.

8. Graba para la web

Si estás satisfecho con tu animación, ha llegado el momento de grabarla. No uses el menú Grabar convencional, no respetará la animación. Tienes que utilizar Grabar para la Web en su lugar.

Las opciones requieren algo de conocimiento previo para aprovecharlas con sabiduría, así que, si no es tu caso, limítate a grabar. Sí es recomendable seleccionar Transparencia, pues el emoticono se integrará mucho mejor en la ventana. Reducir el número de colores hará que el archivo resultante sea más ligero (por si tienes problemas para bajar de los 150 kb de máximo)

9. Crea un emoticono nuevo en Messenger

Ya está listo: ahora hay que ponerlo en Messenger. Haz clic en el menú Herramientas > Emoticonos y presiona Crear.

10. Selecciona su atajo

Busca el archivo GIF que creaste con Photoshop, así como el atajo de teclado que lo llamará. El nombre es completamente innecesario y se rellena por sí sólo con el nombre del archivo: déjalo tal cual.

Resultado final

Bueno, seguramente no ganaré ningún premio al mejor diseño de emoticono del año, pero al menos es personal y no he tardado más de 15 minutos en crearlo. ¿Te animas a hacer tu propio emoticono animado?

Artículos recientes

Comentarios de nuestros lectores

  1. Seth

    Enviado a las 6:31 pm el 26 de Febrero

    Pues está muy bueno el dato. Lo voy a probar a ver que tal me va.

  2. Seguidores del REY de reyes

    Enviado a las 7:21 pm el 26 de Febrero

    Muy bueno el tutorial, claro y preciso.

  3. Gonzo

    Enviado a las 8:50 pm el 26 de Febrero

    Gracias, seguid asi :D

  4. The Internet is a Series of Blogs (XXII) | Ultimos Avances

    Enviado a las 5:15 pm el 28 de Febrero

    […] OnSoftware Iván Ramirez explica paso por paso cómo crear un GIF animado desde Photoshop, y añadirlo como […]

  5. Crear emoticonos animados con Photoshop

    Enviado a las 12:11 pm el 1 de Marzo

    […] emoticonos por mensajería instantánea, alguno de vez en cuando suele sacarnos una sonrisa, en el blog de softonic puedes encontrar un tutorial para photoshop con el que podrás crear emoticonos […]

  6. Crea un emoticon con Photoshop | Codigo Geek

    Enviado a las 11:48 pm el 3 de Marzo

    […] En el blog de Softonic ONsoftware publican un tutorial que describe en 10 pasos como crear un emoticon animado con Photoshop y luego agregarlo con lo demás en el Windows live Messenger. Link […]

  7. Como Hacer Un Blog

    Enviado a las 4:05 am el 4 de Marzo

    Hola que buen tuto lo pondre en practica

  8. Crea un emoticon in Photoshop in soli 10 passi | Voci dal Web

    Enviado a las 10:35 pm el 4 de Marzo

    […] LINK AL SITO: clicca qui […]

  9. Crea tu propio icono animado en simples pasos | UnUsuario

    Enviado a las 11:29 pm el 4 de Marzo

    […] Fuente: OnSoftware […]

  10. Crea un emoticon con Photoshop

    Enviado a las 6:19 am el 8 de Marzo

    […] En el blog de Softonic ONsoftware publican un tutorial que describe en 10 pasos como crear un emoticon animado con Photoshop y luego agregarlo con lo demás en el Windows live Messenger. Link […]

  11. luis

    Enviado a las 10:19 pm el 9 de Marzo

    no q e okkkkkkkkkkkkkkkkkk

  12. Agradecido

    Enviado a las 9:16 pm el 8 de Mayo

    ¡Por fin alguien que de verdad da ciertas explicaciones y no se anda con zarandajas copiando tutoriales 1000 veces repetidos por la web, para solucionar problemas con los emoticonos! enormemente agradecido

  13. PEDRO

    Enviado a las 1:34 am el 13 de Mayo

    Un agradecimiento compartir su conocimiento, gracias.

  14. Lince777

    Enviado a las 3:19 am el 8 de Julio

    Gracias por el tutorial, está excelente!

  15. Shuare

    Enviado a las 5:55 pm el 21 de Julio

    Gracias!!

    Me servirá de ayuda para crear mis propios emoticonos para hacer temas para el móvil!

    Saludos!

  16. -----

    Enviado a las 11:22 pm el 13 de Agosto

    pero como puedo crear un emoticono ayuda pliissss.

  17. shamakito nuvex

    Enviado a las 12:15 am el 18 de Agosto

    lasa colonias puro corte klllllllllllllll

Déjanos un comentario