Transcripciones
1. Introducción: Hola, soy Chris. Bienvenido a esta siendo la tercera clase, en esta serie de relación dorada. Al igual que en la clase dos, nos vamos a quedar con trabajar con círculos concéntricos. Pero vamos a hacer algo un poco diferente, vamos a convertir esos círculos concéntricos en donas y pasteles, usando donas y herramientas de pastel de Affinity Designer. También jugaremos con algunas de las formas paramétricas en Affinity Designer, y por supuesto, usaremos la cuadrícula de relación dorada para acoplar nuestra obra de arte o los elementos en nuestro diseño a la relación dorada. En tanto que en la clase anterior trabajamos en blanco y negro, en esta clase, estaremos trabajando con un esquema de color policromático. ¿ Qué vamos a estar creando hoy? Estaremos creando una obra de arte más compleja. En realidad es bastante sencillo de producir, y el objetivo detrás de llegar a algo complejo es realmente solo practicar el uso de las herramientas de las que hablé antes. Entonces, te mostraré lo que puedes hacer con estas herramientas. Veremos algunos ejemplos más sencillos, y los ejemplos que he elegido son ejemplos de info-grafías. Si bien no es estrictamente un requisito previo, mi recomendación es echar un vistazo a las dos clases anteriores. Cada clase se construye sobre la anterior, y recogerás algunas habilidades que puedes llevar de una clase a la siguiente. Por favor, únete a mí en esta clase y dale una oportunidad.
2. Tres grados de separación: Como habrías aprendido en la escuela, un círculo se divide en 360 unidades denominadas grados. Para fines prácticos, las unidades de un grado son un poco pequeñas con las que trabajar. Entonces vamos a trabajar con unidades de tres grados. La elección de tres grados no es arbitraria. Tres grados es una unidad que útilmente divide un círculo en partes iguales. Por ejemplo, tres partes iguales, cuatro partes iguales, cinco partes iguales, seis partes iguales, ocho partes iguales y 10 partes iguales. Como acabas de ver estas partes se alinean perfectamente con una gama de polígonos. Ahora normalmente, me siento mi portador con 0 en el eje vertical y trabajo en el sentido de las agujas del reloj. Afinidad Diseñador de la herramienta circular funciona agujas del reloj con el punto 0 en el eje horizontal. Por lo que para esta clase, trabajaré así también y ojalá eso te haga las lecciones más fáciles de seguir.
3. Me gusta los donuts: En la clase anterior, te
mostré cómo usar las herramientas de geometría de Affinity Designers para crear bandas a partir de círculos concéntricos. Todas las herramientas de dibujo vectorial deben tener esta funcionalidad. En esta lección, usaremos la funcionalidad de
tarta y donut diseñadores de afinidad para hacer esto más rápido y para darnos un mayor control. Empecemos con la creación de unas donas. Desde la página Tu Proyecto, descarga y abre esta plantilla. Este es el archivo de Affinity Designer. También he guardado otros formatos para los que usan Adobe Illustrator o Photoshop. Como pueden ver, hay un ejemplo que nos esconderemos por ahora, y eso lo miraré en la siguiente lección. También ocultemos las rejillas y el transactor y solo mantengamos el fondo. Depende de ti en cuanto a si quieres conservar u ocultar el disco de carreras, me lo quedaré por ahora. Empecemos con un círculo y le demos un radio de 870 píxeles, por lo que aproximadamente se alinee con el borde del disco usando la herramienta Mover, asegúrate de que el círculo esté seleccionado, luego haga clic en convertir a donut, y esto nos dará un forma paramétrica que podemos ajustar fácilmente. Con el radio exterior establecido. Establezcamos también el radio interior, por ejemplo, 61.8 por ciento, esa es la Relación Dorada. Entonces si cambiamos el radio exterior, el radio interior siempre se relacionará con el radio exterior por la Ratio Dorada, lo que
la relación proporcional entre los radios exterior e interior se mantendrá al escalar la forma. Empecemos de nuevo y creemos unas bandas delgadas y gruesas usando la rejilla para guiar los radios de las donas. Aquí tenemos nuestro punto de partida, se pueden
ver dos guías, una vertical y la otra horizontal. Si muestro el gestor de guías, se
puede ver que la guía horizontal está configurada en el centro en 540 píxeles, y la guía vertical se establece en el centro en 960 píxeles. Eso se debe a que mis tamaños de lienzo alcanzan a 1920 por 1080 píxeles, que son las dimensiones para [inaudible]. También usaremos las rejillas, pero no las usaremos todas en esta etapa, así que solo apaga el siéntate azul por ahora. Nuestro punto de partida es un círculo, seleccione la herramienta de círculo, mantenga presionadas las teclas de comando y Mayús mientras arrastra el círculo hacia fuera desde el centro. Estoy tratando de sacarlo a la grilla. En ocasiones esto no funciona como lo planeado, así que si esto sucede por ti, suelta, amplía y mantén pulsadas las teclas de comando y de desplazamiento, que tiene desplazamiento de control en Windows, cambia el tamaño del círculo. Ahora es el momento de convertir el círculo en donas. Para ello con el círculo seleccionado mediante la herramienta de movimiento, haga clic en convertir a donuts. Con el radio interior ajustado al 50 por ciento del radio exterior, podemos ver que ya se alinea bien con la rejilla, así que mantendré esa tal como está. Algo que quiero es ver lo que estoy dibujando, así que por ahora, cambiaré la opacidad de la rosquilla a alrededor del 25 por ciento. Podría dibujar más rosquillas desde cero, pero en este caso, duplicaré la rosquilla usando el comando j Ahora, tenemos una copia que podemos ajustar. Eso es realmente solo cuestión de tratar de tener una idea de lo que quieres crear. Voy a ir por un patrón razonablemente complejo y abstracto en este ejercicio solo para mostrarte lo fácil que es usar los peajes de donut y pastel y Affinity Designer. Si sigues adelante, tendrás las habilidades requeridas para crear una gama de simples y para gráficos, y por supuesto, haciendo todo esto con la cuadrícula Golden Ratio para ayudarte a equilibrar tu diseño. Es hora de ajustar las segundas donas. Estoy ajustando el radio interno a 61.8 por ciento del radio exterior. El radio exterior en relación con el radio interior es 1.618, y el radio interior en relación con el radio exterior es 0.0618. Para este diseño, no quiero que mis círculos se alineen entre sí, quiero que se superpongan, así que vamos a cambiar el tamaño de esta rosquilla. Esto parece lo suficientemente interesante como para parar y mirar por ahora. Con los radios internos de ambos círculos siendo los mismos, vuelve a aparecer
la Relación Dorada. Esta vez la distancia entre los círculos exterior e interior de la rosquilla grande es 1.618 veces mayor que la distancia entre los círculos exterior e interior de la rosquilla más pequeña. Como se puede ver, se alinea muy bien con esta progresión de pentágonos. Pero como se mencionó antes, no
quiero ver todo alineándose, quiero que mis donas se superpongan. Entonces voy a ajustar el radio interior para alinearme con ese punto de ahí. Yo sólo estoy acostado en este set pero no estoy hasta algo increíblemente preciso porque de manera realista, si estuviera haciendo esto en papel con un par de brújulas, eso no sería así de preciso porque no hay zoom al trabajar en papel, así que no te enganches demasiado a la precisión. Al ser clases anteriores, vamos por una distribución asimétrica pero equilibrada de elementos en este diseño. Yo estoy mirando este punto aquí, así que podría hacer uso de eso. Duplicemos una de las donas y la reposicionemos usando la rejilla. Para proporcionar más puntos a los que chasquear, mostraré la cuadrícula azul. Ya deberías estar consiguiendo el ahorcamiento de esto, así que aceleraré el resto del video. Hacia lo que nos dirigimos es una disposición asimétrica de donas concéntricas, donde los bordes de las rosquillas esfera y la distancia entre sí, sin embargo todavía parecen equilibrados. Cada vez que pases por este ejercicio, terminarás con algo que se ve diferente, pero aún así estará relacionado gracias a usar las mismas proporciones. En este caso, la proporción es la Relación Dorada.
4. Fácil como el tarte: Estamos de vuelta a nuestras rosquillas grises. Tenemos una buena distribución asimétrica de círculos interiores y exteriores superpuestos. Gracias a la rejilla de relación dorada que estamos utilizando. Estas rosquillas son paramétricas en el sentido de que podemos ingresar valores, o utilizar deslizadores para establecer los valores, o utilizar los puntos de control que controlan los radios de los círculos interior y exterior. Además, las donas también vienen con otras variables que podemos controlar. Por ejemplo, si arrastro este punto de control alrededor, puedo crear una cuña o una rodaja de tarta fuera de la rosquilla y tener la rebanada más grande que quiera. Me gustaría señalar algunas cosas sobre los valores por defecto de Affinity Designer. Para ayudar con esto, mostraré el Transportador. Con la herramienta de donut y nodo seleccionada. Podemos decir todo el radio del 50 por ciento que puse en la lección anterior. Los ángulos de inicio y final están en 45 grados, y eso nos da un círculo completo de 360 grados. Ahora es el momento de empezar a crear estos segmentos superpuestos de donas. Por ejemplo, si fuera a dejar este aquí abajo y arrastrar éste aquí. Entonces puedo poner eso en 216 grados. Como se mencionó anteriormente, voy a establecer todos mis ángulos como múltiplos de tres grados. Eso me da el segmento ahí. Si yo fuera a escoger este. Yo quiero que esto se superponga al otro segmento. Puedo arrastrar el punto de control aquí y establecer eso a 324 grados y tal vez tomar ese alrededor a 108 grados. Eso funciona bien. Con la próxima rosquilla. Podemos simplemente jugar con los puntos de control. Cuál es la forma más fácil de hacerlo y escoger un ángulo que se vea bien. Básicamente, puedes ponerlo en cualquier lugar que creas que se ve mejor. A lo mejor 300 grados se ve bien en este caso. Si apago el Transportador, tenemos el inicio de un diseño con sus segmentos de donut superpuestos. Ahora podemos trabajar con otros anillos. Ahora hemos empezado a romper las rosquillas en segmentos. El diseño se ve un poco vacío. Por lo que podemos agregar más anillos y donas en cualquier momento. Por ahora, arrastraré este anillo y lo haré tan grande como quiera. Recuerda mostrar el Transportador para establecer los ángulos. Seguro ya tienes el ahorita de ello así que aceleraré el resto del video. Antes de pasar a la siguiente lección, echemos un vistazo al botón Invertir ángulos. Si quieres dar la vuelta un poco las cosas simplemente selecciona un pastel, o un donut e invierte los ángulos. Vuelve a hacer clic para volver a ponerlo todo.
5. Radiance: Una cosa que he hecho es agrupar todos los pasteles hasta que un grupo llamado pasteles y mostrara las rejillas. Empecemos con la creación de un conjunto de líneas radiales. Usando la herramienta de lápiz, dibujaré una línea de aquí a aquí y veré cómo se ve eso. Yo estoy contento con eso, puedo ver que necesito darle a las líneas algo de color y ancho. La siguiente etapa es rotar esta línea pero primero necesitamos establecer el centro de rotación de la línea. Al seleccionar la línea con la herramienta de movimiento, luego haciendo clic en las rotaciones en patrón, se muestra
el centro de rotación de la línea. Arrastraré esto hasta el punto donde el eje horizontal cruza el eje vertical. A veces hay que Zoom a recortado a ambos ejes. Con el centro de rotación establecido, podemos duplicar la línea usando el comando J, y rotarla tres grados. Entrar en el valor es la forma más precisa de establecer un ángulo. Entonces solo es cuestión de presionar el comando J tantas veces como quieras para hacer tantas copias como quieras. Es bueno mantener las capas ordenadas,
así que agruparé estos extremos llamar al grupo líneas radiales. Es hora de agregar algunas formas más, en este caso algunas cuñas para establecer los radios interior y exterior de las cuñas son más tarde círculo, y convertirlo en un donuts. Después siéntate el radio interior. Con los círculos tanto internos como externos dibujados, esconderé la rejilla y prenderé el transportador. Después con la herramienta de pluma, colocaré un punto donde el círculo exterior cruza con la línea radial de 60 grados. Punto posterior a donde el círculo interno de la rosquilla se cruza con la misma línea. Entonces lo llevaré al centro. Mi plan es agregar puntos donde sea fácil chasquearlos. Entonces puedo moverlos a la posición. Con la cuña dibujada, Es hora de editar relleno. Iré con negro por ahora. Entonces la rosquilla se puede borrar ya que ya no tengo necesidad de ella. Al igual que con las líneas radiales, utilizaré la herramienta de movimiento para arrastrar el centro de rotación de la cuña hasta donde se cruzan los ejes horizontal y vertical. Y como antes, podemos duplicar la forma usando el comando J y sentar el ángulo de rotación. El cuña tiene tres grados de ancho, así que estoy sentado el ángulo a 60 grados, por lo que las cuñas están separadas y haciendo un menos 60 grados para que las brujas se dupliquen en una dirección prudente del reloj. Al igual que antes, agruparé esto para mantener ordenadas las capas y llamar a los segmentos radiales del grupo. Lo llamaremos cuñas si lo prefieres. Intentemos agregar más elementos radiales. Con este espacio aquí adentro afuera llénalo de círculos. Estoy dibujando un círculo y ajustándolo a la cuadrícula. Para obtener el tamaño correcto de círculo o reducirlo por los grilletes de proporción dorada, lo
multiplicaré por 0.618. Usando el comando J, crearé copias
más pequeñas y más pequeñas luego escogeré el tamaño que quiero usar. Reducir la opacidad de estos círculos hace que sean más fáciles de ver. Haga una copia de uno de los círculos y arrástrelo a su posición alineándolo a la cuadrícula. Por si acaso necesito otros círculos, los
agruparé y los esconderé por ahora. Con el círculo seleccionado, establezca su centro de rotación hacia donde se cruzan el eje horizontal y vertical. Recuerda Zoom, giro a la derecha para asegurar el centro de rotación de ajuste al punto correcto. Debido a que esta rejilla de relación dorada está construida con grilletes de pentágonos, polígonos de
cinco lados, trabajaré con múltiplos de cinco. En este caso iré por 10 copias. Dividir 360 por 10 nos da 36 grados. Este será mi ángulo de rotación. Al duplicar el círculo, establezca el ángulo de rotación en 36 grados, luego use el comando J para producir decir más copias. Voy a añadir otro anillo duplicando éste y redimensionándolo. Y en la siguiente lección, empecemos a agregar algo de color.
6. Vestir: Ahora es el momento de torcer un poco las cosas y de tener una obra de teatro con algunas herramientas más para explorar qué más podemos agregar al diseño. También aplicaremos colores y degradados a lo largo del camino, así
como agregaremos algunos elementos más. El instrumento de coque es una herramienta paramétrica de carbón con la que jugar. Se puede hacer bastante con esta herramienta, vamos a tener una obra de teatro. Aceleraré partes de esta lección. Estaremos cubriendo habilidades similares a las cubiertas ya. Voy a frenar las cosas para explicar cualquier cosa que no haya cubierto. Al igual que antes, quiero que este código exhiba las mismas proporciones que las donas. Esto implica sentarse que cómo terminar en un radios junto con cambiar otros parámetros como el número de dientes. De nuevo, porque estoy trabajando con la rejilla construida a partir de polígonos de
cinco lados, es decir pentágonos. Ajustaré el número de dientes a 10. Esto asegura que los dientes del código estén perfectamente alineados con la cuadrícula. Juguemos un poco más con diversos controles y veamos dónde terminamos. Con la forma coloquial modificada hasta el punto en que estoy contento con ello. Es hora de empezar a agregar algo de color a los elementos existentes. Para que sea un poco más fácil de ver, esconderé algunos de estos elementos. Los colores que estoy usando aquí del 2018 Pantene actitudes hit de colores. Podrás obtener los colores de la página web de Pantene o utilizar tu propio conjunto de colores. Para ver los colores en su totalidad, estoy subiendo la pieza de ojo tee hasta las capas Shape. Para lograr el efecto deseado, voy a experimentar con el deslizador IPSP y los Modos de mezcla. Después de todo eso, por ahora soy vector de la clase iPad y he decidido mostrar las líneas de radio con mi ronda, duplicar el grupo y ocultar algunas de ellas. Al girar elementos asegúrate de que los estás ajustando a las unidades de tres grados. Vuelvo al coloquial porque me
gustaría hacer algunos cambios ahora que he añadido algo de color. Una cosa que quiero hacer es agregar un poco más de complejidad al diseño. Voy a empezar a duplicar algunos de los elementos y a ajustarlos a otras partes de la cuadrícula. Se trata de una combinación de mover o escalar los elementos. En este caso, lo estoy rompiendo lo mejor que puedo y haciendo algún entrenamiento divertido. Es hora de traer los segmentos radiales y jugar con ellos inicialmente tratando de determinar dónde debe ocultarse la suma y luego aplicar color. Hay algunos vacíos que quiero llenar. Al igual que con todas mis clases, solo
estoy inventando esto psicópata y confiando en la cuadrícula para ayudarme a colocar y dimensionar los elementos. Algunos de estos elementos que estoy agregando se eliminarán y seguiré haciendo ajustes hasta que esté contento con el diseño final. Si sí te quedas atascado tener un descanso, entonces vuelve y remata tu diseño. A veces mirar el diseño de Frisch puede tomar tu diseño y una dirección diferente. Algo que me gustaría recomendar es que no elimines los elementos que no quieres. Si están en una buena ubicación y aún no las quieres, solo escóndelos por ahora. Siempre puedes traerlos de vuelta más tarde o incorporarlos a un diseño completamente diferente. Porque estamos usando una cuadrícula proporcional para guiar el tamaño y la ubicación de todos nuestros elementos. Encontrarás que se pueden
incorporar fácilmente en diseños completamente diferentes que se basan en la misma cuadrícula. Para darle un poco más de profundidad al diseño, estoy aplicando degradados a las formas, y también aplicaré unas sombras de gota para levantar los elementos del Canvas. pueden agregar sombras de gota tanto internas como externas usando los efectos y Spectre. Con la capa seleccionada, puedes encender y luego una sombra, como he hecho aquí y ajustar los ajustes. Trata de no hacer que tus sombras sean demasiado oscuras. Las sombras sutiles son mejores, en mi opinión. Ajustar la sombra implica no sólo ajustar la opacidad, también
implica ajustar el desplazamiento de las sombras y el radio. Cuanto más grande es el desplazamiento, más lejos aparece de las capas por debajo. Esto tiene que ser templado con el decaimiento de la luz, ajustar el radio en consecuencia para cubrir grado razonablemente realista de suavidad. Además, asegúrate de que todas tus sombras caigan en la misma dirección. El fondo de disco elevado que creé usando software 3D tiene esta sombra establecida en 270 grados. Estoy sentada todas las sombras de mis elementos y Affinity Designer a la misma. Eso es de 270 grados.
7. Ejemplos: Aquí estamos de vuelta al principio con el fondo y la cuadrícula. Lo que quiero hacer aquí es mostrarte qué más puedes hacer. Empecemos a ver el patrón que he acumulado. Aquí es más o menos donde lo dejamos. Podrás dejarte más llevar con solo usar la cuadrícula para agregar más y más detalles, y solo detenerte cada vez que quieras parar. Por ejemplo, agregué algunos puntos, que he colocado aquí, y también un anillo de lo que parece flores para que se vea bonita. Ese es el diseño terminado, por ahora. De nuevo, estamos hablando de una distribución asimétrica de elementos alrededor de un punto. Para ser justos, en una escala, algunos elementos se distribuyen por igual. Cuando se agrupan, los grupos se distribuyen asimétricamente como se pretende. El ratio dorado se utilizó para establecer las relaciones asimétricas y para equilibrar el diseño. Otra cosa que utilizamos fue este transportador para dividir nuestro espacio en unidades de tres grados. Usando las herramientas Pie and Donut, viste lo fácil que era crear y capas de los elementos en este diseño. También utilizó gradientes y sombras de caída para agregar profundidad al diseño terminado. Podrás ser creativo con este sencillo conjunto de herramientas creando una gama de diferentes patrones. Aquí hay un diseño similar al cubierto en esta clase. Utiliza una matriz similar de formas. Cuando estamos trabajando con estos patrones y usando la misma cuadrícula, con
lo que terminarás es una serie de elementos de diseño intercambiables. Con todos los elementos compartiendo las mismas proporciones, se pueden intercambiar elementos que fueron creados por un diseño por elementos de otro. Para tu proyecto, toma la plantilla que incluye algunos de los ejemplos que se muestran en esta lección, y usando las herramientas Donut and Pie de Affinity Designer y la cuadrícula, crea tus propios elementos de diseño. Puedes agregarlas, o usarlas para reemplazar mis elementos de diseño, o comenzar desde cero con tu propio diseño. Una vez que has tenido una obra de teatro y te sientes seguro con el
uso de las herramientas Donut and Pie y la grilla, es hora de aplicar lo que has aprendido a algo más sencillo. En este caso, algo más sencillo podría ser simplemente algo así como una infografía. Esto como ejemplo de lo que se incluye en la plantilla. Puede utilizar esto como punto de partida si lo desea. Con el Donut seleccionado, puede ajustar los ángulos inicial y final, y el ángulo total, y un radio. Tomando este ejemplo más lejos, puede comenzar a crear sus propios ejemplos de infografías. Esta es una que preparé para un trabajo hace muchos años. De igual manera, este, tengo una serie de pasteles. Cada segmento representa una pieza de datos. Al igual que antes, puedo ajustar los ángulos de cada segmento. El ángulo total de cada segmento se establece como un porcentaje de 360 grados. La foto de la copa de vino en el centro fue tomada desde arriba. No tenía vino al tomar la foto, así que solo usé té helado y agua de soda. Ahora, esta gráfica en particular fue desarrollada para un trabajo reciente. Muchas variaciones de esto se pueden encontrar en internet. He usado variaciones de este diseño a lo largo de muchos años para representar una gama de cosas desde medidores de presión reales hasta presentar conceptos relacionados con la salud como he hecho aquí. Incluso he usado el pastel para crear el efecto de sombra que se pliega sobre el lado derecho del medidor, lo que significa que también es editable. Se estableció la capa un
25 por ciento de opacidad y se agregó el modo de mezcla de multiplicación a la capa. Si quieres saber cómo envuelvo el texto alrededor de un círculo, echa un vistazo a mi clase anterior. En este caso, convertí las garrapatas en curvas. Si quieres que el texto siga siendo editable, puedes por supuesto dejarlo como texto en una ruta. Aquí está la mano que es esencialmente un triángulo con sus rotaciones se cruzan al centro del medidor. Ahora, bajamos a las rosquillas o rebanadas de pastel. Con la rejilla activada, puede decir que los ángulos y un radio exterior y la ubicación de estos elementos están todos alineados con la rejilla. Lo mismo aplica con los otros pasteles o donas. Aquí tienes una versión más sencilla de lo que acabamos de ver. Al igual que antes, aquí está nuestra primera donut. Esta diapositiva en particular fue desarrollada para una presentación de PowerPoint para caridad. Es una diapositiva de un trabajo reciente que terminé hace unas semanas. De hecho, lo que entregué fue ligeramente diferente con la tarta roja sacada. Ahora es tu turno de darle una oportunidad. Depende de usted en cuanto a si produce su propio diseño abstracto o una simple infografía. Si sí le das una oportunidad, recuerda publicar tu trabajo en el área de proyectos de esta clase. Espero con ansias ver lo que se te ocurre.
8. Outro y proyecto: Gracias por ver la clase. Aprendimos sobre la herramienta Pi y diseñador de afinidad, la herramienta de rosquillas, y una herramienta de forma paramétrica. También aprendimos a acoplarse a la misma cuadrícula que usamos en la clase anterior. Para empezar, descargue el archivo de plantilla y el archivo infográfico para que pueda ver cómo lo armé,
y tenga un go,
publique y tenga un go, su proyecto en el área de proyectos, ese podría ser su una pieza de obra de arte o una infografía. Si tiene alguna pregunta, deje eso en el área de discusiones, y yo responderé. Si me sigues en Skillshare, puedo mantenerte informado de las clases arriba y venideras sobre la relación dorada. Adiós.
Chris Heath, The Geometrical Design Guy
