Spanish (Español) translation by Steem (you can also view the original English article)
En este tutorial, aprenderás a crear un conjunto de estrellas de clasificación detalladas. Utilizaremos las herramientas del Buscatrazos en Illustrator para construir las formas básicas de las estrellas. A continuación, colorearemos cada parte de la estrella con degradados sencillos. Puedes utilizar estas técnicas profesionales para crear tus propios gráficos de cinco estrellas de alta calidad.
Paso 1
Pulsa Comando + N para crear un nuevo documento. Introduce 600 en la casilla de anchura y 300 en la de altura, y haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles está desmarcada antes de hacer clic en Aceptar.
Paso 2
Escoge la herramienta Estrella, luego mantén presionadas las teclas Mayús y Alt para crear tu forma de estrella. Hazla de unos 50px de ancho, rellénala con R=180 G=180 B=180 y asegúrate de que no hay ningún color establecido para el trazo.
Paso 3
Ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de Teclado está fijado en 1px. Vuelve a seleccionar la forma de estrella y haz dos copias delante (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y pulsa la flecha hacia abajo una vez (para moverla 1px hacia abajo).
Vuelve a seleccionar ambas copias, abre el panel Buscatrazos y haz clic en el botón Menos frente. Selecciona el grupo de formas resultante, conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear) y rellénalo con R=235 G=235 B=235.
Paso 4
Vuelve a seleccionar la forma de estrella y haz dos copias delante (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px hacia abajo y hacia la derecha. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona el grupo de formas resultante, conviértelo en un trazado compuesto (Objeto > Trazado compuesto > Crear) y rellénalo con R=235 G=235 B=235.
Paso 5
Vuelve a seleccionar la forma de la estrella y céntrate en el panel Apariencia. Añade un trazo de 3 puntos, establece su color en R=165 G=165 B=165 y alinéalo al interior. Sigue concentrándote en el panel Apariencia, asegúrate de que tu forma de estrella sigue seleccionada y añade un nuevo trazo utilizando el botón Añadir nuevo trazo. Es el pequeño icono cuadrado negro situado en la esquina inferior izquierda del panel Apariencia.
Selecciona este nuevo trazo, hazlo de 1pt de ancho, establece su color en R=120 G=120 B=120 y alinéalo al exterior. Asegúrate de que este trazo sigue seleccionado y abre el panel de Trazos. Concéntrate en la sección Vértices y simplemente haz clic en el botón de Remate redondeado. Esto debería añadir un poco de redondez a las esquinas del trazo.
Paso 6
Vuelve a seleccionar la forma de estrella y céntrate en el panel Apariencia. Asegúrate de que no hay ningún relleno o trazo seleccionado y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación (en la ventana superior izquierda), haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación (en la ventana superior derecha), haz clic en Aceptar y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación (en la ventana inferior) y haz clic en Aceptar.
Paso 7
Selecciona todas las formas creadas hasta ahora y agrúpalas (Comando + G). Selecciona este nuevo grupo y ve a Efecto > Distorsionar y Transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.
Paso 8
Ve al panel de capas y abre el grupo creado en el paso anterior. Vuelve a seleccionar la forma de estrella y haz una copia delante (Comando + C > Comando + F). Selecciónala, rellénala con R=255 G=222 B=23 y arrástrala fuera del grupo, en la parte superior del panel Capas. Por último, bloquea el grupo creado en el paso anterior.
Paso 9
Céntrate en la estrella amarilla creada en el paso anterior y activa las Guías inteligentes (Ver > Guías inteligentes o Comando + U). Escoge la herramienta Pluma (P) y dibuja un trazado que vaya desde una esquina exterior hasta la esquina interior de la estrella. Asegúrate de que comienza y termina por encima de un punto de anclaje de la estrella. Las Guías inteligentes te darán pistas visuales.
Añade un trazo negro para este trazado a fin de que sea más fácil notarlo. Continúa con la herramienta Pluma (P) y añade cuatro trazados más como se muestra en la segunda imagen. Cuando hayas terminado puedes desactivar las guías inteligentes (Comando + U)
Paso 10
Vuelve a seleccionar la estrella amarilla y haz una copia delante (Comando + C > Comando + F). Selecciona esta copia, junto con los trazados creados en el paso anterior, y haz clic en el botón Dividir del panel Buscatrazos.
Ve al panel de capas y abre el grupo de formas resultante. Puede que encuentres algunas formas pequeñas. Si es así, elimínalas. Al final sólo necesitarás las diez formas grandes resaltadas en la tercera imagen de abajo.
Paso 11
Continúa concentrándote en el grupo de formas creado en el paso anterior. Selecciona las cinco formas resaltadas en la siguiente imagen y rellénalas con el degradado lineal que se muestra a continuación.
Paso 12
Sigue concentrándote en el grupo de formas creado en el décimo paso. Selecciona las cinco formas resaltadas en la siguiente imagen y rellénalas con el degradado lineal que se muestra a continuación.
Paso 13
Selecciona la forma resaltada en la primera imagen y haz dos copias delante (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px hacia arriba. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos.
Rellena la forma resultante con R=255 G=255 B=0 y céntrate en su lado derecho. Toma la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje superior. Al final, tu forma puntiaguda debería tener el aspecto de la cuarta imagen mostrada.
Paso 14
Selecciona la forma resaltada en la primera imagen y haz dos copias delante (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px a la izquierda. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos.
Rellena la forma resultante con R=255 G=255 B=0 y céntrate en su parte superior. Toma la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje izquierdo. Al final, tu forma puntiaguda debería tener el aspecto de la cuarta imagen mostrada.
Paso 15
Selecciona la forma resaltada en la primera imagen y haz dos copias delante (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px hacia abajo. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos.
Rellena la forma resultante con R=255 G=255 B=0 y céntrate en su lado izquierdo. Agarra la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje inferior. Al final, tu forma puntiaguda debería tener el aspecto de la cuarta imagen mostrada.
Paso 16
Selecciona la forma resaltada en la primera imagen y haz dos copias delante (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px a la derecha. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos.
Rellena la forma resultante con R=255 G=255 B=0 y céntrate en su parte inferior. Toma la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje derecho. Al final, tu forma puntiaguda debería parecerse a la cuarta imagen mostrada.
Paso 17
Selecciona la forma resaltada en la primera imagen y haz dos copias delante (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y muévela 1px a la derecha. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos.
Rellena la forma resultante con R=255 G=255 B=0 y céntrate en su parte inferior. Toma la herramienta Eliminar punto de anclaje (-) y simplemente haz clic en el punto de anclaje superior. Al final, tu forma puntiaguda debería tener el aspecto de la cuarta imagen mostrada.
Paso 18
Vuelve a seleccionar la estrella amarilla, haz una copia delante (Comando + C > Comando + F) y llévala al frente (Mayúsculas + Comando + ] ). Selecciona esta copia, quita el color del relleno y añade un trazo de 3 puntos. Establece su color en R=237 G=28 B=36, alinéalo al interior, baja su Opacidad al 70% y cambia el modo de fusión a Superponer.
Paso 19
Vuelve a seleccionar la estrella amarilla, haz una copia delante (Comando + C > Comando + F), llévala al frente (Mayúsculas + Comando + ] ) y luego haz una segunda copia (Comando + C > Comando + F). Selecciona esta nueva copia y muévela 1px hacia arriba y hacia la izquierda. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto y rellénalo con R=254 G=171 B=7.
Paso 20
Vuelve a seleccionar la estrella amarilla, haz una copia delante (Comando + C > Comando + F), llévala al frente (Mayúsculas + Comando + ] ) y luego haz una segunda copia (Comando + C > Comando + F). Selecciona esta nueva copia y muévela 1px hacia abajo. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto y rellénalo con R=255 G=255 B=0.
Paso 21
Vuelve a seleccionar la estrella amarilla, haz una copia delante (Comando + C > Comando + F), llévala al frente (Mayúsculas + Comando + ] ) y luego haz una segunda copia (Comando + C > Comando + F). Selecciona esta nueva copia y muévela 1px hacia abajo y hacia la derecha. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto y rellénalo con R=255 G=255 B=0.
Paso 22
Vuelve a seleccionar la estrella amarilla y céntrate en el panel Apariencia. Añade un trazo de 1pt, establece su color en R=254 G=192 B=20 y alinéalo al exterior. Selecciónalo y marca el botón de Vértice redondeado en el panel de trazos.
Paso 23
Selecciona todas las formas creadas desde el octavo paso y agrúpalas (Comando + G). Selecciona este nuevo grupo y ve a Efecto > Distorsionar y Transformar > Transformar. Escoge un número de 1 a 4 para la casilla Copias, arrastra el deslizador Mover-Horizontal a 75px, haz clic en Aceptar y ya está.
Conclusión
Ya has terminado tu trabajo. Este es el aspecto que deben tener los gráficos de las estrellas de clasificación.
By
