Mostrando entradas con la etiqueta imagen. Mostrar todas las entradas
Mostrando entradas con la etiqueta imagen. Mostrar todas las entradas

miércoles, 14 de junio de 2017

Cómo quitar el fondo blanco de una imagen en Photoshop

Muchas imágenes en Internet (especialmente las que están en formato PNG) tienen un fondo blanco en lugar de transparente. Con Photoshop se puede eliminar fácilmente ese fondo.



Una vez abierta la imagen seleccionamos la herramienta "Varita mágica", ajustamos la tolerancia para darle un rango más grande o más pequeño de color de selección, comprobamos que estén marcadas las opciones "Suavizar" y "Continua" y hacemos clic en el fondo. En el caso de que no se seleccione entero hacemos clic en otra zona mientras mantenemos "Mayus" para añadirla a la selección



Vamos a "Selección > Invertir" para seleccionar el objeto en lugar del fondo.



Si la selección no ha quedado del todo bien, hacemos clic en "Perfeccionar bor." y ajustamos un poco los parámetros hasta mejorarla.



En la zona inferior de la ventana de capas hacemos clic en el icono "Añadir máscara de capa".



Tener una máscara de capa en lugar de borrar el fondo nos permite hacer ajustes en los bordes del objeto seleccionando la máscara y pintando sobre ella con negro (ocultar) y blanco (mostrar).

Finalmente, para poder guardarla como una imagen con transparencia necesitamos guardarla en formato PNG (u otro que tenga canal alfa).

domingo, 11 de junio de 2017

Cómo importar un gráfico virtual en Adobe Animate

Adobe Animate trabaja principalmente con gráficos vectoriales, por lo tanto podemos importarlos dentro del programa y editarlos como si se trataran de un relleno. Si queremos, podemos convertir una fotografía o un dibujo usando Inkscape para importarlo posteriormente.

Para importarlos se hace como un archivo cualquiera, podemos ir a "Archivo > Importar" o arrastrar el gráfico hasta la biblioteca.



Al importarlo nos dará a elegir entre varias opciones sobre la distribución de los trazados. Si se trata de un simple "line art" es recomendable la primera opción.






Si hacemos clic en el gráfico varias veces podremos ver que Animate lo ha ordenado en grupos y objetos. Para convertirlo en una simple forma y poder editarlo hacemos clic derecho en el gráfico y le damos a "Separar", repetimos eso dos veces más.



Si arrastramos el cursor sobre el borde del trazado podemos comprobar que se comporta como una forma cualquiera.

domingo, 14 de mayo de 2017

Cómo vectorizar un mapa de bits con Inkscape

La diferencia entre un mapa de bits y un gráfico vectorial es que el mapa de bits está formado por un conjunto de píxeles mientras que el gráfico vectorial está formado por formas geométricas definidas por ciertas instrucciones. Con Inkscape se pueden convertir imágenes de mapa de bits en gráficos vectoriales con distintos ajustes.



Una vez que se tenga la imagen en un documento de Inkscape se va a Trayecto > Vectorizar mapa de bits y se abrirá esta ventana.


 
En el caso de que lo que queramos sea obtener un gráfico vectorial con diferentes colores seleccionamos "Colores" y en el apartado "Pasadas" seleccionamos el numero de colores que queramos. Una vez ajustado se le da a "Aceptar" y nos generará el mapa vectorial



Este es el resultado



Otro caso distinto es si tenemos por ejemplo un escaneo de un dibujo que queremos pasar a trazos vectoriales.



En este caso se selecciona "Corte de luminosidad" y se ajusta el "Umbral" hasta encontrar uno que se adecue a nuestras necesidades.


  

Este es el resultado

domingo, 26 de febrero de 2017

Como hacer un GIF a partir de un vídeo de YouTube

Para hacer un GIF a partir de un vídeo de YouTube no es necesario descargarlo ni usar ningún programa, hay páginas que nos permiten pegar el enclace del video y hacer un GIF completamente online. Una de estas páginas es GIPHY, que ademas de hacerlos a partir de YouTube también nos permite hacerlos a partir de otras páginas de videos o archivos que tengamos y editarlos.


Copiamos la URL del vídeo de YouTube y la pegamos en la casilla de "Enter YouTube, Vine, or video URL". La aplicación automaticamente nos mostrará una previsualización del vídeo


Aparecerán dos deslizables, "Start time", que selecciona el momento del video en que se quiera que empiece el GIF y "Duration", que es la duración que tendrá el gif (la duración máxima es de 10 segundos). También aparecerán las opciones de "Caption", que es un texto que aparece en el GIF y "Tags" que son etiquetas de busqueda para nuestro GIF. Una vez se haya configuardo todo, se da a "Create GIF"


Una vez creado nuestro GIF, puede compartirse en las redes sociales con los iconos debajo del video e insertarlos en una página web con el código que nos da en "Iframe Embed".

lunes, 19 de diciembre de 2016

Cómo crear un logotipo con Inkscape

Inkscape es un editor de gráficos vectoriales gratuito y de código libre
En este tutorial enseñaré algunas de sus funciones básicas creando un logotipo.

Podemos empezar desde cero con el programa, pero lo mejor es usar un boceto escaneado.

Este está hecho a mano alzada, pero lo ideal es usar regla y compás.
Iniciamos Inkscape, vamos a "Archivo/Importar..." y seleccionamos la imagen del boceto.

 

Hacemos clic en el icono del candado para bloquear esa capa. Creamos otra capa en la que trabajaremos los gráficos vectoriales yendo a "Capa/Añadir capa..."

Seleccionaremos esta herramienta para trabajar los trazados. Haremos clics recorriendo el boceto (aunque podemos variar un poco) para crear las esquinas (podemos mantener pulsado "ctrl" para hacer líneas rectas y diagonales). 

Como puedes ver, en el lado derecho de la "D" no he seguido el boceto

Una vez hechas las lineas rectas, podemos hacer curvas seleccionando los vértices y arrastrando mientras pulsamos "mayus" 

 

Ya hechas las curvas, podemos ocultar la capa del boceto haciendo clic en el icono del ojo .

También podemos colorear nuestro logotipo haciendo clic en la herramienta de rellenar , seleccionando un color y haciendo clic en el interior de un trazado.

Una vez terminado el logotipo, podemos exportarlo como un mapa de bits o una imagen vectorial (que a diferencia de los mapas de bits no pierden calidad al aumentar su tamaño, por eso es recomendable para los logotipos).