Cómo hacer iconos

siempre quiso aprender lo que se necesita para crear su propio icono, pero nunca sabía exactamente por dónde empezar? Bueno, con este artículo, eso va a cambiar. Aprenderás qué es un icono y obtendrás respuestas a las preguntas y problemas más comunes que surgen. En el camino, descubrirás que el proceso no es tan difícil como una vez podrías haber pensado.

Oh, y antes de que me olvide, si quieres expandir tu Biblioteca de iconos, siempre puedes dirigirte a Envato Elements donde encontrarás una gran colección de paquetes de iconos vectoriales esperando a ser recogidos.

1., ¿Qué Son Los Iconos?

si hay una cosa realmente importante que la escuela logró enseñarme, es que cada vez que te encuentras abordando un nuevo concepto, siempre debes dedicar el tiempo y llevar a cabo la investigación, para que puedas tener una comprensión completa de lo que representa.

por lo tanto, siendo la creatura de hábito que soy, Voy a inculcar en ti Ese mismo método de resolución de problemas, comenzando con la más básica de las preguntas: «¿Qué es un icono?,»

bien, según toGoogle, la palabra se origina en el griego eikón (imagen) y se define comúnmente hoy como:

«pintura devocional de Cristo u otra figura sagrada,típicamente ejecutada en madera y utilizada ceremonialmente in the Byzantine and othereastern churches».

Si bien este no es exactamente el tipo de icono que los creativos tendemos a pensar, puede ser la primera cosa que algunas personas visualizan cuando les dices que te ganas la vida haciendo «diseño de iconos».,

no me malinterpretes, no tengo nada en contra del arte de pintar iconos, que es en sí mismo un arte hermoso pero duro, pero estamos hablando de un uso completamente diferente de las manos y la imaginación aquí.

desde una perspectiva digital más moderna, un «icono» se define como:

«un símbolo o representación gráfica en la pantalla de un programa, opción o ventana».

ya sea que esté utilizando un Mac o un PC, un iPhone o un dispositivo Android,cada uno de ellos tiene una interfaz de usuario basada en iconos de diferentes formas, colores y tamaños.

2., ¿Por Qué Usamos Iconos?

históricamente, el primer conjunto de íconos de computadoras fue conceptualizado hace casi 37 años (más exactamente en 1981), cuando un científico de computadoras llamado David Canfield Smith unió fuerzas con el diseñador Norman Lloyd Cox mientras trabajaba en la GUI(interfaz gráfica de usuario) del XeroxStar 8010. Su tarea era facilitar la interacción del usuario con la máquina,que superaron creativamente mediante la introducción de símbolos gráficos familiares que significaban reflectar objetos de la vida real con los que el usuario podía relacionarse.,

dado que en el pasado las computadoras se utilizaban principalmente en entornos de trabajo, rápidamente se dieron cuenta de que podían encontrar inspiración mirando los objetos más comunes encontrados en una oficina, dando vida a la «metáfora de la oficina».

esto sentó las bases para construir el primer lenguaje visual común para la era digital, que ha dado forma no solo a la forma en que se ven las Gui, sino también a cómo funcionan.,

facilidad de interacción

rápido para hoy, y aunque definitivamente han visto algunos cambios en términos de forma, su función principal se ha mantenido prácticamente idéntica, ya que continúan sirviendo al mismo propósito para el que fueron diseñados originalmente, y eso está facilitando nuestra interacción con las diferentes piezas y tipos de software.

Y, honestamente, debemos ser aún sorprendido? Imagine tener que utilizar una pieza de software que hasa GUI basado enteramente en el uso de palabras clave., Acabo de hacerlo, y créeme, rápidamente se convirtió en una pequeña pesadilla.

rompedores de la barrera del idioma

Los iconos se comportan como símbolos visuales universales que se liberan de la barrera del idioma, debido al hecho de que logran retratar imágenes que pueden ser fácilmente entendidas por usuarios que vienen de diferentes lados del planeta.

