Share
En el siguiente consejo rápido, aprenderá cómo crear un estilo de icono retro. Utilizará un símbolo web estándar y el Panel de apariencia para crear un estilo retro que se puede reutilizar en todo, desde íconos hasta texto. Este es el tutorial perfecto para principiantes que desean aprender más sobre el Panel de Apariencia. Vamos a empezar!
Debido a que este diseño está destinado a ser utilizado como un icono web, comience haciendo una mesa de trabajo de 96x96 píxeles. Otros tamaños populares para iconos web son 48px y 16px. Establecer las unidades en píxeles.
Debido a que este es un tutorial básico, usaremos algunos íconos prefabricados de la biblioteca de símbolos. Vaya a Ventana> Bibliotecas de símbolos> Iconos web. He elegido el icono de tijeras para demostrar el efecto en. Arrastre el símbolo al centro de la mesa de trabajo y escálelo para que tenga aproximadamente 64px de altura.
Rompa el vínculo entre el símbolo y la biblioteca yendo a Objeto> Expandir apariencia, o si está trabajando con un símbolo que necesita algunas partes agrupadas y eliminadas, puede usar la herramienta Shape Builder Tool (Shift + M) para combinar y restar áreas de la ilustración (en versiones anteriores de illustrator puedes usar la configuración de Pathfinder).
Con el símbolo que estoy usando, hice clic con el botón derecho en el símbolo para romper el enlace y luego tomé la herramienta Shape Builder para eliminar los círculos blancos del controlador. Para ello, mantenga presionada la opción y haga clic en las áreas que deben eliminarse..
Abra el panel Apariencia yendo a Windows> Apariencia. Ve a la "fx"en la parte inferior del panel Apariencia y navegue hasta Convertir en forma> Elipse e ingrese un ancho y altura absolutos de 92 px.
En el panel Apariencia, haga clic en el botón Agregar nuevo relleno en la parte inferior del panel para hacer un nuevo relleno sobre el primero en un color de contraste, estoy usando amarillo.
Haga clic en el primer relleno y cámbielo del negro predeterminado a un gris claro u otro color que se vea bien con el color de los símbolos.
Seleccione el color de relleno Elipse en el Panel de apariencia y vaya a "fx"y navegue hasta Distorsionar y transformar> Transformar y mueva el relleno 3px Horizontal y 3px Vertical, haga clic en Aceptar.
En el panel Apariencia, haga clic en el botón Agregar nuevo relleno en la parte inferior del panel para hacer un nuevo relleno sobre el primer color del símbolo en un tono, un tono más oscuro en un color que complementa al primero. Estoy usando marron.
Con el segundo color de relleno aún seleccionado, vaya a "fx"y navegue hasta Distorsionar y transformar> Transformar y mover el relleno 1px Horizontal y -1px Vertical, haga clic en Aceptar.
Con el segundo color de relleno aún seleccionado, vaya a "fx"y navegue hasta Pixelar> Color de medios tonos y configure el Radio máximo en 8 px, haga clic en Aceptar.
Deberías terminar con un efecto como el siguiente ejemplo..
Haga clic en la configuración de opacidad del relleno de medios tonos y cámbiela a Multiplicar con una opacidad del 25%..
Ahora añadiremos los toques finales al efecto. Primero agregaremos un poco de grano. Con el objeto seleccionado, vaya a "fx"y navegue hasta Textura> Grano. Juegue con los ajustes de Intensidad y Contraste hasta que encuentre un estilo que le guste, He usado una Intensidad de 30 y un Contraste de 45. Haga clic en Aceptar.
A continuación, agregue un efecto de esquina redondeada al relleno de medios tonos. Haga esto seleccionando el relleno de medios tonos y vaya a "fx"y navegue hasta Estilizar> Esquinas redondeadas. Obtenga una vista previa del radio para asegurarse de que el efecto se vea bien. He usado 2 píxeles. La escala del icono afectará el aspecto de las esquinas redondeadas y la cantidad de px que debe usar.
Agregue el efecto al panel Estilos gráficos (Ventana> Estilos gráficos) haciendo clic en el botón Nuevo estilo gráfico en la parte inferior del panel.
Ahora tendrá un estilo gráfico que se puede aplicar a muchas formas e íconos diferentes para crear un conjunto rápido de íconos retro. Para continuar con este tutorial, puede editar y cambiar la capa de medios tonos del estilo que ha creado para crear una gama de estilos retro sin tener que empezar desde cero. Vea lo que puede hacer y siéntase libre de compartir su trabajo en la página de Facebook de Vectortuts +.
Si disfrutó de este tutorial, le puede gustar "Cómo hacer un estilo de ícono reutilizable usando el Panel de apariencia", que lo guiará a través del proceso de creación de un ícono con formas básicas y la herramienta de búsqueda de caminos, y luego cómo agregar un bonito recuerdo Estilo utilizable. Que te diviertas!
Accentsconagua