Transcripciones
1. Diseño de perfecto de la que se superpone: Hola, soy Helen Bradley y bienvenidos a este diseño gráfico para clase de almuerzo. Crea formas perfectamente superpuestas y giradas en Adobe Illustrator. diseño gráfico para el almuerzo es una serie de clases que nos
enseñan una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy estamos viendo un problema que se produce cuando se intenta rotar formas, por ejemplo, para crear una flor utilizando las herramientas de transformación. Te voy a mostrar cuáles son los problemas y te voy a mostrar una técnica para resolverlos para conseguir formas perfectamente superpuestas, giradas. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba, y en segundo lugar, escribe en pocas palabras por qué estás disfrutando de esta clase. Recomendaciones como esta ayudan a otros alumnos a decir que esta es una clase que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Ahora, si estás listo, empecemos a crear formas perfectas, superpuestas y giradas en Illustrator.
2. Pt 1: Comprender el problema: Antes de empezar a buscar la solución para crear formas bien superpuestas, echemos un vistazo a cuál es el problema. Tengo una forma aquí que he girado alrededor usando Efecto, Distorsionar y Transformar, y Transformar. El problema con esto es que cuando miramos la representación final, obtenemos bonitos solapamientos en todo el camino excepto por esta última hoja. Este debe estar frente a esta vida, pero detrás de ésta. Pero eso no es posible hacer en Illustrator. Entonces tendremos que llegar a una solución si queremos crear una flor que se vea así en lugar de una que se vea así. Ahora esto es un poco complicado, así que vamos a empezar con una flor muy simple, y luego vamos a pasar a una un poco más complicada. El proceso es el mismo, pero solo quiero mostrarte algunas técnicas que
puedes usar con una flor un poco más compleja. Pero lo que vamos a hacer es convertir esto en esto.
3. Pt 2: haz una flor simple: Para ver una de las soluciones para este problema superpuesto, vamos a crear una flor simple con File y luego New. Voy a crear un documento de 1000 pixeles por 1000 pixeles de tamaño y he alineado nuevos objetos pixel grid deshabilitada. En Illustrator 2017, esa opción estará aquí arriba. Voy a arrastrar una elipse y ese va a ser mi pétalo. Estamos usando una forma muy simple aquí para que podamos obtener una indicación o sentir cómo vamos a resolver este problema en el futuro. Voy a elegir un color morado para la flor y un color más oscuro para el trazo. Voy a aplicar un trazo bastante considerable a esta forma para que podamos verlo con claridad. A continuación voy a rotar esto, así que lo seleccionaré y elegiré “Efecto”,
“ Distorsionar & Transformar” y luego “Transformar”. Encenderé la vista previa. Voy a girar alrededor de este punto aquí, que es el fondo de los nueve posibles puntos de rotación, el medio inferior. En estas nueve cajas de aquí, voy a asegurarme de que selecciono el medio inferior. Voy a girar alrededor de 45 grados. Elegí 45 grados porque es uno de esos números que se dividirán uniformemente en 360. Si divides 45 en 360, obtienes ocho y no tienes ningún resto. Es importante que no tengas ningún resto si quieres pétalos
uniformemente espaciados alrededor de tu flor. Voy a hacer siete copias porque tengo un original y luego siete copias hacen mi flor de ocho pétalos. Voy a dar click, “Ok”. Esto es un problema aquí. Esta hoja debe estar encima de ésta y detrás de ésta. Ambas dos hojas de aquí no están mirando el camino que deberían. Pero ahora mismo, todo está unido a este solo pétalo porque es solo un círculo o una elipse que se está rotando. Tenemos que ampliarlo para hacer algo con él, pero no quiero tener que trabajar con estas líneas. Lo que voy a hacer es que voy a apagar el trazo en este punto. Voy a seleccionar esta forma que ahora sólo un relleno y elegir “Objeto Expandir Apariencia” y luego “Objeto Desagrupar” hasta desagrupar ya no es una opción. En el último palé, cuando eche un vistazo a esta capa, voy a ver ocho formas individuales. Uno para cada uno de estos pétalos y cada uno de estos es solo una elipse. Voy a seleccionar sobre las ocho formas. Voy al Pathfinder. Si no ves aquí el Pathfinder, elige “Ventana” y luego “Pathfinder”. Voy aquí a la herramienta de recorte. Voy a dar click una vez en la “Herramienta Recortar”. Lo que eso hace es que rompe estos pétalos. Bueno, sólo vamos a desagruparlo. Voy a seleccionar esto y elegir “Desagrupar objetos”. Se rompe estos pétalos en la forma real que están dentro de este elemento girado y se
puede ver que estos son los dos pétalos con los que tenemos problemas. Este también está un poco noqueado, pero este es un conjunto bastante bueno de pétalos aquí. Voy a presionar “Control o Comando Z” hasta que devuelva todo a donde estaba. Lo que voy a hacer es agarrar uno de estos pétalos y
voy a elegir uno que va a ser realmente fácil de rotar. Voy a elegir el de abajo aquí y voy a girar alrededor de este punto aquí ahora. Voy a poner estos otros pétalos simplemente fuera del camino. Seleccionaré esta forma de pétalo que ahora tiene el recorte en él y escogeré “Efecto”, “Distorsionar & Transformar” y luego “Transformar”. Esta vez, voy a girar alrededor de este punto medio superior. Encenderé la vista previa. Voy a hacer siete copias y voy a rotar alrededor de exactamente los mismos 45 grados. Esta es mi forma de flor, voy a dar clic en “Ok”. Voy a expandir esta forma con Object Expandir Apariencia. Escogeré “Desagrupar objetos” hasta que desagrupar ya no sea una opción. Ahora volvamos atrás y seleccionemos estas formas y aplicarles nuestro trazo. Esta vez tenemos una flor perfectamente superpuesta. Encontramos esta forma creando una flor que no se superponía a la perfección, pero teníamos un pétalo que podíamos usar. Habiendo hecho eso o logrado ese pétalo, entonces lo
rotamos para crear la flor superpuesta final, donde todo está muy bien solapado y no
tenemos algo en el medio que simplemente se vea sencillamente mal. Ahí está la más simple de las flores que creamos usando esta técnica.
4. Pt 3: flor más compleja: Ahora, veamos una flor más compleja. Voy a elegir Archivo y Nuevo, dibujar un documento del mismo tamaño. Voy a arrastrar aquí una elipse estrecha. Voy a añadir otra elipse a un costado y otra a un costado también. Yo solo quiero que me pase una forma con baches aquí. Seleccionará todos estos y voy al Pathfinder para unirlos en una sola forma con baches,
una forma que está fuera del centro. Voy a hacerlo más fuera del centro simplemente girándolo un poco. Seleccionaré sobre él. Voy a elegir Transformación de objetos, Reset Bounding Box. Se puede ver que esta forma está realmente fuera de centro. Voy a llenarlo con un color, así que sólo podemos verlo mientras lo rotamos. En esta etapa, aún le daré un trazo, aunque lo vamos a quitar más adelante. Tomemos esto y hagamos una flor con Efecto, Distorsionar y Transformar, y luego Transformar. Voy a rotarlo alrededor de su punto medio inferior, que no es el centro de la forma. Voy a hacer 11 copias, y esta vez voy a rotar a través de 30 grados. Es una forma de flor más compleja y como puedes ver, es una forma de flor fuera del centro. Voy a dar click en “Aceptar”. Todavía tenemos sólo una sola forma con una rotación aplicada a la misma. Antes de hacer otra cosa, voy a apagar el trazo. Voy a seleccionar esta opción elija Objeto, Expandir apariencia, y luego Desagrupar objetos hasta que desagrupar ya no sea una opción. En el último palet, vamos a tener formas individuales para los 12 de estos pétalos. Teníamos un pétalo original y 11 copias, así que son 12 en total y tenemos 12 caminos aquí. Con estos todos seleccionados, voy al Pathfinder, y de nuevo voy a elegir Trim. ir al grupo que se crea, escogeré Object Ungroup y ahora tenemos toda una serie de caminos, pero son formas diferentes esta vez, no todas
tienen exactamente la misma forma. También me queda este pequeño camino medio en la parte inferior. Esa es la zona centro. Si vas a tener sobre caminos como este, van a estar en la parte inferior de la lista aquí, y solo lo seleccionarás y presionarás Eliminar porque no lo necesitas. Vamos a ponerle un trazo temporalmente a esto, para que podamos ver con qué estamos trabajando. Esta forma no es correcta y tampoco esta, y esta probablemente podría usar un poco de trabajo también. Pero todas estas otras formas van a estar bien. Simplemente voy a deshacer todo porque quiero que todos
vuelvan a su posición original. Voy a tomar una de estas formas que se ve bastante bien. Creo que este de aquí, sólo
voy a arrastrarlo todo para hacer una copia de ella. Yo quiero mostrarles que no podemos hacer lo mismo que hicimos
la última vez con esta forma en particular. Al ir a seleccionarlo, elegiré Effect Distort y Transformar y luego Transformar. Voy a encender la vista previa. Voy a hacer 11 copias y tratar de volver a armar mi flor. Voy a elegir un punto de rotación diferente, pero verás que ninguno de estos puntos de rotación nos
va a dar la misma flor con la que empezamos. Obtenemos otros y muy interesantes estilos de flores, pero no estamos consiguiendo el mismo con el que empezamos. Este proceso no va a funcionar en este momento, así que sólo voy a deshacerme de eso. Volviendo a esta flor y voy a localizar uno de los pétalos que es de buena forma. Voy a apagar el trazo en esto y
voy a recolorearlo sólo para que podamos ver el pétalo con el que estamos trabajando. A ver si aquí tienes las cosas que van mal. Tengo un pétalo verde aquí. Voy a seleccionar este pétalo y lo voy a girar, Efecto Distorsionar y Transformar, Transformar. Entonces acabamos de demostrar que la rotación no iba a funcionar, pero estamos haciendo algo un poco diferente esta vez. Voy a contar cuántos pétalos necesito. Este es el que estoy girando. Necesitaría uno para reemplazar este 2, 3, 4. Si esto estuviera perfectamente bien, seguiría necesitando cuatro porque necesito ponerme a este ángulo aquí. Tengo cuatro copias que hacer, así que voy a escribir cuatro aquí. Voy a usar el mismo ángulo de rotación que usaba anteriormente a 30 grados. Encenderé Preview, y quiero rotar alrededor de este punto, el punto más cercano al que puedo llegar hasta donde van a funcionar las rotaciones están ahí, pero no están alineados perfectamente y eso está bien. Eso no es un problema con esto. Voy a dar click en “Aceptar”. Vamos a poner una línea en esto sólo para que veas lo que está pasando. Lo que he hecho es que he creado los pétalos que necesito usar para reemplazar aquí estos pétalos. Voy a apagar mi derrame cerebral. Voy a mantener seleccionada la forma. Voy a elegir Objeto Expandir Apariencia, y luego Desagrupar Objeto hasta que todas estas hojas verdes estén desagrupadas. Ahora, están seleccionados en la última tarima aquí. Lo que voy a hacer es llevarme todas estas y moverlas a la cima donde pueda verlas muy claramente. Entonces voy a seleccionar los cuatro que quiero usar para reemplazar los pétalos en la flor, pero no el que
roté, sólo voy a arrastrarlos fuera del camino y puedo separarlos. Lo que va a pasar es que este pétalo va a
reemplazar a éste porque tiene el corte en él. Es un reemplazo perfecto para este pétalo aquí. Voy a seleccionar este pétalo y sólo Shift click en este pétalo aquí. Apenas se seleccionan estos dos pétalos. Estamos buscando aquí en la paleta de capas, solo se seleccionan dos pétalos. Voy a volver a dar clic en este para convertirlo en el objeto clave. Porque no quiero moverlo. Yo quiero mover este justo por encima de él. Ahora, puedo alinear estos dos a los bordes izquierdos y su parte superior porque ambos tienen bordes superiores y bordes izquierdos que comparten. Voy a dar click a la izquierda y arriba. Ahora bien, esta forma verde está perfectamente colocada encima de la azul. Aquí voy a seleccionar el azul. Simplemente lo voy a eliminar presionando la tecla Retroceso. Aquí está el reemplazo de la hoja o el pétalo del que acabo de deshacerme. Con ella seleccionada, sólo voy a la herramienta Cuentagotas. Vamos a dar click en una de estas otras formas sólo para pedir prestado su formato. Tenemos esta forma en su lugar ahora. Ahora, vamos a este. El reemplazo para esta es esta pieza aquí así que voy a Shift click sobre ella. Nuevamente, solo dos caminos seleccionados en el último palé. Voy a volver a dar clic en éste porque éste me
va a dar el posicionamiento. Voy a alinearlos para que sus tops estén alineados. Yo los voy a alinear para que su borde derecho aquí esté alineado. Ahora, están perfectamente en capas uno encima del otro. En la paleta pasada aquí, quiero aislar la azul que acaba de seleccionar, está detrás de la verde. Ya no lo necesito. Yo solo lo guardé ahí como guía de donde necesitaba colocarse ese verde así que lo voy a borrar. Voy a seleccionar esto y pedir prestado el formato de otra hoja. Tenemos dos más que ir. Este y éste son pares de paloma. Este es mi objeto clave. Alinearlos a la parte superior, alinearlos a este borde derecho. Localiza aquí la ruta azul, asegúrate de que solo esté seleccionada presiona Retroceso para eliminarla, ve y selecciona la verde, y toma prestado el formato para ella. Si voy a este verde de aquí, puedo pedir prestado el formateo para ello. Si todo se ve bien, en realidad no
necesitaba esta hoja. Necesitaba hacerlo para conseguir aquí los otros pétalos rotados, pero en realidad no lo necesito para reemplazar a éste, así que sólo puedo deshacerme de él. Ahí hay una flor que tiene un conjunto perfecto de rotaciones. En este caso, no pudimos simplemente tomar una de estas piezas y girarla alrededor porque no podíamos duplicar exactamente esa flor. Lo que hicimos fue que acabamos de usar uno de estos para hacer unos pétalos de repuesto que después pudimos posicionar usando como guía los pétalos originales. Ahora bien, aprecio que esto sea un poco complejo para tener la cabeza alrededor. En el siguiente video, vamos a darle un paso más allá. Vamos a usar exactamente este mismo proceso, pero vamos a volver a crear una flor un poco más compleja, pero voy a repetir estos pasos exactos para que puedas conseguir un mango real en este proceso.
5. Pt 4: flor multicolor: Para nuestra flor final, solo
vamos a agregar un pequeño nivel de complejidad con algunos colores adicionales. Estoy creando un documento del mismo tamaño exacto que hemos estado trabajando en un 1,000 pixels por 1,000 pixels. Voy a crear una forma de pétalo aquí. Lo que intento hacer es, de nuevo, crear algo que no sea simétrico. Escogeré Object, Transformar, Reset Bounding Box, solo para volver a colocar el cuadro de contorno en su posición. Voy a llenar esto de rojo y quitarle el trazo. Voy a seleccionar esto y hacer un duplicado con Editar,
Copiar, Editar Pegar en su lugar. Voy a sostener Alt y Shift, eso es Option Shift en un Mac. Voy a reducir un poco esto y llenarlo con un color naranja. Voy a hacer eso una vez más. Me va a dar un pétalo multicolor en mi flor, y lo voy a llenar con un color amarillo. Seleccione sobre este pétalo elija Objeto, Agrupar para que este pétalo, todos estos objetos aquí van a girar como un solo objeto,
Efecto, Distorsionar & Transformar, Transformar. Usas exactamente la misma transformación que usé en la anterior. Once copias, 30 grados y girando alrededor de este punto central aquí. Voy a dar click en “Ok”. Antes de seguir adelante, sólo
voy a apretar un poco este pétalo de flor, porque esa es la última oportunidad que tengo de crear el look que quiero. Me gustan mucho estos bordes doblados de aquí. Estoy bastante contento con eso. Con el Objeto seleccionado, Expandir Apariencia para expandirlo a las formas componentes
y, a continuación, Objeto, Desagrupar hasta Desagrupar ya no es una opción. Voy a seleccionar cualquiera de las formas, y de nuevo vamos al Pathfinder y vamos a dar click en la opción Recortar. Ahora, vayamos a las paletas de Capas y elijamos Ventana, Capas, parece que he perdido mi paleta de Capas. Voy a seleccionar este grupo y elegir Objeto, Desagrupar. Haré eso hasta que Desagrupar ya no sea una opción. Voy a echar un vistazo rápido este pallet Layers y si hay algún camino extraviado, van a estar en la parte inferior. Tengo uno, sólo voy a quitarlo. Echemos un vistazo a nuestra flor y veamos con qué estamos trabajando ahora. Tengo un pétalo aquí que obviamente tiene que ser reemplazado por algo encima de él. Esta tendrá que ser reemplazada también, y también esta. El primer pétalo completo que tengo es probablemente uno de estos dos. A mí me gusta este de aquí. Voy a seleccionar los pétalos que creo van a formar esta hoja. Tengo este trozo amarillo. Basta con Mayús y haga clic en la naranja, y luego Mayús y haga clic en el rojo más oscuro, haga clic derecho y elija Grupo. Ahora, tengo un grupo. Puedo probarlo sacándolo del camino y simplemente
asegurándome de que parece dejar todo intacto atrás. Al acercar, creo que probablemente he dejado una pasta fuera de ella. Creo que esta pequeña pieza de aquí también pertenece con ella. Lo he seleccionado y probablemente sí le pertenezca porque está realmente cerca. Simplemente lo voy a arrastrar y soltar en ese grupo. Está en ese grupo ahora, y va a viajar con él. Vamos a volver a probar eso. Parece que todo lo que pertenece a ese pétalo ahora viene con él. Nuevamente, Control Z para volver a poner el pedal de donde venía. Es realmente importante que no quieras perder su colocación. Ahora, con mi pétalo agrupado que voy a girar en un minuto, antes de hacer eso, sólo
voy a cambiar sus colores porque eso sólo hace que sea mucho más fácil de
tratar cuando es un color totalmente diferente y es tan fácil volver a colorear más adelante. Ahora con ella como grupo y con ella seleccionada, voy a girar alrededor y para hacerlo todo el camino a este pétalo, voy a necesitar 1, 2, 3, 4, 5 copias. Aunque no los use todos, todavía los
voy a necesitar. Escogeré Efecto, Distorsionar & Transformar, Transformar. Voy a hacer cinco copias. Voy a rotarlo alrededor de este punto aquí. Encienda la vista previa, use exactamente los mismos ángulos que usé anteriormente. Se puede ver que no están alineando perfectamente, pero eso está bien. No esperábamos que se alinearan perfectamente, solo queríamos crearlos. Eso es todo lo que vinimos a hacer aquí. Voy a dar click en “Ok”. Ahora, este es el grupo de aquí. Voy a moverlo todo el camino hasta la parte superior de esta capa sólo para poder verla. Está justo en la parte superior aquí. Con ella seleccionada, voy a elegir Objeto, Ampliar Apariencia porque necesito sacarlo de este pétalo en particular girado en una serie de pétalos individuales. Objeto, Desagrupar. Aquí estoy viendo el pallet Layers, porque estos van a ser más fáciles de tratar si se quedan en sus grupos. No quiero reventarlos todo el camino esta vez, solo
quiero que sean accesibles aquí. Con cada uno de estos grupos seleccionados, ahora los
voy a sacar del camino para que luego pueda ir y ponerlos en posición. Ahora bien, ésta es la que acabamos de rotar. Es perfecto. De verdad estoy bastante contento con este también así que no creo que necesite reemplazar éste. Pero éste probablemente sí necesita ser reemplazado. Pero empecemos con este de aquí arriba. Voy a ir a agarrar todos estos tres objetos que van a hacer esta hoja aquí, y voy a agruparlos, Objeto, Grupo. Este es el objeto que me voy a alinear con sus costados. Este seleccionado, voy a Shift-click en éste. Voy a volver a dar clic en éste porque quiero que sea mi objeto clave. Voy a alinearme a la izquierda y a la parte superior. Izquierda y arriba. Está en perfecta alineación ahora. Vuelvo aquí a este grupo que es el que es la versión roja y amarilla debajo de todo, solo presiona retroceso para eliminarlo. Vayamos a por éste. En este punto, podrías llevar a este grupo aquí y simplemente sacarlo del camino, o incluso podrías apagarlo si quisieras solo para
que puedas llegar a estos pasos aquí dentro. Voy a seleccionar estos tres, haga clic derecho y elija Grupo. Ahora, van a estar alineados con este grupo de aquí. Selecciónelo, seleccione éste, haga clic de nuevo para que este sea el objeto clave. Aquí, arriba y derecha van a ser mis opciones de alineación que van a funcionar. Están todos alineados muy bien. Desplázate hasta aquí para ver dónde está la versión roja y amarilla. Bueno, está aquí abajo. Asegúrate de que solo lo tengo seleccionado. Retroceso para quitarlo. Si las cosas son un poco confusas en este punto, simplemente apaga esta. El siguiente que estamos viendo es éste. Vamos a seleccionar los pasos del componente, haga clic derecho y elija Grupo. Este es el pétalo que va a reemplazar esto, seleccionarlo, seleccionar este grupo, volver a seleccionar esto, simplemente toca de nuevo para que sea el objeto clave. Los alineamientos aquí van a ser de arriba y derecha. Ve y localiza la versión roja naranja que ya no queremos y pulsa Eliminar. Si es necesario, sólo sube aquí y apaga éste. Probablemente sustituiré a éste. Parece que está un poco cortada aquí, así que sólo voy a agarrar estos tres pasos,
agruparlos , ir y agarrar este. Seleccione este grupo y este grupo. Haga clic de nuevo en esto para convertirlo en un objeto clave. Probablemente arriba y derecha van a ser lo mejor para esto. Apague esto porque está en posición. Voy a seleccionar esto porque apagar la de arriba me dio acceso a esa. Ahora, voy a volver a encender todo y creo que estoy bastante aquí. Yo puedo deshacerme de ese grupo. Ahora, con estos grupos, puedo entrar a los grupos y recolorearlos. Voy a recoger los pasos de los componentes aquí. Por ejemplo, este rosa, y voy a probar el color en la hoja aquí que quiero usar para ello. Voy a tener que recolorear cada una de estas piezas individualmente, pero no es una gran cantidad de trabajo por hacer. Ya se hizo la mayor parte del trabajo. Ayuda en este punto que el cuentagotas en realidad se mantenga seleccionado así que ya que estoy seleccionando objetos individuales aquí en la paleta Capas, realidad no
estoy perdiendo mi cuentagotas. Solo estoy dando click en una forma y luego yendo directo al color con el que quiero llenarla. Mi flor está ahora recoloreada. Lo que voy a hacer en realidad es reventar todo fuera de su grupo eligiendo Objeto, Desagrupar, hasta que Desagrupar ya no sea una opción y voy a elegir Objeto, Grupo. Eso empaca toda la flor en un solo grupo. Ahora desde aquí, podrías hacer todo tipo de cosas con tu flor. Por supuesto, una de las cosas que tal vez quieras
hacer con él es hacer un patrón con ello. Puedes por supuesto, solo seleccionarlo e ir a la opción re-color ahora que todo está solo de color con esos tres colores, y puedes recolorearlo a tu antojo. Tu proyecto para esta clase va a ser crear una de estas flores tú mismo y crear la superposición para que obtengas un buen resultado. Publica una imagen de tu flor terminada en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido un poco sobre trabajar con grupos y rotaciones y formas en Illustrator. Al estar viendo esta clase, habrás visto un prompt para recomendárselo a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba y escribe solo unas palabras sobre por qué estás disfrutando de la clase. Recomendaciones como esta ayudan a otros alumnos a decir que esta es una clase que ellos también podrían disfrutar. 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 en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