en lugar de tener que encontrar formas de transmitir el mismo significado a hablantes de dos idiomas diferentes, puede encontrar fácilmente un símbolo comúnmente aceptado que haga el trabajo por usted.,

Por supuesto, ocasionalmente habrá algunas representaciones que pueden requerir que los usuarios pasen por un proceso de memorización de un símbolo para agregarlo a su jerga. Por lo general, esto sucederá en el caso de nuevos conceptos o tecnologías con los que necesitan familiarizarse.

ThoughtTriggers más rápidos

en comparación con las palabras,las imágenes tienen la capacidad de estimular nuestros ojos significativamente más rápido y durante más tiempo. Esto a su vez significa que el Usuario no solo descifrará el significado detrás de un icono más rápido, sino que el tiempo de interacción esperado en general será mucho más pequeño.,

Imagine tener un software complejo con muchas herramientas y funciones. Ahora, ¿cómo se vería si todas las herramientas se ilustraran usando etiquetas, es decir, texto en lugar de símbolos? Si bien es posible que logre averiguar la posición de algunos de ellos, rápidamente se convertiría en una sobrecarga visual que eventualmente lo haría odiar esa pieza de software.

Lo creas o no, hay una razón real por la que nos alejamos de las interfaces de línea de comandos, y sobre todo tiene que ver con la estética y la facilidad de interacción.,

EyeCandy

ir más allá de la idea de funcionalidad, los iconos se comportan como disparadores visuales significaba no sólo para dibujar una idea más rápido, sino también para hacerlo de una manera que es agradable a la vista.

por ejemplo, Me gusta pensar en la pantalla de un dispositivo como uno de esos estantes que normalmente paso cuando hago mis compras en el mini mercado local. Si los productos están envueltos de una manera colorida y llamativa, entonces mi atención es inmediatamente atraída hacia ellos, aunque a veces ni siquiera necesito ese producto, solo estoy interesado en ver lo que contiene.,

lo mismo se puede decir de los iconos, ya que cuanto mejor se vean, más compelido estará el usuario para mirarlos y luego participar en la interacción, que a veces es exactamente lo que queremos que hagan.

3. Cómo hacer un icono

bien, así que hasta este punto hemos hablado sobre qué son los iconos y por qué los usamos. Ahora es el momento de tener una idea de lo que se necesita para hacer uno.

3.1. TheResearch Phase

cada vez que comienzas a trabajar en un nuevo proyecto basado en iconos, hay algunos aspectos clave que debes resolver antes de pasar por el proceso real de construcción de los iconos.,

llamo a esto la» fase de investigación » ya que eso es básicamente todo lo que vas a hacer. Vas a pasar unos minutos u horas, dependiendo del tiempo y la paciencia que tengas, buscando respuestas a algunas preguntas básicas.

¿Cómo ManySize Variaciones Necesita?

la primera pregunta que siempre debes hacerte tiene que ver con el número de variaciones de tamaño que necesitas crear para un icono específico.

¿necesitas oneicon, dos, o tal vez más?,

si, por alguna razón, terminas trabajando en un proyecto de un solo tamaño, entonces esta parte debería ser bastante fácil de revisar. Por otro lado, si necesita proporcionar varios tamaños, entonces puede encontrarse en un aprieto, especialmente si está haciendo trabajo con el cliente pero no tiene un resumen claro que indique los valores requeridos.

afortunadamente para nosotros, la mayoría de estos valores ya se han convertido en»estándares» de la industria,lo que significa que no tiene que perder tiempo jugando con números para averiguar qué funciona y qué no.,

si sabe dónde se utilizarán los iconos, generalmente puede encontrar los valores de tamaño requeridos haciendo una simple búsqueda en Google.,i>

96 x 96 px

128 x 128 px

256 x 256 px

Iconos Grandes:

• 512 x 512 px
• 1024 x 1024 px

