InicioHazlo Tu MismoHacete tu avatar bebiendo café (gif) -paso a paso-

Hacete tu avatar bebiendo café (gif) -paso a paso-

Hazlo Tu Mismo•5/4/2012



Hola amigos, últimamente algunos usuarios tienen su emoticon animado para comentar que se trata de su rostro/avatar bebiendo café, que es una modificación de este gif:
cafe

...disponible en la aplicación de @elvago9 (post: "Memes / Emoticones en tus comentarios" )

Lo que les voy a explicar es cómo modificarlo en Photoshop (CS5, en mi caso)

Como ejemplo voy a usar una foto de @manolo12 sacada de Google imágenes. El resultado sería este:

Para que se ahorren trabajo y no tengan que andar borrando el gif, se los dejo sin la carita, lo guardan como dice el paso a paso y hacen todo igual, excepto los pasos en donde hay que borrar la imagen

photoshop


manolo12

Algunos ejemplos (yo no los hice, los googleé )

photoshop

El mío, de mi viejo avatar:

El mío actual

El que le hice a @kukilinaa

El que le hice a @raquelita22

El que le hice a @saan33

photoshop


Quiero aclarar que no soy experto en PS, y para hacer esto tuve que andar a prueba y error, tal vez exista algún paso más "automatizado" pero bueno, el resultado será el mismo!.
Está casi explicado para quien no sabe nada de nada!



Comencemos


Lo primero que haremos será descargar el gif:




Lo abriremos con Photoshop:




Por otro lado, buscaremos nuestra imagen para insertar (la de @manolo12 en este caso) y, si es muy grande en comparación con el gif, la achicaremos para trabajar más comodamente en Photoshop (para esas cosas me resulta más cómodo el Paint) :





Volvemos a Photoshop y creamos una nueva capa en donde pegaremos la foto nuestra. Le pondremos de nombre "capa 00" para no perdernos:





Lo que haremos ahora es colocar la capa 00 antes de la 01 (en este caso al final de todo) :




Volvemos a Paint y copiamos el rostro:




y en Photoshop, lo pegamos sobre la capa 00 (seleccionada y "visible" ) :




Ahora nos queda achicar aún más el rostro (al tamaño del gif), para ello haremos visible la capa 01 pero teniendo seleccionada la 00, presionaremos CTRL + T, para poder reducir el tamaño con el mouse (manteniendo SHIFT para un ajuste proporcional) :




Veremos que la capa 00 nos queda por detrás del gif. Trataremos de ubicarla exactamente en el mismo lugar con la herramienta "mover" que aparece marcada arriba a la izquierda:




Ahora procederemos a borrar, primero el fondo del rostro nuestro (si no lo hicimos antes) y luego la cara del gif, cuadro por cuadro. Para ello seleccionamos la herramienta "borrador", en modo "lapiz" y con un tamaño de 2 pixels y opacidad del 100% :




Para borrar el fondo del rostro dejamos visible sólo esa capa (00) y la seleccionamos. Nos quedaría así:




Ahora borraremos las demás capas, en cada caso ponemos que sólo sea visible esa y la mantenemos seleccionada:




Más avanzado:




En algunos casos debemos achicar el borrador a 1 pixel:




Una vez terminado de borrar, vemos como quedarían las capas 00 y 01 (las hacemos visibles) :




Ahora ocultamos todas las capas y vamos al menu "ventana" --> Animación:




Nos aparecerá 1 cuadro en el cual debemos cambiar la duración de 0,5 a 0,15 segundos

Nota: en realidad a mi me quedó así porque hice y deshice varias veces. Lo más probable es que les aparezcan los 37 cuadros que componen la animacion. Lo que que hay que hacer en este caso es seleccionar todos los cuadros y cliquear y cambiar la duración de uno cualquiera... automáticamente cambiará la duración de todos.



(el paso que sigue es por si la tira de imágenes sólo contiene 1 único cuadro)

Duplicamos este cuadro hasta obtener 37:




Lo que nos queda hacer es asignar cada par de capas (la 00 y la que corresponda), a cada cuadro.
Para empezar seleccionamos el primer cuadro y hacemos visibles las capas 00 y 01 (los demás cuadros en principio se verán iguales) :





Para el segundo cuadro, marcamos éste y hacemos visibles las capas 00 y 02 (no olvidemos ocultar la 01).
Otra vez, los cuadros que siguen serán iguales al que acabamos de configurar:





Seguimos así hasta terminar y por último observaremos cuadro por cuadro por si nos olvidamos de borrar algún pixel "blanco", si es así buscamos la capa correspondiente y la modificamos:


Para guardar el gif editado vamos a "Archivo" --> "Guardar para Web y dispositivos" (no es necesario seleccionar todos los cuadros como se ve en la imagen) :




Y en la ventana que nos aparece, seleccionamos que se nos repita la secuencia infinitamente y ponemos "guardar"




Luego elegimos un nombre y una carpeta de destino y le damos "guardar" nuevamente:




Y listo! eso es todo, espero que les haya gustado... chau!


manolo12

Post data: conserven una copia del archivo .psd creado con Photoshop, por si quieren utilizar otra imagen, así no tienen que hacer toooodo otra vez!

elvago9



Posts recomendados:












Datos archivados del Taringa! original
743puntos
5,319visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
19visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

e
echooff🇦🇷
Usuario
Puntos0
Posts6
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.