Consejo rápido cree un conjunto de botones brillantes en Adobe Illustrator

En los siguientes pasos, aprenderá cómo crear un conjunto simple de botones brillantes. Es otro tutorial que se centra en el panel Apariencia, ya que todo el botón se crea utilizando solo una forma con múltiples rellenos y trazos, además de algunos efectos simples.


Paso 1

Cree un documento RGB de 600 por 300 píxeles, elija la herramienta Rectángulo (M) y cree una forma del tamaño de su mesa de trabajo. Rellénelo con R = 49 G = 52 B = 57, elimine el color del trazo y concéntrese en el panel Aspecto (Ventana> Aspecto). Agregue un nuevo relleno para esta forma usando el botón Agregar nuevo relleno. Es el pequeño icono cuadrado blanco que se encuentra en la parte inferior del panel Apariencia. Seleccione este segundo relleno, baje su opacidad al 50% y use el gradiente radial que se muestra a continuación. Continúe en el panel Apariencia y agregue un tercer relleno. Selecciónelo, conviértalo en negro, baje su opacidad al 15%, cambie el modo de fusión a Multiplicar y vaya a Efecto> Artístico> Grano de película. Ingrese los datos que se muestran a continuación y haga clic en Aceptar. Vaya al panel Capas (Ventana> Capas) y bloquee esta forma.


Paso 2

Elija la herramienta Ellipse (L) y simplemente haga clic en su mesa de trabajo para abrir la ventana de Ellipse. Introduzca 60 en los cuadros Ancho y Alto y haga clic en Aceptar. Obviamente, esto creará un círculo de 60px. Rellénelo con R = 36 G = 40 B = 43 y elimine el color del trazo.


Paso 3

Vuelva a seleccionar el círculo de 60 px y agregue un trazo de 7 puntos. Establezca su color en R = 39 G = 170 B = 225 y alinéelo con el exterior.


Etapa 4

Vuelva a seleccionar el círculo de 60 px y agregue un nuevo relleno. Selecciónelo en el panel Apariencia, establezca su color en R = 109 G = 110 B = 113 y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 5

Vuelva a seleccionar el círculo de 60 px y agregue un tercer relleno. Selecciónelo en el panel Apariencia, rellénelo con el degradado lineal que se muestra a continuación y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 6

Vuelva a seleccionar el círculo de 60 px y agregue un nuevo relleno. Selecciónelo en el panel Apariencia, llénelo con negro, baje su opacidad al 7%, cambie el modo de fusión a Multiplicar y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y luego vaya a Efecto> Artístico> Grano de película. De nuevo, ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 7

Vuelva a seleccionar el círculo de 60 px y agregue un segundo trazo utilizando el botón Agregar nuevo trazo. Es el pequeño icono cuadrado negro de la esquina inferior izquierda del panel Apariencia. Seleccione este nuevo trazo, hágalo 6 puntos de ancho, establezca su color en R = 85 G = 212 B = 251, alinéelo hacia afuera y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 8

Vuelva a seleccionar el círculo de 60px y agregue un nuevo trazo. Selecciónelo en el panel Apariencia, ajústelo a 3 puntos de ancho, configure su color en R = 202 G = 140 B = 252 y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese una compensación de 3px y haga clic en Aceptar.


Paso 9

Vuelva a seleccionar el círculo de 60px y agregue un nuevo trazo. Selecciónelo en el panel Apariencia, hágalo de 1.5 pts de ancho, establezca su color en R = 255 G = 255 B = 255 (blanco) y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese una compensación de 3px y haga clic en Aceptar.


Paso 10

Vuelva a seleccionar el círculo de 60 píxeles, agregue un nuevo relleno y arrástrelo en la parte inferior del panel Apariencia. Selecciónelo, configure su color en R = 50 G = 50 B = 50 y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de 10px, haga clic en Aceptar y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Estilizar> Sombra. De nuevo, ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 11

Vuelva a seleccionar el círculo de 60 px y duplíquelo (Comando + C> Comando + F). Seleccione esta copia, muévala a la izquierda y desplácese al panel Apariencia. Concéntrese en los trazos y reemplace los colores existentes con los colores que se muestran a continuación. Además, edite el efecto Resplandor interno como se muestra en la siguiente imagen.


Paso 12

Vuelva a seleccionar el círculo de 60 px, haga una nueva copia (Comando + C> Comando + F) y muévalo a la derecha. Nuevamente, selecciónelo y reemplace las propiedades de trazo existentes con las propiedades que se muestran a continuación.


Paso 13

Finalmente, elija la Herramienta de Tipo (T) y agregue su texto. Elija su propia fuente o use la fuente Arcade con un tamaño de 25 puntos.


Conclusión

Ahora tu trabajo está hecho. Aquí es cómo debe verse. Diviértete con los diferentes colores y formas para ver lo que se te ocurre..