Gana experiencia dibujando patrones en Adobe Illustrator - Una clase de Graphic Design for Lunch™

1. Know-how - un diseño gráfico para la clase de Lunch™: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, Patrón Know-how 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 estamos viendo trabajar con patrones en Illustrator. Empezaremos por mirar los patrones que vienen enviados con Illustrator. Aprenderemos a guardar y utilizar un archivo de patrón descargado en Illustrator. Verás cómo escalar, mover y girar patrones, y cómo recolorearlos. Esta clase te dará grandes habilidades cuando estés trabajando ya sea con tus propios patrones o con los de otras personas. Ahora, ya que estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente más personas igual que tú que quieren aprender más sobre Illustrator. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios, y miro y respondo a todos tus proyectos de clase. Si estás listo, ahora, empecemos a trabajar con patrones en Illustrator. 2. Know-how con patrones - parte 1: Para empezar, miro los patrones en Illustrator, voy a elegir Archivo y Nuevo. Voy a crear un nuevo documento con el que estamos trabajando, menos 1000 pixeles por 1000 pixeles en modo de color RGB. Ahora lo que no vamos a hacer en este video en particular es trabajar en patrones que nos estamos creando. Vamos a recolorear algunos para hacerlos nuestros propios patrones, pero no vamos a hacer unos completamente nuevos. Ya tengo una clase sobre eso, y voy a enlazar a eso en la descripción del proyecto solo para puedas empezar rápido eso si eso es lo que quieres hacer. Lo que vamos a estar haciendo es mirar cómo trabajar con patrones, sin embargo sucede que se crean. Vamos a empezar por mirar los patrones que se envían con Illustrator. Abriré aquí el panel Muestres, y si tienes el panel Muestres configurado para mostrar todas las muestras, encontrarás que ya hay algunos patrones aquí dentro, ya hay dos aquí dentro. Pero puedes encontrar más que se envían con ilustrador. Para hacerlo, haga clic en esta flecha apuntando hacia abajo y elija Abrir biblioteca de muestras. Aquí hay acceso a una serie de diferentes tipos de Muestres, hay color Muestres, hay patrones Muestres, hay un gradiente Muestres. Aquí los patrones y verás que están agrupados en gráficos básicos, que son algunos puntos líneas y texturas, algunos decorativos, legado decorativo y patrones vonster y luego algunos de naturaleza también, que son pieles de animales y follaje. Vamos a ver en primer lugar algunos de los gráficos básicos, solo para que puedas hacerte una idea de lo que se incluye con el ilustrador. Por lo que estos son los puntos gráficos básicos. Ahora por supuesto, para poder usar un patrón, necesitas una forma. Entonces solo voy a la herramienta de rectángulo aquí, solo voy a arrastrar un rectángulo en mi documento, no quiero que tenga un trazo, así que voy a apagar eso. Llevaré el relleno a primer plano y ahora solo voy a dar clic en un Patrón para aplicarlo a mi rectángulo. Este es uno de los patrones de puntos del grupo básico de puntos. Ahora si echamos un vistazo al panel Muestres, que por supuesto podríamos llegar si no fuera visible ahí eligiendo Ventana y luego Muestres, verás que el patrón de puntos que acabo de aplicar a esta imagen, tiene se han agregado aquí al panel Muestres. Cualquiera de estos patrones de puntos que aplicé a esta forma lo hará, ya que los aplico se añadirá al panel Muestres para este documento en particular. Ahora el panel Muestres se guarda con el documento, pero por supuesto estas Muestres no estarán disponibles para ningún documento nuevo. Simplemente son peculiares de este documento en particular, porque se han utilizado en este documento. Yo sólo voy a sumar unos cuantos aquí. las líneas a través de esto tendremos una charla sobre más adelante. Ahora como estábamos mirando los patrones que se envían con Illustrator, también había algunos decorativos, así que vamos a ver esos. Abrir Patrones Biblioteca de Swatch, Decorativos, voy a elegir aquí los Patrones Vonster, porque vamos a usar uno o dos de estos también más adelante en este video. Estos son patrones más decorativos que se envían con ilustrador. Nuevamente, al seleccionar cualquiera de estos para añadirlo a este rectángulo como su relleno, éstos se agregan automáticamente al panel Muestres para este documento. 3. Know-how con patrones – parte 2: Ahora, además de los patrones que vienen con Illustrator, también puedes encontrar patrones en línea para usar. Podrás comprarlos en sitios de stock regulares y también encontrarás que algunas personas proporcionan muestras gratuitas para descargar. En este caso, vamos a utilizar un conjunto de un sitio llamado Design For It. Te daré el enlace de descarga, solo rodarás abajo el sitio aquí para que puedas echar un vistazo a cuáles son los patrones y luego dar click para descargar los patrones de muestra de Illustrator. Se descargarán los patrones de muestra y aparecerán en tu carpeta de descargas. Estoy siendo bastante cuidadoso en estos videos para descargar donde puedo comprimir archivos. Son mucho más fáciles de descomprimir que archivos RAR. Si estás trabajando en Windows y si trabajas en el Mac, deberías poder verlos en tu carpeta Descargas y solo tienes que hacer doble clic en la carpeta para descomprimirla. Una vez que hemos hecho doble clic en la carpeta, obtenemos un enlace aquí para extraer todos los archivos. Solo voy a dar clic para extraerlos en mi carpeta Descargas. Ahora, estos archivos aparecerán en mi carpeta Descargas en una subcarpeta llamada Diseño Fruit Swatch Patterns. En el Mac probablemente se vaya a hacer automáticamente por ti. Ahora si más tarde vas y buscas patrones para usar solo ten en cuenta si eres usuario de Mac, RAR es un formato fino para usar. Si eres usuario de Windows, posible que tengas un poco más de dificultad para trabajar con archivos RAR. zip son muy fáciles de manejar tal y como te he mostrado aquí. Los archivos RAR que puede necesitar para descargar y descomprimir utilidad. Voy a incluir enlaces a un par de esos en la descripción del proyecto por si acaso necesitas eso para trabajar con nuestros archivos RAR. Tan solo ten en cuenta que la mayoría de estos bajarán en algún formato comprimido del que necesitarás extraerlos. Dicho esto, vamos a agarrar este conjunto en particular vamos a ir por el archivo RAR de muestras de frutas Design. Sólo voy a hacer doble clic en él para abrirlo en Illustrator aquí. Así es como se ve el archivo cuando lo abres en Illustrator. Aquí no hay nada, toda la acción está en el panel de muestras. Se quiere ir a Ventana, y luego Muestres para abrir el panel de muestras porque estas son las muestras que se envían con este archivo en particular. Ahora bien, si quieres tener acceso a estos patrones más adelante, lo primero que debes hacer es ir y guardar esto y lo harás de esta manera, harás clic en esto hacia abajo, flecha apuntando, el menú fly-out del panel de muestras. Escogerás Guardar biblioteca de muestras como AI. Es realmente importante que guardes esto como un archivo AI. Al hacer clic en esto, encontrarás que ilustrar abre automáticamente la ubicación donde espera encontrar muestras guardadas. Estas son muestras definidas por el usuario. Podrían ser definidos por ti o podrían ser los que hayas descargado y quieres instalar para que sean accesibles fácilmente dentro de Illustrator. Ya tengo algunos porque he estado creando mis propios archivos de patrón, solo voy a guardar este conjunto en el mismo lugar. Simplemente voy a dar clic en Guardar, ya se acabó. Ahora voy a cerrar este archivo porque ya no lo necesito abierto en Illustrator, lo que necesito es acceso a los patrones que hay en él, y ahora lo configuré para que pueda llegar a esos patrones en cualquier momento. De vuelta en el documento en el que estamos trabajando, veamos cómo obtendríamos acceso al archivo de patrón que acabamos de almacenar listo dentro de Illustrator. Lo haremos yendo a este panel de muestras, haga clic en el menú de fly-out, elegirás Abrir biblioteca de muestras, y esta vez bajaremos a Definido por el Usuario. Esto nos da acceso a cualquier archivo de muestra que hemos guardado de la forma en que acabo de mostrarte cómo guardar estos patrones. Aquí está nuestro patrón de muestra de fruta diseñado, así que voy a hacer clic en él para abrirlo, y lo que pasa es que obtenemos un pequeño panel de muestras con las muestras de patrones de frutas Design en él. Yo solo voy a dar click en una de ellas y puedes ver que se aplica a mi forma. Es así como trabajas con archivos de muestra que descargas de la web, primero los abres, los guardas en tu área de muestras de patrones en Illustrator, y luego puedes obtener acceso a ellos en cualquier momento exactamente de la misma manera que obtendrías acceso a Illustrator's on Muestres o Muestres que has creado tú mismo. 4. Know-how con patrones – parte 3: Ahora, cuando aplicas muestras a una forma en Illustrator no siempre se verá exactamente como quieres que se vea. Ahora vamos a ver algunas de las técnicas para escalar, mover y girar patrones en Illustrator. Lo vamos a hacer con esta forma. Lo primero que vamos a ver es escalarlo, haciéndolo más grande o más pequeño. Para hacer eso con la forma seleccionada, así que voy a asegurarme de que tengo esta forma rellena de patrón seleccionada. Voy a seleccionar objeto y luego transformarme y en esta instancia para hacerlo más grande o más pequeño, elegiré escala. Esto abre el diálogo a escala. Aquí hay dos opciones que son de considerable importancia, y ese es el objeto transformado y los patrones de transformación. Lo que queremos hacer es que el patrón tenga un tamaño diferente, pero no queremos cambiar el objeto que está en el rectángulo. Entonces vamos a anular la selección de objetos de transformación, asegurándonos de que los patrones de transformación aún estén seleccionados. Voy a encender la vista previa, y ahora voy a aumentar esta escala de este patrón a 300 por ciento y a tabular. Ahora el patrón dentro de la forma se ha agrandado en un 300 por ciento. El objeto en sí no ha sido cambiado porque tenía objetos transformados deseleccionados. Ahora puedes ir mucho más pequeño también, así que voy a bajar al 50 por ciento. Escribiré 50 y luego presionaré la tecla de tabulación para alejarme y ahora se llena con el patrón a un tamaño del 50 por ciento. Si desea ajustar por valores más pequeños, simplemente puede hacer clic en el cuadro uniforme aquí y presionar la tecla de flecha arriba que lo llevará hasta 1 por ciento a la vez. Si presionas shift up arrow, va a ir en 10 por ciento a la vez, lo que puedes aumentar en grandes cantidades o en pequeñas cantidades muy granulares. Eso puede ser realmente útil cuando obtienes esas líneas raras a través de tu patrón, lo que Illustrator es notorio. Si ves líneas blancas a través de tu patrón simplemente aumentándolo o disminuyéndolo en un 1 por ciento a menudo puede eliminar esas líneas. Voy a dar click bien porque ya terminé con escalar este patrón. Pero ¿y si quiero moverlo? ¿ Y si no quiero que este lugar esté en la esquina superior? Yo quiero que se vea un poco diferente. Bueno, con la forma aún seleccionada, voy a elegir movimiento de transformación de objeto. Voy a asegurarme de que la vista previa esté activada. Voy a asegurarme de que el patrón de transformación esté activado, pero no objetos porque no quiero mover el rectángulo solo quiero mover el patrón dentro de él, y ahora puedo hacer clic aquí y aumentar el valor horizontal. Al igual que yo, se puede ver que el patrón se está desplazando dentro del rectángulo aquí. Puedo mantener presionada la tecla Mayús mientras presiono la flecha arriba, o simplemente puedo presionar la flecha arriba o la flecha abajo para aumentar o disminuir esta cantidad horizontal y luego puedo ir a vertical y hacer algo diferente allí, sólo lo voy a empujar un poco hacia abajo. Puedo asegurarme de que lo que esté apareciendo en la esquina superior de esta forma, o de hecho en cualquier parte de esta forma es exactamente el elemento que quiero ver en esa esquina superior. Sólo voy a bajarlo un poco, y cuando esté contento con cómo se ve la esquina superior, solo puedo presionar bien. También puedes rotar el patrón y lo haces de manera no sorprendente eligiendo la transformación del objeto rotar. Mismo trato aquí queremos transformar objetos deseleccionarlo queremos transformar patrón seleccionado. Queremos previsualizar las cosas a medida que vamos y solo voy a teclear aquí 45 grados. Cuando enseñé 45 grados, el patrón se gira 45 grados, dándonos un aspecto muy diferente al patrón original. Si estoy contento con eso, voy a dar click bien. Ahora sabes cómo mover un patrón dentro de una forma, cómo escalarlo hacia arriba o hacia abajo, y cómo girarlo. 5. Know-how con patrones – parte 4: A continuación vamos a ver los patrones de recoloración, en primer lugar, vamos a investigar exactamente qué está disponible para que recoloreemos. Entonces voy a empezar con uno de los patrones que se forma con ilustrador, sólo voy a dar click en él para aplicarlo a esta forma. Ahora este patrón está mostrando que hay líneas inclinadas a través él que indican que hay un ligero problema con el ilustrador. Voy a elegir objeto, transformar, y luego escalar. Voy a anular la selección, transformar, objetos, voy a decir si al aumentar o disminuir este patrón en una pequeña cantidad, puedo hacer un cambio a esas líneas. Yo quiero devolverlo al 100 por ciento, y estoy diciendo la línea. Entonces lo voy a aumentar en apenas un uno por ciento, y eso parece haber eliminado esas líneas. Entonces estoy bastante contenta con eso. Voy a dar click Ok. Ahora antes de seguir adelante y mirar recolorear este patrón, echemos un vistazo a exactamente qué hay en él. Voy a seleccionar la herramienta de rectángulo, voy a arrastrar un rectángulo aquí, voy a llenar con un color sólido, lo voy a colocar detrás del patrón, objeto, arreglarlo , mandar a atrás. Se puede decir que los lugares blancos en este patrón realmente no son blancos. Lo que son no es nada en absoluto. Entonces estamos diciendo a través del patrón a este objeto detrás. Ahora eso es bastante importante notar porque significa que no podemos cambiar el blanco en el patrón, porque no hay blanco en este patrón. Si vuelvo a la forma con la que estábamos trabajando aquí, y si agrego uno de los patrones que descargamos de designfruit, verás que no es el caso con este patrón, el blanco en el patrón es realmente blanco, porque no estamos diciendo este rectángulo morado debajo de este patrón, es un patrón completamente lleno. Así que solo ten en cuenta que antes de seguir adelante y tratar de recolorear los patrones, solo estableces si realmente hay blanco ahí dentro que se pueda volver a colorear o si es solo ver a través, y entonces no puedes recolorearlo de la manera que tú los otros colores que en realidad están en el patrón. Habiendo establecido que el blanco en este patrón es verdaderamente blanco, no un elemento ver a través. Voy a quitar este rectángulo de color de detrás de la forma llena de patrón. Voy a la herramienta de selección. Voy a seleccionar en la forma, y para volver a colorear el patrón, voy a dar clic aquí en el icono de la obra de re-color. Esto abre el diálogo de arte de re-color. Ahora tu diálogo podría parecer más grande que esto, pero solo estoy cerrando el mío, así que tengo un poco más de espacio en la pantalla para trabajar. Aquí en el panel de edición, verás los colores que están en el patrón; los marrón, azul, rojo y blanco. marrón, el azul y el rojo se mapean sobre sí mismos. Por lo que este es el color original en el patrón y este es un color mapeado. Entonces efectivamente estamos diciendo que no hay ningún cambio en el patrón en absoluto, pero el blanco no está mapeado en nada y porque aquí hay toda esta barra en lugar de una flecha, eso nos está diciendo que el blanco no se cambiará. Entonces si vamos y cambiamos los colores en este patrón, blanco va a seguir siendo blanco. Veamos cómo va a funcionar eso. Voy al panel de edición aquí. Voy a asegurarme de que estos colores estén bloqueados para que la relación entre ellos siga siendo la misma, y sólo voy a rodar este conjunto de deslizadores alrededor de la rueda de color. Al igual que lo hago los colores y el patrón van a cambiar, pero se puede decir que la relación entre los colores no cambia. También dirás que el blanco sigue siendo blanco. Si queremos poder hacer un punto algo diferente, volvamos al diálogo asignado, y hagamos doble clic aquí, y optemos por agregar un nuevo color, y elijo sí. El blanco ahora está mapeado al blanco, porque hay esta flecha, me está diciendo que ahora puedo cambiar de blanco. Entonces volvamos a las opciones de edición y dentro aquí está el blanco. Por lo que acabo de arrastrar blanco hacia fuera al área naranja, se puede decir que el blanco en la imagen ahora ha cambiado. Ahora como rol estos colores alrededor, todo está cambiando, incluyendo el blanco. Si antes no has estado en este diálogo, solo ten en cuenta que esta opción aquí te permite desvincular los colores. Si desvinculas los colores, puedes llevar los colores a cualquier área que quieras, la relación entre ellos está rota, por lo que puedes colorear este objeto a lo que quieras que sea. Si encuentras algo que te guste, solo puedes hacer clic en “Ok” y el color se aplicará a tu ritmo de patrón. Ahora vamos a quitar este rectángulo. Volvamos al patrón que tenía pasos huecos en él, así que veríamos qué haríamos con eso. Simplemente voy a seleccionar este rectángulo y eliminarlo. Ahora voy a dar click en el patrón que quiero agregar a mi rectángulo. Entonces es mi nuevo color de relleno. Iré a la herramienta de rectángulo. Simplemente voy a arrastrar hacia fuera mi rectángulo lleno de patrón. Sabemos desde la última vez que miramos este patrón que estas áreas blancas están realmente viendo a través. Entonces podemos cambiar los colores del azul's aquí en el patrón, pero ahora mismo no podemos cambiar el blanco. Bueno, veamos y veamos cómo sustituiríamos el blanco por otra cosa. Voy a abrir el panel de apariencia. Se puede llegar a esto de causa eligiendo ventana, y luego apariencia si no es visible. Ahora en el panel de apariencia para esta forma, ya tenemos un relleno que es el patrón y no tenemos trazo en absoluto. Eso es sólo estar de acuerdo con los selectores de aquí. Bueno, vamos a añadir un nuevo relleno. Voy a dar click aquí en añadir nuevo relleno. Esto agrega un relleno en la parte superior de esta pila de películas, y el relleno que agrega es idéntico al que ya está en las formas. En realidad estoy bastante feliz de dejar ese en la parte superior. Vayamos al de abajo porque lo que quiero hacer es reemplazarlo por un color sólido. Entonces solo voy a dar clic aquí, y voy a añadir un color sólido detrás de este patrón. Hagamos por ahora un color amarillo para que podamos verlo. Se puede decir que eso es rellenar efectivamente las partes transparentes de este patrón, se puede hacer clic y elegir cualquier color que te guste, entonces nos vamos a conformar con este morado ahora mismo. Ahora que tenemos una forma que está llena de un patrón así como de un relleno sólido. Podríamos recolorear esto exactamente de la misma manera que recoloreamos el otro patrón con la forma seleccionada. Vayamos al diálogo de obras de arte recolor. Como era de esperar estamos diciendo todos los colores que estaban en este patrón, esos son los tres primeros aquí, así como el color de relleno sólido que ponemos detrás del patrón. Todos estos colores están mapeados actualmente sobre sí mismos, porque aquí tenemos pequeñas flechas. Todos van a cambiar si vamos al diálogo de edición. Entonces, solo pinchemos en “Editar”. Aquí están todos los colores en relación entre sí. Voy a dar clic para bloquear esa relación, y ahora sólo voy a arrastrar por aquí. Puedo cambiar todo el color de este patrón simplemente arrastrando los colores a otra parte. Si no quiero algo bastante tan monocromático, puedo romper el enlace aquí, y romper el enlace me permite mover cualquiera de estos cuatro pequeños indicadores de color donde quiera. Este es el fondo, el color que agregamos. Estos son los tres colores en el patrón original. Por lo que podríamos tomar uno de los colores del patrón original por ejemplo, y llevarlo al área verde. Se puede decir que hay una diferencia significativa en el patrón cuando lo hacemos. Podemos romper el vínculo si quieres, entre los colores y crear algo que sea un color de patrón más robusto y más interesante. De nuevo, si estamos contentos con esto, solo haremos clic en “Ok”. 6. Know-how de patrones – parte 5: Antes de terminar con nuestra recoloración, vamos a echar un vistazo a cómo volveríamos a colorear algunos de esos patrones de puntos que se envían con Illustrator. Sólo estoy borrando el rectángulo. Voy a volver a seleccionar uno de mis patrones de puntos. Voy a arrastrar hacia fuera un rectángulo lleno de patrón de puntos. Ahora, quiero agrandar un poco este patrón. Escogeré “Objeto”, “Transformar”, “Escala”. Tengo objetos transformados deseleccionados. Tengo un tamaño de patrón mucho más grande seleccionado. Voy a asegurarme de que lo agrandar para que esas pequeñas líneas blancas a través del patrón hayan desaparecido y voy a dar clic en “Ok”. Ahora, con la forma seleccionada, voy a seleccionar el diálogo “Recolor Artwork”. Aquí verás que el negro se ha mapeado sobre sí mismo. Pero si vamos a la opción Editar, realidad no somos capaces de cambiar el negro. Para hacerlo volvamos al área “Asignar” y pinchemos aquí para hacer de esto una flecha. Ahora, hay una flecha, podemos hacer algo con ella. Voy a volver a Edit. Ahora bien, esta es una rueda de color muy oscuro aquí. Lo que voy a hacer es simplemente terminar el brillo en él que se parezca más a la rueda de color de esa manera acostumbrada a ver. Ahora, podemos empezar a arrastrar este selector de color alrededor y podemos cambiar el patrón de puntos muy fácilmente. Cuando encontremos una mirada con la que estamos contentos, solo daré clic en “Ok”. Tan solo ten en cuenta cuando estés en el diálogo de recolor que de vez en cuando, algunos colores podrían estar bloqueados y vas a tener desbloquearlos asegurándote de que estén vinculados con una flecha, para que puedas remaparlos con éxito . Por supuesto, también se aplicará lo contrario. Salgamos de aquí y vamos a aplicar un patrón a esta forma. Volvamos al diálogo de recolor. Digamos que queremos remapear el blanco en este patrón, pero digamos que no queremos remapear el rojo, digamos que queremos mantener este rojo. Lo que voy a hacer es convertir la flecha en un bar. Ahora, podemos recolorear el marrón, el azul y el blanco, pero el rojo se va a mantener fijo. Sea lo que sea que haga con esta rueda de color, se puede decir que los colores en el patrón están cambiando todos excepto el rojo. El rojo está bloqueado por lo que no se puede alterar. A veces eso es útil. Tenía un estudiante en una de mis clases que quería recolorear una imagen que incluyera las características de una persona. Necesitaba bloquear el color de la piel para que eso no cambiara, pero podía cambiar todo lo demás. Así es como lo harías. Acabas de entrar en el área Asignar y simplemente bloquear los colores que no quieres cambiar, lo que te permite cambiar fácilmente todos los demás colores. Tu proyecto para esta clase es crear un documento que tenga dos rectángulos en él. En el rectángulo más alto, pon el patrón que tienes, ya sea abierto desde Illustrator, descargado, o patrón que has creado tú mismo, y simplemente ponlo ahí en su tamaño normal. Hacer un duplicado de ese rectángulo, y luego seguir adelante y ajustar el patrón. Quieres moverlo, rotarlo, escalarlo, hacer algo diferente con él, y luego seguir adelante y recolorearlo. Cuando haya terminado, publique la pieza original del patrón y su patrón editado como su proyecto. Espero que hayas disfrutado de este curso y que hayas aprendido mucho sobre trabajar con patrones en Illustrator. Si sí disfrutaste de este curso y si ves un prompt para recomendarlo a otros, por favor dale un pulgar arriba. Esto ayuda a otros a identificar esto como una clase que tal vez quieran tomar. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y busco y respondo a todos tus proyectos de clase. Mi nombre es Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.