Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Icon Design
Design

El Que Hacer o No Hacer de la Creación de Iconos de Línea

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Jean Perez (you can also view the original English article)

Final product image
What You'll Be Creating

En el tutorial de hoy vamos a tomar una mirada en profundidad en el proceso de creación de los iconos de línea tanto en Adobe ilustrador y diseñador de afinidad. Usted verá cómo puede elaborar un producto final utilizable mediante algunas formas básicas que se ajusta aquí y allá.

Así pues, si usted siempre quiso saber el hacer o no hacer cuando se trabaja en este estilo de los iconos, definitivamente debe dar esta obra una lectura!

Además, no olvides que siempre puede ampliar su biblioteca por dirigirse a GraphicRiver, donde encontrarás una gran selección de paquetes de iconos de vector para escoger.

Hace unos años exploré los principales dos métodos que pueden utilizar para crear los iconos de la línea, y los compararon para ver cuál sería un mejor ajuste para usted.

Hoy, vamos a ampliar en uno de esos métodos, más exactamente el Trazo y hablar sobre el hacer o no hacer así que usted puede perfeccionar sus habilidades a la hora de crear estos tipos de iconos.

Vamos a crear exactamente el mismo icono con dos piezas diferentes de software, más precisamente Adobe ilustrador y diseñador de afinidad, para que todo el mundo puede participar en el proyecto.

Siendo dicho, comencemos!

Cómo Crear los Iconos de Línea en Adobe Illustrator

1. Cómo Crear un Nuevo Archivo de Proyecto

Como con cualquier nuevo proyecto, vamos a poner las cosas fuera rápidamente pasando por el proceso de creación de un Nuevo Documento. Así ir sobre Archivo > Nuevo (o atajo de teclado uso el Control-N) y luego ajustar como sigue:

  • Perfil: Web
  • Número de Mesas de Trabajo: 1
  • Anchura: 128 px
  • Altura: 128 px
  • Unidades: Píxeles

Y de la Avanzada de la lengüeta:

  • Modo de Color: RGB
  • Efectos de Rasterizado: Pantalla (72 ppp)
  • Escuchar Mode: Por defecto
setting up a new document in ai

2. Cómo Configurar las Capas

Una vez hemos creado nuestro documento, debemos tomar un par de momentos y la estructura del proyecto utilizando un par de capas, para que podamos implementar y mantener un flujo de trabajo constante y claro separando nuestra rejilla de referencia desde el icono real.

Para ello, simplemente abrir el panel capas y luego crear dos capas mediante el botón Crear Nueva Capa, nombrarlos como sigue:

  • capa inferior: cuadrícula de referencia
  • capa superior: icono
setting up the layers in ai

3. Cómo Crear la Cuadrícula de Referencia

Tan pronto como hemos terminado de estratificación de nuestro documento, podemos centramos en la construcción de la red de referencia, que nos ayudará a definir el tamaño del icono del final, mientras que lo que nos permite añadir un pequeño acolchado protector.

Paso 1

Seleccionar la capa inferior y luego crear la superficie de referencia principal (el tamaño base) usando un cuadrado de 128 x 128 px, que color uso de #F15A24 y luego coloque en el centro de la mesa de trabajo subyacente utilizando el panel Alinear Horizontal y Vertical Align Center Opciones.

creating the base grid in ai

Paso 2

