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

in #spanish6 years ago (edited)

Mockuo cover.png

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.

1.jpg

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.

2.jpg

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

Paso 4.

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

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.
5.jpg

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

vespa01-01.gif

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
Sort:  

Buenísimo post! Me será de gran ayuda, gracias por hacer este tipo de publicaciones tan detalladas. Saludos

Espero ver alguna post basado en este.

Me resulta de mucha ayuda tu post.

Excelente mi hermano siempre nos trae muy buenas ayudas para mejorar nuestras imágenes.

Esa es la idea de cada publicación. Éxito en próximas publicaciones.

Excelente idea, voy a tratar de ponerlo en practica... ci vediamo...

Espero ver el resultado

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by jpulgar from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Congratulations @jpulgar! You have completed the following achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:
SteemitBoard World Cup Contest - The results, the winners and the prizes

Do you like SteemitBoard's project? Then Vote for its witness and get one more award!

Coin Marketplace

STEEM 0.30
TRX 0.12
JST 0.034
BTC 63475.77
ETH 3117.23
USDT 1.00
SBD 3.94