Transcripciones
1. Patrón de puntos y ondas en Illustrator: introducción: un diseño gráfico para la clase de la que de almuerzos™: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico Para Almuerzo, crea un patrón de líneas y puntos 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. actualidad, vamos a estar creando un patrón de onda y puntos de estilo semi-orgánico. Aprenderás a convertir las líneas en formas rellenas, y a asegurarte de que una pieza de patrón se alinee perfectamente. Ahora, ya que 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 ver que se trata una clase de la que ellos también podrían disfrutar y aprender. Si quieres dejarme 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. Si estás listo, empecemos con nuestro patrón de onda y puntos en Illustrator.
2. Pt 1 crea las líneas: Para crear nuestro patrón de onda y puntos, vamos a crear un nuevo archivo. Es importante que sea un ancho fijo conocido. Voy a hacer mi mesa de trabajo 1,000 pixels por 1,000 pixels, solo para que sepamos exactamente lo que mide. Haré clic en la herramienta “Segmento de línea”. Voy a hacer una línea, 1000 píxeles de longitud que está en un ángulo de cero grados. Se va a estirar todo el ancho de la mesa de trabajo. Tenemos que asegurarnos de que todo se alinee con mucho cuidado aquí porque es un patrón. Voy a abrir mis opciones de alineación y voy
a dar clic en “Mostrar opciones” y hacer alinear a mesa de trabajo. Yo sólo voy a alinear esta línea, que esté alineada hasta el borde mismo de la mesa de trabajo aquí. Vamos a convertirlo en una línea ondulada con Effect, Distort & Transformar, y luego Zig Zag. Encenderé Preview, voy a poner mis Crestas por segmento a 1 y voy a dar clic suave. Se puede decir que esto nos está dando una curva suave, superficial. Voy a aumentar un poco la curva hasta cerca de 35. Se quiere asegurarse de que tiene la curva por encima de la línea en cualquiera de los extremos, porque éstos se van a unir más adelante en el patrón. Entonces haga clic en “Aceptar”. Escogeré Objeto, Expandir Apariencia, para convertir esto en una línea regular. Ahora quiero arrastrar un duplicado presionando la tecla “Alt u Option”, ya que arrastro un duplicado, no
quiero moverlo muy lejos, éste va a estar bastante cerca. Entonces voy a hacer eso una y otra vez y otra vez. Termino con cinco líneas, si quieres asegurarte de que estos tres últimos conjuntos de líneas estén espaciados uniformemente, selecciona sobre ellas de las opciones de la Herramienta Alineada, selecciona “Alinear a selección”, y luego pulsa aquí en “Vertical Distribuir Center” y eso asegurará que haya incluso espaciado entre todos ellos. Voy a cerrar este hueco sólo un poquito. Quieres que tu espaciado se ordene bastante antes de ir al siguiente paso. El siguiente paso consiste en tomar estas tres líneas medias y hacer un duplicado de ellas. Quieres seleccionar sobre las tres líneas y puedes abrir el último panel si es necesario estar para asegurarte de que tienes esas tres líneas seleccionadas. Escogerás Editar, Copiar y luego Editar, Pegar in situ. No quieres moverlos, pero sí quieres hacer algunos duplicados porque vamos
a usar esos para unir tus líneas. También necesitarás algunos colores para usar. Voy a abrir mi panel de muestras aquí. Voy a convertir algunos de mis colores en muestras globales. Eso va a hacer un poco más fácil ajustarlos más adelante. Voy a hacer doble clic en cada uno de los colores que quiero usar y hacerlo global. No tengo que hacer bien los colores, ahora mismo, solo
necesito asegurarme de que sean globales y que solo use las muestras globales en mi diseño. Voy a seleccionar los cuatro colores en esta etapa. Ahora volvamos a las líneas de capas aquí. Voy a seleccionar ya sea este fondo más uno y luego uno de los inmediatamente por encima de él, y comprobando en la paleta Capas que sólo hay dos caminos seleccionados. Escogeré Object, Path y luego Unirse. Ahora voy a voltear el Fill and Stroke así que es una forma rellena pero sin trazo. Voy a aplicar uno de mis colores globales. En este punto, sólo puedo ocultar esa forma porque ha sido creada. Vamos a conseguir los siguientes dos conjuntos de líneas y nos uniremos a los que tienen Object, Path, Join. Nuevamente, vamos a aplicar un color global a este conjunto también. Solo lo ocultemos por ahora. Ahora iremos al siguiente conjunto de dos líneas, Object, Path, Join. Voltea el Relleno y Trazo y aplícale un color global y escóndelo. Nos quedan dos caminos más y vamos a hacer exactamente lo mismo con esos. En este punto, puedes volver a encender todas tus líneas. Deberías tener cuatro conjuntos de líneas que estén todos llenos de colores globales. Puedes volver a verificar para asegurarte de que estén alineados al borde mismo de la mesa de trabajo. Quieres asegurarte de que tienes alineado a mesa seleccionado y solo alinearlos hasta el borde mismo de la mesa de trabajo. Ahora estamos listos para hacer algunos duplicados. Escogeremos Objeto, Transformar, Reflejar. Yo quiero transformarlo horizontalmente. Tengo activada Vista previa y quiero hacer un duplicado, así que haré clic en “Copiar”. Eso me da dos juegos de líneas. Uno de estos conjuntos de cuatro líneas que quiero enviar a la parte superior del documento, pero si trato de enviarlos ahora mismo, todos
van a aterrizar en la parte superior del documento. De verdad los quiero agrupados antes de hacer eso. Voy a seleccionar sobre estas cuatro líneas y elegiré Objeto, Grupo. Enviaré al grupo a la parte superior del documento. Yendo a agrupar este conjunto de líneas con Object, Group y yo las moveré hacia arriba para que solo estén coteadas contra la de arriba. Asegúrate de que todo esté perfectamente alineado al borde de la mesa de trabajo aquí. Quiero otra copia de este conjunto de líneas, así que seleccionaré ambos conjuntos. Escogeré Objeto, Transformar, Mover. No estoy seguro exactamente hasta dónde necesito moverlos, pero no quiero moverlos horizontalmente en absoluto. Yo sí quiero moverlos verticalmente. Sólo intentemos 200 por ahora. Yo quiero hacer un duplicado, así que solo daré clic en “Copiar”. Si no están en el lugar exacto correcto y probablemente no los consigas bien la primera vez, solo
puedes moverlos hacia abajo usando las teclas de flecha. Solo quieres una superposición aquí, solo una ligera superposición. Ahora que tenemos las líneas básicas listas para ir, en el siguiente video vamos a crear los puntos y luego crearemos nuestro patrón repetitivo.
3. Pt 2 añadir los puntos: El modo en que estamos haciendo este patrón es que realmente
vamos a hacer la Caja de delimitación para el patrón. Podemos hacernos solo unos pequeños favores en este momento. Una de ellas será establecer aquí el tamaño de estas formas. Si selecciono sobre las formas, cada una de ellas tiene 1000 píxeles de ancho, pero su altura no es un número par. Pero podemos hacerlos un número par simplemente escribiendo el número par. Mi más de un 132 sin cambios, bueno, sólo voy a hacer el mío un 132 pixeles. Voy a seleccionar sobre cada uno de estos y simplemente redondearlos. Ahora cada uno de ellos tiene exactamente el mismo tamaño y la altura de ellos es un buen número par. Ahora, también los voy a espaciar para que se tope entre sí de manera muy uniforme, así que he seleccionado sin embargo los cuatro grupos de líneas. Voy al diálogo Alinear a y voy a seleccionar “Alinear a objeto clave”. Voy a hacer este objeto superior, mi objeto clave haciendo clic en él. Lo que quiero hacer es hacer click aquí en vertical Distribuir espacio, pero quiero asegurarme de que el valor sea cero y eso sólo va culpar estos unos contra otros para que simplemente toquen perfectamente. Ahora voy a seleccionar todas estas formas
y las voy a agrupar con “Objeto”, “Grupo”. Entonces voy a hacer una comprobación final, que es dar clic en “Vertical Align Top”. Eso sólo asegura que estén perfectamente alineados a la parte superior de este documento. Si cada una de estas formas tiene una altura de 132 píxeles entonces el tamaño general del conjunto agrupado de formas debe ser cuatro veces un 132 píxeles, que es, es 528. Aquí puedo hacer las matemáticas y sé que todo está perfectamente, perfectamente alineado. Eso realmente me va a ayudar en unos minutos cuando vengo a hacer mi Bounding Box. Ahora estamos a punto de hacer algunos círculos. Voy a la Herramienta Elipse. Voy a dar click una vez en el documento, voy a hacer un círculo que es de 100 pixeles por un 100 pixeles. Solo estoy usando uno de mis colores globales. Pero si no quisieras usar uno de los colores que ya has usado, podrías seguir adelante y configurar otro conjunto de colores globales. Esencialmente, lo que estoy diciendo es que estoy feliz de que este círculo va a ser del mismo color que esta ola está en el patrón final. Yo sólo voy a hacer una forma de 100 píxeles aquí. Voy a añadir un segundo por aquí. Voy a arrastrar uno hasta aquí. Ahora éste, por su posición, voy a asegurarme de que esté alineado perfectamente hasta el borde mismo de esta mesa de trabajo. Quiero asegurarme de que es medio aquí está en valor x de 1000, que
es, está exactamente en 1000, solo va a ajustar su valor y a un valor conocido aquí, solo lo
haré 250. Eso me va a permitir revisarlo en un minuto. Ahora necesito copiar esto hasta aquí. Escogeré “Objeto”, “Transformar”, “Mover”. No quiero moverlo verticalmente en absoluto, así que escribiré cero ahí dentro. Yo quiero moverlo menos 1000 horizontalmente. Yo sólo voy a tabular. Debido a que tengo seleccionado previamente, se
puede ver que la copia va a la posición exacta correcta, así que voy a dar clic en “Copiar”. A continuación, voy a llenar este espacio con algunos círculos adicionales. Voy a volver a la herramienta Ellipse esta vez, voy a elegir un color diferente con el que trabajar. Voy a dar click una vez en el documento, voy a hacer unos círculos de 50 píxeles. Solo asegurémonos de que ese sea un color diferente. Voy a mover estos por dentro de estas olas. Estoy haciendo los duplicados solo manteniendo presionada la tecla Alt en un PC, tecla
Opción en un Mac y simplemente arrastrando la forma extra lejos. Ahora quiero algunos círculos que sean más pequeños todavía así que solo voy a dar clic aquí y hacer algo de eso a 25 píxeles alrededor. Voy a cambiar el color de esto por otro de mis colores globales. Voy a mover esta forma a posición y de nuevo, duplicarla para llenar los huecos. Yo sí quiero tener cuidado de que no ponga nada por encima de este filo. Ya tengo una forma sobre el borde y no quiero más. O si hubiera puesto otro sobre el borde, tendría que copiarlo al otro lado también. Simplemente es más fácil mantener un mínimo de solapamientos, pero querrás una superposición o de lo contrario vas a conseguir una especie de patrón de aspecto divertido que va a tener un gran hueco por la mitad. También quieres tener presente que este punto aquí va a aparecer por aquí en la imagen final. Se quiere asegurarse de que no haya otro punto demasiado cerca de él. Ahora voy a llenar esta área aquí arriba tomando prestadas las formas de la de abajo. Nuevamente, manteniendo presionada la tecla Alt u Opción es que solo arrastre mis formas a su posición. Estoy trabajando en unas cinco o seis de estas formas de tamaño mediano. Aquí tengo dos formas más grandes. Probablemente no necesiten tantos de los de tamaño medio como lo tuve para este elemento aquí. Entonces voy a pedir prestadas algunas de las más pequeñas. Ahora se va a tener que mover este conjunto de formas hacia abajo a esta posición. Ya sabemos que un elemento aquí tiene dos veces de 132 píxeles de tamaño. Lo que tenemos que hacer es tomar todas estas y simplemente moverlas dos veces 132 píxeles hacia abajo. Yo sólo voy a seleccionar sobre todas estas formas, así que me voy a mover. Voy a dar click en una y luego desplazar click en las otras para
seleccionarlas asegurándome de que no incluyo las líneas con éstas. Ahora voy a elegir “Objeto”, “Transformar”,” Mover”. Tengo activada la Vista previa. No quiero moverlos horizontalmente, así que aquí escribiré cero. Lo que quiero hacer es moverlos hacia abajo a 164 píxeles. Se puede ver que se van a posicionar a la perfección. Pero de nuevo, todo esto tiene que ver con las matemáticas que hicimos antes. Debido a que cada uno de estos bloques aquí tiene un 132 píxeles de altura, el movimiento aquí tiene que ser el doble de esa cantidad. Voy a dar click en “Copiar”. En este punto, no quieres hacer ningún cambio adicional en
tu diseño a menos que estés preparado para ir y volver a hacer toda la copia. Mover cualquiera de estas formas requeriría que las copiaras hasta aquí. Se podrían cambiar estos porque no son duplicados unos
de otros excepto los que están por encima de la frontera aquí. Ahora estamos listos para crear nuestro Bounding Box y crear nuestro patrón y lo haremos en el siguiente video.
4. Pt 3 crea el patrón: Ahora estamos listos para crear un cuadro delimitador que va a definir el área que contiene nuestra muestra de patrones. El área va a ir desde aquí todo el camino a través de la mesa de trabajo, aquí
abajo hasta este punto aquí y al otro lado. Ya hemos determinado que una de estas piezas tiene una profundidad de 132 píxeles, por lo que el doble de esa cantidad es de 264 píxeles, ese va a ser el tamaño de nuestra caja delimitadora. Voy a dar click una vez en el documento, voy a hacer un rectángulo, hay 1000 pixeles por 264, y voy a dar clic en “Aceptar”. Ahora esta caja delimitadora necesita no tener relleno ni trazo, pero primero lo voy a mover a la posición. Realmente no importa demasiado verticalmente exactamente a dónde va, pero debe estar dentro del área definida por estos conjuntos superior e inferior de líneas curvas, lo que no podías ponerlo aquí, por ejemplo, porque eso estaría fuera de ese zona pero se puede compensar un poco aquí, realmente no importa. No necesita estar alineado contra el lado izquierdo de la mesa de trabajo sin embargo, por lo que querrás ir a tu opción Alinear para solo asegurarte de que Align to Artboard esté seleccionada y asegúrate de que esté alineada perfectamente al borde de la mesa de trabajo. Con ella seleccionada, no le vas a dar relleno ni trazo. Al tratarse de una caja delimitadora, también
necesita aparecer detrás de todo en esta mesa de trabajo, necesita estar detrás de todas estas piezas de patrón, o no será tratada como una caja delimitadora. La forma más rápida de llevarlo a la parte posterior de todo es seleccionarlo y elegir Objeto,
Organizar, Enviar a Atrás, y eso lo envía directamente a la parte de atrás aquí. Ahora seleccionaremos todo en la mesa de trabajo, abro el panel Muestras y solo arrastre y suelte nuestra nueva muestra de patrones en el panel Muestras. Voy a crear una segunda mesa de trabajo ella, así que voy a hacer clic lejos de la primera mesa de trabajo, hacer clic en la herramienta de mesa de trabajo, y sólo voy a arrastrar hacia fuera una segunda mesa de trabajo. La segunda mesa de trabajo es exactamente del mismo tamaño que la primera, voy a crear un rectángulo que es del tamaño de esta mesa de trabajo. Voy a utilizar la herramienta Alinear para centrarlo en la mesa de trabajo. Llevaré el relleno al primer plano, apuntaré al relleno, y ahora puedo hacer clic para llenar la mesa de trabajo y ese rectángulo con mi patrón. Ahora tengo líneas de fractura en mi patrón, eso no es inusual en Illustrator. Hay un par de cosas que puedes hacer para deshacerte de estas líneas de fractura, y una de ellas es intentar reescalar tu patrón con Objeto, Transformar, Escala. Desactivaré Transformar objetos, va a restablecer esto a un 100 por ciento. Sólo voy a disminuirlo un poco y ver si sólo uno o dos por ciento es suficiente para deshacerse de esas líneas de fractura, esas tenues líneas de pelo blanco. Ahora bien, si las líneas de fractura no desaparecen y si siempre aparecen exactamente en el mismo lugar, entonces no son líneas de fractura, son problemas en tu patrón. Pero debido a que estos desaparecieron, significa que hay un problema de Illustrator, no un problema de muestra de patrones. Todavía tenemos que arreglarlo porque van a aparecer en cualquier lugar donde utilices este rectángulo que está lleno con el patrón. Otra opción que tienes para deshacerte de esas líneas de fractura es cambiar tus preferencias de Illustrator. Puedes hacer eso eligiendo Editar y luego Preferencias y luego
General y deseleccionar Obra Anti-Aliased y hacer clic en “OK”. Ahora tu obra de arte va a terminar con algunos bordes bastante peludo aquí, pero generalmente eso resolverá el problema. En un Mac estarías eligiendo Preferencias de Illustrator para llegar a ese diálogo. Ahora bien, no necesito hacer eso con la mía porque
parece que mis líneas de fractura han desaparecido más o menos aquí. Ahora en este punto, si ves cosas en tu patrón que no te gustan, puedes volver atrás y hacer cambios en él. No estoy realmente contento con estos puntos de aquí, así que me voy a deshacer de este conjunto. Voy a mover las cosas solo un poquito, lo que tengo que tener cuidado es que copio mi diseño aquí una vez que haya terminado de mover las cosas. La forma más fácil de resolver esto para mí es encontrar estas líneas, y están aquí en la paleta de Capas aquí abajo. Voy a bloquearlos para que no se muevan, lo que me va a permitir seleccionar estos elementos aquí y eliminarlos porque ya no son válidos para mi patrón. Ahora tengo que seleccionar estos elementos aquí arriba e ir y volver a hacer mi copia, así que elegiré Objeto, Transformar, Mover. No quiero moverlos horizontalmente, así que presiona Cero para horizontal, quiero moverlos 264 píxeles verticalmente, asegúrate de que va en una dirección menos 90 grados, haz clic en “Copiar”. Ahora, este es un buen patrón otra vez. Voy a desbloquear mis líneas, parece que he perdido mi no fill no stroke rectángulo, así que vamos a volver a poner eso. Ahora voy a seleccionar todo en esta mesa de trabajo incluyendo mi no fill no stroke rectángulo. Arrastraré esto al panel Muestras. Si agrego la tecla Opción Alto, puedo soltar esto sobre el ritmo de patrón original, que va a reemplazar ese patrón dentro de mi rectángulo, así que esta es una versión más bonita del patrón que estoy pensando. Ahora debido a que usamos colores globales, podemos recolorear esta muestra de patrones simplemente haciendo doble clic en un color global y haciendo cambios en él. Debido a que se han utilizado colores globales, va a cambiar dentro del patrón en uso así como dentro del diseño del patrón, lo que podría querer hacer un segundo patrón recoloreándolo de esta manera. También es posible recolorear este patrón aquí seleccionando esta forma y haciendo clic en la opción Volver a colorear, marque para asegurarse de que haya flechas contra cada uno de estos colores y luego vaya al diálogo Editar. Asegúrate de que esto esté desbloqueado y ahora puedes arrastrar estos puntos de color a una nueva posición para volver a colorear tu ilustración. Cuando obtienes un diseño que te guste, pulsa aquí en el Grupo Nuevo Color y haz clic en “Aceptar”. Encontrarás que obtienes dos patrones en tu patrón Muestras, el patrón original que creaste y ahora este nuevo que tiene aplicado la recoloración.
5. Proyecto de Pt 4 y Wrap a Wrap: Tu proyecto para esta clase será crear un patrón de ondas y puntos similar a lo que hemos hecho en esta clase, y publicar una imagen de tu patrón terminado en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido cosas sobre hacer patrones en Illustrator, que no sabías antes de empezar. Al estar viendo este video, se
te habrá preguntado si habrías recomendado esta clase a otros. Por favor, si disfrutaste la clase y aprendiste algo de ella, haz dos cosas por mí. En primer lugar, responde sí al hecho de que se lo recomendaría a otros, y en segundo lugar, escribe solo unas palabras sobre por qué disfrutaste 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 y aprender. Si quieres dejarme 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 el almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