consejo Rápido: si usted toma una mirada más cercana a el por encima de los valores de tamaño, usted se dará cuenta rápidamente de que la mayoría de ellos son en realidad creado por la duplicación del número anterior: 12 > 24 > 48 > 96; 16 > 32 > 64 > 128 > 256 > 512 > 1024.,

en algunos casos, como para aplicaciones móviles, puede encontrar pautas detalladas directamente de los fabricantes de sistemas operativos que están destinadas a ayudarlo:

• pautas de iconos de Apple
• pautas de iconos de Google

¿cuál será su tamaño Base?

Cuando trabaje en proyectos de varios tamaños, le recomiendo que siempre comience desde el tamaño direccionable más pequeño posible.

Este se convertirá en su tamaño base, que luego usará para hacer todos los demás necesarios., La razón tiene que ver con la naturaleza pixel-perfecta de tus formas, que se descompondrá si construyes grandes y luego intentas obtener las variaciones más pequeñas redimensionándolas.

cuando se trata de elegir un valor para el tamaño base real, todo depende de los requisitos del proyecto, pero la regla general es que siempre debe ir lo más pequeño posible.,

Por ejemplo, si necesito crear tres variaciones (16 x 16 px, 32 x 32 px, and64 x 64 px), yo siempre asegúrese de inicio con el de 16 x 16 px como mi base de tamaño y, a continuación, crear theother por la duplicación de seguridad.

¿Cuáles son las principales características definitorias del sujeto?

Una vez que hayamos calculado el problema de tamaño, necesitamos tomarnos un par de momentos y analizar el concepto que vamos a ilustrar. Para mí personalmente, este paso es amust ya que me permite identificar y aislar sus rasgos principales.,

Puede hacer esto fácilmente agarrando un pedazo de papel o abriendo un documento de texto, y luego escribiendo rápidamente observaciones cortas (palabras clave) que tienen que ver con su forma, tamaño, colores, elementos/características de composición, etc.

mientras que algunos tienden a pasar menos tiempo en esta parte de la investigación, agregar ese minuto extra puede resultar extremadamente útil, especialmente si solo está comenzando, ya que hará las cosas más fáciles cuando se trata de obtener una «sensación»del sujeto.

¿qué estilo utilizas?,

en este punto, podemos y debemos empezar a pensar en el» estilo», o en otras palabras, el aspecto que nuestros iconos terminarán abrazando.

en el pasado, las cosas eran muy diferentes, ya que el estilo de los primeros iconos estaba dictado por la tecnología de visualización limitada. Eso a su vez terminó dando forma a la forma en que se veían estos símbolos visuales, pero también sentó las bases para el primer estilo, que utilizó formas definidas por líneas audaces y duras para las secciones exteriores y más delgadas para los detalles interiores.,

hoy en día, esa barrera de píxeles se ha cruzado durante mucho tiempo, lo que nos permite crecer y crear nuevos estilos, que están en constante evolución y cambio.

Los estilos más populares son:

• pixel art
• pisos
• material
• línea de arte
• isométrica
• glifo
• skeuomorphic
• dimensiones
• dibujado a mano
• animados

Personalmente, whenit viene a elegir un look para mi futuro iconos, generalmente terminan yendo toDribbble.,com, donde tiendo a pasar unos minutos analizando la corriente trends.As me desplazo hacia arriba y hacia abajo, rápidamente me las arreglo para tener una idea de lo que me gustaría hacer, y luego trato de atenerme a eso.

dicho esto, te recomiendo que tengas una buena idea de lo que estás buscando desde el principio, ya que de lo contrario podrías perderte mucho tiempo yendo y viniendo a través de diferentes estilos.

Oh, y otra cosa, por favor, no te conviertas en ese diseñador que ve algo bueno y luego copia completamente el trabajo de otra persona, poniéndolo ahí fuera como el suyo propio., Si bien algunas personas recomiendan este enfoque para aprender y crecer, eso es lo que debería ser en última instancia, un ejercicio en el que se intenta averiguar cómo se hacen algunas cosas.

