Share
Sigue este rápido consejo y aprende cómo crear un conjunto de iconos de grunge. Usaremos muchos pinceles artísticos y, con la ayuda del Panel Pathfinder, crearemos la forma grunge. Para acentuar el aspecto sucio, utilizaremos el efecto Vidrio (Frosted) junto con otras apariencias..
Primero abre un nuevo documento web. Use la herramienta Rectángulo (M) para dibujar un cuadrado de 90x90 px y asígnele cualquier color de relleno. Copie y péguelo al frente, elimine el color de relleno existente y asigne solo un trazo de 1 pt. A continuación, tome la herramienta Tijeras (C) y haga clic en los cuatro puntos de la esquina del camino negro para cortar el cuadrado en segmentos. Coloré los cuatro caminos resultantes de manera diferente para que puedas verlos mejor.
Seleccione la ruta rosa y pásele un pincel de Arte llamado Charcoal-Thick que puede encontrar en el menú Bibliotecas de pinceles en Artistic> Artistic_ChalkCharcoalPencil. Usa el mismo pincel para trazar el camino azul. Pasa al camino naranja y pásalo con Chalk-Scribble de la misma categoría. Para el camino verde, he usado Dry Brush 8, que se puede encontrar en Artistic> Artistic_Paintbrush. El peso del trazo es de 1 pt para todos ellos. Puede elegir otros pinceles de la biblioteca si lo desea, no hay ninguna regla aquí. He probado varios y luego he usado los que me han gustado..
También puede voltearlos abriendo la ventana Opciones de trazo desde el Panel de apariencia y marcando las opciones Girar a lo largo o Girar a través.
Copie y pegue delante del camino izquierdo y elimine el trazo de pincel existente. Seleccione blanco como el color del trazo, luego abra el menú Bibliotecas de pinceles y navegue hasta Artistic> Artistic_Ink. Aquí encontrará un pincel artístico llamado Galaxy, utilícelo para trazar este camino (1). Copie y pegue en frente de la ruta inferior y use Fire Ash para acariciarlo (2), que puede encontrar en la misma categoría. El peso del trazo para estos dos caminos es 1 pt..
Copie y pegue nuevamente en el frente la ruta inferior y pásele un pincel seco 2, que se encuentra en Artistic> Artistic_ChalkCharcoalPencil. Cambie el peso del trazo para esta ruta a 0.5 pt (3).
A continuación, tome la herramienta Pluma (P) y dibuje un camino sobre la esquina superior derecha del cuadrado como en la imagen de abajo. Golpéelo con un pincel de Arte llamado Tiza que puede encontrar en Artistic> Artistic_ChalkCharcoalPencil y cambie el peso del Trazo a 2 puntos.
Oculte todos los trazos blancos y enfoque los primeros trazos de pincel (paso 2). Seleccione los cuatro y en el menú Objeto elija Expandir apariencia. Seleccione todas las formas rosadas resultantes y también el cuadrado y haga clic en Agregar al área de forma> Expandir desde el Panel de Pathfinder. Obtendrá la ruta compuesta de grunge que se muestra en la primera parte de la imagen a continuación.
Ahora, haz que todas las pinceladas blancas vuelvan a ser visibles. Seleccione los cuatro y luego, en el menú Objeto, elija Expandir apariencia y en el Panel de Pathfinder elija Agregar al área de forma> Expandir. Como resultado de estas acciones, obtendrá una ruta compuesta compleja como la que se muestra en la segunda parte de la imagen. Seleccione ambas rutas compuestas (esta y la verde) y haga clic en Restar del área de forma> Expandir desde el Panel de Pathfinder. La forma de grunge que necesitas para crear estos iconos está lista..
Rellene la forma de grunge obtenida con el degradado radial que se muestra, luego vaya al Panel de apariencia, abra el menú desplegable y elija Agregar nuevo relleno. Cambie el degradado con el segundo degradado que se muestra en el siguiente ejemplo, que tiene los mismos colores solo que están invertidos. Después de haber seleccionado este segundo relleno en el Panel de apariencia, vaya al menú Efecto> Ruta> Ruta de compensación y aplique un valor de compensación de menos 2 px.
Con el segundo relleno aún seleccionado, vaya al menú Efecto> Distorsionar y aplique el efecto Cristal. Establece los valores mostrados y como la textura elige Frosted. A continuación, vaya al menú Efecto> Estilizar y aplique el efecto Pluma, luego cambie el modo Fusión a Luz suave.
Continuemos con los símbolos. Todos los símbolos que he usado se pueden encontrar en el menú Bibliotecas de símbolos en las categorías escritas al lado de cada una. Encuéntrelos, arrástrelos a su área de trabajo y presione el botón Romper enlace a símbolo en el Panel de símbolos.
Centrarse en el símbolo de inicio. Después de presionar el botón Romper enlace a símbolo, vaya al menú Objeto y seleccione Desagrupar dos veces. Como resultado obtendrá tres formas, el hogar y las dos ventanas. Selecciónelos todos y haga clic en Restar del área de forma> Expandir desde el Panel de Pathfinder para obtener una única ruta compuesta.
Pasa al símbolo de compras. Seleccione Expandir en el menú Objeto para transformar los trazos en rellenos y luego Desagruparlos tres veces. Ahora seleccione todas las formas que conforman el carrito de compras y haga clic en Agregar al área de formas> Expandir para obtener una forma única.
Continuar con el símbolo de búsqueda en todo el mundo. Seleccione Expandir apariencia en el menú Objeto y luego Expandir para transformar todos los trazos en rellenos. Desagrupe dos veces y luego seleccione todas las formas que forman este símbolo y haga clic en Agregar al área de forma> Expandir para unirlas todas..
Seleccione el símbolo En y primero elimine el efecto 3D del Panel de Apariencia. Expandirlo y luego Desagruparlo dos veces. Para el símbolo de globo de conversación, simplemente Desagrupe dos veces y el efecto 3D se eliminará..
Desagrupe el símbolo de Contactos y elimine el rectángulo redondeado gris. Seleccione todas las formas y haga clic en Agregar al área de forma> Expandir para obtener una única ruta compuesta.
Continuar con el símbolo de correo y desagruparlo tres veces. Borre todas las formas blancas, luego seleccione todos los trazos negros y expándalos. Ahora, seleccione todo y haga clic en Agregar al área de forma> Expandir desde el panel de Pathfinder.
Desagrupe el símbolo de Teléfono dos veces, luego seleccione el rectángulo redondeado y elimine el relleno negro. Déle un trazo negro de 1 pt, luego vaya al menú Objeto y expándalo. Seleccione todas las formas que conforman el símbolo y haga clic en Agregar al área de forma> Expandir para unirlas.
Aquí están todos los símbolos obtenidos hasta el momento. Tienen diferentes tamaños, así que escáralos hasta que todos tengan aproximadamente el mismo tamaño. Los otros símbolos que he usado se obtuvieron igual que los otros. El propósito aquí es obtener del grupo de formas que conforman cada símbolo un solo camino..
Regresemos a la forma del icono del grunge y pongamos el símbolo de Inicio obtenido en el paso 7 en el centro. Rellénelo con blanco, luego vaya al Panel de apariencia, abra el menú desplegable y elija Agregar nuevo relleno. Cambie el color de relleno a gris, luego vaya al menú Efecto> Desenfoque y aplique un Desenfoque Gaussiano de 3 px. De esta forma obtendrás una sombra discreta alrededor del símbolo..
Luego, tome la Herramienta de Tipo (T) y escriba "Inicio" usando una fuente llamada Cataclysmic que funciona perfectamente en este caso. Lo puedes encontrar aquí. El primer icono de grunge está listo y puede usarlo para crear los demás..
Duplique la forma del icono de grunge y simplemente cambie los dos gradientes radiales con los que se muestran. Coloque el símbolo A en la parte superior, llénelo con blanco y luego cree la sombra discreta que lo rodea como se muestra arriba. Escribe "Dirección" usando la misma fuente.
Haz los mismos cambios para crear el icono de la tienda ...
... y el icono de búsqueda:
Aquí están los cuatro iconos de grunge hechos hasta ahora. Si desea escalarlos, asegúrese de seleccionar Expandir apariencia para que la forma del grunge expanda todos los efectos aplicados. Lo mismo ocurre con los símbolos para expandir el efecto Desenfoque gaussiano. Además del relleno blanco, el texto también tiene un trazo blanco de 0.5 pt para hacerlo un poco más grueso, por lo que debe expandirse dos veces. Ahora todos están listos para ser escalados..
Si desea crear el resto de los iconos como en la imagen final, aquí están los dos degradados radiales que he usado para cada uno de ellos. Cámbialas, luego coloca el símbolo y escribe el texto..
Aquí están los otros dos iconos:
Las posibilidades son infinitas. En este conjunto también hice un ícono de Documentos, Moda, Configuraciones y un ícono del Tiempo usando el resto de los símbolos que se muestran en el paso 6. Puedes elegir cualquier tema y colores. También puedes optar por no escribir el texto y dejarlo simple..
Aquí está la imagen final, espero que les gusten estos coloridos iconos grunge.
Accentsconagua