Share
Sigue este rápido consejo y aprende a crear estrellas de calificación brillante. Agregaremos elementos destacados con la ayuda de la herramienta de mezcla y un pincel artístico, y de esta manera obtendremos un aspecto brillante bastante simple. Además, dependiendo de la paleta de colores de algunos sitios web, probaremos diferentes variaciones de colores..
Abra un nuevo documento web y comencemos con el fondo. Tome la herramienta Rectángulo (M) y dibuje un rectángulo de 600 x 400 px, luego rellénelo con el degradado radial que se muestra a continuación.
Ahora, vaya al Panel de apariencia, abra el menú desplegable y elija Agregar nuevo relleno. Usaremos el patrón Diamante que puede encontrar en el menú Bibliotecas de muestras en Patrones> Gráficos básicos> Gráficos básicos de texturas. Luego, seleccionando este segundo relleno en el Panel de apariencia, vaya al menú Objeto> Transformar> Escala, elija 80% y marque solo la opción Patrones. Finalmente, establezca el modo de fusión en Multiplicar y reduzca la opacidad al 50%..
Vayamos a las estrellas. Tome la Herramienta Estrella, haga clic en su mesa de trabajo e ingrese los valores que se muestran. Tenemos que girar un poco la estrella resultante, por lo tanto, vaya al menú Objeto> Transformar> Girar y elija un ángulo de 30 grados. Para obtener las esquinas redondeadas utilizaremos el script Round Any Corner que puede encontrar aquí. Después de guardarlo, puede encontrarlo en el menú Archivo en Guiones. Ejecuta el script y selecciona un radio de 2.
Propina: Como alternativa, también puede usar el efecto Esquinas redondeadas (menú Efecto> Estilizar), pero asegúrese de seleccionar Expandir apariencia y Desagrupar después.
Llene la estrella con gris oscuro y luego vaya al menú Efecto> Estilizar y aplique el efecto Resplandor interno usando la configuración que se muestra.
Copie y pegue en la parte posterior de la estrella (la ruta roja), luego vaya al menú Objeto> Transformar> Escala, elija 115% y presione Copiar. Obtendrás una estrella más grande (el camino verde).
Rellene la copia de la estrella con el degradado lineal que se muestra y cambie el ángulo a menos 40 grados. A continuación, llene la estrella más grande con el mismo gradiente y reduzca la opacidad al 0%. Por supuesto, estas dos estrellas deben estar detrás de la estrella principal y habiéndolas seleccionado, vaya al menú Objeto> Mezclar> Opciones de fusión y elija 20 Pasos especificados. Ahora, vuelva al menú Objeto> Fusionar y seleccione Crear. Reduzca la opacidad para el grupo de mezcla resultante al 80% y acaba de obtener la primera estrella de calificación vacía.
Continuemos con las estrellas de colores. Haga una copia de la estrella principal utilizada hasta ahora y rellénela con el degradado lineal que se muestra. Cambia el ángulo a menos 45 grados. Estos colores tienen un papel importante en el siguiente paso..
Con la estrella seleccionada, vaya al menú Objeto> Transformar> Escala, elija 80% y presione Copiar. Llene la estrella más pequeña resultante con rosa. A continuación, con las dos estrellas seleccionadas, vaya al menú Objeto> Fusión> Opciones de fusión, elija 20 pasos especificados y luego regrese al menú Objeto> Fusionar y seleccione Crear.
Copie y pegue frente a la estrella más pequeña del paso anterior, pero vaya al Panel de capas y arrástrelo fuera del grupo Mezclar porque no lo queremos allí. Utilice la herramienta Elipse (L) para dibujar una forma ovalada y organizarla como se muestra en la siguiente imagen. Seleccione ambas formas (azul y negro) y haga clic en Intersectar áreas de formas> Expandir desde el Panel de Pathfinder. Rellene la forma resultante con un degradado lineal de blanco a negro y cambie el ángulo a menos 60 grados. Establezca el modo de fusión en Aligerar (el negro se vuelve transparente) y baje la Opacidad al 20%.
Luego, tome la herramienta Elipse (L) y dibuje una elipse plana de 200x5 px. Use la Herramienta de selección directa (A) para seleccionar solo los puntos derecho e izquierdo y haga clic en la opción Convertir los puntos de ancla seleccionados a la esquina. Con esta forma seleccionada, vaya al menú Objeto> Ruta> Ruta de compensación y aplique una variación de menos de 2.2 px para obtener la forma más pequeña en el centro. Reduzca la opacidad de la forma más grande al 0% y luego de haber seleccionado ambas formas, vaya al menú Objeto> Fusión> Opciones de fusión. Aquí, elige 20 pasos especificados y luego regresa al menú Objeto> Fusionar> Crear. Arrastre el grupo de mezcla resultante al panel Pinceles para definir un nuevo pincel artístico.
Ahora, tome la herramienta Pluma (P) y dibuje las tres rutas blancas como se muestra a continuación. Golpéelos con el pincel artístico guardado en el paso anterior y luego establezca los pesos de los trazos como se indica para cada ruta. Reducir la opacidad al 40% para todos ellos..
Finalmente, seleccione el grupo Blend rosado sin los aspectos más destacados y vaya al menú Efecto> Estilizar> Sombra. Use la configuración que se muestra para agregar la sombra y en este punto la primera estrella de clasificación está lista.
Aquí es cómo crear todo el conjunto. Seleccione la estrella de calificación vacía hecha al principio y vaya al menú Objeto> Transformar> Mover. En Horizontal, selecciona 70 px, luego presiona Copiar y obtendrás la segunda estrella vacía. Presione tres veces Control + D, que es el atajo para Transformar nuevamente para obtener el resto de las estrellas.
Ahora, seleccione la fila completa y luego vaya al menú Objeto> Transformar> Mover y esta vez en Vertical elija menos 60 px. Obtendrá la segunda fila de estrellas y presionando nuevamente Control + D tres veces obtendrá las otras.
En este punto, todo lo que tienes que hacer es reemplazar algunas de las estrellas vacías con las estrellas rosadas y todas estarán perfectamente dispuestas..
Dependiendo de la paleta de colores de algunos sitios web, es posible que desee diferentes colores, por lo que aquí hay tres alternativas. Todo lo que tienes que hacer es hacer una copia de la estrella rosa y luego reemplazar los degradados y rellenar los colores como se muestra en las imágenes a continuación. Todas las demás configuraciones permanecen iguales, como se muestra en los pasos anteriores.
Dependiendo de los colores que elija (más oscuros o más claros), los valores de opacidad pueden variar. Como puede ver a continuación, son un poco diferentes de los que se usan para la estrella rosa, por lo tanto, debe ajustarlos según sea necesario..
Aquí está la versión azul:
Y mi favorita, la versión naranja:
Aquí está la imagen final y espero que les gusten estas coloridas estrellas de calificación. Por favor crea tu propio set y hazme saber cómo resultaron.
Accentsconagua