Share
Lo que vas a crearHay muchas razones por las que Adobe Illustrator es una excelente aplicación para crear íconos. Los mismos elementos se pueden usar como bloques de construcción para garantizar la coherencia y acelerar su flujo de trabajo. Aprenda una variedad de técnicas, desde la construcción de formas básicas hasta efectos de iluminación más complejos.
Una cosa que es importante al crear un conjunto de iconos es la consistencia. No solo en estilo, sino en tamaño, perspectiva e iluminación (para más información sobre el diseño efectivo de iconos, consulte este artículo). Con ese fin, obtendremos ayuda de los efectos 3D de Illustrator para configurar la forma básica.
Haga clic una vez con la herramienta Polígono para crear un hexágono. Puede ser de cualquier color.
Vaya a Efectos> 3D> Extrusión y biselado. Introduzca los valores a continuación. La Profundidad de Extrusión puede variar, dependiendo del tamaño de tu hexágono y tu preferencia de qué tan alto quieres que sean los íconos.
Vaya a Objeto> Expandir apariencia. Luego desagrupa las formas. Probablemente tendrás que seleccionar Desagrupar dos veces. Eliminar la forma superior. Archivo de las tres formas restantes con amarillos, como en la imagen de abajo. La cara izquierda tiene un relleno degradado, que va del amarillo medio a uno ligeramente más oscuro.
Elija la herramienta Convertir ancla (Mayús + C) y haga clic y arrastre en el punto de la esquina superior izquierda para redondear la parte superior de la forma. Mantenga presionada la tecla Mayús mientras arrastra para restringir a 90 grados, lo que mantendrá el lado del lápiz recto y las curvas más uniformes. También puede activar las guías inteligentes para ayudar. Haz lo mismo con cada forma, para redondear las tapas..
Ahora puede hacer clic en los mangos inferiores de estos puntos curvos para deshacerse de ellos. Esto no es absolutamente necesario, pero creo que lo convierte en un archivo más limpio.
Seleccione la forma del centro y vaya a Objeto> Ruta> Ruta de desplazamiento. Elija -4 píxeles (o según el tamaño de su forma), de modo que la nueva forma quede ligeramente insertada de la original.
Rellene la nueva forma con un degradado lineal de blanco a negro, como se muestra en la siguiente imagen. En el panel Transparencia, cambie el Modo de fusión a Pantalla y configure la Opacidad en aproximadamente el 50%.
Haga una copia de la cara derecha y arrástrela a un lado. Opción: arrastre otra copia, colocándola ligeramente hacia abajo y hacia la derecha. Tome la herramienta Creador de formas (Mayús + M), mantenga presionada la tecla Opción / Alt y arrastre para eliminar las formas resaltadas.
Alinear la forma restante en la parte superior del lado derecho. Luego, como lo hizo en el Paso 7, rellénelo con un degradado y cambie la configuración de Transparencia.
Use la herramienta Pluma para dibujar un triángulo para el punto del lápiz. Active las guías inteligentes para colocar el punto central en el centro de las formas del lápiz.
Rellene la forma con un degradado, como se muestra en la imagen de abajo. Use la herramienta Degradado para inclinar el degradado ligeramente para ajustarse al ángulo de los lados.
Para el avance en la punta, dibuje una elipse y céntrela con la forma del triángulo. En el panel de Pathfinder, haga clic en el botón Dividir. Eliminar el exceso de elipse. Podría usar la herramienta Shape Builder, pero en este caso, deja atrás muchos puntos innecesarios.
Haga una copia de las tres formas principales del lápiz. Use Pathfinder> Agregar para fusionarlos en una forma. Opción-arrastre una copia sobre el original. Utilice la herramienta Creador de formas para eliminar las formas inferiores, dejando un afeitado fino para el lápiz. Colorea esto con un amarillo muy claro y colócalo sobre las formas de lápiz amarillo..
Use la herramienta Shape Builder para eliminar la superposición en cada lado.
Agregue luces a la punta dibujando un triángulo delgado, como en la imagen de abajo. Utilice la herramienta Pluma y siga la curva de la forma amarilla. Rellena este triángulo con un degradado lineal, luego ajusta la configuración de Transparencia, como antes. Haga doble clic en la herramienta Reflejar para reflejar y copiar esta forma. Aligerar el resalte derecho, como se muestra.
Para una dimensión adicional, agregue un bisel a la parte inferior del lápiz. Primero dibuje un triángulo delgado que vaya desde el borde de la forma del lápiz izquierdo hasta la intersección de las formas izquierda y central. Usar guías inteligentes te ayudará a hacerlo bien. Reflexiona-copia esta forma y colócala en el lado derecho.
Dibuja un rectángulo largo y delgado del mismo ancho que la forma del centro. Use la herramienta Selección directa (A) para mover los puntos inferiores en línea con los triángulos derecho e izquierdo. Una vez más, las guías inteligentes ayudarán.
Rellene las formas de bisel con amarillos más oscuros, como en la imagen de abajo.
El lápiz está terminado. Seleccionar todo y agrupar.
Para una reflexión brillante, seleccione el grupo de lápices y cópielo en el eje horizontal. Con la herramienta Selección directa, arrastre los puntos laterales para que el ángulo de los trazados coincida con el de la forma del lápiz original. Haga esto en ambos lados.
Dibuje un rectángulo y rellénelo con un degradado radial de blanco a negro. Colóquelo sobre la copia reflejada, como se muestra. Seleccione tanto el rectángulo como la copia a lápiz, vaya al panel Transparencia, haga clic en el menú desplegable y seleccione Crear máscara de opacidad.
Puede volver a colocar o editar la máscara haciendo clic en su miniatura en el panel Transparencia.
El lápiz completado, con reflexión:
Dibuja un círculo perfecto con la herramienta Elipse. Puede hacer clic en la mesa de trabajo e ingresar valores iguales, o mantener presionada la tecla Mayús mientras arrastra con la herramienta. Ahora, para asegurar la consistencia con el lápiz, aplique el mismo efecto Extrusión y Biselado 3D que antes..
En las opciones de Superficie en el cuadro de diálogo 3D, elija Sin sombreado. Expandir el círculo 3D.
Rellena el óvalo superior con un gris oscuro. Fusionar las dos mitades del cilindro. Rellena esta forma con un degradado rojo, como en la imagen de abajo. Esta será la forma de la base del mango del cepillo..
Para hacer la forma de la banda de metal, primero haga una copia del objeto del cilindro. Opción / Alt arrastre otra copia debajo del original. Seleccione ambos objetos y haga clic en Dividir en el panel de Pathfinder. Luego borra las formas del fondo.
Dibuja un óvalo y alinea su centro con el borde de la forma que acabas de crear. Copia el óvalo y alinéalo con el otro lado. Combina estas tres formas. Rellena la nueva forma con un degradado metálico. Para acceder a los degradados metálicos, haga clic en el menú Bibliotecas de muestras en la parte inferior del panel Muestras y navegue a Gradientes> Metales.
Cree un resaltado para el borde superior del metal de la misma manera que creó la banda de metal. Comenzando con una copia de la elipse superior, arrastre y copie, Divida, luego elimine el exceso.
Una gran parte de este tutorial consiste en crear formas a partir de formas existentes, como en el Paso 3. Haga una copia de la forma de la banda de metal que acaba de crear. Use la herramienta Tijeras (C) para cortar la ruta, como se muestra en la imagen de abajo. Deseche la sección central, dejando solo dos caminos curvos..
Coloque los caminos arriba y debajo de las "protuberancias" en la banda de metal. Es posible que tengas que ajustar las rutas con la herramienta Pluma.
Una vez que las rutas curvas están en su lugar, expándalos (Objeto> Ruta> Trazar contorno). Acercar y eliminar el exceso de formas con la herramienta Creador de formas (Mayús + M). Mantenga presionada la tecla Opción / Alt para eliminar formas.
Rellena los trazos expandidos con el mismo degradado de metal. En el panel Transparencia, cambie el Modo de fusión a Multiplicar. La banda de metal terminada (conocida técnicamente como la "férula") está debajo.
Como hizo con el resaltado de bordes en el Paso 5, cree una forma para una sombra debajo de la férula. Rellénelo con un rojo oscuro y cambie el modo de fusión a Multiplicar.
Para mayor profundidad, cree una banda ancha en la parte superior del mango del cepillo. Haga una copia de la forma del mango. Con la herramienta Selección directa, marquee-seleccione los puntos superiores y muévalos hacia abajo. Seleccione los puntos inferiores y empuje hacia arriba.
Rellene la banda con un degradado en blanco y negro, como se muestra en la siguiente imagen. Cambie el modo de fusión a pantalla y la opacidad a aproximadamente el 70%.
Como hiciste con el lápiz, crea una forma más oscura debajo del cilindro para obtener un poco más de profundidad. El mango del cepillo terminado está debajo.
Para las cerdas de pincel, dibuje una elipse que sea un poco más ancha que alta. Toma la herramienta Borrador (Shift + E) y recorta una sección para formar una punta, como se muestra en la siguiente imagen. Es posible que tengas que simplificar la ruta si es demasiado entrecortada. Vaya a Objeto> Ruta> Simplemente para suavizarlo.
Rellene esta forma con un gradiente de tres paradas como se muestra.
Vaya a Objeto> Ruta> Ruta de desplazamiento. Introduzca un valor negativo para crear una versión más pequeña de la forma. Rellénalo con el color más claro del gradiente de arriba. Cambie el modo de fusión a pantalla y reduzca la opacidad al 20%. Ahora muévelo hacia abajo un poco.
Dibuja un camino pequeño, ligeramente curvado. Cambie su perfil de ancho en el menú desplegable en la barra de control.
Haga varias copias de este trazo, luego vuelva a clasificar según el tamaño y colóquelas como se muestra. Vaya a Objeto> Expandir apariencia. A menudo, esto resulta en demasiados puntos en una ruta, así que vaya a Objeto> Ruta> Simplificar.
Seleccione todos estos objetos y complete el conjunto con un degradado lineal en blanco y negro. Colocar sobre la forma de la cerda. Cambia el modo de fusión para multiplicar y reducir la opacidad..
Dibuja una forma triangular curva para resaltar. O copie uno de los trazos de arriba y modifíquelo. Cambie el modo de fusión a pantalla y reduzca la opacidad al 60%. Refleja-Copia esta forma y colócala en el otro lado..
Cree una nueva forma copiando la forma de la cerda principal y luego dibujando una elipse, como se muestra en la siguiente imagen. Divide los dos en el panel de Pathfinder. Tome la forma del fondo y colóquela sobre las cerdas. Rellénelo con naranja y cambie el modo de fusión a Multiplicar.
Para la pintura en sí, seleccione la forma de cerda principal y compárela con 2 píxeles. Tome esta nueva forma y cree goteos orgánicos borrando la forma con la herramienta Borrador.
Rellene la forma de la pintura con un degradado que va de un color a un tinte del mismo color.
Compensar esta forma por 2 o 3 píxeles negativos. Rellene la nueva forma con un degradado del trazador de líneas negro a gris y cambie el Modo de fusión a Pantalla.
Desplace el segundo camino y simplifíquelo si es necesario. Su goteo debe verse como la imagen de abajo.
Al igual que hiciste en los pasos 17 y 18, dibuja pequeños caminos curvos para los aspectos más destacados del goteo. Aplique el mismo perfil de ancho de antes. Cambia su modo de fusión a pantalla y la opacidad al 60%.
La razón para usar este método, en lugar de trazos de color y un degradado de color normal, es que puede cambiar el color subyacente sin necesidad de cambiar cada forma en la parte superior. Por lo tanto, si decide que desea pintar con pintura púrpura, por ejemplo, todo lo que necesita hacer es cambiar el relleno del objeto inferior.
Cree una sombra para la "pintura" desplazando la forma de la base, y luego use esa nueva forma como la sombra. Cambia su color a marrón y su modo de fusión a multiplicación. Borre cualquier parte que cuelgue sobre la parte superior o los lados. Coloca la pintura sobre la sombra..
La punta de tu pincel completo debe verse como la imagen de abajo.
Agrupe todos los elementos de la punta del cepillo y colóquelo detrás del mango del cepillo. Escala si es necesario para que parezca que está adjunta. El óvalo oscuro debe ir detrás de la punta del pincel, para tener una idea de las cerdas sentadas en el mango.
Como el pincel es redondo, podemos hacer un poco de trampa en el reflejo, en lugar de usar el método de máscara de opacidad. Crea un rectángulo del mismo ancho que el mango del pincel. Rellénelo con un degradado radial de tres paradas, que va del rojo al rojo claro y al blanco (o transparente). El truco consiste en colocar el centro del degradado bien fuera del centro del rectángulo, como se muestra en la imagen de abajo..
Coloque el rectángulo detrás del cepillo y alinéelo con el mango del cepillo. Mueva hacia arriba o hacia abajo según sea necesario. El cepillo ya está completo..
Haga una copia del mango del cepillo, menos la banda de metal. Cambia el degradado rojo a uno negro y gris oscuro. La banda proyectada sigue siendo la misma..
Coloque puntos en cada lado con la herramienta Agregar ancla (+). Ayudará a dibujar una guía para que los puntos se coloquen al mismo nivel. Mueve cada punto hacia el centro a la misma distancia. Por lo general, solo presiono las teclas de flecha derecha e izquierda, contando el número de clics.
Use la herramienta Convertir ancla para hacer los lados curvos. Por último, mueva los puntos de la banda filtrada para alinearlos con la nueva forma..
Como lo ha hecho a lo largo del tutorial, copie el óvalo superior y utilícelo para crear una nueva forma para el borde. Rellénalo con un degradado radial, como en la imagen de abajo..
Dibuje una nueva forma oval y céntrela en la existente. Rellénelo con un degradado de gris a negro como se muestra, para dar la ilusión de profundidad.
El mango de la pluma completado está debajo.
Para construir la punta, use la herramienta Pluma y dibuje una ruta con tres puntos, como en la imagen de la izquierda. Tome la herramienta Convertir ancla y arrastre los puntos superior e inferior para crear lados curvos. Active las guías inteligentes para limitar el arrastre a 90 °..
Refleje-copie esta ruta, luego junte los puntos como se muestra en la imagen de abajo.
Dibuja un rectángulo vertical delgado y una elipse. Centrarlos con la forma de plumilla principal. Selecciona todo y presiona Minus Front en el panel de Pathfinder.
Rellena la forma de la punta con un degradado metálico. Utilicé la muestra de oro predeterminada, luego realicé los colores más brillantes y más saturados.
Para darle un poco de dimensión a la plumilla, presione Opción y arrastre para hacer una copia. Llénalo con un dorado profundo y envíalo detrás del original..
Alinee los puntos superiores, como en la imagen de abajo. Mueve los puntos laterales para que estén en línea con el original..
Haga una copia de la forma de la punta y utilícela para crear nuevas rutas. Corta el camino en los puntos que se muestran a continuación. Deseche todos los segmentos excepto los resaltados..
Coloque estos caminos de resaltado en la parte superior de la punta de oro. Cambie sus perfiles de trazo y ajuste los puntos para que se alineen con la forma de la punta principal.
Una pluma vertical normalmente no se llenaría de tinta, pero pondremos algo de contraste. Dibuje una forma negra y envíela detrás de la punta, como se muestra.
Luego dibuja dos elipses para la gota de tinta. La parte superior está llena de un degradado de línea como un resaltado.
Un montón de plumillas cuentan con algún tipo de grabado decorativo. Encuentra un adorno u otro elemento. Hay toneladas en la web para descargar. Aquí hay una lista de gráficos ornamentales de varias fuentes..
Crea un arreglo simétrico con tu adorno. Cambia el modo de fusión para que el gradiente se muestre a través.
La parte inferior de la punta debe alinearse con el óvalo superior de la base, para que se vea como si estuviera empotrada. Por lo tanto el fondo debe estar curvado. Haga una copia del óvalo superior y conviértalo en una guía (Ver> Guías> Crear guías).
Alinee la parte inferior de la punta con la parte inferior de la guía. Agregue un punto a la parte inferior de la forma de la punta, luego use la herramienta Convertir ancla para hacerla curva.
Seleccione la punta y el óvalo superior. Opción / Alt arrastrar para hacer una copia de ambos objetos. Ve al panel de Pathfinder y elige Dividir. Eliminar todas las formas menos la inferior, que se utilizará como una sombra.
Coloque la forma de la sombra en la parte superior de la punta. Rellénelo con oro sólido y cambie el modo de fusión a Multiplicar.
Alinee la punta, con la sombra, en la base. Haga una copia del reflejo del pincel y cambie el degradado a tonos de negro. La pluma completa está debajo.
Illustrator es ideal para hacer iconos. Las rutas y objetos vectoriales se pueden copiar, cortar y reutilizar infinitamente, sin degradar. Trabajar con bloques de construcción de esta manera garantiza formas consistentes y archivos limpios. También ahorra tiempo: quién quiere dibujar el mismo camino una y otra vez?
Accentsconagua