Síntesis gráfica - Aprende a crear tus propios iconos - Tutorial

Que tal amigos en esta oportunidad quiero enseñarles como crear tus propios iconos tomando como referencia una fotografía o imagen. Lo que vamos a necesitar es un programa de edición vectorial Illustrator, Corel Draw, Inscape, entre otros. Para la realización del mismo utilizaré Adobe Illustrator CS6 pero el proceso es similar en cualquier editor.

¿Qué es una síntesis gráfica?

Podemos encontrar que síntesis se refiere a:

Exposición breve, escrita u oral, que a modo de resumen contiene un conjunto de ideas fundamentales y relacionadas con un asunto o materia y que estaban dispersas.

Entonces, una síntesis gráfica trata de resumir o simplificar una imagen compleja para adaptarlas a nuevas necesidades, un ejemplo de esto podría ser la creación de un icono. Me explico si desarrollamos una aplicación móvil y al momento de crear el icono/avatar para teléfonos decidimos colocar una fotografía quizás la presentación del mismo no sería la mejor debido que cuando esta fotografía se reduzca a un tamaño muy pequeño la información no se apreciará, se pixelará y tal vez luzca opacada por los demás iconos que si transmiten el mensaje. Es justo en ese caso que se realizaría una síntesis gráfica de la fotografía que contenga la información fundamental y mantenga la esencial de la imagen original.

Comencemos

Paso 1.

Abrir el editor y posterior mente abrir la imagen de referencia. Archivo/Abrir... y buscamos la imagen en nuestro equipo.

Paso 2.

Creamos una nueva capa donde realizaremos los trazos. Vamos a Ventana/Capas y en el cuadro que se abre hacemos click en crear nueva capa.

Con la herramienta Pluma (Ctrl+P) trazamos el área para crear secciones de la imagen.

Paso 4.

Realizamos el paso 3 con cada área que creamos necesaria para obtener el icono.

Paso 5.

Luego se procede agregar el color (quitamos el ojo de la capa de la imagen para desactivarla y ver el resultado de los trazos) seleccionamos todos los trazos y aplicamos el color. Para jugar con el grosor del trazo vamos a Ventana/Trazo.. y aumentamos o disminuimos los pixeles.

Paso 6.

Ya sólo nos queda guardar nuestra síntesis vamos a Archivo/exportar y seleccionamos la ruta y el formato. Si deseas conocer los tipos de formatos o no sabes cuál se adapta mejor a tu trabajo te invito a visitar mi publicación ¿Sabes cuáles son los archivos de imagen y para que sirven? JPG,PNG y Gif

Vespa

Fuentes:
Print de Pantalla: Adobe Illustrator CS6
Foto Vespa
Edición MockUP: Adobe Photoshop CS6
MockUp app móvil

---

Si te gustó este post o te fue de utilidad no olvides apoyar. Cualquier duda háznosla saber y con gusto te brindaremos apoyo.

---

---

Otros artículos

• Aprende a eliminar y agregar fondo a tus imágenes con este sencillo tutorial - Adobe Photoshop
• Ilustración digital en Photoshop (paso a paso) - art digital - Robot #003
• Arte Digital - Joker/guasón #002