si copiar es todo lo que terminas haciendo, entonces es posible que nunca llegues a ese punto en el que desarrolles un estilo personal, que es lo que distingue a un buen diseñador de iconos de lo real.

si desea obtener más información sobre este tema, le recomiendo encarecidamente que lea mi artículo de 10 estilos que han cambiado la cara del diseño de iconos, que desglosará los principales estilos existentes y sus rasgos.,

cómo encontrar inspiración

dependiendo de la naturaleza del proyecto que estás asumiendo, ya sea un trabajo personal o cliente, finalmente te encontrarás en necesidad de algo de inspiración. Esta fase está bastante enredada con la selección de un estilo, ya que aquí es donde comienzas a sentar las bases para tus futuros iconos.

entonces, ¿cómo puedes conseguir esa sensación de estar inspirado?,

bueno, la mejor manera de hacer fluir tus jugos creativos es crear lo que comúnmente se conoce como» moodboard » (o tablero de inspiración).

como sugiere el nombre, un mood board es una colección, o más exactamente un collage de ideas basadas en imágenes, que van desde paletas de colores hasta Fotos, Ilustraciones, texturas,tipografía, etc. Le ayuda a obtener una dirección para lo que en última instancia le gustaría que su producto se sienta como.,

como diseñador, estás constantemente marcando cosas que llaman tu atención, pero a veces es un poco difícil hacer un seguimiento de todas ellas, especialmente cuando necesitas verlas todas a la vez.

aquí es donde herramientas como Pinterest e Instagram son útiles, ya que te permiten crear moodboards con un clic de un botón.

otra alternativa, que sé que mucha gente tiende a usar, es descargar la selección de imágenes que has hecho, y luego crear el tablero de humor directamente dentro de tu suite de gráficos.,

si está utilizando una configuración de monitor único, esto podría funcionar mejor para usted, pero si está en teamdouble, puede considerar usar el primer enfoque.

cuando se trata de las propias imágenes reales, generalmente confío en uno de los siguientes recursos:

• Dribble.com
• Behance.com
• Iconfinder
• El Sustantivo Project
• Pinterest
• Instagram
• Google Images

a veces, te encontrarás en esa situación en la que tienes un tema más complicado con el que podrías necesitar ayuda para averiguar el símbolo utilizado para él., Cuando esto sucede, suelo ir al Proyecto Sustantivo o Iconfinder y hacer una simple búsqueda, que siempre trae una gran selección de imágenes que me ayudan a entender mejor el tema.

en este punto, debería haber cubierto todas las preguntas anteriores, lo que significa que ahora estamos listos para pasar a la siguiente fase.

3.2. La fase de construcción

así que has calculado el tamaño de tu base, has decidido las variaciones de tamaño e incluso has creado un tablero pequeño, lo que nos lleva a la segunda fase del proceso.,

ahora, independientemente del software que esté utilizando: Adobe Illustrator, Adobe Photoshop,Affinity Designer, Sketch, etc.- la siguiente parte es más o menos la misma, ya que puedes aplicar los conceptos a cualquiera de los graphicssuites existentes.

lo mismo puede decirse de los diferentes sistemas operativos, ya que si eres un usuario de Mac o Windows, podrás lograr el mismo resultado siguiendo el mismo proceso.

dicho esto, vamos a ver lo que se necesita para comenzar a construir su icono.,

que sea Pixel Perfect

en este punto, la mayoría de los programas ya vienen preconfigurados para ayudarte a crear tus iconos con la perfección de píxeles en mente.

si esta es la primera vez que escucha sobre esta idea, entonces le recomiendo encarecidamente que tome un par de momentos y repase mi artículo de cómo crear ilustraciones perfectas de píxeles, que debería ponerlo al día.,

ahora, suponiendo que haya terminado de leer el artículo anterior, la pregunta es si debemos o no poner el tiempo y adaptarnos a este flujo de trabajo más riguroso.

