Share
En este tutorial, aprenderá cómo crear un conjunto de estrellas de calificación detalladas. Usaremos las herramientas de pionero de Illustrator para construir las formas de estrella básicas. Luego colorea cada faceta de la estrella con gradientes simples. Puedes usar estas técnicas profesionales para crear tus propios gráficos de cinco estrellas de alta calidad.
Pulsa Comando + N para crear un nuevo documento. Ingrese 600 en el cuadro de ancho y 300 en el cuadro de altura, luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla Alinear nuevos objetos con la cuadrícula de píxeles no esté marcada antes de hacer clic en Aceptar..
Elige la herramienta Estrella, luego mantén presionadas las teclas Mayús y Alt para crear tu forma de estrella. Haz que tenga aproximadamente 50 píxeles de ancho, llénalo con R = 180 G = 180 B = 180 y asegúrate de que no haya un color definido para el trazo.
Vaya a Edición> Preferencias> General y asegúrese de que el Incremento del teclado esté establecido en 1px. Vuelva a seleccionar la forma de estrella y haga dos copias al frente (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y presione la flecha hacia abajo una vez (para moverla 1px hacia abajo).
Vuelva a seleccionar ambas copias, abra el panel de Pathfinder y haga clic en el botón Frontal Inferior. Seleccione el grupo de formas resultante, conviértalo en una ruta compuesta (Objeto> Ruta compuesta> Crear) y rellénelo con R = 235 G = 235 B = 235.
Vuelva a seleccionar la forma de estrella y haga dos copias al frente (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y muévala 1px hacia abajo y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Seleccione el grupo de formas resultante, conviértalo en una ruta compuesta (Objeto> Ruta compuesta> Crear) y rellénelo con R = 235 G = 235 B = 235.
Vuelva a seleccionar la forma de estrella y enfóquese en el panel Apariencia. Agrega un trazo de 3 puntos, establece su color en R = 165 G = 165 B = 165 y alinéalo con el interior. Manténgase enfocado en el panel Apariencia, asegúrese de que su forma de estrella aún esté seleccionada y agregue un nuevo trazo con el botón Agregar nuevo trazo. Es el pequeño icono cuadrado negro situado en la esquina inferior izquierda del panel Apariencia.
Seleccione este nuevo trazo, conviértalo en ancho de 1 pto, establezca su color en R = 120 G = 120 B = 120 y alinéelo con el exterior. Asegúrese de que este trazo todavía esté seleccionado y abra el panel Trazo. Enfoque en la sección de la esquina y simplemente haga clic en el botón Redondear. Esto debería agregar un poco de redondez para las esquinas del trazo.
Vuelva a seleccionar la forma de estrella y enfóquese en el panel Apariencia. Asegúrese de que no esté seleccionado ningún relleno o trazo y vaya a Efecto> Estilizar> Sombra paralela. Ingrese los datos que se muestran a continuación (en la ventana superior izquierda), haga clic en Aceptar y vaya de nuevo a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación (en la ventana superior derecha), haga clic en Aceptar y vaya de nuevo a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación (en la ventana inferior) y haga clic en Aceptar.
Seleccione todas las formas creadas hasta ahora y agrúpelas (Comando + G). Seleccione este nuevo grupo y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en Aceptar.
Vaya al panel Capas y abra el grupo creado en el paso anterior. Vuelva a seleccionar la forma de estrella y haga una copia al frente (Comando + C> Comando + F). Selecciónelo, llénelo con R = 255 G = 222 B = 23 y arrástrelo fuera del grupo, en la parte superior del panel Capas. Finalmente, bloquea el grupo creado en el paso anterior..
Concéntrese en la estrella amarilla creada en el paso anterior y habilite las Guías inteligentes (Ver> Guías inteligentes o Comando + U). Elija la herramienta Pluma (P) y dibuje un camino que vaya desde una esquina exterior a la esquina interior de la estrella. Asegúrese de que comienza y termina por encima de un punto de anclaje en estrella. Las guías inteligentes le darán señales visuales..
Agrega un trazo negro a este camino para que te sea más fácil notarlo. Continúe con la herramienta Pluma (P) y agregue cuatro rutas más como se muestra en la segunda imagen. Cuando hayas terminado, puedes desactivar las Guías inteligentes (Comando + U)
Vuelva a seleccionar la estrella amarilla y haga una copia al frente (Comando + C> Comando + F). Seleccione esta copia, junto con las rutas creadas en el paso anterior, y haga clic en el botón Dividir del panel de Pathfinder.
Vaya al panel Capas y abra el grupo resultante de formas. Es posible que encuentres algunas formas diminutas. Si lo haces, entonces elimínalos. Al final solo necesitarás las diez formas grandes resaltadas en la tercera imagen de abajo.
Sigue enfocándote en el grupo de formas creado en el paso anterior. Seleccione las cinco formas resaltadas en la siguiente imagen y rellénelas con el degradado lineal que se muestra a continuación.
Sigue enfocándote en el grupo de formas creadas en el décimo paso. Seleccione las cinco formas resaltadas en la siguiente imagen y rellénelas con el degradado lineal que se muestra a continuación.
Seleccione la forma resaltada en la primera imagen y haga dos copias al frente (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y muévala 1px hacia arriba. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Inferior del panel de Pathfinder.
Rellene la forma resultante con R = 255 G = 255 B = 0 y enfoque en su lado derecho. Coge la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje superior. Al final, su forma nítida debe verse como la cuarta imagen que se muestra.
Seleccione la forma resaltada en la primera imagen y haga dos copias al frente (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y muévala 1px a la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Inferior del panel de Pathfinder.
Rellene la forma resultante con R = 255 G = 255 B = 0 y enfoque en su lado superior. Coge la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje izquierdo. Al final, su forma nítida debe verse como la cuarta imagen que se muestra.
Seleccione la forma resaltada en la primera imagen y haga dos copias al frente (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y muévala 1px hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Inferior del panel de Pathfinder.
Rellene la forma resultante con R = 255 G = 255 B = 0 y enfoque en su lado izquierdo. Coge la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje inferior. Al final, su forma nítida debe verse como la cuarta imagen que se muestra.
Seleccione la forma resaltada en la primera imagen y haga dos copias al frente (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y muévala 1px a la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Inferior del panel de Pathfinder.
Rellene la forma resultante con R = 255 G = 255 B = 0 y concéntrese en su lado inferior. Coge la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje derecho. Al final, su forma nítida debe verse como la cuarta imagen que se muestra.
Seleccione la forma resaltada en la primera imagen y haga dos copias al frente (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y muévala 1px a la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Inferior del panel de Pathfinder.
Rellene la forma resultante con R = 255 G = 255 B = 0 y concéntrese en su lado inferior. Coge la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje superior. Al final, su forma nítida debe verse como la cuarta imagen que se muestra.
Vuelva a seleccionar la estrella amarilla, haga una copia al frente (Comando + C> Comando + F) y llévela al frente (Mayús + Comando +]). Seleccione esta copia, elimine el color del relleno y agregue un trazo de 3 puntos. Establezca su color en R = 237 G = 28 B = 36, alinéelo hacia adentro, baje su opacidad al 70% y cambie el modo de fusión a Superposición.
Vuelva a seleccionar la estrella amarilla, haga una copia al frente (Comando + C> Comando + F), tráigala al frente (Mayús + Comando +]) luego haga una segunda copia (Comando + C> Comando + F). Seleccione esta nueva copia y muévala 1px hacia arriba y hacia la izquierda. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Convierta el grupo resultante de formas en una ruta compuesta y rellénelo con R = 254 G = 171 B = 7.
Vuelva a seleccionar la estrella amarilla, haga una copia al frente (Comando + C> Comando + F), tráigala al frente (Mayús + Comando +]) luego haga una segunda copia (Comando + C> Comando + F). Seleccione esta nueva copia y muévala hacia abajo 1px. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Convierta el grupo resultante de formas en una ruta compuesta y rellénelo con R = 255 G = 255 B = 0.
Vuelva a seleccionar la estrella amarilla, haga una copia al frente (Comando + C> Comando + F), tráigala al frente (Mayús + Comando +]) luego haga una segunda copia (Comando + C> Comando + F). Seleccione esta nueva copia y muévala 1px hacia abajo y hacia la derecha. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Convierta el grupo resultante de formas en una ruta compuesta y rellénelo con R = 255 G = 255 B = 0.
Vuelva a seleccionar la estrella amarilla y enfóquese en el panel Apariencia. Agregue un trazo de 1 punto, establezca su color en R = 254 G = 192 B = 20 y alinéelo con el exterior. Selecciónelo y marque el botón Redondear desde el panel Trazo..
Seleccione todas las formas creadas a partir del octavo paso y agrúpelas (Comando + G). Seleccione este nuevo grupo y vaya a Efecto> Distorsionar y transformar> Transformar. Elija un número del 1 al 4 para el cuadro Copias, arrastre el control deslizante Mover horizontal a 75 px, haga clic en Aceptar y listo..
Ahora tu trabajo está hecho. Aquí es cómo deben verse los gráficos de estrellas de calificación..
Accentsconagua