Transcripciones
1. Diseño de almuerzos con introducción: Hola, soy Helen Bradley. Bienvenido a este episodio de diseño gráfico para almuerzo diseñando con simetría en Adobe Illustrator. Diseño gráfico para Lunch es una serie de
clases que imparte una gama de consejos y técnicas para crear diseños, y trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. hoy estamos viendo trabajar con simetría en Illustrator. Vamos a crear formas usando objetos simétricos. Aprenderás a hacer la mitad de un objeto y luego crearlo como un objeto simétrico. También veremos alguna simetría de reflexión que podemos crear como efecto vivo. Analizaremos la simetría bidireccional y la simetría de cuatro vías también. Al final de esta clase, deberías poder crear objetos simétricos con facilidad en Illustrator. Ahora como estás viendo estos videos, verás un prompt que pregunta si recomendarías esta clase a otros. Por favor, si estás disfrutando de la clase harías dos cosas por mí. En primer lugar, contesta sí que recomendarías esta clase, y en segundo lugar, escribe incluso en pocas palabras, por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también pueden disfrutar y aprender. Ahora si ves el enlace de seguimiento en la pantalla, haz clic en él para mantenerte al día con las nuevas clases a medida que se liberan. Ahora bien, si quieres dejarme un comentario o una pregunta, por favor hazlo, leo y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Ahora empecemos a trabajar con simetría en Illustrator.
2. Pt 1 dibujar una forma symmetrical: Vamos a empezar nuestra mirada para crear objetos simétricos
creando una forma de corazón aquí en Illustrator. Tengo un documento 1920 por 1080 píxeles de tamaño, pero realmente no importa lo grande que sea tu documento. Vamos a dibujar esto usando la herramienta de lápiz y este es un ejercicio realmente bueno para aprender a usar la herramienta de pluma. Ahora, quiero aplicar un Stroke pero no Fill, voy a apuntar al Fill y apagar eso, y todo con lo que estamos trabajando es un trazo. Ahora para mi corazón, voy a empezar en medio del corazón. Simplemente vamos a sacar la mitad de ella, y luego voltearla sin embargo para crear la segunda mitad. Voy a dar click y arrastrar porque quería despegar en esta dirección aquí. Es mejor no poner puntos en una curva, así que no lo pongas en la parte superior de la curva por tentador que pueda ser. Intento mejor ponerlo al otro lado de la curva. Voy a dar clic y arrastrar hacia abajo, para que pueda hacer esta forma de curva. Entonces bajaré aquí a la base, y quiero darle un poco de giro así que esto es lo que voy a hacer. Voy a dar clic, y arrastrarme un poco. Hay un poco de giro en el fondo de mi corazón. Ahora he terminado de dibujar, pero la banda elástica sigue apegada a esto. Sólo voy a presionar la “tecla Escape”, y eso termina el dibujo. Para que podamos voltear esto y hacer una sola forma llena simétrica, necesito asegurarme de que este punto aquí y este punto aquí estén en la misma línea vertical. No lo son. Yo lo hice deliberadamente para que no fueran para que pudiéramos hablar de cómo vamos a arreglarlo. Iremos a la Herramienta de Selección Directa, y solo seleccionaré estos dos puntos. Se puede ver que son de relleno azul. Este es hueco. El instrumento que podemos utilizar para alinear estos dos es la herramienta promedio. Escogeremos Objeto y luego Ruta, y luego Promedio. Podemos promediar horizontalmente, verticalmente o ambos. Lo que queremos hacer, es alinear estos dos puntos que estén en la misma línea vertical, y si hablas contigo mismo en esos términos, quiero que estos dos puntos estén alineados a la misma línea vertical, entonces eso dice tú que quieres estar seleccionando vertical. Lo que va a pasar es que el posicionamiento vertical se va a ajustar a un promedio de los dos. Este va a venir en esta dirección, éste va a venir en esta dirección, porque así es como están fuera de alineación. Este está demasiado lejos a la derecha, esto está demasiado lejos a la izquierda. Voy a dar click en “Ok”. Ahora se han movido para que estén en la misma alineación vertical. Ahora antes de elegir el siguiente comando, debes asegurarte de que no estés todavía en una posición donde hayas seleccionado estos dos puntos de anclaje y éste nada, y esta es la razón por la que. Escogeré Objeto, Transformar y Reflejar, y esto va a suceder. Estamos reflejando los dos puntos seleccionados pero no el que no fue seleccionado, y eso no es lo que queremos hacer, así que voy a cancelar fuera de aquí. Iré a la Herramienta de selección, y me aseguraré de que solo haga clic lejos de las formas y nada seleccionado, y luego haga clic sobre ella para asegurarme de que todo esté seleccionado. Ahora cuando elijo Objeto, Transformar y Reflejar, se comporta de manera muy diferente. Se está reflejando correctamente. Ahora quiero el original que apuntaba en la otra dirección así como éste,
así que solo voy a dar clic en “Copiar”. Ahora tengo dos formas que cuando las mueva y las posicione, voy a hacer una sola forma. Ahora, voy a asumir que es un poco difícil para ti poner estos en alineación exacta. Vamos a hablar de cómo los alinearíamos. De nuevo con la Herramienta de selección, seleccione sin embargo ambas mitades. Tenemos que asegurarnos de que estén alineados horizontalmente, pero también de que estos dos puntos de anclaje estén directamente uno encima del otro. Iremos a las herramientas Alinear, y puedes llegar a éstas también eligiendo Ventana y luego Alinear. Abriremos el menú Flyout y elegimos Mostrar opciones. En esta etapa, quiero alinearlos para que el medio de cada forma esté en el mismo plano. Este sería en Vertical Align Center y que sólo los realinean para que las tapas y los fondos y los centros sean todos una alineación imperfecta. Ahora, creo que estos puntos de anclaje están sobre la parte superior del otro pero si no lo son o si necesitas volver a comprobar, así es como lo vas a hacer. Harás clic aquí en “Alinear al objeto clave”, y se va a seleccionar una u otra de estas formas de medio corazón ,
y no importa cuál, y puedes voltearlo simplemente seleccionando la que quieras que comience. No importa cuál de estos en este caso esté seleccionado. Lo que queremos hacer, es establecer el valor Distribuir espaciado en 0 píxeles. En otras palabras, queremos espaciar estas dos piezas de manera uniforme con 0 espacio entre ellas. Daremos click aquí en “Horizontal Distribuir Espacio”. Ahora el objeto clave evalúa para ilustrar que cuando estás haciendo ese ajuste, si necesitas mover una de estas formas, no muevas el que es el objeto clave, el azul resaltado. Se puede mover éste, pero no éste. En nuestro caso, realmente no importaba. En otros casos, podría importar, y así es como vas a usar las herramientas Alinear. Ahora tenemos tanto las formas creadas como alineadas perfectamente. Podemos seleccionar sobre ellos y unirlos para hacer una sola forma, Object, Path, Join. Si vamos a la última parte, vamos a decir que ahora en lugar de dos partes individuales, tenemos sólo una parte, que es esta forma de corazón lleno, y podemos llenarlo con un color bastante fácilmente por tan solo seleccionando un color del Selector de color. Vamos a seleccionar eso ahora mismo. En el siguiente video, vamos a mirar y ver cómo podríamos editar una forma que sea asimétrica, manteniendo la forma simétrica conforme editamos.
3. Pt 2 Editar una forma Symmetrical: Ahora que hemos dibujado nuestro objeto básico, vamos a echar un vistazo y decir cómo podemos editarlo. Ahora en términos prácticos, en algún momento se podría decir, bueno, sería mejor dibujar esto desde el principio. Pero lo que quiero mostrarles aquí son algunas técnicas para editar un objeto simétrico que extenderá sus conocimientos de ilustrador y le ayudará quizá en otros proyectos en otros momentos, simetría o de otro modo. Acerquemos esta tarea sobre esa base. Lo que tenemos aquí en esta forma es que tenemos una serie de puntos de anclaje, tenemos un punto de anclaje aquí, uno aquí, y uno aquí, y uno por aquí. Ahora si quería ajustar este punto de anclaje, cuando seleccione sobre él, dirás que tiene dos asas en él. Pero estos mangos no están unidos, por lo que no se van a mover juntos. Pero hay una forma en que podríamos hacer cumplir los mangos para movernos juntos y se podría hacer esto con otros puntos que tienen asas que ya no están pegadas. Lo que vas a hacer es solo seleccionar este punto con la herramienta de selección directa para que solo se resalte, los demás son todos huecos diciendo que no están resaltados. Vamos a ir a la herramienta de escala aquí y cuando haga clic en la herramienta de escala y ahora ajuste esta mano o una de ellas, se
puede decir que ambas asas se están ajustando juntas. Cuando saco uno, el otro también está sacando. Estamos en condiciones de ajustar este punto aquí usando esa técnica. También podríamos ajustar estos dos puntos y se va a arrastrar por ahí y ver si puedo recoger estos dos puntos aquí, que puedo ir a la herramienta de escala y ahora si ajuste uno de ellos, voy a ajustar ambos. Usando esa herramienta de escala, puedo remodelar mi forma y es mantener ese comportamiento simétrico. Ahora hay otra forma en que se podría reprochar reelaborando estas formas simétricas. Voy a la herramienta de selección directa. Voy a apuntar a este punto de anclaje y sólo voy a remodelar sólo este punto de anclaje y voy a remodelar también este punto de anclaje en particular. Efectivamente, estoy destruyendo un lado del corazón, este lado ya no es válido. Este lado es el lado que quiero, pero sí tengo mi forma completada. Lo que voy a hacer es simplemente voltear el relleno y el trazo que
no tenía trazos y ahora sí tiene un relleno y lo voy a colorear. Yo sólo voy a colorearlo de naranja y ahora
voy a voltearlo como lo estábamos volteando previamente, objeto transforman y elijo reflexionar. Voy a reflejarlo sobre sí mismo verticalmente. Voy a hacer una copia, así que voy a dar clic en Copiar y voy a recolorear la copia así que tengo dos formas, una es naranja y otra verde. Ahora están fuera del centro ahora mismo no están alineados perfectamente. Hay una manera de que pudiéramos hacer eso muy fácilmente en Illustrator. Voy a acercarme aquí y voy a la vista de esquema. Escogeré Ver y luego Esquema. Es solo una forma realmente fácil de decir tus formas sin nada más en el camino. Iré a la herramienta Selección. Sólo voy a arrastrar una de estas formas justo sobre la parte superior de la otra y verás que los anclajes para
el medio en la parte superior y
el medio en la parte inferior ahora están perfectamente alineados. Escogeré Ver y luego volveré a la vista previa. Ahora, dependiendo de lo que digas en este punto, puedes hacer una de dos cosas. Déjame revertir, coloca dos formas. Ahora la forma naranja del lado izquierdo aquí es lo que nos gusta. Yo sólo voy por aquí a ver si hay alguna muestra verde en absoluto. Ahora hay un poco de verde. Eso me está diciendo que no podía unir estas formas si no veía ningún verde y todo, podría decir: “Está bien, bueno esta es la forma que quiero y así podría seleccionar cualquiera de estas dos y podría unirlas”. ir a la paleta Pathfinder, haría clic en Unite, y eso haría una forma. Pero tiene un poco de verde en ella y eso no era lo que quería, solo
voy a deshacer esto. Pero hay una forma de que podamos extraer sólo los bits que queremos. Queremos este trozo de naranja y queremos este trozo de verde, pero no queremos este bit. Lo que voy a hacer es seleccionar el sobre la forma y en lugar de usar unite, voy a usar divide y luego lo voy a
desagrupar porque sé que todo está en grupos aquí, así que elijo objeto desagrupar hasta desagrupar no es más larga una opción y luego escogeré los lugares que no quiero. No quiero este trozo verde aquí, así que sólo lo estoy quitando. Yo quiero este trozo verde aquí, y quiero este trozo verde aquí, pero no quiero el trozo de naranja a juego por aquí, así que voy a quitar eso. Me he deshecho de los bits que eran exceso al diseño básico que quiero. Uno debe ser verde, uno debe ser naranja. Ahora, tengo todos los lugares que quiero y solo puedo
seguir adelante y unirlos en esa sola forma editada. Si estás haciendo tu forma mucho más grande, si todo este lado fuera hecho mucho
más grande de lo que podrías simplemente voltear tu forma sobre la línea vertical, todo arriba y vete y unirlo. Pero donde tienes bits que se hicieron más grandes y bits que se hicieron un poco más pequeños entonces puedes usar la opción divide, solo asegúrate de que cualquier cosa que te quites de este lado, también
te quitaste de este lado, va a ser el color opuesto. Entonces agarra todo lo demás y solo útalos y
tienes una sola forma y es una forma simétrica. Es simétrico porque así lo hicimos. Ahora como dije, probablemente sería mucho más fácil volver a dibujar este corazón desde el principio. Pero al mirar una forma alternativa de hacerlo, hemos aprendido un montón de técnicas que son apropiadas para todos los proyectos en Illustrator.
4. Simetría de Pt 3 con un efecto en vivo: Si todo lo que quieres hacer es crear algo como la forma del corazón, una forma cerrada que sea simétrica, pero algo que sea bastante simple, entonces hay otra forma de hacerlo. Ahorremos eso ahora. Voy a la herramienta de bolígrafo, voy a volver a crear esta forma de corazón. Voy a alinear este punto más inferior esta vez usando unas guías inteligentes, sobre las guías inteligentes habilitadas y
solo estoy flotando hasta ver esa línea que está indicando que estoy inmediatamente debajo de este punto y esas dos puntos deben estar en la misma vertical y basta con hacer clic una vez, presionaré escape, ahora vamos a seleccionar la forma y ya verás que es una forma rellena en este momento. No quiero que tenga relleno, solo
quiero que tenga un derrame cerebral. Es más fácil poner el relleno más tarde de lo que es ahora mismo. Es mejor simplemente trabajar con una sola línea. Ahora lo que vamos a hacer con esto es que lo vamos a reflejar a través de este eje aquí,
y lo vamos a hacer con un efecto vivo,
“Efecto”, “Distorsionar” y “Transformar” y luego “Transformar”. Voy a encender la vista previa y quiero reflejarla a través de este punto aquí, así que de estas nueve casillas voy a seleccionar la media del lado derecho, y ese va a ser mi punto de reflexión. Voy a reflexionar a través del eje X y eso me da forma a mi corazón. Ya verás aunque este lado del corazón es azul y este lado es negro y tuvimos negro como nuestro trazo. Lo que eso nos está diciendo es que en este momento realmente sólo tenemos medio corazón visible porque sólo va a voltear. Si queremos todo el corazón vamos a necesitar una copia extra. Tenemos un original por aquí más una copia, y voy a dar clic en “OK”. Ahora en la cara,
parece que esta es una forma de corazón y si tenemos una mirada en el último panel también se ve como si fuera una forma de corazón, aquí hay un camino y parece un corazón pero no lo es. De lo que es, es medio corazón que tiene un reflejo aplicado
porque Y nos mantiene seleccionados en el panel de apariencia aquí para esta forma. Yo puedo apagar la transformación y se puede decir que esto es sólo un efecto, realidad no
es la mitad de nuestro corazón. Si queremos sacar nuestro medio corazón y unirnos a esto para hacer una forma completada, vamos a necesitar ampliar eso. Pero desde luego antes de hacer eso, si queremos hacer algún cambio a este corazón o siempre debemos hacerlo. Estoy usando la herramienta de selección directa y puedo entrar y alterar el lado izquierdo del corazón. No podemos alterar el lado derecho del corazón porque el lado derecho del corazón es sólo un reflejo. Es un reflejo del lado izquierdo, por lo que cualquier alteración tiene que hacerse
al lado izquierdo ahí inmediatamente reflejado por aquí a la derecha. Ahora tengo una forma con la que estoy contento seleccionaré sobre ella para crear la segunda mitad del corazón, así que es más que una simple transformación. Necesitamos expandir estas formas con las formas seleccionadas objeto y luego Expandir Apariencia. Ahora este es el punto en el que era prudente tener una forma sin rellenar, porque como resultado, acabamos de tener dos medios corazones, lo contrario tendríamos algunas formas rellenas también,
así que tendríamos una línea y un relleno y es solo va a ser un lío extremadamente grande. Como estamos ahora mismo, vamos a empezar a desagrupar estos objetos [inaudibles] y
luego desagrupar y desagrupar objetos de nuevo, por lo que ahora tenemos rutas y cuando seleccionamos en una ruta se puede ver que esto es solo una línea de trazo, por lo que no es como si tuviéramos un camino lleno aquí es solo una línea de trazo. Vamos a seleccionar ambas piezas y queremos unirlas juntas, escogeremos ruta de objeto y luego nos uniremos. Ahora se pueden unir y esta vez tenemos una forma de corazón lleno. Ya no es una forma transformada, no
hay transformación en esta forma aquí y el panel de apariencia, es solo una forma de trazo negro, y desde aquí podemos seguir adelante y aplicarle un trazo de color diferente, para ejemplo, podríamos ajustar el peso del trazo y podríamos aplicarle un relleno diferente también. Ahora aquí estamos viendo algunos problemas con las combinaciones, los problemas con las combinaciones son que ver con la configuración del trazo así que vamos al trazo y podríamos seleccionar un tipo diferente de gorra, por ejemplo, una gorra redonda. También podríamos seleccionar diferentes tipos de esquinas que pueden o no darnos mejor resultado, bueno obviamente esto nos está dando un resultado mucho mejor parecido.
5. Formas de realzado con vida más complejos: Como estudiante de Skill Share, podrías estar al tanto de una clase que lancé recientemente llamada Garabatos Stylish To Make & Sell. Algunos de los garabatos que creamos en esta clase tenían simetría incorporada en ellos. Pero las dibujamos como formas individuales y simplemente alineamos todo en lugar de crearlas simétricamente. Volvamos a este tipo de forma y veamos cómo podríamos crearla como forma simétrica en ilustrada utilizando las técnicas que ya hemos desarrollado. Voy a la “Herramienta Lápiz” porque las formas que habíamos dibujado con una herramienta de lápiz, sólo
tengo un documento regular creado aquí. No importa de qué tamaño sea tu documento. Sí importa que tu herramienta de lápiz sea bastante lisa, por lo que quieres hacer doble clic en la “Herramienta Lápiz” y solo asegúrate de que el ajuste sea suave. No quiero que tenga relleno, así que voy a apagar el “Relleno” para que mi forma sólo tenga un trazo. Dibujemos una forma rizada simple. Simplemente estoy dibujando la mitad de la forma porque la otra mitad
se puede crear usando el “Efecto Transformar”. Entonces con ella seleccionada, elegiré “Efecto” y luego “Distorsionar y Transformar”, y luego “Transformar”. Encenderé “Vista previa”. Ya sabemos que necesitamos una copia más el original. Lo vamos a reflexionar sobre este punto aquí. Seleccionaremos el centro de estas nueve cajas en el lado derecho y usaremos “Reflect X” para que las formas se reflejen a través del eje x y haga clic en “OK”. Ahora, las formas son vivas y simétricas. Si ves algo que crees que necesita alteración, simplemente
puedes alterar la forma del lado izquierdo y el lado derecho se actualizará de inmediato. Ahora que tenemos esta forma, echemos un vistazo a dibujar una forma de corazón. Voy a la “Herramienta Pluma”, voy a localizar aquí este punto medio solo para hacerme la vida un poco más fácil para mí y vamos a dibujar esta forma de medio corazón. Ahora puede que te sorprenda un poco lo que ha pasado aquí porque esta forma de medio corazón se ha reflejado exactamente de la misma manera que la forma anterior. Ahora bien, puede que no haga eso en su computadora, lo que podría agregar alguna confusión adicional al asunto. Echemos un vistazo y digamos lo que está pasando aquí. Solo estoy volviendo a la configuración predeterminada aquí. Estoy haciendo clic en este icono aquí para configurar los predeterminados. Voy a dibujar un rectángulo, forma cuadrada
simple y lo voy a dar formato con un trazo azul y voy a terminar bastante
el trazo y vamos a darle un relleno de color diferente. Ahora si sigo adelante y creo una forma ovalada, dirás que hereda exactamente la
misma apariencia que la forma anterior y es la apariencia que está heredando, no solo estos colores aquí, sino cualquier cosa que fuera en el panel de apariencia. Eso es lo que ha pasado aquí. Esta forma de medio corazón aquí ha heredado la transformación que obtuvo esta forma, pero es una transformación totalmente separada. cada una de estas dos formas se le ha dado una transformación separada que es totalmente extraíble. Volvamos después de haber seleccionado estas formas y dibujamos un círculo. Yo sólo voy a poner un pequeño círculo aquí. Se puede decir que también se hereda este efecto de transformación. Es sólo que el efecto de transformación esta vez no ha funcionado en ningún lugar cerca como lo quisiéramos. El punto de reflexión es por el centro de estos dos círculos, no por aquí. Sólo va a funcionar si movemos este círculo en algún lugar por encima de esta línea aquí. Está alineado con esta línea de simetría con la que estábamos trabajando. En cualquier otro lugar, sólo se va a romper y no va a quedar bien. Echemos un vistazo y digamos cómo podríamos hacer que se vea bien. Sabemos que estas formas consiguieron una reflexión al respecto y estas formas consiguieron una reflexión sobre, y así a ésta. Pero sabemos algo sobre grupos en Illustrator y sabemos que si agrupa un grupo de objetos juntos, pueden tratarse como un solo objeto. Vayamos a todas estas formas a su vez, y eliminemos la transformación de ellas. Esta vez vamos a seleccionar estos tres en forma y agruparlos junto con “Objeto” y luego “Grupo”. Ahora, podemos llevar a nuestro grupo, iremos al último panel que parezco haber perdido. Déjame volver a recuperar mi panel de capas. Voy al grupo aquí. Voy a asegurarme de que el grupo en sí esté seleccionado y tratemos de reflejar eso. “ Efecto”, “Distorsionar y transformar” y luego “Transformar”. Encenderemos “Preview”, lo
reflejaremos a través de este eje aquí, que es el lado derecho de la combinación de objetos. Escogeremos “Reflect X”, y haremos una copia y pincharemos “OK” y esta vez tenemos más de la reflexión que esperábamos obtener. Cada una de estas formas se ha reflejado como parte de un grupo de formas. Ahora podemos alterar las formas yendo a la “Herramienta de selección de grupos”. Estoy pensando que quiero separar un poco estas dos formas. Déjame ir y apuntar a este camino en particular. Con él dirigido, ahora daré clic en las “Herramientas de selección”. Lo tengo seleccionado y si ahora lo muevo un poco a la izquierda, el elemento correspondiente a
la derecha también se está moviendo fuera del camino. Ahora eso va a funcionar hasta un punto y luego solo se va a estrellar y quemar. Va a funcionar donde mueva las cosas dejando esta forma aquí a lo largo de la línea para sostener ese lado derecho. Pero si muevo esta forma de vuelta por aquí, voy a perder el corazón. Déjame mostrarte lo que va a pasar aquí. Se puede decir que a medida que muevo la forma hacia la derecha, el corazón se está rompiendo. Funcionará cuando mueva la forma hacia la izquierda, pero fallará cuando mueva la forma hacia la derecha. Pero es una solución potencial y es una forma de obtener
un objeto de estilo simétrico en Illustrator y siempre y cuando no molestemos esta línea media aquí, estos objetos aquí y aquí son totalmente editables y podemos agregar objetos adicionales aquí. Yo sólo voy a arrastrar un pequeño círculo aquí. Se puede ver que va por encima del grupo, pero podemos ponerlo en el grupo en tan solo un minuto. Déjame simplemente llenarlo de negro. Voy a arrastrarlo hacia abajo así que ahora es parte
del grupo y cuando es parte del grupo, se refleja. Ahora podría moverlo a una posición, por ejemplo, podría querer que
estuviera aquí y luego podría “Alt” u “Opción Drag” un duplicado de distancia. Si observas esa clase anterior, sabrás que cuando “Alt” u “Opción Arrastra” una forma alejada del original para crear un duplicado si está dentro de un grupo, entonces el duplicado va a estar dentro del grupo. Eso en realidad va a funcionar muy bien para nosotros aquí porque sí nos permite hacer duplicados de esta forma y cada uno de ellos va a quedar perfectamente reflejado porque está sentado dentro del grupo. Si creamos una forma que está fuera del grupo, sólo
vamos a hacer una pequeña estrella. Yo sólo lo voy a hacer como un esbozo. puede decir que porque ha aparecido fuera del grupo, no
se está reflejando. Pero fácilmente podemos ponerlo dentro del grupo simplemente arrastrándolo aquí. Si estás creando este efecto, probablemente querrás tener
visible tu panel de capas porque querrás poder decir qué es lo que estás haciendo como lo estás haciendo y también tener en cuenta que hay una tentación cuando vayas y seleccionas algo con la “Herramienta de selección” para que todo sea seleccionado. Y si realmente solo quieres seleccionar un elemento dentro del grupo, vas a necesitar la herramienta de selección de grupos. Haga clic en la “Herramienta de selección de grupos”, haga clic para desseleccionar todo y ahora puede entrar aquí y simplemente seleccionar un objeto dentro de un grupo. Voy a seleccionar y eliminar este. Con algunas reservas en cuanto al posicionamiento, en otras palabras, quieres algo para mantener la línea entre estos objetos y no
quieres estar moviendo nada atrás a través de esa línea una vez que hayas creado este aquí. Entonces podrías crear objetos que sean simétricos. Ahora una vez que hayas creado esos objetos, es posible que quieras extraerlos en líneas individuales y para ello, necesitarás seleccionar tu grupo y luego expandir el contenido con “Objeto Expandir Apariencia”. Entonces vas a terminar con dos grupos, cada uno de los cuales contiene la mitad de los objetos que van juntos para crear este diseño. haber hecho eso, habiendo expandido tu forma, probablemente
querrás desagrupar todo con “Object Ungroup” y seguir haciéndolo hasta que desagrupar ya no sea una opción y eso te
dará todo el formas expandidas si quieres. En este punto, podrías ir a tus dos formas de corazón. Se puede decir que aquí está uno de ellos, y aquí está la otra mitad de la mitad, voy a “Shift + click” en él y podríamos unirnos a los que tienen “Object Path” y luego “Unirse”. No es necesario unir las otras formas porque son solo líneas y puntos. Pero quizá quieras unirte a la forma de tu corazón porque es algo que lógicamente sería una forma cerrada.
6. Pt 5 convertir el diseño a un vectorial comerciable: Desde que hice el último video, he ido adelante y coloreado estos elementos. También suavizé un poco esta línea. Ahora estamos en posición de echar un vistazo a qué vamos a hacer con esta forma? Hay dos formas en las que podríamos ir aquí. El primero es si vas a estar entregándolo como una imagen de mapa de bits como un JPEG, por
ejemplo, o una imagen PNG con algo de transparencia, entonces en este momento no tienes que hacer nada excepto que si quisieras poner un trazo alrededor de este corazón, que en última instancia sí quiero hacer, lo harías ahora. Porque si lo estás enviando como PNG o como JPEG, entonces quieres que ese golpe esté alrededor del corazón en este punto porque no puedes añadirlo más adelante. Yo sólo voy a hacer que sea un final circular para que le tenga un buen aspecto. Si esto saliera como PNG o como JPEG, podrías seguir adelante y elegir Archivo y luego Exportar y hacer Guardar para Web Legacy, por ejemplo. Puedes enviarlo como JPEG simplemente seleccionando JPEG aquí arriba, y si querías PNG con transparencia entonces, por ejemplo,
seleccionarías PNG 24 y esto se guardará entonces como una imagen transparente. Se puede ver que no está viendo ninguna de la estructura subyacente del archivo vectorial porque va a salir como un mapa de bits. Ahora bien, si planeas entregárselo a alguien como vector, entonces no puedes hacerlo en este formato. Este no es el formato en el que alguien comprando vectores de acciones, por ejemplo, alguna vez
esperaría que el archivo fuera entregado, es demasiado confuso un archivo. Lo que quieres hacer es romper todas estas piezas para darles algo que se vea mejor y con lo que les va a ser más fácil trabajar. Ahora podría haber notado en este momento que el rectángulo que está proporcionando las máscaras de recorte para este lado
del documento ha aparecido repentinamente en la parte superior del documento. Podrían recordar que lo pusimos al fondo. Tan pronto como la hemos usado para crear esa máscara de recorte para la capa, disparamos a la parte inferior del documento. Bueno, se acaba de mover por sí mismo todo el camino hasta la parte superior del documento. Eso lo hizo porque guardé el archivo y luego lo reabrí. En cualquier momento que guardes y vuelvas a abrir este archivo, vas a encontrar que tu forma de máscara de recorte se ha movido a la parte superior del documento. Si quieres enviarlo al fondo,
vas a tener que Desbloquearlo,
Seleccionarlo, elegir Objeto, Organizar, Enviar a Atrás para enviarlo derecho a la parte posterior del documento donde estaba en primer lugar y simplemente bloquearlo hacia abajo para que no se mueva. Tan solo estar al tanto de que ese sea el caso. Si vamos a enviar esto como imagen de stock vectorial, vamos a tener que limpiar mucho esto. Lo primero que sugiero que hagas es seleccionar todo y simplemente ampliarlo. Entonces elegimos Objeto, Expandir Apariencia, y lo que eso hace es que crea dos mitades del documento, un lado izquierdo y un lado derecho. Porque vamos a estar haciendo mucho trabajo en desempacar estos, realidad
es más fácil deshacernos del lado derecho. Simplemente vamos a acurrentar eso por completo porque cuanto nos
limpiemos el lado izquierdo, sabemos hacer un lado derecho con eso. Simplemente lo volteamos. Centrémonos en sólo la mitad del documento. Se puede decir que las cosas están dentro de los grupos, dentro de las capas. Bueno, no tiene que estar dentro de una capa, así que sólo vamos a limpiar eso moviéndolo hacia arriba. Aquí hay un grupo y el proceso de expandir ese diseño que
teníamos es que todo ha aparecido en grupos y hay grupos de
recorte y todos los caminos de recorte y todo. Todo se multiplica por un factor de alrededor de tres aquí. En esta etapa, lo que vamos a hacer es que vamos a encontrar todos
estos grupos de recorte que sólo tienen un camino de recorte en ellos. Yo sólo voy a apagar eso, se
puede ver que son sólo estos dos lugares y apagarlo no tiene impacto en el documento. Yo sólo voy a borrarlo. Sólo voy a arrastrarlo hacia abajo a la papelera y borrarlo. Ahora tengo un grupo de recorte. Nuevamente, voy a sacar eso del otro grupo para que todo esté limpio y ordenado. Ahora tengo un grupo con un grupo de recorte y un camino de recorte, este lote también puede ir. Sólo estoy haciendo una gran limpieza. Lo que quiero pasar es que quiero ver todos los elementos aquí sin que me recorten porque los voy a recortar. Voy a usar este camino de recorte aquí para recortarlos. Pero ahora mismo está operando como una ruta de recorte de capas, así que solo seleccionemos nada y volvamos a la capa muy superior aquí, y vamos a hacer el reverso de lo que hicimos cuando
creamos esta máscara de recorte es que vamos a hacer seguro que no hay nada seleccionado, vamos a apuntar a la capa superior aquí, ve al menú de inercia y deberías ver Liberar máscara de recorte. Si no ves Liberar máscara de recorte, probablemente
sea porque tienes algo seleccionado. Esto no está disponible si se selecciona algo, todo lo que puedes tener es esta capa dirigida, pero nada seleccionado por aquí o no funcionará. Sólo vamos a liberarlo. Esto, no de manera inesperada, acaba de mostrarnos la otra parte
del documento que se colocó sobre esa línea de recorte. Esto es perfecto. Esto es exactamente lo que queremos. Esta ruta de recorte ahora ya no está subrayada, no se está utilizando como ruta de recorte, pero es realmente útil para nosotros porque puede proporcionar una guía de recorte. Voy a moverlo al muy superior Objeto,
Organizar, Traer al frente. Porque cuando vayamos a usar la herramienta de recorte, la forma que está en la parte superior va a ser la forma con la que se acostumbra recortar cosas. Echemos un vistazo a esto, sólo
tenemos un solo grupo aquí. Voy a seleccionar todo y voy a utilizar la herramienta de cultivo. Vamos a ver qué sucede cuando usamos la herramienta de cultivo
para usar este camino para recortar todo lo que hay debajo de él. Bueno, conseguimos lo que queremos, pero no lo hacemos tan bien. Ya verás que esta huelga ha desaparecido del corazón. Ahora, podríamos recuperar ese más tarde, así que eso no es un rompetrato por diga. Pero el rompetrato es que hemos perdido nuestros pedacitos rizados. Yo sólo voy a deshacer eso con Control Z, eso sería Command Z en un Mac, y vamos a ver cuál es la causa. Bueno, el motivo de la desaparición de la línea fue que estaba alineada, así que acabo de arrastrarla fuera de su grupo. No necesitaba estar en un grupo todo por sí mismo. Pero este es un camino por lo que es una línea que puedes ver que está acariciada. Al ser una línea con puntos de anclaje a lo largo de su sola fila, cada vez que la golpeas con la herramienta de recorte aquí, simplemente desaparece. Illustrator simplemente no puede sobrellevarlo. Por lo que simplemente lo borra por completo. Si queremos proteger esta línea para que no se borre, vamos a tener que convertirla de una línea en una forma rellena. Vámonos y solo apuntemos aquí. Escogeremos Objeto y luego Ampliar. Ahora como línea, tiene un trazo pero no tiene relleno en absoluto, así que no necesitamos ampliar el relleno porque no tiene
uno vamos a expandir solo el trazo, voy a dar clic en “Ok”. Ahora está expandido, por lo que no va a quedar noqueada cuando utilicemos la herramienta de cultivo en ella. Ahora podríamos hacer lo mismo con este corazón. Si quisiéramos retener este trazo, verás que en realidad es un camino. Por lo que va a tener un conjunto de puntos de anclaje a lo largo de él. Va a ser igual que esta línea, por
eso está desapareciendo. Si queríamos guardar ese también, entonces podemos apuntar justo a este camino y podemos expandirlo Objeto, Expandir exactamente lo mismo. No tiene relleno porque el relleno está aquí abajo. Es forma totalmente separada, solo
tiene un trazo. Haremos click en “Ok”. Al hacer eso, hemos convertido eso también en una forma llena. Entonces cuando se recorte, se va a cortar y eso sólo va a ser perfecto. No va a desaparecer como lo hacía antes. Volvamos atrás y intentemos esa cosecha otra vez, ahora que hemos expandido las dos formas aquí que eran líneas. Seleccionaré todo. El camino de cultivo está aquí en la parte superior. Tiene que estar en la parte superior porque se utiliza para recortar la forma. Todo lo que está fuera de esta forma aquí se eliminará. Vamos a hacer clic en “Crop”, y esta vez tenemos un resultado mucho mejor. El corazón todavía tiene su frontera a su alrededor. La línea no ha desaparecido porque ya no es una línea, en realidad
es una forma rellena y todo lo demás sigue intacto. Echemos un vistazo a este grupo y solo veamos qué tenemos. Es muy importante mantener un ojo en la paleta de Capas porque te puede decir mucho sobre tu documento. También te puede dar las herramientas que necesitas para volver a
armar todo y para eliminar cosas que en serio simplemente no necesitas. Echemos un vistazo a esto, porque este es el camino alrededor del borde de la forma, y eso no lo necesitamos. Vamos a deshacernos de eso porque aquí no es parte de nuestro diseño. Esto es algo más de lo que podemos deshacernos, este es un camino compuesto. Es un camino que está alrededor de todo. Tampoco necesitamos eso porque no tiene relleno ni trazo, así que solo arrastremos eso a la papelera también. Solo estamos limpiando esta paleta de capas para asegurarnos de que todo esté limpio y ordenado y todo esté dentro de un solo grupo. Cuando selecciono el grupo, esto es lo que vemos. Bueno, sabemos hacer esto una forma reflejada porque lo hemos estado haciendo todo el tiempo, Efecto, Distorsionar y Transformar, Transformar, activar Vista previa, queremos una copia de la misma. Queremos que se refleje sobre el eje x, y queremos reflejarlo sobre esta línea vertical. Entonces sólo vamos a dar click aquí en el medio, y voy a dar clic en “Ok”. Este es básicamente nuestro diseño nuevamente, pero ahora estamos trabajando para crearlo en un formato que sería entregable. Tenemos que ampliar esto porque ahora mismo esto es sólo un reflejo. Ya verás que, en el panel de apariencia, cuando seleccionamos el grupo aquí, tiene una transformación en él,
por lo que está transformando al grupo. Pero tenemos que ampliar eso. Volvamos al grupo, y elijamos Objeto, Ampliar Apariencia. Ahora tenemos dos grupos, uno para cada lado del documento, y dentro de estos grupos están sólo las formas que van juntas para hacer este documento. Lo que haría en este punto es simplemente unir estas cosas, las que están por encima de la línea media aquí. Voy a la herramienta de selección de grupos porque todo está dentro de los grupos. Voy a necesitar hacer eso. Voy a recoger esta forma rosa, y voy a Shift, da click en esta formas rosadas. Tengo seleccionadas estas dos formas rosadas. Iré al Pathfinder y solo uniré a esos dos. Entonces voy a ir a esta forma roja aquí que fue un trazo. Ahora están rellenos de forma. Haré clic en él con la herramienta de selección de grupos, Shift, haga clic en el otro lado para que esté todo seleccionado, haga clic en “Unite”, para hacer eso en una sola forma. Voy a seleccionar sobre estos dos, unir esos, seleccionar sobre estos dos, unir esos. Ahora para ordenar esto, podrías simplemente dejarlo tal como está, o puedes optar por desagruparlo y simplemente reagruparlo. puedes optar por ir Object, Desagrupar hasta desagrupar ya no es una opción. Después con todo seleccionado, solo agruparlo para que tengas un solo grupo con todos los objetos de ese grupo que componen esta forma. Ahora bien, este fue un ejemplo muy sencillo y probablemente no
irías a todo este problema por algo tan simple como este diseño. Pero si tienes un diseño mucho más complejo que quieres dibujar con simetría en vivo, entonces esto es lo que harías. Si va a salir como un JPEG o un PNG, simplemente ignora todo esto porque en realidad no lo necesitas. Si se va a salir como vectores, entonces así es como lo apartas y lo vuelves a armar. Tienes que tener cuidado con
todo lo que tenga un trazo a su alrededor y cualquier cosa que sea una línea, porque querrás expandir los antes de hacer este trabajo para que no los pierdas en el proceso. Ahora sí entiendo que esto es un poco complejo y ciertamente exagerado manera para esta forma en particular. Pero si estuvieras trabajando con formas que eran mucho más complejas que ésta, que fueran formas simétricas, es como podrías volver a ponerlas como vectores sólidos una vez que hayas utilizado tu configuración de dibujo simétrico para crear realmente el diseño.
7. Simetría de la la esquina de la 6: Ahora vamos a mirar a crear un elemento simétrico de esquina. En este caso, algo que sea vertical será volteado por lo que es horizontal. A ver cómo hacemos eso, voy a empezar con una línea, voy a linea segmento Herramienta. Sostendré la tecla Mayús mientras arrastro una línea, ahora esto tiene un trazo de 10 píxeles, sin relleno, y de la lista de trazos aquí puedes decir que tengo seleccionado gorra redonda, así que solo está heredando de algunas otras cosas que tengo estado trabajando en este documento en particular. Simplemente lo voy a colocar a más o menos donde quiero que esté. Lo siguiente que crearemos es una espiral, iré aquí a la herramienta espiral. Si presiono la letra D, entonces restableceré los valores predeterminados para la forma, y eso asegurará que solo tenga unos valores predeterminados estándar. Ir a apagar el sitio de llenado sólo tiene un trazo. Haré clic una vez en el documento y mi espiral ahora mismo tendrá un radio de 40 píxeles, una decadencia de 80 por ciento y 10 segmentos, y tiene este tipo de estilo. Voy a dar click, “Ok”. Ahora esto es un poco pequeño, así que lo seleccionaré y solo lo ampliaré. Va a aumentar un poco el ancho del trazo y luego aplicarle un perfil de pincel, por lo que de esta lista desplegable aquí, voy a seleccionar un perfil de pincel. Voy a seleccionar este aquí, ahora, Se está aplicando más pesado en el interior de la forma y más ligero en el exterior de la forma. Por aquí en el panel de apariencia, podemos ir a trazos y hacer clic en este botón, y eso volteará el perfil del pincel, por lo que ahora se aplica de manera diferente a esta forma. Es en otras palabras, al revés. Ahora voy a tomar esta forma y vamos a colocar eso donde queremos que esté. Ahora, hasta el momento obviamente no tenemos reflexión, eso está bien, vamos a conseguir la reflexión en tan solo un minuto. Voy a añadir otro de estos, y sólo voy a dar clic en “Ok”. Ahora en este caso, voy a disminuir el ancho del trazo, conseguí una forma similar aquí. Se heredó las propiedades de la anterior, eso está bien, y voy a ir a ponerla en posición. Creo que voy a poner un tercero aquí. Lo haré en talla intermedia. Ahora quiero poner algunos puntos aquí, así que iré a la elipse, arrastraré una pequeña elipse y voy a voltear las ranuras de relleno y trazo llenas, pero no tiene trazo. Ahora quiero una serie de puntos que puedo poner ya sea aquí, así que voy a seleccionar mi forma aquí, y asegurarme de que el camino esté seleccionado, no sólo el trazo. Voy a aplicar un efecto transformado distorsionado con efecto distorsionar y transformar, para luego transformar. Encenderé la vista previa, quiero probablemente otros cuatro de estos y
quiero que cada uno de ellos sea más pequeño que la última vez. Poniendo aquí el 75 por ciento como la báscula, y apenas empezaremos a moverlas en dirección vertical. Ahora bien, si encuentras que esto no funciona, probablemente
sea porque tienes algo como el trazo seleccionado. A mí me ha pasado eso antes, y por mucho que intente hacer ajustes en este diálogo, parece que
no pasa nada. Bueno, debes asegurarte de que el camino esté seleccionado, no el trazo que no tiene relleno en él de todos modos, así que solo daré clic en “Ok”. Ahora bien, este es un efecto transformado distorsionado, así que solo puedo arrastrar la primera forma a la posición y todas las demás vendrán con ella. Si quiero, puedo Alt u Opción Arrastrar esa forma a esta otra posición, voy a acercar aquí porque quiero iniciarlo con un tamaño más pequeño. Simplemente mantendré presionada la tecla Mayús mientras la arrastro hacia abajo para hacer más pequeña la forma inicial. Ahora el espaciado entre estas formas sucesivas es demasiado, pero con la forma inicial seleccionada, puedo hacer clic en la opción de transformación aquí en el panel de apariencia que me permite editar esta transformación. En este caso, voy a reducir la cantidad de movimiento que meto. Parece haber perdido todo eso, vamos a rehacer eso. Solo estoy mirando una cantidad de movimiento que
será una especie de coincidencia con este tipo de look. Presionaré “Control” o “Comando cero” para alejar el zoom, y lo haré por tercera vez. Lo mismo aquí, simplemente encoger el tamaño del objeto inicial, colocarlo en la posición rugosa en la que quiero que esté. Después con ella seleccionada, ve a su transformación y solo reduce la cantidad de movimiento vertical que tenemos. Por supuesto que quieres que se encienda la vista previa, porque de lo contrario no podrás ver lo que estás haciendo. Sólo buscando algo de partido aquí, que se vea bastante bien, voy a dar clic en “Ok”, voy a alejar el zoom. Ahora ya sabemos algunas de las bases de lo que vamos a hacer aquí para conseguir nuestra transformación, lo primero que vamos a hacer es poner en grupo todo lo que tenemos aquí. Déjame ir y abrir esto en la última paleta, voy a seleccionar todas las formas, y voy a elegir objeto y luego agrupar. Colocarlos dentro de un grupo, significa que ahora puedo reflejarlos para que pueda tener uno al revés posicionado por aquí. Con el grupo seleccionado, vamos a aplicar la transformación,
efecto, distorsionar y transformar, para luego transformar. Encenderé la vista previa, quiero rotar esto a través de 90 grados, así que voy a escribir 90 grados aquí dentro, entonces eso me dará mi rotación. Pero está en la posición equivocada, y también está enfrentando el camino equivocado, así que voy a dar clic en reflejar X, y eso lo refleja más. Se puede ver que tenemos los inicios de lo que necesitamos, vamos a aumentar el número de copias para que tengamos un original y una copia. Ahora sólo voy a empezar a moverlo horizontalmente, voy a moverlo hacia donde creo que tiene que ser para una especie de unirme aquí arriba, y luego ajustaremos la vertical. En este caso vamos en dirección vertical negativa, porque eso es volver a subir el documento. Lo más probable es que encuentres que los montos de movimiento horizontal y vertical serán los mismos. Si te mueves a 140 píxeles horizontalmente, entonces te estarás moviendo a 140 píxeles verticalmente, pero en dirección negativa porque estás subiendo. Cuando estés contento con lo que estás viendo en la pantalla, haz clic en “Ok”. Se puede ver que el efecto distorsionar y transformar está siendo atrapado aquí, por lo que el movimiento es correcto, todo se ve bien, y si quieres moverlo a una posición diferente en la esquina, puedes hacerlo . En cualquier momento podrías expandir esta forma, podrías ir al grupo si estás contento con lo que ves aquí y luego elegir objeto, Expandir Apariencia y luego elegirás objeto Desagrupar, hasta que desagrupar ya no sea una opción. Entonces si así lo deseas, puedes seleccionar todo o simplemente dejarlos seleccionados y elegir grupo de objetos, y eso te dará este elemento de esquina como un solo grupo dentro de tu documento. Es así como puedes crear efectos de esquina interesantes esta vez utilizando un proceso reflexivo ligeramente diferente, pero estas formas siguen siendo simétricas.
8. Proyecto y wrapup: Tu proyecto para esta clase será crear algo que sea simétrico en Illustrator usando una o más de las técnicas que he mostrado aquí. Ahora para que sea un poco fácil para ti, si quieres poder romper las cosas
del diseño más complicado que creamos,
he creado un archivo PDF con solo una lista de las instrucciones y algunas notas de cosas de la que debes estar al tanto. Eso lo puedes encontrar en el área de proyectos de clase y lo puedes descargar ahí. Una vez que hayas completado tu proyecto, publica una imagen del mismo en el área del proyecto de clase. Espero que hayas disfrutado de esta clase. Espero que hayas aprendido cosas sobre Illustrator de las que antes no estabas desconociendo. Ahora como estás viendo la clase, habrías visto un prompt el cual preguntó si recomendarías esta clase a otros, por favor, si disfrutabas de la clase, harías dos cosas por mí. En primer lugar, contesta sí que lo recomendarías, y en segundo lugar, escribe incluso en pocas palabras, por qué estás disfrutando de la clase. Estas recomendaciones realmente ayudan a otros estudiantes a decir que esta es una clase de la que ellos también podrían disfrutar y aprender. Ahora si ves el enlace de seguimiento en la pantalla, haz clic en él y te mantendrás al día con mis nuevas clases a medida que se liberen. 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. Mi nombre es Helen Bradley. Muchas gracias por acompañarme por este episodio de diseño gráfico para el almuerzo. Espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
