Transcripciones
1. Patrón de la estrella del arte de la pop en Illustrator - introducción: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para Lunch Class, crea un patrón estrella emergente en Adobe Illustrator. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy vamos a crear un patrón estrella estilo pop art en Illustrator, y voy a empezar por mirar el patrón final y explicarte por qué lo estamos diseñando de la manera en que estamos en Illustrator. Hay algunos conceptos interesantes de trabajo en realidad cómo todo este patrón va a ir juntos. Entonces una vez que hayamos mirado cómo lo vamos a hacer, iremos a hacerlo en Illustrator. El proceso va a ser idéntico para todas las versiones de Illustrator. Entonces, aunque estés usando una versión realmente temprana, va a funcionar perfectamente para ti. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba, y en segundo lugar, escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Ahora empecemos a crear nuestro patrón estrella estilo pop art en Illustrator.
2. Pt 1: la planificación del diseño: Si has estado viendo mis clases, sabes que me gusta arrojar un poco de información extra a todas mis clases. Por lo que el poco extra de información de hoy es como fui a crear este patrón. Lo vi en Internet y me gustó mucho. Lo imprimí y eché un vistazo realmente bueno a cómo podría lograrlo. Lo que vi fue que
aquí había esta forma de diamante que se giraba alrededor de un punto central. Entonces por aquí está la misma forma de diamante. Es sólo que se movieron y se pusieron a través de la anterior y así también aquí abajo. Pensé que si podía hacer tres de estas formas de diamante y alinearlas una encima de la otra, entonces podría tener la solución para mi patrón. Vamos a echarle un vistazo en ilustrador. Empezaría haciendo el diseño fundamental. Ahora en este caso, los colores se invierten del patrón que acabas de ver. El negro es donde estaría el blanco, y el blanco es donde estaría el negro. Eso sólo era necesario para que pudiera realmente ver las cosas en la pantalla. Empecé con la forma fundamental y te voy a mostrar en unos minutos exactamente cómo vas a crear eso. Después fui y creé mis formas. Hice la rotación y saqué todas mis formas, y ahí fue donde me encontré con un pequeño problema. Verás, no fue tan fácil asegurarse de que todas estas formas se alinearan perfectamente. A veces parecían que están alineados perfectamente pero no lo estaban, y si no se alinean perfectamente, entonces todo el patrón se va a arreglar. Lo que decidí hacer fue elaborar una forma diferente de abordar la tarea. Entonces en lugar de acercarme a la tarea como tres estrellas, esto es lo que decidí hacer. Noté que esta estrella negra compartía un punto con esta estrella roja aquí, y lo que decidí hacer fue en lugar de hacer una estrella roja y una estrella negra, lo que haría es usar este punto de la estrella negra para ser el punto de partida para mi estrella roja. Por lo que el punto ya sería parte de la estrella negra y luego si sólo la giraba alrededor para hacer la estrella roja, entonces estaría en la posición correcta en ambas estrellas. Entonces lo que hice fue ir a la siguiente estrella y dije: “Estas dos estrellas, la azul y la roja, comparten este punto”. Entonces en lugar de hacer una estrella roja y una estrella azul, lo que haría es hacer una estrella roja y luego usar este punto y girarlo alrededor para hacer la tercera estrella. Debido a que estas formaban parte de la forma original, siempre
estarían en el lugar correcto, y así estas estrellas se entrelazarían perfectamente. Es así como vamos a hacer este patrón. Entonces el diseño que trabajé y el proceso que trabajé para realizarlo, satisfacen mis necesidades para poder enseñar un patrón en ilustrador. Yo sólo voy a mostrarte cuáles son. En primer lugar, tiene que funcionar. Por lo que hay que poder realmente hacer este patrón, y también necesita ser efectivo para crear. Entonces no quiero estar wafflando por ahí yendo en todas direcciones con el patrón. También necesita mostrar algo diferente. Ese es mi regalo para ti, que cada clase sea diferente de cada otra clase. También necesita estar libre de especificaciones de tamaño. Realmente odio las clases donde la gente dice que todo tiene que ser de un tamaño determinado, si puedo estar libre de especificación de talla, entonces eso es una ventaja real, y necesita ser fácil de volver a colorear. este momento nuestra pieza de patrón que apenas estábamos mirando era solo de dos colores, no hubiera sido fácil volver a colorear. En la que realmente vamos a hacer, vamos a construir en la opción de re-colorear. Empecemos.
3. Pt 2: construye la estrella: Ahora entendemos los fundamentos de cómo vamos a crear este patrón. Empecemos. Voy a elegir Archivo y luego Nuevo. Solo estoy usando un documento de 700 píxeles por 700 píxeles, modo de color
RGB y he alineado nuevos objetos a cuadrícula de píxeles desactivados. Voy a dar click en “Ok”. Ahora para empezar, necesitamos una figura de cuatro lados que tenga un ángulo en el medio que es de 60 grados. Eso no es tan fácil de crear como podrías pensar, si lo piensas en términos de ser una figura de cuatro lados pero si lo piensas en términos de ser dos triángulos, entonces es fácil. Vamos a dar click aquí en la Herramienta Polígono. Voy a dar click en medio del documento. Voy a crear una figura de tres lados y puedo establecer el radio a lo que me guste. Voy a poner el mío en 70 y voy a dar click, “Vale” Lo que tenemos aquí es lo que se llama triángulo equilátero. Todos los lados son iguales y todos estos ángulos son iguales, y todos son de 60 grados. Ese es el punto de 60 grados que necesitamos para rotar esta forma alrededor. Voy a empezar llenando esta forma con un color y voy a quitar el trazo. Simplemente haz eso, deshazte de estos trazos porque no
te va a ayudar en el diseño de esta forma en absoluto. Ahora queremos otro de estos. Voy a elegir Objeto, Transformar, Reflejar. Voy a reflexionar sobre lo horizontal. Enciende Preview y verás que el triángulo va al revés. Eso es perfecto. Voy a dar click en “Copiar”. Ahora tengo dos triángulos. Voy a la Herramienta de Selección. Yo sólo voy a alinear estos para que estén perfectamente alineados. Si quieres asegurarte de que están súper perfectamente alineados, selecciona cualquiera de ellos y ve al panel de alineación, que también puedes llegar eligiendo Ventana, Alinear. Haga clic aquí y elija Mostrar opciones. A continuación, haga clic aquí en Alinear a y elija Alinear a la selección. No se quiere alinear con el tablero de arte, solo se quiere alinear con la selección. Vas a dar click aquí en Centro Alineado Horizontal. Eso asegura que estén perfectamente alineados entre sí. Si queremos asegurarnos de que estén atascados el uno contra el otro, así
es como lo haremos. Voy a dar click aquí y elegir Alineado a Objeto Clave. No importa cuál de estos objetos se ponga azul alrededor del exterior. Nos vamos a asegurar que esto diga cero píxeles, y luego vamos a dar clic aquí en Vertical Distribuir Espacio, y eso sólo se asegura de que estén
enfrentados entre sí sin espacio en el medio. Selecciona sobre ambas formas, ve a la paleta Pathfinder, de
nuevo, si no puedes verla, elige Ventana y luego Pathfinder y haz clic en Unite. Eso sólo nos da nuestra forma de partida. Queremos una copia de eso. Vamos a seleccionarlo y elegir Editar, Copiar, Editar, Pegar in Place. Pegar in Place es crítico. Elige una de esta forma inmediatamente sobre la parte superior de la otra. Vamos a cambiar el color, porque vamos a construir esto en diferentes colores que potencialmente podamos hacerla capa en blanco y negro, pero tenemos la opción de hacerlo multicolor también. Voy a sacar mi última paleta. Voy a asegurarme de que sea visible porque es realmente crítico que puedas encerrar las cosas aquí abajo para que nada se mueva. Lo que queremos hacer en esta etapa es simplemente bloquear el camino negro. Acabamos de conseguir el camino rojo, el de arriba seleccionado. Acude a la Herramienta Selección Directa y solo selecciona estos dos puntos centrales. Ir a seleccionar estos dos puntos. Vaya a la Herramienta Escala y haga doble clic en ella. Lo que queremos es una escala no uniforme. Queremos escalarlo horizontalmente pero no verticalmente. Activa Vista previa y luego solo experimenta con valores para el porcentaje hasta obtener el resultado que deseas. Estoy encontrando que el 70 por ciento es bastante bueno para esto así que solo voy a dar clic en “Ok”. Ahora tengo mi forma roja y quiero tomar una copia de la misma. Voy a volver a seleccionarlo con la Herramienta de Selección. Quieres asegurarte de que estás usando la Herramienta de Selección y no solo estás seleccionando los dos puntos que habías seleccionado antes o que el desastre va a golpear. Editar, Copiar, Editar, Pegar in situ. Vamos a cerrar la copia roja trasera. Vamos a ir a la copia roja delantera y vamos a cambiar de color. Para mayor comodidad, solo voy a elegir un color oscuro así que consigo esta alternancia de luz oscura,
luz oscura a través de la forma. Ahora que he bloqueado esto, quiero volver a la Herramienta de Selección Directa. Seleccione sobre estos dos puntos medios, haga doble clic en la Herramienta Escala, asegúrese de tener activada Vista previa. Yo quiero no uniforme y sólo quiero empezar a traer eso. Estoy pensando que, probablemente alrededor del 70 por ciento en esta forma, que es el 70 por ciento de las formas anteriores van a ser perfectas, pero puedes elegir el valor que quieras. Haga clic en “Ok”. Ahora vamos a hacer un duplicado de esto. En lugar de hacer Editar, Copiar ,
Editar, Pegar in Place, lo que también puedes hacer es simplemente tomar este camino y arrastrarlo al nuevo icono de capa. Exactamente el mismo resultado. Bloquear la copia posterior, seleccionar la parte superior más copia, cambiar su color y como vamos claro-oscuro, claro-oscuro, tenemos que ir claro ahora. Aquí voy a hacer un rosa brillante. Seleccione aquí sobre los puntos medios, haga doble clic en la Herramienta Escala. Esta es nuestra última forma y así que sólo voy a traerla, probablemente a cerca del 50 por ciento y hacer clic en “Ok”. Ahora tengo las formas iniciales. Voy a desbloquear todos estos. Voy a seleccionar toda la capa, que son las cuatro formas que tengo aquí, y voy a agruparlas, Objeto, Grupo. Ahora eso significa que no se moverán en relación entre sí. Están encerrados juntos. Por lo que esta pequeña forma ahora es estable y está lista para ser nuestra primera estrella. Estoy pensando que es un poco grande, así que voy a seleccionar sobre él, mantenga presionada la tecla de turno ya que simplemente la escala hacia abajo y eso sólo la escala en proporción. Eso asegura que esto siga siendo un ángulo de 60 grados. Ahora para nuestra primera estrella, voy a seleccionar de la forma. Efecto, Distorsionar y Transformar, y luego Transformar. Encenderé Preview. Yo quiero asegurarme de que rote alrededor este punto aquí así que tengo nueve casitas aquí. Voy a dar click en el medio inferior que establece esto como el punto de rotación. Yo quiero cinco copias porque hay seis para dar la
vuelta al círculo aquí para ser girados alrededor para hacer nuestra forma y ya tengo uno, así que quiero cinco copias. Entonces quiero mi ángulo y son 60 grados y ahí tenemos nuestras estrellas iniciales. Yo sólo voy a dar click en “Ok”. Esa es la primera pieza de nuestro patrón. Vamos a volver en el siguiente video y construir las otras piezas.
4. Pt 3: completa las rotaciones: En este punto tenemos una sola forma que se ha girado para crear la estrella. Necesito apoderarme de esta forma escuchar. Voy a necesitar ampliar toda esta rotación. Escogeré objeto, ampliaré la apariencia. Eso apenas rompe a este grupo en seis grupos individuales. Ahora, necesito bloquear todo excepto el grupo con el que quiero trabajar. Necesito simplemente decidir cuál de los grupos es el con el que necesito trabajar. Solo estoy seleccionando en cada uno de ellos en el último panel aquí para determinar cuál es el que quiero y el enclavamiento todo lo demás hacia abajo. La única forma que puede hacer cualquier cosa
ahora mismo porque no está bloqueada es esta de aquí. Voy a asegurarme de que haga clic en él aquí en el último panel para seleccionarlo. No quiero que nada altere la alineación aquí, así que voy a hacer la mayoría de mis selecciones para el panel de capas solo por seguridad. Voy a elegir efecto, distorsionar, y transformar y luego transformar. Yo quiero hacer exactamente la misma transformación que hice la última vez, cinco copias, 60 grados. Pero esta vez quiero transformarme en torno a este punto aquí, que de estas nueve cajas es la de abajo escribir uno. Eso crea esta estrella aquí. Pero esta estrella y esta estrella comparten ese mismo punto. Por lo que este patrón es perfecto justo por cierto que lo estamos creando. Voy a dar click bien. A continuación en el último panel, tengo que tomar esta forma que está formando esta estrella y ampliarla. Objeto, expandir apariencia. Eso estalla estos seis puntos. Voy a abrir este grupo aquí que hace los seis puntos aquí, y todos están aquí dentro de un grupo. Si abro esto, verás que se trata de un grupo en sí. Voy a desagrupar a este grupo porque sólo quiero llegar a un punto. Voy a elegir objeto, desagrupar. Eso es sólo mantener mi panel de capas aquí realmente limpio y ordenado. Ahora, en algún lugar de estos objetos seleccionados es el siguiente punto con el que quiero trabajar y ese va a ser este punto aquí. Sólo voy a apagarlos sucesivamente hasta encontrar el ganado que quiero. Eso es todo ahí. Cada otro punto puedo simplemente bloquear. Ahora, voy a seleccionar esta otra vez usando el último palet para hacer mi selección. Voy a hacer mi efecto final de rotación, distorsionar, y transformar, transformar, mismo trato que antes. Cinco copias, rotación de 60 grados. Pero esta vez queremos que este sea el medio y así queremos girar alrededor de la esquina superior. Ese va a ser este punto aquí. Ahora, tenemos un arranque perfecto para nuestros patrones. Yo sólo voy a dar click en “Ok”. Pero antes de terminar aquí, quiero ampliar este grupo. Va a expandir esto en todas estas seis formas, objeto, expandir, apariencia. Entonces porque esto está en un grupo, voy a desagruparlo, objetar, desagrupar. Ahora, tengo un último panel que solo está lleno de estas formas individuales, pero todas están perfectamente alineadas. Por ahora, voy a dos encerrarlos a todos para que monja de ellos pueda moverse. Porque el siguiente paso es crear un no relleno, ningún rectángulo de trazo que va a ser el límite para el reloj de nuestro patrón.
5. Pt 4: hacer y volver a la el patrón: Para el siguiente paso, voy a la herramienta de zoom y quiero hacer zoom sobre esta área del diseño porque esa va a ser mi muestra de patrón final. Yo sólo quiero poder ver las cosas de verdad, realmente claramente. Voy a la herramienta de rectángulo. Yo lo voy a seleccionar y voy a flotar aquí hasta que vea la palabra ancla porque eso va a estar diciéndome que estoy sobre el punto de anclaje en medio de esa forma. Voy a desplazarme aquí hasta que me ponga en posición sobre ese punto de anclaje. Yo sólo voy a bajar aquí hasta que me encaje en este punto de anclaje y me voy a soltar. Voy a poner esto como un rectángulo sin relleno, sin trazo. Voy a volver a comprobar antes de salir de aquí que todo está en posición acercando sólo un poquito más. Habrá un chasquido aquí, lo que sabrás cuando estés en posición por el hecho que la marquesina se va a meter en posición, y solo quieres que se rompa por encima de estos puntos. A mí me parece muy bien. Entonces voy a mi paleta de Capas y voy a desbloquear todas estas capas. Voy a tomar el rectángulo que acabo de crear, y lo voy a poner detrás de este grupo de formas, ese es mi patrón. En esta etapa, si
quisiera, podría seleccionar este grupo y desagrupar esos objetos. Tan solo para que todo sea bonito y sencillo para nuestra pieza de patrón, voy a seleccionar todo en esta capa. Entonces eso es todas estas formas más el sin relleno, sin rectángulo de trazo. Simplemente vamos a alejarnos de aquí y el sin relleno, sin rectángulo de trazo está sobre esta zona aquí porque esa es la zona que determinamos era nuestra muestra de patrón. Con la herramienta de selección, solo
voy a arrastrar y soltar todo en el panel Muestras. En este punto, voy a seleccionar ya sea el contenido de esta capa, y sólo los voy a mover a un lado por si acaso
necesito volver a trabajar en mi muestra de patrón, por cualquier razón no quiero perderlo en esta etapa. Voy a crear un rectángulo que sea del tamaño del tablero de arte. Yo lo voy a centrar en mi tablero de arte. Entonces voy a seleccionar alinear a tablero de arte y voy a asegurarme de que esté centrado en el tablero de arte. El relleno está dirigido por aquí, así que todo lo que necesito hacer es solo hacer clic en mi patrón para llenar la forma con mi patrón. Ahora tengo algunas líneas de fractura aquí corriendo por mi patrón. Para deshacerme de esas líneas de fractura, puedo seleccionar mi forma, elegir Objeto, Transformar, Escala. Quiero deshabilitar los objetos de transformación. Quiero elegir una escala uniforme, y solo escalaré mi forma hasta que desaparezcan esas líneas. Porque están desapareciendo ya que estoy escalando mi forma y se están moviendo alrededor,
eso significa que son líneas de fractura en el patrón y en realidad
no son un problema con el patrón en sí. Esto es sólo cosa de Illustrator. Un poco molesto. Simplemente lo escalaré hasta que desaparezcan esas líneas de fractura y haga clic en “Ok”. Si te preocupan, también
puedes hacerlos desaparecer eligiendo Editar y Preferencias, en un Mac que sería Illustrator y Preferencias, ve a la pestaña General y desactiva la ilustración
anti-aliasing y haz clic en” Ok”, y eso lo quitará, pero también te dará una especie de aspecto pixelado a tu patrón porque los bordes no están siendo antialiados ni suavizados. Sólo voy a deshacer eso, que mi patrón se vea bonito y suave. Se puede volver a colorear el patrón en esta etapa. Entonces voy a la opción Re-color. En esta etapa, quiero hacer negro el rojo oscuro, y quiero convertir los otros colores en blanco. Entonces me voy a llevar este y ponerlo blanco. Voy a tomar el rosa y hacerlo blanco. Basta con hacer doble clic sobre él
y seleccionar blanco, y voy al rojo oscuro aquí. Yo lo voy a hacer negro y voy a dar click en “Ok”. Esa es una iteración del patrón y se puede decir que debido a que he cambiado los colores, aparece automáticamente como una pieza de patrón alterna en la paleta Muestras. Ahora voy a invertir esto y convertir el negro en blanco y el blanco en negro. Volveré a hacer clic en “Re-color”. Voy a ir al negro y hacerlo blanco. Ahora voy a dar clic aquí “Blanco opuesto”, voy a añadir un color a la armonía de color y luego hacer ese negro. Ahora tengo un inverso de mi patrón, voy a dar clic en “Okay'. Ahora tengo una versión de blanco y negro, una segunda versión de blanco y negro, y la versión original en color, y podría continuar y hacer diferentes versiones de este patrón si deseo. Por lo que hay una manera de crear ilusiones ópticas patrón de estrellas de los 60 en Illustrator. Tu proyecto para esta clase va a ser hacer este patrón tú mismo. Adelante y haz tu forma de cimentación, luego gírala alrededor, expandirla para que puedas sacarle una forma, bloquear todo lo demás hacia abajo, e ir y hacer tus sucesivas rotaciones y necesitarás tres rotaciones dispuestos así para poder sacar la pieza
del diseño que necesitas para tu muestra de patrones. Publica una imagen de tu patrón terminado en uso como tu proyecto de clase. Espero que hayas aprendido algo en este video sobre mirar un patrón y poder romperlo y averiguar cómo vas a ejecutar el patrón en Illustrator. Al estar viendo estos videos, habrás visto un prompt que te permite recomendar esta clase a otros. Por favor, si disfrutaste de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba y en segundo lugar, escribe en pocas palabras por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de diseño gráfico para almorzar, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
