Share
Sigue este nuevo consejo rápido y aprende a dibujar un conjunto de botones de jugador, estilo púrpura y rosa esta vez porque el gris y el negro pueden ser un poco aburridos a veces. Son fáciles de hacer y usaremos efectos como Resplandor exterior, Desenfoque gaussiano, Transformación y la Herramienta de mezcla.
Abra un nuevo documento web. El círculo exterior de los botones es semitransparente, por lo que el fondo es importante esta vez. Tome la herramienta Rectángulo (M) y dibuje un rectángulo de 720 x 170 px, luego seleccione púrpura como el color de relleno. Vaya al Panel de apariencia y, en el menú desplegable, seleccione Agregar nuevo relleno. Cambie este segundo color de relleno a gris oscuro (85% negro), luego vaya al menú Efecto> Artístico y aplique el efecto Grano de película. Baje la opacidad al 70% y el fondo estará listo.
Toma la herramienta Elipse (L) y dibuja un círculo de 83 x 83 px. Rellénelo con el degradado lineal que se muestra y cambie el valor del ángulo a 90 grados. A continuación, vaya al menú Efecto> Desenfoque> Desenfoque gaussiano y aplique un radio de 1.5 px. Reduce la opacidad al 50% para que el círculo sea semitransparente..
Copie y pegue delante del primer círculo y elimine las apariencias existentes. Copie y pegue en el nuevo círculo (verde) para obtener otro círculo (rojo). Antes de continuar, vaya al menú Editar> Preferencias> General y configure el Incremento del teclado a 0.5 px. Ahora, seleccione el círculo rojo y muévalo un poco presionando dos veces la tecla de flecha hacia abajo en su teclado. Seleccione ambos círculos y haga clic en Restar del área de forma> Expandir desde el Panel de Pathfinder.
Envíe la forma resultante en la parte posterior y rellénela con un degradado radial de blanco a negro. A continuación, vaya al menú Efecto> Desenfoque> Desenfoque gaussiano y aplique un radio de 1 px, luego cambie el modo de fusión a Pantalla (el negro se vuelve transparente). Reducir la opacidad al 60%..
Una vez seleccionado el primer círculo, vaya al menú Objeto> Ruta> Ruta de compensación y aplique un valor de compensación de -8 px para obtener el círculo más pequeño. Elimina las apariencias existentes y rellénalo con el tono púrpura indicado. Vaya al menú Efecto> Estilizar y aplique el efecto Resplandor externo usando la configuración que se muestra. De esta manera obtendrás una sombra discreta alrededor de este segundo círculo..
Copie y pegue al frente del segundo círculo, mantenga el color de relleno pero elimine el efecto Resplandor exterior del Panel de apariencia. Una vez seleccionado este nuevo círculo, vaya al menú Objeto> Ruta> Ruta de compensación y aplique un valor de compensación de -7 px para obtener un círculo más pequeño de nuevo. Cambia el color de relleno a morado. Ahora seleccione los dos círculos obtenidos en este paso, vaya al menú Objeto> Fusión> Opciones de fusión y elija 20 Pasos especificados, luego regrese al menú Objeto> Fusión y seleccione Crear.
A continuación, vaya al panel Capas y seleccione el círculo púrpura más pequeño del grupo Mezclar y cópielo y péguelo al frente, pero arrástrelo fuera del grupo Mezcla porque no lo queremos allí. Rellene el nuevo círculo (rojo) con un degradado lineal de blanco a negro y cambie el valor del ángulo a 90 grados. Cambie el modo de fusión a la pantalla (el negro se vuelve transparente) y baje la opacidad al 40%.
Copia y pega en frente del último círculo y solo dale un trazo azul. Ahora, copie y pegue delante del círculo azul para obtener el círculo rojo y luego muévalo presionando la tecla de flecha hacia abajo en su teclado cinco veces (el Incremento del teclado aún está establecido en 0.5 px). Con los dos círculos seleccionados, presione Restar del área de forma> Expandir desde el panel de Pathfinder y luego complete la forma resultante con un degradado radial de negro a gris. A continuación, vaya al menú Efecto> Desenfoque> Desenfoque gaussiano y aplique un radio de 1.7 px, luego cambie el modo de fusión a Multiplicar. Presione dos o tres veces la tecla de flecha hacia abajo en su teclado para mover esta forma de luna un poco más abajo.
Continuemos con los símbolos del jugador. Para el símbolo de Juego, tome la Herramienta Polígono, haga clic en su mesa de trabajo e ingrese los valores que se muestran para obtener un triángulo. Gírelo menos 90 grados y luego vaya al menú Efecto> Estilizar> Redondear las esquinas y aplique un radio de 5 px. Para el símbolo de parada, dibuje un cuadrado de 20x20 px con la herramienta Rectángulo (M) y luego aplique nuevamente el efecto Esquinas redondeadas. El símbolo de pausa está formado por dos rectángulos delgados (4x22 px) y esta vez seleccione un radio de 2 px cuando aplique el efecto Esquinas redondeadas.
A continuación, seleccione los símbolos Reproducir, Detener y Pausar y, en el menú Objeto, seleccione Expandir apariencia y luego Desagrupar. Escale y multiplique el símbolo Play y utilícelo junto con el símbolo Pause para crear los símbolos Play Faster y Play Next como se muestra a continuación. Cuando hayan terminado, agrupe las formas que los componen y luego vaya al menú Objeto> Transformar> Reflejar, seleccione Vertical y presione Copiar. De esta manera obtendrás los símbolos Jugar más lento y Jugar anterior.
Rellene el símbolo de Juego con el tono púrpura indicado, luego vaya al Panel de apariencia y, en el menú desplegable, elija Agregar nuevo relleno. Cambie el segundo color de relleno con el que se muestra, luego vaya al menú Efecto> Distorsionar y transformar> Efecto de transformación y, en la sección Mover, seleccione Vertical de 1.5 px. Haz lo mismo para el resto de los símbolos..
Regresemos al botón del paso 7. Agrupe todas las formas que lo componen y luego vaya al menú Objeto> Transformar> Mover. Elija mover el botón 100 px horizontalmente y luego presione Copiar. Ahora, presione Comando + D (Transformar de nuevo) para repetir esta acción cinco veces. Todo lo que queda por hacer es organizar los símbolos y listo..
El fondo detrás de los botones rosados es el mismo que el fondo morado. Simplemente puede hacer una copia y luego reemplazar los dos colores de relleno con los indicados..
Para crear los botones rosados, todo lo que tienes que hacer es reemplazar los tonos púrpuras con tonos rosados. En la imagen de abajo puede ver los pasos principales y los colores que debe cambiar. Si otros colores o degradados no se mencionan aquí significa que siguen siendo los mismos.
También cambie los dos colores de relleno para los símbolos como se indica. Ahora repite el paso 10 y los símbolos rosas están listos..
Si no te gustan los colores de niña, puedes crear la versión en negro. Comience con el fondo y reemplace los colores de relleno ...
… .Y luego reemplace los tonos morados de los botones con tonos grises como se indica a continuación.
También reemplace los dos colores de relleno para los símbolos, luego colóquelos encima de los botones y listo..
Aquí está la imagen final. Te reto a crear estos botones con otros colores que te gusten y luego me dejas saber cómo quedaron. Solo asegúrese de hacer coincidir los botones con el color de fondo, ya que el círculo más grande es semitransparente. Además, si desea escalar estos botones, recuerde expandir todos los efectos utilizados antes de hacer esto..
Accentsconagua