Share
Lo que vas a crearEs hora de actualizar el aspecto del conjunto de iconos de su escritorio comenzando con los iconos para su reproductor de música o MP3. Con este tutorial de iconos de estilo de etiqueta, aprenderá cómo combinar formas degradadas, efectos en el panel Apariencia y formas desplazadas para renderizar círculos rápidamente al comienzo de un gran conjunto de iconos en Adobe Illustrator CC 2014.
Crear un Nuevo documento y usar el Herramienta Elipse (L) dibujar un círculo dentro del Mesa de trabajo. El tamaño que elija determinará el tamaño total del icono. Seleccionar tu circulo y ve a Objeto> Ruta> Ruta compensada Para crear un círculo más pequeño dentro del primer círculo.. Compensar por -0.2 pulgadas o varios píxeles (lo que haya creado un bonito borde entre ambos círculos).
Seleccionar El nuevo círculo y elija un gris oscuro para el color de relleno. Mantener el círculo exterior blanco..
Copiar (Control-C) y Pegar (Control-V) El círculo gris para la forma de la pegatina principal. Para hacer que el ícono tenga una etiqueta, parte del círculo interno debe verse como si hubiera comenzado a desprenderse. Dibuja un rectángulo usando la Herramienta Rectangular (M) y girarlo 45 ° de modo que quede en ángulo diagonal en la esquina inferior derecha del círculo. Superponer los dos ligeramente.
Seleccionar ambas formas y utilizar el Herramienta de creación de forma (Shift-M) para seleccionar cada forma y la forma de intersección para que quede con tres partes separadas.
Borrar el rectángulo medio. Seleccionar y Girar la parte inferior derecha del círculo de modo que quede hacia adentro (y su borde se alinee con el borde del círculo. La forma de la etiqueta adhesiva pelada está lista para renderizarse.
Elija un tema de color para su etiqueta. En este caso, es una naranja cremosa. La parte de la etiqueta adhesiva pelada debe ser más ligera que el resto de la etiqueta.. Seleccionar y Compensar La forma principal de la pegatina es de unos pocos píxeles, por lo que hay un pequeño borde alrededor del objeto. Asegúrate de que la forma del borde sea de un color más oscuro que el círculo principal.
Aplicar un Gradiente lineal utilizando la Herramienta de gradiente (G) a la forma de pegatina pelada con una -32.6 ° por lo que es paralelo a la orilla del pegador. En el Gradiente panel, agregue tres colores: naranja medio, naranja medio y naranja oscuro (el mismo color naranja oscuro que el contorno del paso anterior). Tenga en cuenta que el segundo color que se ve en el degradado a continuación fue el naranja claro aplicado en el paso anterior también..
Aplicar un Sombra paralela a la forma de pegatina pelada yendo a Efecto> Stylize> Drop Shadow con los siguientes atributos:
Seleccionar el círculo blanco exterior y aplicar una Sombra paralela con los siguientes atributos:
Utilizar el Herramienta Pluma (P) para dibujar una línea curva en cada extremo del lado izquierdo de la etiqueta. Establezca el color de relleno en nulo y el trazo en naranja claro. En el Carrera panel establece el ancho de trazo a 1 pt.
Seleccionar el círculo gris oscuro y Compensar su camino por -0.2 pulgadas, o la misma cantidad que compensó el primer círculo en Sección 1, Paso 1. En el Apariencia panel, ajuste el color de relleno a gris claro (# d0c7be). Añadir un nuevo relleno con un Gradiente lineal un bronceado -122.3 ° ángulo. Echa un vistazo a los colores agregados a continuación (la idea es gris con un arco iris ligero). Reducir el Opacidad a 60%, más o menos. Aplicar un Sombra paralela Efecto al círculo con los siguientes atributos:
Seleccionar la forma de CD y Compensar el circulo por -5-10 px, más o menos. Repite, selecciona los dos nuevos círculos y pulsa Frente menos en el Pionero panel. Aplicar el mismo Gradiente lineal Del paso anterior. Cambiar el Modo de mezcla a Multiplicar y Opacidad a 73% en el Transparencia panel.
Dupdo y Pegar la forma del CD. Borrar Colores de relleno extra y efectos en el Apariencia panel. Aplicar un Gradiente lineal de gris alterno en 0% de opacidad y blanco en 100% de opacidad en un 50.4 ° ángulo. Selecciona el Modo de mezcla a Cubrir. Coloque el círculo debajo de la etiqueta naranja y sobre el CD en la Capas panel.
En el Apariencia panel, agregue otro relleno al círculo gris oscuro de # 282828 a 100% a 0% de opacidad en un -37 ° ángulo.
Seleccionar La principal forma de etiqueta naranja y agregar otro relleno por encima de la primera en el Apariencia panel. Aplicar un Gradiente lineal que va desde el naranja oscuro (# b9362d) a media naranja mediana (# ffbaa4) en una 137.8 ° ángulo.
La nota musical es bastante simple. Siga el desglose a continuación:
Unir La nota musical se forma en el Pionero panel. Dupdo y Pegar la nota, cambie el color de relleno a la misma luz naranja de Sección 2, Paso 5. Cambiar el Modo de mezcla a Cubrir y desvíelo ligeramente de la nota musical principal (ver más abajo para la ubicación). Grupo ambas notas musicales juntas.
Dupdo y Pegar La principal forma de pegatina. Seleccione la forma copiada y el grupo de notas musicales y Hacer una máscara de recorte (Control-7). Coloque el grupo de máscara de recorte debajo de la forma de la etiqueta adhesiva pelada en el Capas panel.
Exporte su icono como un archivo GIF o PNG transparente (y no olvide dimensionarlo en consecuencia). Ahora que ha terminado su ícono de música, ¿qué otros íconos de escritorio y móviles puede hacer? ¿Qué pasa con las variaciones de color? Nos muestran en los comentarios.!
¿Te interesan los tutoriales de iconos? Echa un vistazo a estos a continuación:
Accentsconagua