Share
Lo que vas a crearEn este tutorial, aprenderemos cómo crear un conjunto de iconos de gemas simples pero de estilo plano en Adobe Illustrator. Usando formas básicas y modos de fusión, haremos que nuestras gemas preciosas brillen y brillen. No necesita habilidades ni dispositivos especiales de dibujo, así que comencemos!
Inicie Adobe Illustrator y haga una Nuevo documento (Control-N) de 600 x 600 píxeles, en Modo de color RGB.
Por conveniencia, utilizaremos Guías de la regla. Sólo mantener pulsado sobre el Reglas (Control-R) y arrastre las líneas de guía en la mesa de trabajo. Alinéelos en el centro de la mesa de trabajo usando el Alinear panel.
¡Ahora podemos empezar a hacer nuestro diamante! Comenzaremos con su parte inferior. Utilizar el Herramienta de polígono con 3 lados para crear un triángulo. Selecciona el Radio a 150 píxeles y coloca tu forma como se muestra en la captura de pantalla de abajo.
Duplica tu triángulo y aplasta la copia sosteniendo el Alt Tecla y moviendo uno de sus lados más cerca del centro..
Continúe y cree la parte superior de nuestro diamante agregando un rectángulo por medio de la Herramienta Rectangular (M).
Tomar el Herramienta de selección directa (A), seleccione el punto de anclaje superior derecho y muévalo más cerca del centro (mantenga pulsado Cambio Tecla para mover el punto en línea recta). Repita los mismos movimientos para el punto de anclaje superior izquierdo del rectángulo. Nuestra forma de diamante se hace cada vez más reconocible.!
¡Vamos a hacer más detallada la parte superior de nuestro diamante! Comience agregando otro rectángulo, inscrito en el centro de la parte superior. Forme una pequeña forma de triángulo dentro de la nueva forma creada y use el Herramienta de reflexión (O) para reflejarlo sobre el eje horizontal.
Ahora podemos colorear nuestro diamante y hacerlo brillar! Usaremos la siguiente paleta:
Para su conveniencia, use el Herramienta de cuentagotas (I) y simplemente elija los colores directamente de la captura de pantalla o use los códigos de colores RGB que se enumeran allí.
Empieza a colorear por la parte inferior y avanza gradualmente a los de la parte superior. Rellena la forma del triángulo inferior con el color azul cielo. (R = 173, G = 230, B = 255) y la parte superior con azul más claro. (R = 208, G = 239, B = 252). Rellene esas formas en la parte superior con blanco puro y reduzca ligeramente la transparencia de los objetos estableciendo el Opacidad valor para 50%, Así haciendo el diamante más realista y brillante..
Varíe la opacidad de cada elemento para enfatizar diferentes bordes de la gema..
¡Vamos a hacerlo brillar! Tomar el Herramienta estrella y crea un 4 puntas estrella simple Ajuste la nitidez de sus esquinas y la longitud de sus vigas sosteniendo ambos Control-clic mientras se hace el objeto. Crea otra estrella encima de la primera y gírala 45 grados utilizando la Herramienta de rotación (R).
Cambia el color de relleno de nuestro brillo a blanco. Haz varias copias de la chispa y colócalas encima de la gema, jugando con su tamaño..
Ahora necesitamos agregar una forma de icono básica como fondo. Crea un círculo usando el Herramienta Elipse (L) y rellenarlo con degradado lineal de violeta oscuro. (R = 95, G = 61, B = 129) en el fondo a lila (R = 195, G = 125, B = 207) en la parte superior.
Lo último, pero no menos importante, es representar un efecto de gráficos de estilo plano entre una sombra larga. Comience formando un rectángulo de cualquier color con el Herramienta Rectangular (M). Girara 45 grados y alinea su lado con el borde derecho de tu diamante.
Coloca el objeto debajo del diamante. (Controlar-[) Para ocultar cualquier parte innecesaria de la misma. Seleccione tanto el círculo de fondo como la forma del rectángulo y use el Herramienta de creación de forma (Shift-M) para eliminar la parte innecesaria haciendo clic en ella, mientras mantiene presionada la Alt llave. Por último, rellene la forma con degradado lineal de azul grisáceo (R = 154, G = 176, B = 197) a blanco Cambiar el Modo de fusión a Multiplicar,Así se forma una sombra, proyectada por nuestro diamante..
¡Nuestro icono de diamante está listo! Vayamos a la siguiente gema.!
Empieza formando un cuadrado con la Herramienta Rectangular (M) y girarlo para 45 grados.
Toma el Herramienta de segmento de línea (\), Crea dos líneas de cruce rectas y colócalas en el centro de la plaza. Selecciona todo y usa el Dividir función en el Pionero Panel para dividir el cuadrado en cuatro secciones separadas..
Ahora podemos rellenar cada parte con un color diferente para enfatizar las facetas de nuestra gema. He usado la siguiente paleta para el rubí:
Necesitamos agregar más reflejos y reflejos a nuestro rubí para mostrar su textura de vidrio. Para este propósito, dupdo y pegar en frente (Control-C> Control-F) La sección superior derecha del rubí y lo hace un poco más pequeño que la forma original. Rellene la nueva copia con un degradado lineal de polvo amarillo. (R = 209, G = 181, B = 96) a negro y cambiar el modo de fusión a Pantalla, de esta manera creando un resaltado. Utilizar el Herramienta de reflexión (O) para hacer la copia reflejada del punto culminante en el otro lado de nuestra gema.
Continúa agregando detalles menores a nuestro rubí, haciéndolo más dimensional. Poner un cuadrado más pequeño, rotado a 45 grados, Encima de la gema y alinéela con el centro de la imagen. Rellena la nueva forma con degradado lineal de rosa oscuro (R = 228, G = 20, B = 64) a rosa rosa (R = 225, G = 107, B = 126) color. Finalmente, adorna nuestro rubí con algunas estrellas parpadeantes que hemos creado antes para el diamante..
Ponga el rubí en un círculo, lleno de degradado lineal de un verde más oscuro (R = 81, G = 163, B = 37) al amarillo verdoso más claro (R = 201, G = 230, B = 85), y forme una sombra larga y bonita para darle al icono una apariencia de diseño plano popular.
¡El icono de rubí está terminado! Prepárate para la próxima, va a ser aún más divertido.!
Tomar el Herramienta de rectángulo redondeado y crear una forma de aproximadamente 233 x 233 tamaño de píxeles y Radio de esquina ajustado a 30 pixeles. Utilizar el Convertir herramienta de punto de anclaje (Mayús-C), Haciendo clic en los puntos de anclaje uno por uno, para convertirlos en esquinas.(o simplemente use el Convertir los puntos de anclaje seleccionados a la esquina funciona en el panel de control de arriba para transformar todos los puntos a la vez). Ahora tenemos un cuadrado con las esquinas cortadas..
Avanza y agrega más facetas a nuestra preciosa gema. Utilizar el Herramienta de polígono para crear un triángulo, transfórmelo y colóquelo de manera que su esquina más nítida quede orientada hacia el centro de sus mesas de trabajo, como se muestra en la captura de pantalla.
Utilizar el Herramienta de reflexión (O) para reflejar y copiar las facetas en todos los lados de la forma básica esmeralda.
Aplica un suave degradado lineal de verde oscuro. (R = 21, G = 155, B = 24) a verde hierba más brillante (R = 143, G = 220, B = 46) a la forma esmeralda básica y rellene las facetas con degradado de verde grisáceo (R = 148, G = 199, B = 65) a negro, cambiándolo a Pantalla modo.
Vamos a hacer nuestra gema más en forma. Forma otro triángulo sobre otras partes de la esmeralda, doblando su esquina hacia el centro de la mesa de trabajo. Borre las partes innecesarias usando el Herramienta de creación de forma (Shift-M) y redimensiona la nueva forma, haciéndola un poco más pequeña que la base esmeralda.
Ahora podemos rellenar la nueva forma con el mismo degradado lineal que las facetas y cambiarla a Pantalla modo (o simplemente usa el Herramienta de cuentagotas (I) con su configuración por defecto para elegir la apariencia del objeto necesario). Duplica esta forma para colocar la copia en la parte superior de nuestra gema..
Duplica la forma básica de la esmeralda y reorganiza su posición, trayendo eso al frente (Shift-Control-) y colocando encima de todos los demás objetos. Cambie el color de relleno al degradado lineal de verde pálido (R = 201, G = 235, B = 120) a la carta verde más oscura (R = 83, G = 192, B = 44). Finalmente, agregue destellos para hacer nuestra gema brillante y atractiva..
Agrega un toque final al ícono formando un círculo, lleno de degradado lineal desde un rosa más oscuro (R = 247, G = 62, B = 87) para encender la barbie-rosa (R = 255, G = 132, B = 185) y dibujar una larga sombra. Ahora que has terminado con la esmeralda! Es hora de pasar a la siguiente gema..
Usaremos el Herramienta de polígono de nuevo por hacer una forma básica de alrededor de 130 píxeles tamaño, pero esta vez establecer el Lados cantidad a 8, Así se forma un octágono. Gírelo, si es necesario, para que sus esquinas queden alineadas con la Guías. Crea una línea recta con el Herramienta de segmento de línea (\) y usar el Herramienta de rotación (R), estableciendo el Ángulo valor para 45 grados y golpear el Dupdo Botón para duplicar la línea..
Continuar haciendo copias de la línea con el Herramienta de reflexión (O) De modo que crucen cada esquina del octágono, formando un grupo de rayos estilizados, que convergen en el centro. Finalmente, selecciona las líneas y el octágono y usa la Dividir Funciona en el panel de Pathfinder para separar el objeto.
Ahora la parte fácil! Simplemente seleccione cada porción de nuestro octágono, una por una, y rellénela con varios tonos de azul. Aquí está mi paleta, los colores se aplicaron secuencialmente, moviéndose en el sentido de las agujas del reloj..
Complete el renderizado de nuestro zafiro colocando un octágono más pequeño en la parte superior y llenándolo con un degradado lineal desde el cielo azul claro (R = 183, G = 238, B = 255) al azul más oscuro (R = 38, G = 183, B = 255). Condimenta tu gema con una pizca de destellos..
Completa el icono llenando su base con un degradado lineal cálido de naranja (R = 255, G = 132, B = 0) al amarillo miel (R = 255, G = 242, B = 88) y poniendo una suave sombra.
¡Gran trabajo! Nuestro zafiro está terminado. Estamos listos para pasar al siguiente elemento del conjunto..
Empieza por hacer un cuadrado simple y ve a Objeto> Ruta> Añadir puntos de anclaje. Seleccione el punto de anclaje, que apareció justo en el centro de la parte superior del cuadrado y tire un poco hacia arriba. Repita lo mismo para el punto de anclaje inferior, formando así un buen hexágono extendido.
Dibuje varias líneas rectas formando un grupo de rayos, que dividirán el objeto, como lo hicimos con la forma básica del octágono de zafiro.
Rellene cada segmento con colores ámbar suaves de la paleta, haciendo que la gema sea soleada y cálida.
Cubra la forma con otro hexágono de un tamaño más pequeño y rellénelo con un gradiente suave de amarillo brillante (R = 255, G = 232, B = 54) a naranja pálido (R = 255, G = 178, B = 72), Profundizando el brillo interior de la joya..
Agitar nuestro ámbar con un par de chispas y terminar el icono aplicando un rico degradado azul de tono más oscuro (R = 66, G = 135, B = 155) por un lado y más ligero (R = 87, G = 241, B = 255) en el otro.
Luciendo genial, ¿no es así? Vayamos a la final.!
Esta vez nuestra gema tendrá forma de triángulo. Dibújalo con la ayuda de la Herramienta de polígono, estableciendo el tamaño en aproximadamente 150 píxeles y el Lados valor para 3.
Ahora necesitamos crear otro triángulo, aplastarlo ligeramente y rotarlo, colocándolo como se muestra en la captura de pantalla a continuación. Deja que uno de sus lados se alinee con el lado derecho de la forma básica de tu gema. Agregue el triángulo similar para el lado izquierdo y para la parte inferior de la forma básica.
Rellene cada forma con un tono diferente de color lila, de acuerdo con la siguiente paleta:
Duplique ambos triángulos laterales y haga las copias un poco más pequeñas que el original. Rellene la copia correcta con un degradado lineal de púrpura claro (R = 197, G = 132, B = 209) a negro, configurando su Modo de fusión a Pantalla. Utilice el mismo método para la copia de la izquierda, aplicando el degradado de un violeta más oscuro (R = 115, G = 56, B = 181) a negro.
Para hacer que nuestra gema sea más dimensional, ponga un pequeño triángulo en la parte superior y rellénelo con un degradado lineal de un color lila pálido. (R = 232, G = 181, B = 255) a un morado más oscuro (R = 172, G = 77, B = 219). No olvides añadir algunos destellos diminutos..
Para finalizar, agregue el ícono de la base y rellénelo con un degradado lineal de naranja rojizo (R = 255, G = 88, B = 46) Color en la parte inferior a amarillo brillante. (R = 255, G = 233, B = 87) encima.
Parece que nuestra amatista ha terminado con éxito!
¡Felicidades, acaba de terminar de crear el conjunto completo de iconos de gemas brillantes en un estilo plano popular! Espero que hayas disfrutado el proceso y hayas encontrado algunos consejos y trucos útiles en este tutorial..
Accentsconagua