Añadir el área de dibujo activado usando un más pequeño 112 x 112 px cuadrado, que color con blanco (#FFFFFF) y luego el centro alinear a la mayor subyacente, que dará como resultado un relleno versátil de 8 px.

creating the active drawing area in ai

Paso 3

Una vez que ambas formas en su lugar, seleccione y, utilizando el atajo de teclado Control-G, que asegurarse de que la capa actual antes de pasar al siguiente paso.

locking the layers in ai

4. Cómo Crear el Icono de Periódico

Tan pronto como hemos terminado de configuración de nuestro archivo de proyecto, podemos empezar a trabajar en el icono de real, que poco a poco crearemos una sección a la vez.

Paso 1

Coge la Herramienta Elipse (L) y crear el fondo con un círculo de 112 x 112 px, que será color con #AEEDEA y luego centro alinear a la mesa de trabajo subyacente.

creating the background in ai

Paso 2

Crear la forma principal de la sección delantera del periódico utilizando un rectángulo de 40 x 44 px, que color usando #FFFFFF y sitúe a una distancia de 30 px desde el área de dibujo activo izquierdo del borde y 34 px desde su cima uno.

Como habrás dado cuenta, aunque los valores de la brecha son números pares (ya que puede ser divididos por dos), puede solo cortar en mitad de una vez antes de ser impar. Normalmente trato de mantenerse alejado de estos tipos de números, pero ya que estamos creando los iconos de la línea, eso es algo que se va a fijar en cuanto añadimos los contornos reales, como veremos en unos momentos.

creating the front section in ai

Paso 3

Ajustar la forma en que nos hemos creado estableciendo el radio de la esquina inferior izquierda en 6 px desde dentro de Propiedades del Rectángulo en el panel Transformar. Otra vez, me he ido con un valor de número raro, pero todos se sentido en cuanto añadimos el contorno.

adjusting the corner of the front section in ai

Paso 4

Crear una copia (Control C > Control-F) de la forma resultante, que nos colocará a su derecha para que sus caminos terminan por superposición como se ve en la imagen de referencia.

creating a duplicate of the front section in ai

Paso 5

Abrir las dos vías al seleccionar individualmente cada uno de su correcto anclaje puntos utilizando la Herramienta de Selección Directa (A) y luego quitarlas inmediatamente presionando Delete.

opening up the paths of the front section in ai

Paso 6

Con las dos vías aún seleccionadas, unirlos en una sola forma más grande pulsando dos veces el atajo de teclado Control-J (join).

uniting the path segments in ai

Paso 7

Ahora que hemos terminado de ajustar la forma principal de la sección delantera, podemos ir acerca de cómo agregar el contorno. Esta parte es realmente más importante que usted podría pensar, puesto que el grosor del Trazo terminará por influir directamente en los valores de espacio circundante, así como la sección visible de la radio, que veremos en los siguientes momentos.

Como regla general, siempre quiere ir con un valor incluso numérico (e.g. 2, 4, 6, 8, etc.), ya que nos vamos a alinear Trazo al centro. Al hacerlo, nos aseguraremos de que nuestras formas serán siendo perfectamente rompió a la Cuadrícula de Píxeles subyacentes, puesto que la alineación terminará igualmente dividiendo su Ancho por la mitad.

Para agregar el contorno real, empezar por crear una copia (Control-C) de la forma resultante, que se pega en la frente (Control-F) y luego ajustar cambiando su color a #43435B. Una vez que termines, voltear su Relleno con su Trazo utilizando el atajo de teclado Shift-X, abrir el panel Trazo y establecer su Ancho para 4 px, asegurándose de que el Trazo está alineado al centro.

Desde la mitad del contorno de la terminará por caer fuera del camino de la forma de llenado, esto en efecto reducirá los valores de brecha de 2 px, haciendo que la mirada de esquinas redondeadas menos redondeado.

adding the outline to the front section in ai

Si tuviéramos que utilizar números impares (por ejemplo, 3, 5, 7, 9, etc.), nuestro Trazo acabaría por someterse a algunos desagradable anti-aliasing, que es claramente visible cuando se activa el modo de Vista Previa Píxeles (Control-Alt-Y). Esto sucede puesto que el software no puede encontrar un centro perfecto, debido a que una vez dividido por la mitad, números impares en los decimales.

example of stroke using odd numbers

A empeorar, si probar y utilizar la opción de hacer Pixel Perfect (Click Derecho > Hacer Pixel Perfect), camino del trazo terminará partiendo la Cuadrícula de Píxeles debido a la alineación de ese centro.

using the make pixel perfect option on odd strokes

Paso 8

Ya que queremos que el icono sentir todo más respetuosos, vamos a establecer todos los Rincones de sus Trazos a Redondeados, que es un truco aseado que le ayuda a hacer precisamente eso. En el caso de la forma actual, esto también corrige el aspecto del punto de anclaje de abajo a la derecha, que de lo contrario se vería como si erróneamente fue picado.

setting the corner join to round in ai

Paso 9

Tan pronto como nos hemos terminado de hacer los pequeños ajustes al esquema, tenemos que seleccionar y la forma de relleno subyacente y luego agruparlos juntos mediante el atajo de teclado Control-G o ligeramente más corto método haga Clic derecho > Agrupar.

Generalmente terminan agrupando mi llenar formas y esquemas ya que si más tarde decide mover una de ellas, automáticamente el otro le siga. También, si necesita hacer ajustes a cualquiera de los dos, usted puede fácilmente hacerlo por aislar al grupo y llevar a cabo.

grouping the main shapes of the front section in ai

Paso 10

Crear la forma principal en la sección lateral utilizando un rectángulo de 12 x 36 px, que color usar #59C9C9 y luego coloque en el lado derecho de las formas que nosotros sólo hemos agrupado, asegurándose de que sus caminos se superponen. La parte traslapada es realmente importante, ya que ayuda a asegurar que cuando añades todos los contornos, perfectamente cubren mutuamente, sin aumentar el espesor del diseño final.

creating the main shape for the side section in ai

Paso 11

Ajustar la forma en que nos hemos creado estableciendo el Radio de sus esquinas inferiores a 6 px, que es el mismo valor usado para la parte delantera. Cuando se trabaja en los iconos de la línea, consistencia juega un factor clave cuando se trata de la superposición perfecta de sus rutas, siempre mantener un ojo en sus valores, por lo que no tendrás que volver y fijarlos posteriormente.

adjusting the shape of the side section in ai

Paso 12

Agregar la sombra sutil utilizando un cuadrado de 6 x 36 px, que colocará en el lado izquierdo de la sección actual, colorear con el mismo valor usado para el contorno (#43435B) y asegúrese de bajar su Opacidad al 24%. Este es otro pequeño truco que me gusta usar mucho, donde en lugar de escoger valores más oscuros para las sombras, muestra simplemente el color de los trazos y luego baje la Opacidad hasta que algo que funciona.

adding the shadow to the side section in ai

Paso 13

Máscara de la sombra usando un copiar (Control+C) de la forma subyacente más grande, que se pega en el frente y luego con ambos seleccionados, simplemente haga Clic derecho > Hacer Mascara de Recorte.

masking the shadow in ai

Paso 14

Tan pronto como haya enmascarado la sombra, puede seguir adelante y dar un contorno grueso de 4 px de la sección actual mediante la creación de una copia (Control C > Control-F), y luego muestras el contorno existente utilizando la Herramienta Cuentagotas (I).

Este es otro pequeño truco que uso todo el tiempo, ya que ayuda me copia todos los atributos existentes de mi esquema (color, peso) a mi forma actual. Más allá de eso, también se asegura que el valor de color que se utiliza es un constante, que es realmente importante en el diseño de los iconos de la línea, ya que al agregar volumen hacen usando colores más oscuros para el relleno las formas pero no de sus contornos.

adding the outline to the side section in ai

Consejo Rápido: aquí hay una imagen rápida de lo que sucedería si hicieron algunas de las cosas que yo he discutido contra (superposición de ruta incorrecta, radio incompatibles para las formas superpuestas, los valores de color diferentes para los contornos).

example of bad shape overlapping in ai

Paso 15

Mover de nuevo a la sección delantera del periódico y vamos a comenzar a añadir sus pequeños detalles mediante la creación de la caja de la foto con un rectángulo de 12 x 12 px redondeado a 2 px Radio de Esquina, que color usar #43435B y sitúe a una distancia de 4 px de la unidad organizativa frente derecho del tline borde y 8 px desde su cima uno.

positioning the main shape for the photo in ai

En este punto, usted se estará preguntando por qué no incluir esas 2 px desde el contorno en los valores de espaciado indicado y la respuesta es que, puesto que en este caso no podemos distribuir las formas utilizando el panel Alinear, esos valores son irrelevantes. Cada vez que posicionamos formas dentro de un esquema, siempre lo haremos en relación con el borde interno de su Ancho, así haciendo caso omiso de su medio interno.

Si tuviéramos que colocar las formas fuera de superficie de contorno, entonces necesitaríamos añadirlos a la distancia final, puesto que el software siempre les posicionará en relación con la trayectoria de contorno, que se alinea con el centro.

example of positioning shapes inside an outline in ai

Paso 16

Crear el primer del maniquí de las líneas de texto utilizando un 8 px ancho 4 px grueso de Trazo (#43435B) con un casquillo redondo, que se posiciona en línea con la imagen superior borde, a una distancia de 4 px desde su izquierda.

Como se puede ver, fui con líneas de trazo en lugar de rectángulos redondeados, que es algo que trato de hacer todo el tiempo cuando su grueso es idéntica a la de los contornos, ya que si alguna vez necesito cambiar su color, fácilmente puedo apuntarles utilizando Seleccionar > Mismo > Color de Trazo.

positioning the first text line in ai

Aviso que utilizó la palabra "posición" en vez de "alinear", ya que si tuviéramos la opción de Alinear en el panel Alinear Arriba Verticalmente, el software de hacer la alineación para el indicado objeto clave basado en el centro de la carrera, que produciría un resultado diferente.

example of stroke aligning in ai

Paso 17

Añadir la segunda línea de texto utilizando una copia (Control-C > Control-F) de la que nos hemos creado, que se coloque a 4 px debajo de él.

Esto es un gran ejemplo de posicionamiento de la carrera, ya que tenemos dos maneras de hacerlo. El primero de ellos se basa en usar las flechas direccionales para mover poco a poco el píxel de un movimiento a la vez, hasta que tengamos en la posición deseada.

adding the second text line in ai

El segundo de ellos implica el uso de opción de Espaciado Vertical de Distribución del panel Alinear, que requiere ajustar el valor de espaciado, ya que es necesario incluir las mitades superior e inferior del Ancho de los dos trazos. Así que en lugar de utilizar un valor de 4 px, terminarás usando 8 px (2 + 4 + 2). Personalmente, recomendamos palo el primer método cuando se trata de distancias más pequeñas y utilice el panel Alinear al ocuparse de las grandes, que para ser honesto no ocurre tan a menudo.

example of multiple stroke aligning in ai

Paso 18

Crear la más amplia línea de texto, usando una copia (Control-C > Control-F) del paso anterior, que se posiciona 4 px por debajo de ella y luego ajustar aumentando su anchura de 8 px a 24 px. Para hacer esto, abra el panel Transformar y primero desactive la opción de opción Trazos y Efectos de escala, ya que de lo contrario aumentará el Ancho del Trazo como usted ajuste. Luego, establece el punto de referencia en la Plaza de la izquierda y simplemente entrar en el valor indicado (24 px) en el campo de entrada de Ancho.

example of increasing of the length of a stroke in ai

Paso 19

Agregue la línea de texto final con una copia (Control C > Control-F) de la que nos hemos ajustado, que posicionará por debajo con la misma distancia de 4 px. Una vez que todas las líneas en su lugar, asegúrese de que usted seleccione y (Control-G) ellos juntos, haciendo lo mismo para el periódico todo luego.

adding the last text line in ai

Paso 20

Acabar con el icono añadiendo las líneas de movimiento poco uso 8 px alto 4 px un Trazo grueso (#43435B) para el centro y dos más cortos 4 px unos de los lados, posicionándolos como se ve en la imagen de referencia. Tómese su tiempo y una vez que termines, no olvides seleccionar y (Control-G) todos ellos juntos, haciendo lo mismo para todos los de su composición formas luego.

finishing off the icon in ai

Cómo Crear los Iconos de Línea en Affinity Designer

Ahora que tenemos una mejor idea cuando se trata el hacer o no hacer de la creación de los iconos de la línea, vamos a ver cómo podemos lograr el mismo producto en Affinity Designer.

1. Cómo Crear un Nuevo Archivo de Proyecto

Como hicimos con el ilustrador, que vamos a empezar por crear un Nuevo Documento por dirigirse a Archivo > Nuevo (o usando el atajo de teclado Control-N), que nos se ajustan como sigue: 

  • Tipo: Web
  • Documento Unidades: Píxeles
  • Crear Mesa de Trabajo: Comprobar
  • Fondo Transparente: Comprobado
  • Ancho de Página: 128 px
  • Altura de Página: 128 px
  • DPI: 72
setting up a new document in ad

2. Cómo Configurar las Capas

Tomar un par de momentos y estructurar el archivo de proyecto abriendo el panel de Capas y luego crear dos capas utilizando el botón Añadir Capa, nombrarlos como sigue:

  • capa inferior: cuadrícula de referencia
  • capa superior: icono
setting up the layers in ad

3. Cómo Crear la Cuadrícula de Referencia

Una vez que hemos terminado de estratificación de nuestro documento, podemos pasar a la construcción de la red de referencia poco.

Paso 1

Empiece por seleccionar la capa inferior y luego crear la superficie de referencia principal (el tamaño base) usando un cuadrado de 128 x 128 px, que color uso de #F15A24 y luego coloque en el centro de la mesa de trabajo subyacente, utilizando el panel de Alineación con las opciones Alinear al centro y Alinear al medio.

creating the base grid in ad

Paso 2

Añadir el área de dibujo activado usando una más pequeño cuadro de 112 x 112 px, será de color usando blanco (#FFFFFF) y luego centro alineado a la superficie de referencia principal, que nos dará el mismo acolchado protector 8 px.

adding the active drawing area in ad

Paso 3

Con ambas formas en su lugar, asegúrese de que selecciona y agruparlos juntos usando el atajo de teclado Control-G, bloqueo de la capa actual utilizando el botón de Bloqueo/Desbloqueo poco, antes de pasar a la siguiente.

locking the layers in ad

4. Cómo Crear el Icono de Periódico

Posicionarte en la capa superior y vamos a comenzar a trabajar en el iconito de periódico.

Paso 1

Empezar por crear el fondo con un círculo de 112 x 112 px, que color uso de #AEEDEA y luego centro alinear a la mesa de trabajo subyacente.

creating the background in ad

Paso 2

Añadir la forma principal de la sección delantera del periódico utilizando un rectángulo de 40 x 44 px, que color usar blanco (#FFFFFF) y sitúe a una distancia de 30 px desde el área de dibujo activo izquierdo del borde y 34 px desde su cima uno.

creating the main shape for the front section in ad

Paso 3

Ajustar la forma de desactivar primero la opción de Radio Unico y entonces su esquina inferior izquierda (BL) en Redondeado, asegurándose de que darle un valor absoluto de 6 px.

adjusting the corner of the front section in ad

Paso 4

Crear una copia (Control C > Control V) de la forma resultante, que luego se coloque en la parte derecha de la activa zona de dibuja, para que sus caminos terminan por superposición.

creating a duplicate of the front section in ad

Paso 5

Con ambas formas seleccionados, utilice a la opción de Convertir a Curvas para que podamos ajustar sus caminos y luego individualmente abrirlos seleccionando los nodos derecha superior usando la Herramienta Nodo (A) y luego la acción de la Rotura de Curva. Una vez que ha abierto sus caminos, asegúrese de que usted seleccione y elimine todos sus nodos derecha usando la tecla Borrar.

opening up the paths of the front section in ad

Paso 6

Unir los segmentos de ruta resultante en una sola forma más grande mediante la Herramienta de Nodos acciones Unir curvas y Cerrar curvas.

uniting the paths of the front section in ad

Paso 7

Dar la forma resultante de un contorno usando el método de Trazo, mediante la creación de una copia (Control-C), que pegamos en el frente (Control-V) y luego ajuste primero cambiando su color a #43435B y luego los bancos su Relleno este Trazo (Shift-X), si su Ancho en 4 pt. Una vez haya terminado, asegúrese de que usted seleccione y los dos juntos usando el atajo de teclado Control-G.

adding the outline to the front section in ad

Consejo rápido: Comparado con Illustrator, donde usted tiene que ajustar manualmente Unirse del Trazo a RedondoAffinity Designer hace automáticamente ya que es la opción por defecto utilizada.

Paso 8

Crear la forma principal para la sección de lado del periódico utilizando un rectángulo de 12 x 36 px (#59C9C9), que se ajustará al establecer el radio de sus esquinas inferiores a 6 px, colocación la forma resultante a la derecha de la sección delantera, asegurándose de que sus caminos se solapan perfectamente.

creating the main shape for the side section in ad

Paso 9

Agregar la sombra sutil con una plaza de 6 x 36 px (#43435B), que colocará en el lado izquierdo de la sección actual, asegurándose de bajar su Opacidad al 24%.

adding the shadow to the side section in ad

Paso 10

Máscara de la sombra abriendo el panel de capas y primero agregando una copia (Control-C) de la forma de llenado de la sección de lado al Portapapeles, y luego simplemente arrastra la forma más pequeña en la parte superior.

masking the shadow in ad

Paso 11

Añadir el contorno pegando la copia en el Portapapeles utilizando el Control-V teclado atajo, cambiando su color a #43435B a su Relleno con Trazo (Shift-X), asegurándose de que establecer el Ancho a 4 pt. Una vez que usted haya terminado, no olvide seleccionar grupo (Control-G) de la sección lateral de componer formas antes de pasar al siguiente paso.

adding the outline to the side section in ad

Paso 12

Cambiar su enfoque hacia la parte delantera del periódico y crear la caja de la foto usando un rectángulo redondeado de 12 x 12 px (#43435B) con 2 px Radio de Esquina, que colocará a una distancia de 4 px del borde derecho del esquema más grande y 8 px desde su cima uno.

positioning the main shape for the photo in ad

Paso 13

Añadir la primera línea de texto utilizando un 8 px amplia a 4 pt de grueso Trazos (#43435B), que se posiciona en línea con la foto superior borde, a una distancia de 4 px desde su izquierda.

positioning the first text line in ad

Paso 14

Crear la segunda línea de texto utilizando una copia (Control C > Control V) del paso anterior, que se posiciona 4 px debajo de él.

adding the second text line in ad

Paso 15

Añadir la línea más amplia del texto, usando una copia (Control C > Control V) de la que nos hemos creado, que nos posicionará 4 px abajo y ajuste aumentando su Anchura hasta 24 px. Para hacer esto, abra el panel Transformar y primero asegúrese de que los ajustes se hacen en relación con su ancla izquierda punto haciendo clic en el Selector de Punto de Ancla izquierda de la caja y luego simplemente ingresando el valor indicado (24 px) en el campo de entrada de W(idth).

example of increasing the length of a stroke in ad

Paso 16

Crear la línea de texto final con una copia (Control-C > Control-V) del que sólo nos hemos ajustado, asegurándose de colocar abajo con la misma distancia de 4 px. Una vez que todas las líneas en su lugar, asegúrese de que usted seleccione y (Control-G) todos ellos juntos, haciendo lo mismo para el periódico todo luego.

adding the last text line in ad

Paso 17

Acabar con el icono añadiendo las líneas de movimiento poco usando 8 px de alto y Trazo de 4 pt grueso (#43435B) para el centro y dos más cortos 4 px unos de los lados, posicionándolos como se ve en la imagen de referencia. Tómese su tiempo y una vez que termines, no olvides seleccionar y (Control-G) todos ellos juntos, haciendo lo mismo para todos los de su composición formas luego.

finishing off the icon in ad

Resumen

Antes me montan apagado en la puesta de sol, quería recapitular un poco de los puntos clave que hemos aprendido cuando se trata de crear iconos en línea basada en el movimiento, en caso de que algunos de ustedes desean omitir la parte de todo el proyecto.

El Qué Hacer:

  • Cuando empiezas a trazar diferentes formas de composición de su icono, siempre hacer la matemática y asegúrese de incluir el valor de sus contornos (sus golpes) cuando hacerlo, ya que le ayudará a averiguar aspectos claves en lo que respecta a su posición en relación con la mesa de trabajo y uno con el otro.
  • Al elegir un peso para su movimiento, siempre intento ir con números pares (e.g. 2, 4, 6, 8, etc.) en lugar de impares (por ejemplo, 3, 5, 7, 9, etc.), ya que de lo contrario sus contornos acabará se desprendió de la Cuadrícula de Píxeles.
  • Al colocar las formas, siempre asegúrese de que sus caminos se superponen perfectamente, especialmente si usted está tratando con objetos que se han redondeado las esquinas o líneas más orgánicas.
  • Al agregar un contorno a una forma, asegúrese de que selecciona y agruparlos para que se comportan como una sola unidad, lo que facilita su resituarlos si necesita más tarde.
  • Como empezar a construir tu icono, asegúrese siempre de que mantener el mismo valor de color y el peso en todos tus golpes para lograr consistencia.
  • Al colocar formas dentro de un esquema, hacerlo siempre desde los bordes interiores de su carrera y no su centro.
  • Cuando alineando objetos basados en movimiento a los no basados en el movimiento, siempre asegúrese de ajustar su posición final, si has usado el panel Alinear, ya que el software siempre hace la alineación basada en centro del trazo y no sus bordes exteriores.
  • Al colocar varios objetos basados en el movimiento en relación uno con el otro, siempre hacer las matemáticas y son los valores de su mitad superior o inferior cuando se utiliza el panel Alinear, de lo contrario no conseguirás el resultado deseado.

Lo Que No Hacer:

  • Cuando se trata el hacer, son casi los opuestos exactos de los elementos de la viñeta de la lista anterior, así que mientras tenga esas ideas claves en mente, usted debe ser bueno para ir.

Como siempre, realmente espero que logró diversión trabajando en el proyecto y lo más importante aprender una cosa o dos durante el proceso.

Dicho esto, si usted tiene alguna pregunta, no dude en publicar en la sección de comentarios y voy a volver a usted tan pronto como pueda!

finished project preview

¡Ampliar Sus Habilidades de Creación de Icono!

¿Quieres saber más sobre la creación de los iconos? Bien, tomamos la libertad de selección de mano impresionantes tutoriales que le ayudarán a hacer precisamente eso!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.