bueno, personalmente lo he estado usando durante más de cinco años, y no importa cuánto más tiempo pueda terminar comiendo, todavía creo que todo vale la pena., Si echas un vistazo a cómo se hacían las cosas originalmente en los primeros años de esta nave, cuando la resolución era un problema, notarás que los iconos se construyeron utilizando cuadrículas de píxeles, No formas de tamaño aleatorio.

configurar un archivo de proyecto adecuado

el primer paso para crear su propio icono, o paquete de iconos, es configurar un nuevo archivo de proyecto. Simple, ¿verdad? Bueno, no realmente, ya que si estás empezando, hay un par de cosas de las que deberías ser consciente.,

TheProfile

primero, siempre debe asegurarse de que el perfil de su documento esté configurado en Web, ya que los iconos se utilizan habitualmente en el medio digital.

esto es realmente importante, ya que los diferentes perfiles tendrán diferentes sistemas de color (Web utiliza RGB, mientras que Print utiliza CMYK), lo que puede resultar en representaciones de color no deseadas cuando son vistas por otras personas.

las unidades de medición

a continuación,tenemos las unidades de medición utilizadas para describir el ancho, la altura, el radio de esquina, el peso del trazo y el espaciado utilizados para las diferentes formas de composición.,

de forma predeterminada, las unidades siempre deben estar configuradas en píxeles, siempre y cuando se asegure de que el documento está destinado a ser utilizado para la web.

usamos píxeles en lugar de otra cosa ya que es la unidad universalmente acordada utilizada para medir cualquier producto digital.

el número de mesas de trabajo

Una vez que haya establecido el perfil y las unidades de su documento, debe averiguar si va a usar una mesa de trabajo más grande o varias más pequeñas.

Mi consejo es siempre tratar de tomar la segunda ruta, ya que hará las cosas mucho más fáciles cuando se trata de exportar los iconos.,

ir más allá de eso, tener varias mesas de trabajo significa que puede centrarse más fácilmente en un activo a la vez, a medida que construye gradualmente su paquete.

UseLayers

ya sea que esté creando un solo Icono o un paquete completo, siempre debe intentar usar un par de capas para separar sus activos de sus cuadrículas de referencia.

al hacerlo, puede construir fácilmente sus iconos sin tener que preocuparse de que moverá o agrupará las cuadrículas subyacentes por error.,

yendo más allá de eso, te ayudará durante el proceso de exportación,ya que querrás poder ocultar tus cuadrículas.

cuadrículas de Referencia de usuario

por definición, una «cuadrícula de referencia» es una herramienta visual que consta de directrices geométricas para ayudarlo a lograr la consistencia del tamaño en todos sus iconos.

Puede ser tan simple como dos cuadrados apilados uno encima del otro, o puede usar algo un poco más complejo. Personalmente, prefiero ir con el más básico, ya que hace el trabajo mejor de lo esperado.,

normalmente, comienzo creando la superficie de referencia principal utilizando exactamente los mismos valores de ancho y alto que mi mesa de trabajo subyacente. Luego agrego uno ligeramente más pequeño llamado el área de dibujo activa, que es donde voy a posicionar todas las formas de composición de mi activo.

esto proporcionará un relleno protector completo, que siempre incluyo para asegurarme de que los iconos no se recorten una vez que el cliente los entregue y los use más tarde.,

cuando se trabaja en varios iconos, mi regla de oro es decidir si ornot voy a llenar tanto la altura de ancho del área de dibujo activa o solo uno de ellos, dependiendo del estilo que voy a seguir. Una vez que averigüe esto, tomaré esa regla y la aplicaré a todos mis otros activos,logrando así la consistencia que estoy buscando.

4. Lo que se debe hacer y lo que no se debe hacer para crear iconos

Una vez que haya terminado de configurar su archivo de proyecto, capas y grupos de referencia, todo lo que queda es comenzar a trabajar en los iconos reales., Ahora, dependiendo del estilo que usted va Para, hay un par de cosas que usted debe ser consciente de.

Keep ItSimple

