Circulos con pinceles, mezclas y transformaciones - Una clase de Graphic Design for Lunch™

1. Diseño gráfico para la introducción de la Circles Introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, yendo en círculos, creando círculos con pinceles y mezclas 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 estar buscando crear círculos concéntricos de círculos. Vamos a hacer cosas como crear un pincel de dispersión y un pincel de patrón. Vamos a ver las mezclas, vamos a mirar trazos, y vamos a mirar las formas giratorias. Tengo una bolsa de agarrar de herramientas que puedes usar, y vamos a explorar una solución al problema de crear círculos concéntricos de círculos. Vas a aprender algunas cosas realmente interesantes sobre Illustrator en esta clase, y realmente espero que lo disfrutes. Empecemos a hacer círculos. 2. Ir en círculos: parte 1: Para ver algunas formas en que podemos crear círculos de círculos, vamos a empezar por crear algunos pinceles. Voy a hacer clic aquí en la Herramienta Elipse, y voy a arrastrar hacia fuera un pequeño círculo. Yo quiero que se llene de negro, y que no tenga trazo en absoluto. Empezaremos por crear un pincel de patrón. Para ello, voy a dar click en la Herramienta de Selección. Voy a asegurarme de que mi forma esté seleccionada. Abriré el panel Pinceles. Si no lo tienes visible aquí, puedes abrirlo eligiendo “Ventana”, y luego “Pinceles”. Voy a arrastrar y soltar mi forma en el “Panel de pinceles” aquí, y voy a seleccionar “Pincel de patrón” y hacer clic en “Ok”. Es posible que versiones anteriores de Illustrator no tengan estos patrones de esquina en su lugar, y en realidad no los necesitamos. Pero si tienes una versión posterior de Illustrator, y quieres hacer este pincel para usarlo, por ejemplo cuadrados, entonces puedes hacer clic aquí, y bajar, y seleccionar “Auto Overlap”, y eso solo completa la esquina. Pero hoy no lo necesitamos para nuestros propósitos. Lo que sí tenemos que hacer es seleccionar Tintados de esta lista porque eso nos permite luego volver a colorear el pincel si queremos, y voy a dar clic en “Ok”. Veamos cómo funciona realmente este pincel en la práctica; haré clic en la herramienta Elipse, y mantendré pulsada la tecla Mayús para arrastrar un círculo aquí. Voy a llenarlo sin relleno en absoluto, y solo para que sea un trazo negro. Con ella seleccionada, voy a aplicar mi pincel pinchando aquí. Se ve por el momento como si tuviéramos un círculo de círculos, pero las miradas pueden ser un poco engañosas. Vayamos aquí, y pinchemos en este ícono. Es opciones de objeto seleccionado. Nos permite ajustar el pincel como se aplica a este objeto, pero no ajustar el pincel original, por lo que así queda como está. Voy a aumentar el tamaño de este pincel, porque cuando lo haga, el problema con este pincel de patrón se hace inmediatamente evidente. Estos no son círculos. De hecho, el pincel de patrón está distorsionando estas formas. A un tamaño pequeño, podría parecer como si fueran círculos, pero a un tamaño más grande estamos viendo muy claramente que no es un círculo. Por el momento las formas son estiradas para caber, pero incluso al hacer clic en “Añadir espacio para encajar” no se va a mejorar la forma general de lo que debería haber sido círculos. Miremos y veamos qué sucede cuando lo creamos como un pincel de dispersión. De nuevo, seleccionaré la Herramienta de selección, seleccionaré sobre mi forma y la soltaré en el panel de pinceles. En esta ocasión, seleccionaré “Cepillo de dispersión” y haré clic en “Ok”. Ahora hay más opciones para el pincel de dispersión, pero esencialmente todo lo que necesitamos hacer es solo seleccionar “Tinte”, por lo que podremos volver a colorear el pincel si quisiéramos más adelante. Voy a dar click en “Ok”. De nuevo, voy a crear un círculo para probar este pincel. Sostenga la tecla Mayús mientras arrastro hacia fuera una elipse, sin relleno, y un trazo negro. Con la elipse seleccionada, voy a dar clic aquí porque este es mi pincel de dispersión. Hasta el momento tan bueno; tenemos una serie de puntos alrededor de nuestro círculo. Vamos a probar esto haciendo clic en opciones del objeto seleccionado. Puedo aumentar el tamaño de mis puntos. Daré clic en “Vista previa” para que podamos ver qué está pasando. Es un poco difícil ver esto ahora mismo, pero aumentemos el espaciado. Se puede ver que esencialmente lo que tenemos es una serie de puntos. Estos son en realidad círculos, y no formas deformes. Pero aquí hay un problema; si queremos que estos luzcan uniformemente espaciados alrededor de la forma, vamos a necesitar ajustar el espaciado de una manera muy fina. Ahí hay un punto dulce muy pequeño, y no siempre es particularmente evidente cuando tienes todo alineado y cuando no está del todo alineado. Tendrás que hacer un ajuste muy pequeño para que luzca bien. Antes de dejar estas dos formas, echemos un vistazo y veamos qué sucede cuando tratamos de copiar y volver a escalar la forma. Voy a seleccionar la Herramienta de selección, y seleccionar esta forma aquí. Escogeré “Editar”, “Copiar”, “Editar”, “Pegar en su lugar”; eso coloca otra de estas formas, con el pincel aplicado, inmediatamente encima de esta forma. Sostendré Shift y Alt, eso es Option y Shift en el Mac. Yo sólo voy a redimensionarlo. Bueno, vamos a bajarlo un poco más allá. Se puede ver que estamos consiguiendo un buen cambio de tamaño. Estamos obteniendo menos puntos del mismo tamaño alrededor de nuestra forma. Veamos qué pasa cuando le hacemos esto a este pincel de dispersión. Pero antes de hacerlo, sólo voy a añadir unos puntos más. Voy a hacer eso reduciendo el espaciado. De nuevo elegiré “Editar”, “Copiar” y luego “Editar” “Pegar en su lugar”. Sostendré Shift y Alt, que es Opción de Shift en el Mac, y simplemente re-escalar la forma. Nuevamente, obtenemos algo parecido, pero no realmente del todo los resultados que obtuvimos con el pincel de patente. Estamos obteniendo los mismos puntos de tamaño, pero sí tenemos un problema de espaciado. Entonces si quisiéramos hacer que este aspecto parejo, necesitábamos entrar aquí y seleccionar esta forma y solo buscamos nuestro espaciado, solo un poco mejor. Ahí está nuestro intento de crear un círculo de círculos primero usando un pincel de patrón, y en segundo lugar usando un pincel de dispersión. De los dos, estamos obteniendo el resultado un poco mejor con el pincel de dispersión, pero realmente nos gustaría algo un poco mejor que esto. 3. Ir en círculos: parte 2: Para continuar nuestra exploración de crear un círculo de círculos, vamos a acariciar una forma. Para esto, voy a crear una elipse. Voy a volver a hacer clic en la Herramienta Elipse, mantenga presionada la tecla Mayús mientras creo un círculo. No tengo relleno y tengo un trazo negro. Ahora quiero empezar a trabajar con el trazo, así que voy a dar clic aquí en este enlace de trazo porque abre un diálogo. Voy a empezar a aumentar el peso de mi derrame cerebral. Lo que busco aquí es crear un círculo de círculos sobre el tamaño de este círculo. El peso del trazo aquí va a ser equivalente al diámetro de este círculo, así que solo los estoy mirando aquí y se ven bastante equivalentes. Se trata de un trazo de 22 puntos. Voy a dar clic aquí en la Tapa Redonda porque eso es importante para crear un círculo punteado alrededor de nuestra forma, y voy a dar clic en Línea discontinua. Nombré mi valor de guión para que sea cero, y si quiero que todos mis puntos se enfrenten entre sí, voy a establecer un valor de brecha que sea igual a mi peso. Eso van a ser 22 puntos. Voy a asegurarme de que esta opción aquí esté seleccionada porque esto alinea todo prolijamente. Si tengo este seleccionado, es posible que las cosas no estén tan bien alineadas en torno a este punto. Con el peso y la brecha exactamente el mismo valor, el guión 0 y esta gorra redonda seleccionada, tengo un círculo de círculos. Si aumento el trazo blanco, verás que empiezan a tropezarse entre sí. Si quiero círculos más grandes, pero no quiero que estén tocando, entonces necesitaré ajustar el hueco al mismo que el peso o un poco más grande. Eso es 30 ahora mismo. Si yo aumento la brecha, entonces los puntos simplemente se alejan más el uno del otro. Voy a buscar un círculo de puntos que me quede bien y luego simplemente haga clic lejos de la forma. Veamos qué tan robusta es esta forma cuando la duplicamos. Escogeré Editar, Copiar y luego Editar, Pegar in Place. De nuevo con la Herramienta Mover seleccionada y la opción Shift y Alt, Shift en el Mac, solo voy a mover esto aquí. Estamos consiguiendo una representación realmente buena aquí. Intentemos eso otra vez, todo parece estar encogiendo realmente bien. Editar, Copiar, Editar, Pegar en su lugar, y luego vamos a redimensionar este hacia abajo. Esto nos da una buena gama de círculos en círculos. Si bien estamos aquí, veamos rotar una forma. Si has completado mi clase Lets Go Steampunk en mi serie Illustrator for Lunch, sabrás cómo rotar una forma. Pero si no lo has hecho, aquí te explicamos cómo hacerlo. Vamos a elegir Ver, y luego Gobernantes, y luego Mostrar gobernantes. Voy a arrastrar o hacer clic y arrastrar desde esta regla por aquí y simplemente soltar una guía en mi documento. Ahora una guía es solo una forma, verás aquí en tu último palé que tienes una guía porque es una forma. Ahora vamos a traer nuestro círculo aquí. Simplemente lo voy a colocar aquí arriba sobre mi guía. Yo quiero que se centren el uno sobre el otro, así que voy a seleccionar tanto mi círculo como mi guía. A partir de estas opciones de alineación, voy a elegir Horizontal Align Center. Ahora, solo ten en cuenta que tenía Align a Selección puesta aquí para que estas dos formas se estén alineando entre sí, no a la mesa de trabajo como lo serían si seleccionara Alinear a Mesa de Trabajo. Ahora solo voy a seleccionar mi círculo porque no quiero que mi guía gire, solo quiero que mi círculo gire. Voy a dar clic aquí en la Herramienta Rotar. Antes de que aparezca el diálogo, lo que voy a hacer es sostener el ratón sobre la guía aquí, y hacer clic en Alt u Option, porque eso establecerá el punto de rotación alrededor del cual se va a girar mi círculo. Ahora me aseguraré de que Preview esté puesta, y ahora estableceré un valor de rotación. Si por ejemplo, quiero 12 puntos alrededor de mi círculo, entonces podría escribir 360 dividido por 12, e Illustrator hará el cálculo requerido para calcular el ángulo. Voy a dar click en “Copiar”. Ahora, si continúo y hago clic en “Control D” Comando D en el Mac, solo voy a girar este círculo alrededor. Se puede ver en el último palé que lo que estoy haciendo es duplicar la forma cada vez, por lo que cada uno de estos puntos es una forma completa. Ya no necesito mi guía, así que sólo voy a localizar eso aquí y lo voy a dejar caer en el basurero sólo para deshacerme de él. Voy a seleccionar sobre todas las formas y para mayor comodidad, elegiré Grupo de objetos. Ahora vamos a copiarlos y redimensionarlos para crear un conjunto concéntrico de círculos. Editar, Copiar, Editar, Pegar en su lugar, Mayús, Alt, Opción Mayús en el Mac. Ahora estamos consiguiendo algo un poco diferente. Voy a volver a seleccionar esta forma y volver a hacerlo. Editar, Copiar, Editar, Pegar en su lugar. Nuevamente, Shift Alt. En este caso, estamos consiguiendo activos de círculos concéntricos, pero nuestros círculos se están haciendo más pequeños cada vez. Es un look interesante y bastante atractivo. Por supuesto que todo depende de lo que estés buscando, pero si este es el resultado que quieres, entonces esta es la forma de obtenerlo. Al usar Rotar una forma, estamos obteniendo el mismo número de círculos en cada uno de estos círculos, pero están disminuyendo de tamaño a medida que lo hacemos. 4. Ir en círculos: parte 3: El siguiente proceso que vamos a ver para crear círculos concéntricos es usar distorsionar y transformar. Tengo aquí un círculo que he creado, lo tengo seleccionado y elijo efecto, distorsionar y transformar. Voy a dar click en “Vista previa” y porque quiero 12 círculos por aquí, voy a pedir 11 copias. También voy a establecer mi ángulo en 360 dividido por 12 para que el ilustrador haga el cálculo del ángulo para mí. El problema es que ahora mismo todos mis círculos están girando alrededor del punto central por lo que en realidad están todos creados uno encima del otro. Puedo cambiar esto alterando el valor horizontal. Yo sólo voy a empezar a caminar hacia fuera el valor horizontal. Yo lo estoy tomando en dirección negativa pero podrías tomarlo en una dirección positiva con exactamente el mismo resultado. Lo que busco aquí es solo un conjunto de círculos guapo y voy a dar clic en “OK”. Hasta el momento tenemos un resultado muy similar al que hemos tenido con nuestros ejemplos anteriores, pero aquí sólo tenemos un círculo que controla toda la forma. Voy a reseleccionarlo y vamos a ver cómo vamos a crear nuestros círculos concéntricos. Volveremos atrás y elegiremos efecto y otra vez distorsionaremos y transformaremos, transformaremos. Ahora, se nos advertirá que ya tenemos un efecto de transformación. Bueno, el efecto de transformación que tenemos es el que está creando este círculo. Nos dicen que si quisiéramos alterar ese efecto, tendríamos que ir al panel de apariencia y reseleccionarlo y alterarlo. Lo que vamos a hacer es agregar un segundo efecto y eso es exactamente lo que queremos hacer click, “Aplicar nuevo efecto”. Ahora voy a dar clic en “Preview on” y porque quiero dos conjuntos de círculos concéntricos aquí dentro, voy a escribir dos como mis copias. Ahora tenemos que encontrar la manera de llevar todo al medio. Bueno, vamos a hacer eso reduciendo la escala horizontal y vertical de nuestra forma. Escribiré 75 y 75. Ahora bien, eso no es suficiente así que disminuiré un poco más el valor. Probemos 50 y 50. Bueno, eso me ha dado mis círculos concéntricos pero quizá he ido un poco demasiado lejos. Puedo experimentar con diferentes valores. Voy a llevarla hasta el 60 por ciento. Quiero usar los mismos valores para horizontal y vertical o también voy a distorsionar mis formas pero haré clic en “Aceptar”. Distorsionar y transformar me ha dado una forma para controlar todo mi círculo pero he podido crear un efecto circular que es algo similar a girar una forma. Ahora, con esto como con los demás, podré cambiar el color seleccionando este solo círculo y eligiendo un color diferente para él. Si volvemos a nuestra forma de trazo, recordarás que estos puntos aquí fueron creados como un trazo. Aquí están aquí. Bueno, para cambiar su color, vamos a necesitar cambiar el color del trazo. Voy a hacerlos de color rojo oscuro. Para rotar una forma, en realidad tenemos toda una serie de puntos aquí. Cada uno de estos son grupos y cada uno de estos puede ser recolored individualmente si queremos o podríamos recolorearlos al mismo color exacto también. Para nuestros pinceles de patrón, podemos cambiar el color pero va a ser el color para todo el pincel. Haré clic en mi color de trazo porque eso es lo que lo está controlando y pongámoslo a un color. El segundo camino podría ser recoloreado del mismo color o uno diferente. Lo cambiaré a un color diferente y el pincel de dispersión va a funcionar de la misma manera que el pincel de patrón. Cada uno de estos son caminos y el color de los puntos en el camino está controlado por el color del trazo y debido a que tenemos un pincel que se configuró para teñir, podemos recolorearlo. Si cambio el color de mi trazo aquí a verde, el color del pincel va a cambiar y puedo cambiar el interior al mismo color o a otro color diferente. 5. Ir en círculos: parte 4: En Illustrator, a menudo hay más de una forma de lograr un efecto. Entonces, antes de terminar nuestra mirada en crear círculos concéntricos, echemos un vistazo a las mezclas y espinas. Aquí tengo una de mis formas circulares. De nuevo, tiene un relleno pero sin trazo. Voy a seleccionarlo y voy a mantener presionada la tecla Alt u Opción mientras arrastra otra forma. Ahora éstos se pueden alinear entre sí o no. Eso no va a afectar el resultado final. Vamos a crear una mezcla. Lo que las mezclas nos permiten hacer es transformar una forma en otra. También morfina el color. Pero en este caso, tenemos dos formas que son idénticas. Por lo que el proceso de morfación sólo va a crear más formas idénticas a éstas. Con la herramienta Blend seleccionada, voy a dar clic en la primera forma y luego dar clic en la segunda. Un Illustrator crea toda una serie de formas idénticas. Pero podemos ajustar lo que obtenemos aquí. Voy a hacerlo con la mezcla seleccionada, haga doble clic en la opción de mezcla aquí, y esto abre un diálogo de opciones de mezcla. Daré clic en “Vista previa” para poder ver qué está pasando. Ahora en lugar de color liso, lo que voy a elegir son los pasos especificados. Por el momento, tenemos 23 círculos aquí, pero podemos variar ese número, y como lo hacemos, se puede decir que los círculos se separan aún más y se separan bien y uniformemente. Entonces voy a seleccionar 14, eso son 14 círculos en el medio, más 2 en cualquiera de los extremos, y voy a dar clic en “Ok”. Ahora tenemos una serie de círculos a lo largo de una línea que no es del todo lo mismo que los círculos alrededor de un círculo. Entonces para crear nuestros círculos alrededor de un círculo, vamos a necesitar una elipse, un círculo para ponerlos alrededor. Sostendré “Shift” mientras arrastro una forma aquí. Ahora está lleno de negro, verdad quiero que sea un trazo negro. Entonces solo voy a seleccionar sin relleno y un trazo negro. Ahora lo que queremos hacer es tomar esta mezcla y ponerla alrededor de este círculo. Illustrator tiene un comando para eso, y para aplicar ese comando, primero debe seleccionar la mezcla y el círculo. Esto se puede hacer en cualquier orden porque Illustrator reconoce cuál es una mezcla y cuál es un camino a lo largo del cual se desea colocar la mezcla. Por lo que con ellos seleccionados, escogeremos Objeto, Mezclar, Reemplazar Espina. Lo que eso significa es que esta columna aquí, la línea recta va a ser reemplazada por esta circular. Entonces haré clic en “Reemplazar columna vertebral”, y tenemos una serie de 16 círculos, 3/4 del camino alrededor de nuestro círculo. El problema es que tenemos una gran brecha aquí. La solución a esta brecha es cortar la línea. Lo que vamos a hacer es simplemente cortar este camino circular, y cuando lo cortemos, todos los círculos se van a alinear perfectamente. Cuando vas a cortarlo, necesitas determinar si quieres un punto en un punto en particular. Entonces si quisiera que siempre hubiera un punto en este punto, entonces cortaría el camino aquí. Si siempre quisiera un círculo en este punto, cortaría el camino aquí. Entonces voy a ir a buscar mis tijeras, que comparten una posición de barra de herramientas con la herramienta Eraser. Voy a decir, quiero un punto siempre en este punto. Entonces voy a sostener el puntero del ratón sobre el punto de anclaje aquí y solo tienes que hacer clic, y eso va a cortar la forma. Cuando lo corté, todos los círculos se mueven uniformemente a su alrededor. Ahora esto sigue siendo una mezcla. Entonces si hago doble clic en la herramienta Blend, puedo volver a abrir el cuadro de diálogo Blend, seleccionar “Vista previa”, y si quisiera más puntos, podría aumentar el número y hacer clic en “Ok”. Entonces veamos ahora cómo responderá una mezcla cuando la copiemos y redimensionemos. Voy a seleccionar la herramienta Selección, arrastre sobre la forma para tener todo seleccionado aquí. Escogeré Editar, Copiar, Editar, Pegar in Place, y de nuevo, Alt Shift, Option Shift en el Mac. Bueno, estamos consiguiendo un círculo concéntrico y estamos consiguiendo un conjunto más pequeño de círculos. Nuevamente, voy a asegurarme de que se seleccione esta forma. Editar, Copiar, Editar, Pegar en su lugar, y redimensionarlo. Puedo hacerlo de nuevo. Por lo que crear una mezcla nos ha dado un resultado similar para nuestros círculos concéntricos como distorsionar y transformar y como usar rotar una forma. La diferencia va a estar en volver a colorear estos porque son los círculos al principio y al final de las mezclas los que están controlando el color. Para esto, podría ser más fácil ir a la última paleta y abrir las mezclas. Entonces aquí dentro de esta mezcla, tenemos los dos círculos que están controlando la mezcla. Voy a dar clic y cambiar click en estos dos para que los seleccione, y esto va a controlar todo el círculo interno aquí. Iré a la paleta de colores, bueno en primer lugar asegurarme de seleccionar el “ Color de relleno ” y luego ir a mis muestras y seleccionar un color. Se puede ver entonces que todo el círculo de círculos ha sido recoloreado. Vayamos a buscar la siguiente, vamos a la última paleta. Voy a abrir la mezcla y voy a seleccionar éstas. Ahora si por ejemplo solo seleccionamos uno y no ambos, veamos qué pasa. Voy a llenarlo con este color naranja. Lo que pasa es lo que obtenemos una mezcla de naranja a negro. Para que veas que si quieres recolorear un círculo, vas a necesitar ir y conseguir ambos círculos que estén controlando la mezcla y colorearlos del mismo color si eso es lo que quieres. De nuevo, vamos a buscar el siguiente. En la última paleta, estoy asegurándome de que estoy abriendo la mezcla. Estoy dando clic aquí en uno de ellos para seleccionarlo y luego desplazarlo haciendo clic en el segundo círculo para seleccionarlo. Ahora puedo seleccionar un color para recolorearlos también. Cuando ambos se vuelven a colorear al mismo color, toda la mezcla se hace ese color. Por lo que el proceso de re-colorear los puntos de una mezcla es solo un poco diferente a los procesos que hemos estado utilizando hasta ahora. Tu proyecto para esta clase simplemente va a ser experimentar con estas técnicas. Aquí hay muchas técnicas, cada una de las cuales puede ser valiosa en circunstancias variables. Así que ve y haz un pincel de patrón y luego aplícalo a un círculo, y luego hazlo con un pincel de dispersión. Acaricia una forma, para que sepas cómo crear un conjunto de puntos alrededor de la forma, y luego crea una forma y rota. Echa un vistazo a usar la herramienta Distorsionar y transformar. Creo que realmente te gustará esa, probablemente sea una de mis herramientas favoritas de usar. Después termina creando una mezcla y luego envuélvala alrededor de un círculo, solo recordando cortar tu círculo para que lo llene. Espero que hayas disfrutado de esta clase de Illustrator y aprendiendo un poco sobre algunas de las técnicas que puedes usar en Illustrator todos los días. Si crees que esta clase es valiosa, por favor dale un pulgar arriba para que otras personas reconozcan que es una clase que tal vez quieran tomar. 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.