746.294 temas | 5.026.124 mensajes | seremos forros, pero somos una bocha
Viejo Catweazle dijo: 07.12.11
Mostraré estos conceptos con el ejemplo de animar una parte de una imagen empleando el editor online Lunapic.

Abrimos una imagen


Acto seguido seleccionamos "Copy Image to Clipboard" (copia al portapapeles) en el menú "Edit" antes de pinchar en "Crop Image" (recortar), bien en el menú "Edit" o bien pinchando en el pequeño rectangulo arriba a la izquierda de la página


En la pantalla a continuación, seleccionamos el modo "Polygon/ Freeform" en el recuadro "Tool" y pasamos el puntero para seleccionar la silueta de las llamas y pinchamos en "Crop"


Con lo cual obtenemos la imagen de la llama a la cual aplicamos "Fire Animation" en el menú "Animation" y veremos como las llamas cobran vida.


Ahora hace falta pegar estas llamas otravez en su sitio, para esto pinchamos en "Edit" y seleccionamos "Swap Image with Clipboard" (intercambiar la imagen con la del portapapeles) con lo cual se saca la imagen previamente copiado allí y se copia las llamas animadas al portapapeles. Tenemos ahora en pantalla la imagen del principio de la chimenea. Vamos otravez a "Edit" y esta vez seleccionamos "Paste Image from Clipboard" (pegar la imagen desde el portapapeles) y nos aparecen las llamas animadas por encima de la imagen original, las arrastramos a su sitio haciendolas coincidir y luego las pegamos con "Apply Pasted Image".


Observamos que al pegar tenemos una chimenea animada, pero al intercalar las fotogramas, Lunapic ralentiza mucho la animación, esto lo ajustamos yendo al menu "Animation" y en "Edit Animation Setting" nos aparece una pantalla con diferentes opciones donde ponemos la velocidad ("Speed") a la velocidad deseada (los 20 ms por omisión valen), lo aplicamos y ya esta lista la imagen



Resultado final

Editado por Catweazle: 07.12.11 a las 08:09

3 Comentarios | Registrate y participá

Viejo Catweazle dijo: 08.12.11
Otra forma de animar partes de imagen

1 cargar imagen


2 como en el ejemplo anterior copiarlo al portapapeles "Edit" > "Copy Image to Clipboard"

3 aplicar en "Animation" > "Groovy Rainbow"


4 en "Edit" > "Swap Image with Clipboard" para volver a la imagen original

5 seleccionamos "Crop Image" y esta vez en "Tool">"Circle" y recortamos (Cutout) los ojos, primero uno y lo repitamos con el otro


6 vamos otravez a "Edit">"Swap Image with Clipboard" para sacar la imagen animada y a continuación "Edit" > "Paste image from Clipboard"

7 Ajustamos la imagen con los ojos recortados sobre la animación y pegamos

8 Ajustamos la velocidad en "Animation" >" Edit Animation Settings" a 10 o 20 ms y obtenemos este resultado

Editado por Catweazle: 08.12.11 a las 08:05
Viejo Catweazle dijo: 08.12.11
Seguimos

Vamos a convertir la imagen de la bruja en un avatar redondo

1 como en los ejemplos anteriores copiamos la bruja al portapapeles y en "File" elegimos "New Blank Image" y aparece un lienzo blanco

2 en "Edit" pinchamos en "Resize Image" (redimensionar imagen) para poner el lienzo al tamaño de la bruja (230x230 pixeles)

3 con "Crop Image" recortamos un círculo aproximadamente en el centro del lienzo, dejando algo de espacio entre el círculo y el borde y lo cortamos con "Cutout"



4 como antes "Swap Image with Clipboard" y Paste Image from Clipboard" para pegar el lienzo encima de la bruja, pero esta vez después de ajustar el lienzo con la bruja seleccionamos en "Edge Fade" 5 pixeles para difuminar los bordes del lienzo y pegamos


5 Observamos que Lunapic ha difuminado todos los bordes, tanto dentro del círculo como también el borde exterior del lienzo, por esto hemos dejado algo de espacio para recortar el borde exterior con "Crop image" > "Tool" > "Rectangle" (por omisión) y pinchando en "Crop" dejando sólo el círculo con la bruja.

6 después de ajustar otravez la velocidad de la animación, vamos a "Edit" > "Transparent" y esto nos lleva a la función de poder elegir el color que queremos convertir. Pinchamos en el borde blanco que acto seguido se convierte en transparente

7 en "Edit" ahora elegimos "Auto Crop Image", esto ajusta el fondo transparente automáticamente al tamaño de la imagen

8 una última vez a "Edit" y "Resize Image" y ajustamos la imagen al tamaño del avatar requerido, ponemos 120x120 pixeles y ya tenemos el avatar



Tenemos que hacerlo de esta manera, ya aunque Lunapic permite editar directamente una imagen animada, tiene algunas limitaciones y algunos retoques no son aplicables directamente, por ejemplo no se puede recortarla en forma de círculo directamente sin que se pierde la animación, sólo se puede hacer de forma directa en rectángulo, y tampoco se puede añadir otra animación. Pero bueno, aun así sigue siendo genial
Viejo Catweazle dijo: 11.12.11
PD Para efectos de textos también sirve

Herramientas
Iniciar Sesion

Recordarme

Top de Usuarios