Cuando comenzamos a aprender algo nuevo, siempre tenemos ese deseo de crear a un nivel superior, ya que tendemos a mirar lo que otras personas están haciendo y pensar, » Bueno, eso no puede ser tan difícil.»

si bien no dudo de su capacidad para armar algo completamente increíble, realmente le recomiendo que comience haciendo diseños simples al principio, para que pueda construir gradualmente sus habilidades de una manera más orgánica.,

más allá de eso, a veces simple es simplemente mejor, ya que la idea es toortray un sujeto, ya sea un objeto, una función o una idea, de una manera que cualquier usuario pueda comprender instantáneamente.

comience con formas básicas

Si está teniendo dificultades para trabajar en un proyecto, la mejor idea es dar un paso atrás y luego centrarse en establecer las formas básicas del sujeto. Ya sea que estés usando rectángulos, círculos o ambos, trata de relajarte y ver cómo puedes construir tu icono enfocándote en sus secciones principales de composición.,

una vez que haya establecido sus bases, puede comenzar a ajustar los bloques de construcción principales y agregar gradualmente detalles a ellos hasta que alcance la forma deseada.

Focus onColors

muchas veces, veo un trabajo increíble puesto por creativos aleatorios que ponen mucha atención en sus composiciones, pero por alguna razón fallan cuando se trata de colores. Lo creas o no, una paleta de colores puede hacer o romper tu hermosa obra de arte, por lo que creo que es importante que te tomes el tiempo y aprendas todo lo que puedas sobre la teoría del color.,

si te sientes inseguro, o simplemente no tienes tiempo para empezar a leer libros sobre este tema, entonces simplemente busca algunos iconos (algunos buenos), y trata de analizar la forma en que su creador usó los colores para darles vida.

a veces, aprender mirando el ejemplo de otro puede encender los músculos de la memoria mucho más rápido, enseñando a tu mente Qué colores funcionan y cuáles no.

evitar el uso de texto dentro de tus iconos

Este es un poco obvio, ya que la idea detrás de un icono es eliminar la necesidad de letras escritas, que deben ser reemplazadas por símbolos.,

Por supuesto, siempre habrá esas pocas situaciones en las que realmente necesita usar letras para distinguir un icono de otro. El mejor ejemplo es cuando necesita armar un paquete de iconos con temas de documento, donde necesita ilustrar un archivo PNG, un JPEG y un SVG. Dado que la forma del documento debe permanecer idéntica, su mejor enfoque para hacer esto sería agregar una pequeña etiqueta al centro de cada documento para que el usuario sepa cuál es cuál.,

puedes encontrar una lista más detallada leyendo mis 10 mejores consejos para crear iconos impresionantes, que deberían traer más luz a este tema.

algunos estilos, como los iconos de línea, requieren un poco más de atención cuando se trata del proceso de construcción real. Desde la superposición de caminos hasta el posicionamiento de trazos, he cubierto todos los diferentes rincones y grietas que debe tener en cuenta al crear este tipo de iconos.,

5. Problemas comunes

a continuación, vamos a repasar rápidamente algunos de los problemas más comunes con los que tendrás que lidiar al trabajar en un nuevo icono.

ShapeRotation

Este es probablemente el más molesto cuando se trata de trabajar en un icono de píxel perfecto, ya que cada vez que gire una forma, se desprenderá instantáneamente de la cuadrícula de píxeles subyacente., Cuando esto sucede, los valores de ancho y alto de la forma se convertirán en valores decimales, que generalmente se indica mediante el panel transformpanel del software.

Si bien puede pensar que esto no es un problema tan grande, pronto descubrirá que realmente lo es, ya que si necesita alinear la forma con el borde de Otra, simplemente no podrá hacerlo.,

dependiendo de la complejidad de la forma, la mayoría de las veces puede solucionar el problema seleccionando individualmente sus anclas/nodos, y luego ajustándolos de nuevo en su lugar a la intersección de la cuadrícula más cercana.

personalmente, tiendo a alejarme de las formas giradas y solo las uso cuando realmente tengo que hacerlo, asegurándome de hacer todo lo posible para ajustarlas a la cuadrícula de píxeles.

creando variaciones de tamaño

así que has logrado crear el tamaño base para tu icono, pero ¿qué tal agregar múltiples variaciones de tamaño basadas en él?,

bueno, el proceso en sí es bastante simple, ya que la mayoría de las veces todo lo que tienes que hacer es duplicar el tamaño de tu icono actual usando un incremento del 200%.

por ejemplo, si tiene un icono de 64 x 64 px, puede crear fácilmente la siguiente variación de tamaño duplicando sus valores de ancho y alto, es decir, 128 x 128 px.

Puede obtener más información sobre este proceso en particular leyendo mi artículo cómo escalar iconos correctamente en Adobe Illustrator, que presenta conceptos que se pueden usar en la mayoría de las suites gráficas.,

6. Cómo exportar tu icono

hemos pasado por los principales pasos necesarios para crear un icono, así que ahora tomemos un par de momentos y hablemos de lo que debemos tener en cuenta al exportarlo.

esta última parte del proceso, si bien puede parecer complicada, en realidad es muy simple.

elija el formato correcto

Lo primero que debe hacer es averiguar qué formato de archivo va a usar para guardar su diseño final.,

normalmente, al crear iconos, querrá exportarlos utilizando un fondo transparente, para que puedan usarse en una superficie coloreada. Esta característica es compatible con los siguientes formatos de archivos ráster:

• GIF
• PNG
• BMP
• TIFF
• SVG

de todas ellas, que por lo general terminan usando PNG porque ofrece una completa compatibilidad, utilizando una huella muy pequeña cuando se trata de tamaño. Esto significa que básicamente se puede usar en cualquier lugar, ya sea un sitio web, una aplicación de escritorio, una aplicación móvil, un documento de Word, etc.,

SVG se está convirtiendo en otro formato popular para la web porque es un formato escalable que puede ajustar sobre la marcha y cambiar el tamaño sin ninguna pérdida de calidad.

guárdelos individualmente

Cuando se trata del proceso en sí, varía de una herramienta a otra. Algunos vienen con herramientas de exportación dedicadas, mientras que otros todavía dependen de métodos más tradicionales.

no importa qué software utilice, el objetivo clave es siempre asegurarse de guardar todos y cada uno de los iconos como su propio archivo individual, nombrándolos cuando sea posible.

¡amplía tus habilidades de creación de iconos!,

ahora que hemos llegado al final del artículo, quiero dejarte con algunos tutoriales seleccionados que deberían ponerte en marcha en poco tiempo.

• Diseño Gráfico
  Illustrator 10 Herramientas que Todo Diseñador Debe Utilizar
  Andrei Stefan
• Adobe Illustrator
  Capas vs, Mesas de trabajo: comparando los métodos para exportar paquetes de iconos
  Andrei Stefan
• Icon Design
  sugerencia rápida: exportar iconos utilizando segmentos en Adobe Illustrator
  Andrei Stefan
• diseño de iconos
  comparar los dos métodos para crear iconos de línea: rutas de desplazamiento vs.,div>

  Andrei Stefan
• Adobe XD
  Cómo Crear un Icono de la Nube en Adobe XD
  Daniel Blanco
• Afinidad Diseñador
  Cómo Diseñar Plana Iconos en la Afinidad Diseñador: Introducción
  Melodía Nieves
• Afinidad Diseñador
  Cómo Diseñar Plana Iconos en la Afinidad del Diseñador: Descuento Insignia y la suspensión de los Iconos
  Melodía Nieves
• Dibujo
  ¿Qué Es el dibujo y Para Quién Es?,
  Adi Purdila
• Adobe XD
  Nueva Carrera: Diseño de Icono Con Adobe XD
  Andrew Blackman
• Animación
  Nuevo Curso: La animación de los Iconos Con Adobe Illustrator y After Effects
  Andrew Blackman
• Dibujo
  Nuevo Curso: funcionamiento Con Croquis
  Andrew Blackman