Diseño creativo de tipografía con Adobe Illustrator

1. Introducción al diseño de tipografía: ¿ Estás planeando crear un tipo único de diseño gráfico con Adobe Illustrator? Viniste al lugar correcto. Soy Martin. Tengo más de 20 años de experiencia como diseñadora gráfica, ilustradora e instructora certificada por Adobe. He trabajado con empresas como BBC. Estas necesidades, google, ikea, y no puedo esperar para compartir mis mejores prácticas contigo. Este es un curso práctico aerodinámico que se centra en un proyecto de diseño de la vida real. Te estaré caminando por todo paso paso a paso y obtendrás todos los archivos de ejercicio para que puedas seguir adelante en caso de que prefieras no copiarme. También puedes seguir mi flujo de trabajo usando activos alternativos proporcionados y crear algo completamente único que puedes mostrar en tu portafolio creativo. Estoy bastante seguro de que este curso te inspirará a crear algo MAC. Crearemos cuatro composiciones tipográficas únicas utilizando Adobe Illustrator. En los tres primeros diseños, nos centraremos en letras individuales. Para la última, estaremos combinando un par de palabras juntas. Estaremos utilizando técnicas avanzadas de Illustrator en nuestro flujo de trabajo, incluyendo la Herramienta Constructor de formas tres, las hormigas, máscaras de opacidad y recorte, partes compuestas, Recolor Artwork, y así mucho más. Además de todo lo técnico, también cubriremos alguna teoría importante del diseño gráfico que podrás aplicar en cualquiera de tus futuros proyectos creativos. Puedes unirte a este curso sin ningún conocimiento previo en diseño gráfico, ilustración o aplicaciones de Adobe. Pero para completar el proyecto, necesitarás acceso a Adobe Creative Cloud y a una computadora de escritorio o portátil, pero ahora es el momento de empezar a crear. Entonces te veré en la próxima lección. 2. Crear formas: la letra P: Entonces aquí estamos en Illustrator y por encima de mí se pueden ver los bocetos con los que suelo empezar. Así que exploré el estilo que me gustaría usar para el alfabeto. Y normalmente comenzaría con la letra a. pero luego para este tutorial en particular, recogí la letra P. Y se puede ver este boceto aquí. El segundo, traté de tener ese segundo cubo envuelto alrededor, pero me di cuenta de que no va a quedar bien si va por la misma dirección. Entonces entonces decidí darle la vuelta y hacerlo más entrelazado para que envuelva alrededor de ese tubo vertical. Pero entonces también sentí que se ve menos como una p. Así que para que sea más similar a la letra misma, decidí que la invierta. Entonces este es el boceto que voy a convertir en una ilustración vectorial ahora. Entonces primero, empezaré dibujando un rectángulo. Entonces este va a ser el tubo vertical. Di algo así. Y lo moveré a un costado solo para que veas lo que estoy haciendo. Ahora usaré la herramienta pluma y llegaré al punto central superior, haga clic ahí unos, y luego haga lo mismo aquí en la parte inferior. Los guías inteligentes me ayudaron a encontrar estas colocaciones. Y luego usando la herramienta de selección directa y cambiar la flecha hacia arriba en el teclado, simplemente la arrastra hacia arriba así. Ahora entonces podemos usar el rígido coronario para arrastrarlo hacia abajo y convertirlo en una bonita forma redonda como esa. Hagamos lo mismo aquí en la parte inferior, selecciono ese punto con la herramienta de selección directa y luego desplazar la flecha hacia abajo esta vez, que de nuevo lo empuja hacia abajo diez píxeles. Y luego usando el widget de esquina, lo arrastra hacia arriba. Posteriormente vamos a añadir la gorra en la parte superior, pero por ahora, esta es la forma que necesitaba y podemos cambiar los colores para que no necesitamos un trazo en esto. En cambio, voy a usar un degradado y usaré este degradado predeterminado, los colores amarillo a naranja, pero cambiaré su dirección. Primero presionaré X en el teclado, que cambia al Color de relleno. Y ya se puede ver el gradiente que aparece aquí en el panel. Y luego presionaré G para seleccionar la herramienta degradado. Y podría usar la opción de ángulo aquí o simplemente hacer clic y arrastrar para definir la dirección. Ahora en realidad prefiero mantener los colores más brillantes en la parte superior, así que arrastraré de arriba hacia abajo y más tarde podremos refinar esto. Acerquemos un poco más y empecemos a dibujar quizá desde abajo. Entonces si hago clic aquí una vez, entonces puedo hacer clic y arrastrar para definir la primera curva. Y observa que ahora se usa el mismo color para el color de campo, pero esta vez necesitaremos lo mismo que un trazo. Entonces para esto voy a intercambiar los dos colores. Por lo que presionaré Shift X en el teclado. Esto usará el mismo gradiente pero en el trazo. Y entonces podemos seguir dibujando. Así que sólo voy a hacer clic y arrastrar de nuevo aquí. Y ajustaremos esto más adelante. Haga clic y arrastre una vez más. Traté de mantenerlo agradable y suave. Doy clic y arrastre, haga clic y arrastre aquí. Y luego una última vez, haga clic y arrastre. Vale, así que echemos un vistazo a esto. Creo que se ve bastante bien, pero tal vez aquí en la parte inferior, si vuelvo, puedo ajustar un poco estos puntos. Tal vez simplemente arrastre eso de nuevo usando la herramienta de selección directa. Sólo estoy ajustando las asas y siento que el resto del camino es bueno. Ahora lo que tenemos que hacer es aumentar el grosor de esto. Entonces usaré la tecla Mayús y haga clic en la flecha arriba tal vez dos veces. Creo que ese es un buen tamaño. Ahora por supuesto, siempre podemos medir y asegurarnos que sea exactamente el mismo tamaño que el otro cubo. Bueno, no estoy tan molestado en este punto, así que siento que es bastante bueno para el tamaño que necesitamos. Siempre podemos ajustar las cosas más adelante. A lo mejor una cosa que voy a hacer es simplemente arrastrar este punto un poco más allá, en algún lugar por ahí. Sí, creo que eso se ve bien ahora. Ahora, en este punto, realmente no se siente como un cubo tridimensional. Se ve muy plano porque la ilusión de tres dimensiones es algo que vamos a añadir mediante enmascaramiento y retocando el gradiente en este trazo. Entonces juntemos estas dos cosas. Voy a arrastrar esto aquí. Y debería estar en algún lugar por ahí. No tiene que ser exactamente lo mismo que el boceto, pero eso me parece prometedor porque ya veo un poco de contraste entre los dos tubos. Entonces eso es una buena noticia. 3. Usar la máscara de opacidad: la letra P: Pero ahora lo que tenemos que hacer es agregar una máscara de opacidad en este tubo retorcido. Y eso nos va a ayudar a separarlos aún más y a crear también la ilusión de que viene delante y detrás del tubo vertical. Entonces tenerlo seleccionado, todo lo que tengo que hacer es tener abierto el panel de transparencia y luego dar click en Hacer Máscara. Y si no ves este panel, sólo tienes que ir al menú Ventana y lo encontrarás muerto en la lista. Entonces una vez que tengas lista tu máscara, solo tienes que apagar la opción de clip que tendrá la máscara vacía. Entonces, por defecto, cuando se crea una máscara de opacidad en Illustrator, comienza a ocultar todo el objeto seleccionado actualmente. Pero una vez que desactivas la opción de clip, se convierte en una máscara vacía y funciona más como Photoshop por defecto. Entonces en este punto, necesitarás algo para usar como máscara. Y lo mejor que podemos hacer en este punto es copiar nuestro tubo vertical. Por lo que voy a seleccionar eso y presionar Comando o Control C para copiarlo. Después vuelve y selecciona el cubo retorcido, haz click en la máscara de opacidad. Y observa que cuando hagamos eso, el panel de capas nos dirá que estamos dentro de la máscara de opacidad. En realidad actualmente no hay nada aquí, así que está completamente vacío. Si utilizo Comando o Control F, eso pegará una copia de ese tubo vertical dentro de las máscaras de opacidad. Entonces ahora está apareciendo aquí y sólo tenemos que cambiar el color a negro. Entonces lo que esto va a hacer es que está ocultando por completo el cubo retorcido. Entonces si vuelvo al objeto real haciendo clic en la otra miniatura dentro del panel de transparencia. Entonces te puedo mostrar aquí si apago ese tubo vertical, que es un objeto separado, ahora podemos ver por completo estos detalles. Entonces la máscara de opacidad ahora está funcionando y está ocultando por completo esos detalles. Voy a mantener visible el otro objeto también. Y volveré a la máscara de opacidad porque ahora tendremos que revelar esos detalles que hay que venir delante del tubo vertical. Por lo que golpeamos todo y ahora estamos trabajando al revés y revelando selectivamente algunos detalles. Entonces si acerco un poco aún más, puedo mostrarte cómo hago esto. Voy a usar la herramienta pluma. Y voy a empezar por aquí en alguna parte. Entonces si solo hago clic en algún lugar allí, iniciaré un nuevo camino. Entonces puedo hacer clic tal vez aquí, y luego puedo seguir subiendo. Y por ahora, sólo voy a crear aquí un bloque muy simple. Entonces me gusta bloquear las cosas primero. Ahora, no se ve muy bien por el momento porque tenemos que ajustar sus colores. Entonces esto se convirtió en un objeto separado dentro de la máscara de opacidad. Y esto debería ser solo usar un campo de luz pero sin trazo en absoluto. Entonces si apago el trazo y asigno relleno blanco, entonces ya se va a quedar un poco mejor. Ahora sólo temporalmente para asegurarnos de que podamos ver las cosas mejor, voy a volver a los objetos reales, seleccionar el tubo vertical, y revertir el gradiente. De esta manera tendremos más contraste para que podamos ver mejor lo que estamos haciendo. Por lo que este icono aquí en el panel de degradado es muy útil. Se puede invertir muy rápidamente la dirección del gradiente. Y una vez más, volvamos a los otros objetos o al tubo retorcido y volvamos a la máscara de opacidad. El motivo por el que tengo el panel de transparencia aquí en la parte superior es porque constantemente cambio de ida y vuelta entre la máscara y la vista de objeto. Y me gusta vigilarlo en todo momento. Acerquemos aquí y seleccionemos este objeto que acabamos de crear. Y ahora todo lo que tenemos que hacer es simplemente agregar solo esta forma un poco. Entonces esto es esencialmente para nosotros poder hacer que parezca que este tubo viene al frente, como ya dije. Por lo general lo mejor que hay que hacer aquí para crear una curva agradable es usar la herramienta pluma manteniendo presionada la tecla Alt u Option, podemos doblar esa línea que originalmente configuramos como línea recta. Y por ahora, sólo voy a configurarlo a algo así y tal vez arrastrar este punto un poco. Vale, entonces no tiene que ser perfecto en este punto, pero creo que eso parece bastante prometedor. Tal vez este punto aquí pueda estar un poco más lejos. Entonces si selecciono estos dos puntos de anclaje con la herramienta de selección directa y uso lo de flecha izquierda que ayuda a que sea aún mejor. Y tal vez sólo arrastra este punto allá atrás. De acuerdo, por lo que no hay líneas visibles aquí. Y la máscara de opacidad está empezando a funcionar bastante bien. 4. Toques finales: la letra P: Ahora hagamos lo mismo aquí en el fondo. Y sólo para recordarte, te estoy mostrando el boceto, tenemos que asegurarnos de que parezca que la parte delantera o la parte superior es la que viene delante del tubo vertical. Entonces vamos a hacer lo mismo que antes. Voy a usar la herramienta pluma, empezar a dibujar la forma aquí, bajar y luego envolverla así. A continuación, mantenga presionada la tecla Alt y agregue un poco de curva aquí en la parte inferior. Muy bien, creo que eso se ve bien. Pero una vez más, podremos contar mejor una vez que agreguemos los gorros y refinemos los gradientes. Entonces por ahora, estoy contento con la forma en que se ve. A lo mejor esta línea puede estar un poco más abajo. Siento que podría beneficiarse de eso. Ok. Algo así. Si alejamos el zoom, ya debería empezar a mirar más de cerca a una forma tridimensional. Pero ahora volvamos de nuevo a la vista normal o a la vista de objeto. Y voy a seleccionar este degradado, voltearlo de nuevo a la forma en que estaba. Y luego agreguemos los gorros. Ahora para esto, todo lo que voy a usar es simplemente la Herramienta Elipse presionando L en el teclado. Te atraparemos tan rápido. Entonces voy a dibujarlo aquí en la parte superior y asegurándome de que esté perfectamente alineado con el ancho de este tubo. Entonces me acercaré más y simplemente lo moveremos hacia arriba y luego lo arrastraré un poco. Creo que eso se ve bien. Ahora sólo tenemos que configurar esto como un color, como un color individual. Voy a usar probablemente amarillo, pero tal vez hacerlo aún más brillante que eso. Por turno clicando aquí, puedo añadir un poco aún más brillo, por lo que algo así y alejar el zoom. Sí, creo que eso se ve bien. Y ahora sólo podemos duplicar esta tapa, Alt, click y arrastrar, y luego voy a rotarlo alrededor y acercar un poco más. Sí, lo haremos más pequeño para asegurarnos de que esté muy bien alineado aquí. Eso no está mal. Y luego vamos a hacer el otro, viejo clic y arrastrar. Esta vez otra vez, lo rotamos alrededor y lo alinearé. Y sólo para asegurarme de que la gorra sea completamente visible, voy a arrastrarla un poco más allá por aquí y tal vez solo ajustar el camino que creamos. Así que vuelvo ahí, lo arrastro, y en realidad puedo ver que este camino se supone que es más amplio. Por lo que necesitamos hacer esta gorra más grande. Sí, vamos a seleccionar la gorra, arrastrarla de vuelta aquí, estirarla. Piensa que eso se ve bastante bien ahora, así que asegurándose de que esté muy bien alineado. Sí, estoy feliz con eso. Así que voy a alejar un poco hacia atrás. Y ahora más o menos todo lo que tenemos que hacer es ajustar los gradientes y luego ajustar las máscaras. Entonces el mayor problema es que no tenemos suficiente contraste entre los dos tubos. Entonces lo que voy a hacer para arreglar eso es seleccionar esta ruta y asegurarme de que tenga el atributo de trazo seleccionado pulsando X en el teclado. Entonces de inmediato aparece el panel de degradado. Y por cierto, la opción que estoy usando aquí es el gradiente aplicado dentro de trazo. Siempre se puede cambiar esto y tenerlo a lo largo del trazo. Para ser honesto, siento que eso realmente funciona mejor para nosotros. Por lo que será más fácil generar el contraste que necesitamos. Ahora todavía podemos voltear el gradiente alrededor, así que revertirlo. Y eso se verá un poco más natural. Una vez más, queremos los colores más brillantes en la parte superior. Esa es la forma en que pensamos que la luz es normalmente viene de arriba. Así que eso es simplemente también se siente más natural cuando configuramos los colores. Pero ahora que lo hemos hecho, tenemos que arreglar definitivamente un par de cosas. En primer lugar, esta gorra es demasiado pequeña, por lo que sólo tenemos que extender este tamaño. Yo creo. Sí, eso se ve mejor. Y ahora volvemos a nuestra máscara y seleccionamos esta forma que creamos. Y obviamente ahora puedo verlo mucho mejor, por lo que puedo arreglarlo mucho más fácil también. Arrastra estos hacia arriba y crea que los datos de giro pueden ser, puede ser aún más alto, algo así. Sí, eso se ve mejor. Y si vengo aquí abajo en la parte inferior, una vez más, estas otras formas deben ser fijadas también. Y aquí tendremos que refinar esto. En realidad puedo ver que necesitamos la curva para ir por el otro lado. Así que lo configuré originalmente lo hice mal, pero eso no es problema. Acabo de usar una herramienta de pluma manteniendo presionada la tecla Alt u Option mientras la arrastro hacia el otro lado. Y ahora podemos usar la herramienta de selección directa y tal vez simplemente configurarla aquí un poco más lejos. Éste arrastramos hacia arriba y luego tenemos esa bonita curva S que se necesitaba aquí en la parte inferior. Siente como si eso se estuviera viendo mucho mejor ahora. Ahora volvamos a cambiar de nuevo al objeto en sí. Y sólo voy a ajustar un poco los colores aquí. Por lo que ajustarlo nos ayudará a verlo ligeramente diferente aquí en la parte inferior. Ahora, debido a que hay un giro o giro muy fuerte aquí, se está superponiendo los tonos del degradado. Así que tal vez pueda intentar arrastrar esto un poco más hacia abajo para ayudar a que se separe un poco mejor. O también podemos ajustar esta curva aquí o el mango hasta que ese artefacto se haya ido. Siento que algo así se ve un poco mejor. No obstante, me gusta bastante la forma en que esta transición es visible aquí. Por lo que en realidad lo dejaré así por ahora. Y alejemos un poco. Echemos un vistazo al detalle en la parte superior. Una vez más, aquí, hay un poco de falla transicional ahí. Podemos intentar arreglarlo arrastrando esto, tal vez un poco más lejos, algo así. Y luego también solo volviendo a este gradiente, si selecciono el relleno una vez más y podemos intentar mover este color degradado pare un poco más alto. De esa manera tenemos un poco más de contraste ahí. Tal vez incluso éste pueda llegar un poco más alto, algo así. Y luego en este trazo también, si volvemos aquí, podemos estirar esto asegurándonos de que tengamos un mejor contraste entre los dos tubos. Ok. Tal vez incluso esa. Sí, eso se ve mucho mejor. Entonces si me alejo ahora, está empezando a tomar forma, pero esta gorra aquí porque está mirando hacia abajo, debería ser más oscura. Entonces, una vez más, piensa en la luz que viene de la cima. Si esto está más abajo, probablemente debería ser más rojo. Entonces si volvemos aquí, quizá seleccionemos el rojo y luego Mayús-click aquí. Tal vez pesado, más brillante un poco que el rojo o podría ser incluso más oscuro. Entonces si estoy pensando en la luz, creo que eso se ve un poco más realista. Deberíamos hacer lo mismo aquí también. Entonces Mayús-clic ahí arriba. Y para éste tal vez solo escogeré más como un color naranja, algo así. Echemos un vistazo. Sí, eso me gustó bastante. Y entonces tal vez este detalle superior aquí solo necesita ser aún un poco más brillante solo para separarse del tubo en sí. Y eso es más o menos. Por supuesto que se puede refinar aún más, hacer que se vea más brillante agregando algunos reflejos y reflejos, sombras. Pero voy a reservar estas técnicas para otro tutorial. 5. Explicación del flujo de trabajo: la letra M: Como siempre, lo primero que hago antes de saltar a Illustrator es hacer un par de bocetos. Los dos dibujos que se pueden ver en la parte superior izquierda, lo he hecho en Procreate y luego los visualicé y refiné más en Photoshop. Me resulta más fácil y rápido trabajar en Photoshop al principio. Pero entonces por supuesto, prefiero hacer la obra final en Illustrator para mantener todo completamente vectorizado a la hora de ilustrar cintas y visualizar que se retuerce y gira. Lo más importante hay que aprender y entender cómo se comportan en ciertos ángulos. La mayoría de los pliegues que necesitarías para la tipografía son ángulos de 45 grados y 90 grados. Entonces esta falla aquí sería probablemente alrededor de 45 grados, mientras que éste, el próximo Ford sería de 90 grados. Y observa cómo el tablero se ve diferente aquí en comparación con este pliegue aquí a la izquierda y a la derecha. Ahora puedes ver en mi primer boceto, no estaba 100% seguro de cómo deberían verse estos pliegues. Entonces entonces decidí usar algo que me pueda ayudar a entender la mejor manera de ilustrar esto. Y miré a su alrededor y no pude encontrar cintas de ampliación. Decidí usar papel higiénico. Ahora, esto es algo que tendrás en casa seguro. Y se puede ver cuando haces las toneladas, esto en realidad te está mostrando perfectamente los ángulos que necesitarás. Entonces ahí están los 45 grados y ahí está el ángulo de 90 grados. Y verás cómo conseguimos esa línea recta, que vimos aquí antes. Entonces, en lugar de tener un detalle que cae así, debemos mantenerlo recto. Ahora una vez que he visto cómo necesito hacer las toneladas, tuve que decidir aquí en el medio si quiero que la cinta viniera al frente y constantemente viniendo de atrás hacia nosotros, o es empezando a venir hacia nosotros, pero luego da vuelta atrás. Y luego finalmente otra vez viene al frente. Entonces es más como un patrón alterno viene al frente y luego atrás y así sucesivamente y así sucesivamente, o yendo constantemente en una dirección. Y por supuesto todo se puede revertir también. Entonces hay bastantes variaciones que puedo hacer, pero decidí que me gusta esta versión cuanto mejor. Entonces esta es la que voy a recrear ahora en Illustrator. Y sin más demora, comencemos. 6. Crear figuras: la letra M: Voy a crear una nueva capa. En primer lugar, podremos hacer un seguimiento de todos los objetos que yo creo aquí del lado derecho. Así que no necesitaré dibujar directamente encima de mi boceto. Yo sólo lo uso como referencia. Voy a usar la herramienta rectángulo y podremos sumar las esquinas redondeadas posteriormente. Así que vamos a dibujar este rectángulo principal. Entonces el primer rezago, vamos a colocarlo en algún lugar por aquí. Ahora voy a usar la herramienta cuentagotas y muestrear el color que utilicé en mi boceto, y luego duplicaré esto y muestreo de nuevo el otro color con la herramienta cuentagotas, puedes llegar a él rápidamente por presionando I en el teclado. Ahora en Illustrator, a veces cuando se coloca en una imagen ráster e intenta probar de ella con la herramienta cuentagotas. Puede que no recoja el color en esos casos, todo lo que tienes que hacer es hacer doble clic en la herramienta cuentagotas aquí en la barra de herramientas y asegurarte de que tienes estas opciones activadas. Ya que ya nos dieron los colores. En realidad ya no tengo que preocuparme por esto. Y lo que tengo que hacer ahora es establecer los ángulos que necesitamos. En primer lugar, tenemos que girar estos 45 grados, manteniendo pulsada la tecla Mayús. Se puede hacer eso de manera muy rápida y sencilla. O también, siempre puedes entrar en las opciones de Transformar y puedes cambiar el ángulo aquí. Lo bueno es que siempre podemos volver aquí y cambiar estos ángulos. Entonces si quiero volver a 0 grados, puedo seleccionar eso o una vez más, sólo puedo teclearlo aquí, 45 grados. Es genial que incluso cuando un objeto está en cierto ángulo, aún puedas ajustar su tamaño para que puedas extenderlo o acortarlo sin arruinar las proporciones o el ángulo en sí. Ahora vamos a seleccionar ambas formas y manteniendo presionada la tecla Alt u Opción, podemos hacer duplicados de ellas pulsando O, podemos conseguir la herramienta reflexionar con la que solo tenemos que hacer click y arrastre y mantenga pulsada la tecla Mayús para darle la vuelta. Aquí, voy a cambiar el orden de los colores. Entonces éste debe ser del color azul y el otro debe ser ese color menta. El pedido también debe estar configurado ya. Podemos arrastrar esto aquí y necesitaremos esto para estar detrás de los demás. Por lo que sólo voy a usar Command cuadra izquierda un par de veces hasta que aterrice en el lugar correcto en el orden de apilamiento, podemos hacer un seguimiento de nuestros objetos aquí en el panel Capas también. Hasta ahora creamos cuatro rectángulos y puedo empezar a moverlos. Si quisiera acortar tal vez las piernas, solo podría usar la herramienta de selección directa, seleccionar estos puntos inferiores, y simplemente arrastrarlos hacia arriba. Y eso probablemente sea bueno mantener presionada la tecla Shift si no quieres terminar moviéndolos a un costado. Así que manteniendo presionada la tecla Shift, puedo mantenerla funcionó igualmente moviéndose tal vez a algún lugar por ahí. Como dije, solo estoy usando la ilustración en la parte superior como referencia, por lo que no voy a mantener las proporciones son las mismas. Voy a ser capaz de ajustar eso a medida que voy adelante. Lo más probable es que necesite tener este rectángulo estirado un poco más. E incluso éste, solo podemos estirarnos un poco más para asegurarnos de que tenemos las cosas bien. Y ahora es hora de enmascarar. Decidí usar una máscara de opacidad esta vez, no una máscara de recorte, sólo va a ser más fácil trabajar con ella porque hay menos detalles que necesito para mantener visibles que las partes que necesito esconderse. El tema de usar una máscara de recorte, hay que definir las áreas que quieres mantener visibles. Así que cada vez que quiero simplemente desfilar detalles más pequeños, preferiría usar una máscara de opacidad. Y esto también se puede aplicar en un grupo. Entonces eso es lo que voy a hacer primero seleccionar todos estos objetos juntos, convertirlos en un grupo que sea Comando o Control G. Podemos ver que ese grupo viene aquí. Y entonces sólo tenemos que ir al panel de transparencia y dar click en Hacer máscara. No necesitas ninguna forma seleccionada para la propia Mezquita. Por defecto, Illustrator oculta por completo todo, por lo que crea una máscara negra y esta se puede quitar y convertir en una máscara vacía haciendo clic en el clip. Una vez que la masa se vuelve blanca, eso significa que no hay nada oculto actualmente y todo es visible desde el grupo. A partir de este punto, será importante cambiar de ida y vuelta entre la vista del objeto y la vista de la mezquita. Entonces eso es lo que puedes hacer haciendo click en estas dos miniaturas aquí. Para este tipo de flujos de trabajo, recomiendo mantener el panel de transparencia, todos estos visibles e idealmente cerca del panel de capas. Por lo que hay que vigilar estos dos paneles en todo momento. De lo contrario puedes terminar cometiendo errores fácilmente. Entonces agregamos en la vista de la mezquita, eso significa que si empiezo a crear formas ahora, aparecerán dentro de la máscara. Entonces voy a usar la herramienta rectángulo y en primer lugar dibujaré un rectángulo aquí en la parte inferior, algo así. Ahora se trata de un rectángulo con relleno blanco, que no está marcando mucha diferencia. Pero en cuanto cambie el color de relleno hasta aquí a negro, inmediato verá que se va a ocultar todos esos detalles. Y dondequiera que me mueva, este rectángulo va a seguir ocultando detalles. Y todo es completamente no destructivo. Por lo que siempre puedo volver y hacer ajustes en. Sólo voy a poner esto de vuelta donde pertenece, algo así. Y voy a refinar este pliegue aún más. Pero primero, prestemos atención al lado izquierdo y derecho. Entonces en estos casos, de nuevo, voy a usar el mismo rectángulo. Simplemente lo duplicaré, manteniendo presionada la tecla Alt, haga clic y arrastre y luego rotarlo yendo a la esquina, comience a girar y mantenga presionada la tecla Mayús. Obtenemos el ángulo de 45 grados. Puede arrastrar esto hasta aquí y configurarlo en algún lugar por ahí. Eso se ve bastante bien. Ahora claro que no tiene que ser perfectamente 45 grados, pero creo que eso funciona para esta composición. Mantiene las cosas bonitas y ordenadas. Y voy a volver a utilizar la herramienta reflexionar presionando en el teclado. Simplemente definiré el punto central del objeto que está aquí. Y luego puedo hacer clic y arrastrar, mantenga presionada la tecla Alt y Shift juntas para configurarla en el lado derecho. Ahora si quisiera hacer las cosas perfectamente simétricas, tendría que mover las cosas ligeramente alrededor. No obstante, una cosa que es aún más importante es que la altura en ambos lados será exactamente la misma. De lo contrario sólo se verá raro. Entonces voy a usar las reglas That's Command or Control R y arrastrar una guía hacia abajo desde la parte superior, alinearla aquí. Y de esa manera podemos asegurarnos de que la altura va a ser consistente. Entonces ahora lo que tenemos que hacer esto para volver de nuevo, seleccionar el objeto, en este caso esto, y simplemente moverlo ligeramente la izquierda hasta que esté alineado en la parte superior. Y entonces podemos arrastrarlo hacia arriba para que no aparezca debajo. Y luego podemos volver de nuevo a la mezquita. Entonces selecciona el grupo, selecciona la máscara y selecciona ese rectángulo en la parte inferior y muévelo hacia arriba hasta que esté alineado. Siento que se ve bastante bien. Pero por supuesto, siempre podemos volver y hacer cambios todo porque todo está configurado completamente no destructivamente. 7. Agregar detalles; pliegues curvos: la letra M: Ahora es el momento de configurar esos preciosos detalles que harán que parezca más como una cinta realista donde tenemos estos bonitos pliegues curvos En lugar de estos ángulos agudos. Si quisiéramos tener las cosas más geométricas o angulares, esto podría en realidad el estilo final con el que terminamos, pero prefiero tener esos bonitos pozos. Así que acerquemos más. En primer lugar, vuelve a cambiar a los objetos. Selecciona ambos a la izquierda y a la derecha. Estoy usando la herramienta de selección directa y voy a aumentar las esquinas arrastrando los widgets de esquina hacia arriba. Entonces probablemente algo así funcionará muy bien. Y si quieres ser un poco más preciso, siempre puedes usar números reales aquí arriba. Por lo que podemos configurarlo hasta cuatro milímetros o tres milímetros, lo que funcione mejor. Ahora si vuelvo a cambiar a la herramienta de selección, aún puedo aumentar o disminuir el tamaño de este rectángulo, solo asegurándome de que no se muestre debajo del radio de coordenadas real que agregué. Y además no está apareciendo demasiado lejos aquí arriba. Por lo que sólo tiene que estar en la posición correcta, en algún lugar alrededor de ahí. No obstante, si quisiera asegurarme de que esta coordenada aquí no va a ser visible, simplemente puedo hacer click sobre ella con la herramienta de selección directa. Y de esa manera cuando me use el widget de esquina, sólo va a afectar esta esquina. Y para que esto funcione, en primer lugar, necesitamos dibujar en una forma adicional. Voy a usar la herramienta pluma y empiezo en este punto aquí, bajar por el borde y luego tal vez mantenga presionada la tecla Mayús y la cierro así. Ahora el color de esta forma debe ser el mismo que este detalle plegado aquí arriba. Pero entonces también necesitamos otra forma y una elipse. Entonces estoy usando la herramienta elipse presionando L en el teclado y dibujando un círculo perfecto manteniendo pulsada la tecla Mayús. Y el color de éste debería ser del otro color. Y acerquemos un poco más. Ahora sólo tenemos que alinear las cosas. Bueno. En primer lugar, tenemos que asegurarnos de que este punto de anclaje aquí esté alineado al borde. Y entonces tenemos que asegurarnos también de que este borde aquí esté alineado a esa línea diagonal que va hacia abajo. La forma más fácil de ver esto sería cambiar a la vista de contorno, eso es Comando o Control Y. Y ahora todo lo que tengo que hacer es simplemente arrastrar esta elipse hacia abajo hasta que tengamos ese punto alineado ahí. Por lo que necesitamos tener una tangente aquí y también aquí en el lado izquierdo, puedo ver que mi triángulo necesitaremos ser ajustados. Y por supuesto, en este punto, simplemente puedo moverla abajo tal vez aquí, nuevo siguiendo ese borde. Y también aquí, tiene que estar alineado al punto de anclaje del lado izquierdo. Cuando volvemos a la vista normal Comando o Control Y, probablemente verás de inmediato en qué estoy trabajando. Y también podemos ver que en realidad este punto de anclaje aquí necesita venir contratar donde ese punto de encuentro probablemente esté en algún lugar por aquí. Para que ese círculo era muy importante para crear esta forma redonda perfecta que necesitábamos. Pero también se puede ver que esta masa que usamos antes tendrá que bajar un poco. Ahora, primero que nada pongamos estas dos formas dentro de este grupo. Por lo que la mezquita conoció que creamos también podrá afectarlos. Entonces ambas formas tendrán que estar debajo de esta línea diagonal y el triángulo tendrá que estar debajo del círculo. Entonces ahí está la elipse debajo de ella, hay ese triángulo y todos los demás objetos ya están configurados a su alrededor. Ahora podría parecer un poco complicado en este punto, pero esta es la parte más difícil de la parte más desafiante de este flujo de trabajo. Y si lo haces tú mismo y lo haces un par de veces, será mucho más fácil. Y esta técnica realmente te ayudará a acostumbrarte a trabajar con máscaras de opacidad y múltiples formas dentro de la misma máscara. Ahora que tengo los objetos en su lugar, puedo volver a seleccionar todo el grupo, luego cambiar a la máscara de opacidad, donde puedo seleccionar esa forma que teníamos aquí arriba y simplemente arrastrarla hacia abajo. El ángulo no se verá afectado por mí simplemente arrastrándolo hacia abajo. Y una vez más, todo lo que tengo que hacer es alinearlo para asegurarme de que sea tangente a ese círculo. Por lo que obviamente puedo acercar mucho más. Y ojalá hubiera una opción de chasquido aquí. Hay plugins que te ayudarán a poder ajustar las tangentes. Pero por defecto, solo hay que esperar que se meta en el lugar correcto. Creo que eso se ve bien. Presiono Comando o Control Y. podemos volver atrás y verlo en la vista de objetos. Todavía estoy en la misa, por cierto. Y lo que tenemos que hacer ahora es deshacernos de ese pequeño detalle ahí. Entonces tenemos que cortar eso. Ahora, la forma en que podemos hacer esto es dibujando otro rectángulo. Esto sólo va a ser un pequeño rectángulo, literalmente ocultando ese detalle. Y este rectángulo también está usando relleno negro como antes. Puede que no tenga que venir todo el camino allá abajo. Probablemente apenas aproximadamente por aquí. Pero luego vuelvo a cambiar objeto usando el panel de transparencia, selecciono esa elipse que ya usamos una vez, copiarlo, Eso es Comando o Control C. Luego cambia de nuevo a la máscara, pulse Comando o Control F para pegarlo en su lugar. Entonces el mismo círculo en, en la misma posición exacta se volverá a utilizar dentro de la máscara de opacidad. Y todo lo que tenemos que hacer aquí es asegurarnos de que se ponga en blanco. Entonces veamos, ese fue el truco que sin esta elipse, comenzaríamos a perder detalles. Pero la razón por la que tuvimos que añadir estos dos objetos adicionales a la máscara de opacidad es poder tallar ese pequeño detalle. Entonces primero, el rectángulo negro lo saca y luego divide elipse muestra esos detalles nuevamente. Obviamente en este punto siempre podemos volver y refinar la colocación y alineación, pero no voy a perder el tiempo en eso. Y en cambio solo te mostraré un detalle más aquí en la parte superior para asegurarte de que entiendes cómo usar esta técnica. Y entonces voy a avanzar rápidamente a mostrarte la técnica de sombreado, que también es crucial para que este estilo realmente funcione. Entonces para arreglar la parte superior, en realidad ni siquiera tenemos que dejar la máscara de opacidad. Todo lo que voy a hacer aquí es duplicar esa elipse que ya tenemos aquí. Entonces esa es una elipse blanca manteniendo presionada la tecla Alt u Opción. Puedo arrastrarlo hacia arriba y luego solo tratar de alinearlo para que encaje aquí y tangente en ambos lados. Y luego también duplicar ese otro rectángulo. Haga clic y arrastre. Muévelo aquí arriba. Y observa que debido a que ya las tenía en el orden correcto, ni siquiera tengo que mover las cosas hacia arriba y hacia abajo. Sólo tengo que instalarlo en algún lugar por ahí. Y cuando acerco más cerca, solo puedo asegurarme de que la alineación sea correcta. Entonces moviendo esta elipse un poco hacia arriba hasta que consigamos la alineación correcta. Ahora si hago zoom hacia atrás, podemos ver que este lado izquierdo ya está listo. Muy bien, así como lo prometí, saltemos adelante y te voy a mostrar al final cómo hacer el sombreado. Y luego. 8. Sombreado: la letra M: Entonces sólo para recapitular, este es el diseño final. Por lo que necesitaba algunos elementos adicionales para crear los pliegues. Y también dentro de la máscara, en realidad tenemos muchas formas más pequeñas en las esquinas. Sólo para mostrarte, si cambio clic en la miniatura de Máscara, podemos ver los objetos reales sin ningún enmascaramiento. Y así es una vez más como se ve una vez que se activa la máscara. Entonces configurar esos pliegues y los coronarios de esta manera es bastante complicado, pero te permite trabajar completamente no destructivamente, lo que significa que puedes volver atrás y hacer cambios en cualquier momento, tanto las formas dentro de la máscara y fuera de la máscara. Pero ahora vamos a saltar de nuevo a la vista de objeto real. Así que salgo de la máscara y dibujaré estas formas en base a las formas ya existentes. Entonces esta es la parte de sombreado. Esto en realidad será bastante simple ahora, todo lo que tengo que hacer es usar la herramienta de selección directa. Selecciona esta forma aquí, esta otra forma junto a ella, manteniendo presionada la tecla Mayús, puedo agregarlas a la selección, y también necesitaremos este pequeño círculo aquí. Entonces Mayús-haga clic en eso también, y luego Comando o Control C para copiar estas tres formas. Y luego para asegurarse de que se peguen no dentro del grupo sino fuera de él. Voy a seleccionar esta guía que está por encima del grupo en la estructura de capas. Y luego solo presiono Comando o Control F. Así que ten en cuenta que ahora aparecen aquí arriba e incluso puedo ocultar al grupo en este punto. Y teniendo estas tres formas todavía seleccionadas, ahora puedo usar la herramienta constructor de formas, que es shift M, manteniendo presionada la tecla Alt u Opción. Puedo deshacerme de todos estos detalles aquí en la parte superior. Y luego rápidamente simplemente fusionar estos dos en forma simplemente dibujando sobre ellos sin mantener presionado ningún otro atajo. Entonces esta es la forma que necesitábamos. Y para esto voy a aplicar un gradiente. Ya tengo un gradiente preparado aquí. Sólo voy a hacer clic en esto. Es un degradado lineal, color azul más oscuro en un lado, totalmente opaco, y del mismo color en el lado derecho, pero ajustado a 0%. Podemos refinar esto mucho mejor si realmente retrocedemos el objeto original. Y al presionar G en el teclado, puedo ajustar el ángulo del degradado y también la longitud del mismo para que podamos decidir cuánto tiempo queremos que vaya. Vamos a configurarlo en algún lugar por aquí y entonces incluso podemos ajustar el spread y otra vez, arrastrarlo aún más si quisiera. Pero creo que eso se ve bastante bien. Vamos a simplemente hacer clic de distancia. Y veamos sin sombreado y con sombreado, estoy bastante contento con eso. Y ahora sólo tenemos que repetir lo mismo aquí del lado derecho. Entonces, una vez más, voy a utilizar la herramienta de selección directa, seleccionar todas las formas que necesitamos. Entonces ahí está ese pequeño círculo. Tenemos estos dos rectángulos, pero esta vez voy a seleccionar también esta forma aquí, ese otro círculo también. Y creo que eso es todo lo que necesitamos. Por lo que podemos copiar este Comando o Control C. Eso asegura que no esté terminando dentro del grupo. Seleccionaré esa ruta fuera del grupo y luego Comando o Control F para pegarlos en su lugar. Ahora podemos apagar el objeto en el fondo y cambiar a la herramienta constructor de formas presionando Shift M, mantendré pulsada la tecla Alt u Option para eliminar los detalles. No necesitamos. Todo esto puede ir. Entonces también podemos deshacernos de todos estos detalles e incluso de esa pequeña parte de esquina ahí. Entonces en scan, Alt u Option, haga clic en eso. Entonces las partes restantes podemos fusionar simplemente simplemente dibujando sobre ellas. Por lo que terminaremos teniendo un solo camino aquí en el panel de capas y luego presionaremos I para seleccionar la herramienta cuentagotas. Podemos degustar el mismo gradiente que tenemos en el lado izquierdo. Y luego volvamos hacia atrás los objetos para que podamos ver lo que creamos. Y luego volviendo al gradiente, podemos configurarlo de manera ligeramente diferente esta vez. Entonces lo que necesitamos aquí es en realidad sombrear en ambos ángulos o en ambos lados. Entonces voy a estirar el gradiente de esta manera. Y entonces puedo mover estas paradas Gradientes aquí directamente en el anotador. Entonces necesitamos uno, deténgalo ahí que éste que es el vacío. Arrastraré aquí, probablemente en algún lugar por ahí. Y luego mantengo presionada la tecla Alt u opción para duplicar ese color, parar, arrastrarlo todo el camino por el lado derecho, y luego tal vez también duplique éste aquí. De nuevo, Alt u Opción haga clic y arrastre, arrástrelo hacia fuera. Y eso es como un limitador o el final de esa sombra del otro lado. Y podemos suavizarla un poco, tal vez arrastrando estos puntos más cerca del borde, algo así. Ahora echemos un vistazo sin la selección. Eso se ve bastante bonito. No obstante, es un poco más oscuro que en el lado izquierdo, así que solo volveré, presionaré G en el teclado de nuevo, arrastra estos puntos más hacia fuera por ambos lados. Entonces aquí también, podemos arrastrarlo y hasta podemos reducir la opacidad solo para hacerla más suave, tal vez al 60%. Una vez más, echemos un vistazo sin y con el sombreado. Esa es siempre la forma más fácil juzgar si has hecho un buen trabajo o no. Ahora puedo incluso poner estas dos partes que utilizamos para crear el sombreado en un grupo. Así que los seleccioné en el panel Capas y luego presiono Comando o Control G e incluso puedo cambiar el nombre de este sombreado. Y ahora puedo ocultar la guía. Ya no lo necesitamos y podemos simplemente comprobar rápidamente cómo se ve sin sombrear y volver a encender el sombreado. Ahí vas. Se ve bastante similar a mi maqueta original en la esquina superior derecha. No obstante, la gran ventaja de hacer esto de nuevo en Illustrator, es que es completamente independiente de resolución porque todo se recrea en vectores y todo eso. Luchar con la máscara de opacidad nos permite volver y hacer cambios fácilmente. Por lo que no se elimina nada, simplemente se esconde. Entonces si alguna vez decido hacer las proporciones diferentes en este personaje, solo puedo volver y hacer esos cambios muy rápida y fácilmente. 9. Crear figuras: la letra D: Como siempre antes de saltar Illustrator a la hora de diseñar algo, me gusta hacer algunos bocetos rápidos. Hago mis bocetos digitalmente, generalmente en procreate. Y se puede ver aquí primero el dibujo áspero y luego un poco más detallado al sostener las cosas en procreate, puedo mantener mis líneas rectas e incluso puedo crear bonitas curvas y luego rellena rápidamente los detalles con diferentes colores solo para tener una idea cómo se verá esta ilusión óptica retorcida en esta carta. Me inspiré para hacer este tutorial particular por el código de juego Monument Valley. Aquí hay algunas magnísimas capturas de pantalla del juego. Si aún no lo has jugado, recomiendo encarecidamente probarlo porque como diseñador o ilustrador, puedes obtener mucha inspiración de ella y también aprender sobre cómo crear estos interesantes ilusiones ópticas. Para que puedan ver ya seleccioné una fuente con la que voy a trabajar. Esto es Gotham audaz, regular y para poder trabajar con él correctamente, tendré que esbozarla. Por lo que entramos en el menú Tipo y elegimos Crear contornos. También hay comando de acceso directo o Control Shift O. Cuando lo miramos en el panel de capas va a ser una trayectoria compuesta. Ahora la razón por la que no es un solo camino porque tiene el mostrador o el espacio vacío en el medio. Por lo que en realidad se compone de dos partes separadas unidas. Es útil saber cómo se puede separar el camino de dentro de un camino compuesto. Usualmente uso el atajo de teclado Comando, Opción Shift H, o Control Alt Shift ocho en la PC. Pero esto también es algo que puedes encontrar en el menú Objeto, liberación de ruta compuesta. Entonces, cuando hagas esto, obtendrás dos partes separadas. Ahí está el que está en el medio y luego el grande que fue nuestro contorno. Pero no necesitamos hacer esto. Voy a volver atrás y mantenerlo como camino compuesto. A lo mejor sólo voy a quitar al grupo. Entonces usaré el atajo G desplazado de Comando o Control porque prefiero mantener las cosas lo simples posible en el panel de capas. Y luego voy a mover esto un poco hacia abajo y duplicar todo el asunto manteniendo presionada la tecla Alt u Opción, voy a hacer clic y arrastrar para crear un duplicado. Ahora voy a cambiar el color de esto sólo para que podamos verlo mejor. Y entonces me gustaría alinearlo perfectamente encima de la otra letra. Si presiono Comando o Control Y, se puede ver que estas dos líneas están perfectamente alineadas. Entonces, una vez más, esta es la forma que tenemos encima. Y cuando lo arrastre hacia atrás, se puede ver cómo va a encajar en su lugar. Ahora alejemos un poco y luego comandemos o controlemos vía volver a la vista normal. Seleccionaré ambos objetos y luego presionaré Shift M para llegar a la herramienta constructor de formas. Ahora lo que me gustaría hacer es unir estos detalles. Entonces desde aquí en la parte inferior, empezaré a dibujar sobre estos detalles y se convertirá en una forma única y separada. Por el momento, heredó el mismo color. Entonces es un poco difícil ver lo que está pasando. Pero si lo selecciono por separado con la herramienta de selección directa, puedo escoger un color diferente e inmediatamente empieza a parecer interesante. Entonces las dos formas están empezando a fusionarse o entrelazarse entre sí. Pero cuando miro el panel de capas, puedo ver que hay una forma adicional que se creó cuando uso la herramienta constructor de formas, que puedo mover hacia un lado. Y este es el sobrante de una de las letras, pero no voy a deshacerme de ella. En realidad lo voy a usar. Ya que necesitamos este rectángulo aquí, lo colocaré todo el camino hasta la cima. Ese fue el turno de Comando o Control, corchete derecho para arrastrarlo rápidamente o colocarlo todo el camino en la parte superior en el orden de apilamiento, entonces voy a colocarlo en algún lugar por aquí. Ahora acerquemos un poco más. Quiero alinearlo al borde izquierdo o al borde derecho de esta forma. La forma más fácil de hacer eso sería usar una regla, alinearla a este punto aquí. Y entonces ahora solo podemos alinear y encajar a esa regla. Ahora vamos a seleccionar esta forma y arrástrela un poco hacia arriba. Por lo que tendremos que ir más lejos de esa manera, después seleccionar esa otra forma detrás de encendido. Así que de nuevo, usa la herramienta constructor de formas que es Shift M y combine estos detalles juntos. Por lo que sólo voy a dibujar sobre ellos. Y como antes, voy a seleccionar esta forma y cambiar su color. Y también puedo seleccionar las sobras y eliminarlas. En realidad no los necesitamos. Y si has hecho todo correctamente, terminarás teniendo tres objetos separados. Este amarillo aquí terminó siendo un camino compuesto. Pero debido a que no hay huecos ni espacios huecos dentro de él, no tiene que ser un camino compuesto. Nuevamente, simplifica lo que puedas usar. El atajo que te mostré antes, Opción de Comando Shift H o Control Alt Shift a. Y luego tenemos tres partes separadas. 10. Volver a colorear ilustración; continuidad: la letra D: Ahora es el momento de deshacerse de estas guías. Ya no lo necesitamos. Y es hora de hacer también los colores un poco más interesantes o agradables. Por lo que seleccionaré estas formas juntas y haga clic en la opción de recolor de la obra de arte aquí en la parte superior. Ahí, puedo entrar en la opción de edición e incluso elegir reglas de armonía. Tal vez use una agradable configuración de colores de cortesía dividida y luego comience a mover estos colores alrededor. A lo mejor algo como esto funcionará bastante bien. Eso me gusta bastante. Hagamos click OK, siempre podemos volver a ella y hacer cambios más adelante. Por cierto, si quieres aprender más sobre las armonías de color, recientemente, publicamos un video en el canal que comenzó a hablar de la teoría del color. Y también viene mucho más pronto. Entonces en caso de que no quieras perderlos, asegúrate de suscribirte y también pulsa el ícono de campanita para que te notifiquen cada vez que liberemos contenido nuevo. Pero vamos a saltar atrás y arreglar este diseño. Porque si se acercan más, verás que en realidad hay un detalle que necesita ser refinado y esa es la continuidad entre estas dos curvas. Entonces por el momento, ahí hay un pequeño chapuzón que necesitamos refinar y mantenernos rectos. Ahora para que esto funcione, lo haré, primer lugar arrastrar una guía desde la regla izquierda y alinearla a este punto de anclaje aquí. Entonces eso es lo más lejano a la derecha. Las curvas van. Esta guía es tangente a las curvas. Y entonces voy a usar la herramienta rectángulo, encontrar este otro punto aquí en la curva donde dice intersecarse que tiene el punto de anclaje de la curva. Entonces ahí está el punto más alejado a la derecha. Entonces a partir de ahí solo voy a dibujar la forma y bajar todo el camino aquí una vez más donde dice que se cruzan y luego solo alegría a la izquierda hasta que esté cubriendo ese espacio que necesitamos llenar. Ahora voy a llenar esta forma con el mismo color que el color en la parte superior. Al usar la herramienta cuentagotas, solo puedo hacer click sobre eso. El atajo para cuentagotas, por cierto, que estaba usando es I. Y luego voy a volver a volver a poner esto un poco usando el cuadrante izquierdo Command. Puedo empujarlo hacia abajo hasta que vaya detrás de esa forma. Ahora si quiero, incluso puedo mantener esto como un objeto separado, pero me gusta poner en orden las cosas. Entonces, antes que nada, me desharé de las guías y luego necesitamos copiar estas formas para que necesitaremos un duplicado seleccionándolo. Puedo presionar Comando o Control C y luego Comando o Control F, que lo pegará encima de la forma anterior exactamente en la misma posición. Entonces puedo cambiar click sobre esta otra forma, y puedo cambiar click sobre este otro pequeño rectángulo que agregamos. Ahora presionando Shift M, saltamos de nuevo a la herramienta constructor de formas. Y con eso, todo lo que necesito hacer ahora es mantener presionada la tecla Alt u Option y quitar los detalles que no necesitamos. Entonces toda esta gran forma aquí no necesitamos también esta que no necesitamos aquí. Y entonces sólo tenemos que fusionar los elementos restantes simplemente dibujando sobre ellos. Entonces si acerco más cerca, lo verás mejor. Simplemente dibujaré sobre estos para conectarlos y fusionarlos en uno. Y también podemos fusionarnos en estos ni momento parece que arruinamos los colores, pero porque ya lo tenía guardado como muestra, solo puedo volver a ese color que teníamos originalmente ahí. Pero ahora cuando echamos un vistazo a este detalle aquí, ahora es perfectamente recto, exactamente como lo imaginaba. 11. Agregar sensación 3D; versión alternativa: la letra D: último pero no menos importante, para agregar un poco más de sensación tridimensional a todo el diseño. Voy a seleccionar este punto aquí en esa forma azul. Por lo que sólo esa coordenada a la izquierda usando la herramienta de selección directa. Y luego usaré Mayús flecha hacia abajo o tal vez dos veces, y luego seleccionaré este otro punto todo el camino en la parte inferior la otra forma y usaré Shift Up Flecha dos veces. Pero se puede ver que allí no había punto de interrupción para detener este detalle en movimiento. Por lo que tenemos que volver a los pasos y conseguir otra guía aquí en su lugar. Y acerque más cerca, selecciona esta forma. Y usando la herramienta añadir punto de anclaje, solo puedo hacer click en el punto de intersección ahí. Entonces eso va a detener el resto de la forma en movimiento cuando vuelvo a seleccionar este punto de anclaje y uso Shift Up Flecha dos veces. Entonces eso es 20 píxeles movidos hacia arriba. Pero en realidad tenemos que moverlo aún más allá de eso. Acabo de darme cuenta que este punto tiene que ir todo el camino hasta aquí. Y en estos casos, incluso puedes simplemente eliminar el punto de anclaje usando la herramienta pluma. Nuevamente, simplemente configurándolo en la herramienta Eliminar punto de anclaje. Podemos quitar ese punto y de esa manera crea una línea recta perfecta sin interrupción. Así que ahora acercándose hacia atrás, así es como se ve. Y siento que deberíamos tener el mismo ángulo aquí en la parte superior. Y para hacerlo bien, voy a usar una forma. Es como una forma de marcador de posición. Con Mitch, mido esta distancia, luego simplemente arrástrela hacia arriba, colocarla aquí, y simplemente estirarla, arrástrela hacia el otro lado. Y luego puedo seleccionar este punto de anclaje y arrastrarlo hacia abajo hasta que encaje a ese punto ahí. Por lo que de esta manera sé exactamente Se bajó la misma distancia que el detalle en la parte inferior. Entonces tenemos exactamente el mismo ángulo en la parte superior y en la parte inferior. Ahora, es el momento de deshacerse de esta guía y echar un vistazo al diseño final. Me gusta. Creo que se ve bastante bonito, pero podemos crear una versión alternativa para esto con tal vez una configuración de color diferente. Así que sólo voy a duplicar todo el asunto, agruparlo solo para asegurarme de que no se desmorone. Y luego selecciónelo. Ve a la opción de recolor de las ilustraciones mientras entra en Editar y tal vez prueba una armonía de color diferente. Esta vez, elegiré colores analógicos y lo arrastraré más abajo hacia aquí. Creo que eso se ve interesante, pero entonces voy a quitar la restricción de la armonía, y probablemente haré esta un poco más oscura. Entonces eso es, creo que es el punto en el fondo. Si lo hago más oscuro, sólo va a añadir un poco más de contraste al diseño. Ahora podemos volver a saltar a la pestaña Asignar, donde es un poco más fácil ver qué estamos seleccionando. Por lo que tenemos estos tres colores utilizados. Y este es el color más brillante, que está en la parte superior, que de nuevo podemos hacer un poco más brillante ya sea agregando más saturación o simplemente eliminando la saturación, creo que va a funcionar mejor en este momento . Por cierto, aquí en la pestaña Asignar, también hay otra opción realmente útil. Siempre que selecciones un color, si no estás seguro de cuál estás haciendo cambios, solo puedes pulsar este ícono aquí con el que lo puedes encontrar dentro de la obra de arte. Cuando apaga eso, puedes ver los colores ajustados. Y si selecciono otro, de nuevo, podemos comprobar dónde está eso en la obra de arte. La característica de recolor de ilustraciones es una herramienta muy robusta dentro de Illustrator. Y hay tantas cosas que puedes hacer con él si quieres aprender más al respecto. Tengo un tutorial separado que cubre todas las características con gran detalle. Entonces, después de terminar éste, no te olvides de comprobarlo. El enlace se encuentra en la descripción a continuación. Pero lo mejor este método fue que terminamos teniendo un diseño muy simple compuesto por tres partes simples. 12. Composición tipográfica: ilumina el camino: Ya tengo todos los elementos en la parte superior, y voy a construir todo alrededor esta pequeña bombilla aquí en el medio. Por lo que preparé la fuente y se encuentra el texto, por cierto, se llama pruebas pesadas. Es una fuente gratuita. Me encanta. Es una cara de momento realmente genial para trabajar. Entonces, en primer lugar, voy a encender mis guías que sepa dónde está el punto central. Y luego voy a usar la herramienta círculo o elipse. Ir al centro donde los guías se cruzan entre sí. Y luego manteniendo presionada la tecla Alt o la tecla Opción, puedo empezar a dibujar mi círculo. Y mientras hago esto, también voy a mantener presionada la tecla Shift para asegurarme de que va a seguir siendo un círculo perfecto. Entonces este círculo va a ser el contorno en el que voy a colocar el texto. Probablemente lo ponga en algún lugar por aquí. Siempre podemos cambiar el tamaño más tarde, pero creo que es un buen tamaño. Entonces voy a copiar el texto. Así que acabo de resaltar el comando C o control C. Y luego usando la herramienta de tipo, vaya cerca del borde de la forma y manteniendo presionada la tecla Alt u tecla Opción, observe cómo está cambiando el cursor a esta forma o este tipo de icono. Y si hago clic aquí, ya va a convertir este círculo en tipo en un objeto path. Ahora si utilizo Comando o Control V para pegar el texto en, como se puede ver, ya está ahí. Ahora, en este punto, es importante cambiar a la Herramienta de Selección Directa, que es una en el teclado. Una vez que tengas eso seleccionado, puedes arrastrar el punto final hasta aquí del lado derecho hasta las tres en punto. Y luego arrastra el punto de partida hasta aquí, a las nueve en punto. Y entonces se puede ver punto de partida es aquí y el punto final ahí. Ahora si quería asegurarme de que los textos se sientan exactamente en el medio, tengo que establecer el texto para alinear centro. Una vez que elijo eso, se puede ver que es perfecto. Ahora que tenemos esto, lo voy a duplicar usando el Comando C o Control C y luego Comando F o Control F para pegarlo encima de esto, es la función de pegar al frente que puedes encontrar en el menú Editar también. Voy a ocultar la versión original. Y esta nueva versión voy a sustituir por los otros textos. Así que vuelvo a estar copiando y pegando esos mensajes de texto. Y una vez más, establece una línea a centro. Ahora vuelve a aparecer la herramienta de selección directa, la herramienta de flecha blanca. Y en este punto ya ni siquiera necesitamos los guías. Si quiero ver mejor estos círculos, sólo voy a ponerlos en otra capa donde el color resaltado sea rojo. Por lo que se puede ver mejor también, tanto el punto de inicio como el final y el punto central. Esta línea central es lo que voy a agarrar con la herramienta de selección directa y arrastrarla dentro de la forma. ver lo que pasa ahí es que los textos ahora están dentro. El motivo por el que estoy haciendo esto es porque si guardo los textos fuera, obviamente, no va a funcionar bien porque va a poner el texto al revés. Entonces si lo arrastro dentro, eso va a funcionar mucho mejor. Pero lo que tenemos que arreglar es lo mismo que antes. Tenemos que arrastrar el punto de inicio. Entonces esa pequeña línea aquí y el punto final un poco más lejos. Ahora, los puntos finales a veces es un poco complicado de encontrar, pero logré encontrarlo aquí nuevo a la derecha y éste a la izquierda. Lo que tenemos que hacer también es seleccionar todos los textos. Así que haga doble clic en el texto y luego presione Comando a o Control a es poder mover esto fuera del círculo. Porque lo que pasó moviéndolo dentro del círculo es que ahora no está alineado con el otro texto. Para que puedas ver mientras el plomo tus ideas textos se sienta en el círculo, por lo que lo usa como línea de base. Este otros textos aquí está sentado dentro del círculo y podría ser una decisión artística que quieras que lo haga así. Pero lo que me gustaría hacer es seleccionar aquí este texto y luego sacarlo para que esté alineado con los textos en la parte superior. Entonces lo que voy a hacer es un atajo útil se llama cambio de línea de base, que es la tecla Alt u Opción Shift. Y luego flecha hacia abajo para empujarlo hacia afuera. Flecha arriba sería empujarla hacia el centro de la forma. Y se puede ver cómo logré alinear el círculo a la parte superior de los personajes o la altura de la tapa de los personajes. Y entonces ahora lo que tengo que hacer es porque lo mudé, también necesito reducir el seguimiento. Ahora esto es algo que puedes hacer desde el menú de personajes aquí arriba. Y puedes encontrar el seguimiento aquí. Y podemos configurarlo a probablemente algo así como menos 100. Pero incluso eso es un poco demasiado. Si lo desea, también puede utilizar opción flechas izquierda y derecha o todas las flechas izquierda y derecha para configurar rápidamente el seguimiento. Y la misma brecha corta también se puede utilizar para kerning, que es lo que los llamamos. Se perfecciona el espaciado individual entre caracteres. Entonces aquí, por ejemplo, el th está un poco demasiado cerca, pero la E puede acercarse un poco. Y luego sobre todo entre la w y la a, sólo podemos ir un poco más allá. Quiero decir, solo manténgalos más cerca el uno del otro. Eso es otra vez Alt u opción flecha izquierda en este caso. Entonces creo que los G y H pueden ir un poco más cerca también. I-n-G y la L y yo podemos ser separados un poco. Y esto era principalmente importante que el fondo se fijara. Pero también podemos revisar el texto superior aquí. Y puedo ver que el ADN se puede separar a bit D y E puede estar más cerca ligeramente. Y entonces lo eres o tú, éste. Y y o pueden estar más cerca también. Estos pueden separarse ligeramente, por lo que ya se ven mucho mejor. Por lo que un poco de kerning es muy útil, sobre todo cuando empiezas a poner texto en un camino o cuando trabajes con titulares o títulos, siempre presta atención a esto. Y ahora que tenemos los textos en su lugar, podemos deshacernos de estos originales aquí en la parte superior. Y déjame mostrarte una cosa antes de ir más allá. Esa es una herramienta que me encanta y a veces usaría incluso en texto circular, se llama la Herramienta Tipo Toque. Puedes llegar a ella pulsando Mayús T o haz clic derecho en la Herramienta Tipo y selecciónala desde la barra de herramientas. Ahora, lo que esta herramienta puede hacer es mover o cambiar individualmente y rotar caracteres de escala uniforme alrededor sin perder la estabilidad de edición del texto. Entonces, por ejemplo, si quiero que te mueva un poco hacia abajo, puedo hacer eso. Si quisiera que la r se rotara ligeramente, hacer el texto un poco más juguetón. Puedo hacer justamente eso. También puedo hacer que el texto o carácter individual sea más pequeño o más grande. Tal vez tener la y un poco más grande. Y ya se puede ver cómo está empezando a verse un poco más interesante. 13. Agregar elementos a la composición: ilumina el camino: Y podría pasar un día entero haciendo esto, pero sigamos adelante. Y no voy a repetir lo mismo en el texto en la parte inferior porque es muy simple y fácil de trabajar con. Pero lo más importante, el texto sigue editable y sigue en el camino que creamos para ello. Por lo que el siguiente paso va a ser empezar a sumar todos estos elementos aquí, tal vez comenzando con esta pequeña estrella aquí a la derecha. Sólo voy a colocarlo en algún lugar alineado al centro, solo voy a traer de vuelta a mis guías también para que pueda ver a dónde necesita ir. Tal vez hacerlo un poco más grande y voy a ponerlo en el lado derecho también. Simplemente gírelo ligeramente para que se parezca más a un ángulo ligeramente diferente. De acuerdo, eso ya está empezando a verse bien por sí solo. Podría funcionar como un diseño como una insignia. Pero llevemos esto al siguiente nivel. Y por cierto, lo finalizado comenzó con es algo con lo que estamos compartiendo con nuestros miembros si se quiere obtener acceso a ella y contenido exclusivo adicional que hacemos solo para los miembros. Puedes encontrar el enlace en la descripción a continuación y puedes consultar a qué nivel prefieres unirte. Pero no paremos aquí. Te voy a mostrar una forma realmente genial de usar el efecto transformado para crear un patrón radial. Me gustaría usar estos elementos aquí en la parte superior izquierda y hacer que parezca que simplemente se están extendiendo o dispersando desde el centro. Así que realmente representan ideas flotando alrededor y simplemente extendiéndose desde el centro donde está la pequeña bombilla. Para poder hacer esto. En primer lugar, lo que voy a hacer es dar vuelta atrás a mis guías y dibujar un rectángulo. Esta va a ser la zona en la que me gustaría dibujar mis elementos. Ahora este rectángulo que voy a establecer para que sea transparente, así que elimino los colores de relleno y trazo. Por cierto, se puede hacer eso presionando el signo de interrogación en el teclado o la tecla de inclinación hacia adelante. Y cualquiera que sea el color que esté resaltado actualmente por las lecturas, el relleno o el trazo, ese atajo de teclado lo va a eliminar, así que póngalo en ninguno. Ahora esta es una forma completamente vacía, y puedo ver que está centrada en medio de la composición, que es perfecta. Pero si quiero, también puedo mover esto alrededor y asegurarme de que esté alineado con el centro, a la guía. Ahora que está ahí, voy a copiar, pegar esto, y luego usar otro atajo Comando o Control F5 para convertirlo en una guía. Entonces esto es algo que puedes encontrar en el menú Ver. Y bajo guías, haz guías. Esa es la que usé. Entonces ahora que se ha convertido en una guía, solo puedo ponerlo en mi capa de guías. Y se puede ver si apago eso, todavía tengo el otro rectángulo, que voy a usar junto con una línea. Ahora voy a dibujar esa línea. Y en realidad necesito mi guía para esto también, porque esto debería comenzar desde el punto central, como el círculo original con el que empezamos. Y voy a empezar a dibujar esto y mantener presionada la tecla Mayús para asegurarme de que sea completamente vertical. Ahora no hace falta ir muy alto. Sólo voy a dibujarlo en algún lugar hasta allá. Voy a apagar mis guías. Seleccionaré esta y la otra forma. Ahora ambos son invisibles o transparentes porque no hay relleno o trazo asignado a ellos. Vamos a tocar algo así como esta cámara en algún lugar aquí en el medio. Muy bien, vamos a seleccionar estas formas de nuevo. Yo también necesito mi línea invisible. Ahí vas. Ahora que los tres están seleccionados, puedo usar el atajo de Control G o Comando G para convertirlos en grupo. Entonces este grupo es el que vamos a utilizar para el efecto transformado. Por lo que ahora que el grupo está listo, podemos ir al menú Efecto. Y desde distorsionar y transformar, usaré el efecto transformado. Y abre este precioso pero ligeramente complicado cuadro de diálogo. Bueno, antes que nada, lo que debes hacer es activar la vista previa para que puedas ver los cambios que estás haciendo. Y voy a poner las copias a cinco sólo para que podamos ver qué pasa. Cuando empiezo a arrastrar el ángulo hacia la izquierda. Ya se puede ver lo que está pasando aquí. Entonces, ¿por qué gira alrededor de sí mismo y no alrededor de la forma? Porque el punto de referencia actualmente establecido en el punto central. Una vez que cambio eso al fondo, ya se está arreglando. Porque ahora toda la selección, todo este grupo se utiliza como punto de referencia. Y el punto inferior de la misma está en el centro del círculo original. Entonces por eso necesitábamos esa línea vacía. Esa es la que lo está anclando al centro. Y verás por qué necesitaba el otro rectángulo vacío también. Por lo que ahora todo lo que necesitamos para decidir es cuántas copias queremos. Bueno, creo que voy a usar 45 grados. Y para eso puedo usar siete copias. Y este es también, por cierto, un atajo que uso muy a menudo cada vez que se selecciona un cuadro de diálogo. Puedes usar flechas arriba y abajo para aumentar o disminuir rápidamente un valor. Y se puede ver cuán rápido puedo ver cuántos necesito. Ahora 45 grados es exactamente 360 dividido por ocho. Y la razón por la que necesitamos siete copias, porque uno es el original más siete. Entonces así es como se obtiene ocho veces 45 es igual a 360. Y la razón por la que mencioné eso es porque si quieres usar un ángulo diferente, así que digamos 60 grados. De nuevo, solo necesitas hacer una matemática rápida. Seis veces. 60 es 360. Entonces, ¿cuántas copias necesitamos? Cinco. Entonces si tengo cuatro, eso no es suficiente porque tenemos uno aquí en la parte superior y cuatro copias, sólo hay que aumentarlo hasta cinco. Si yo, por ejemplo, quiero tener nueve copias, sé que el ángulo debe ser el D6. Y sólo para mostrarte, si lo reduzca por una, eso son exactamente diez instancias. Por lo que las copias originales de M9. Así que de nuevo, esto es 36 grados por diez, que es 360, el círculo completo. Pero volvamos a la idea original de usar 45 grados con siete copias. Y eso es lo que necesitamos aquí. Por lo que puedo hacer clic en Aceptar, y ahora el efecto de transformación está listo. Ahora viene la parte interesante. Voy a seleccionar todos estos elementos aquí, cortarlos, Comando o Control X, luego seleccionaré el grupo y haga doble clic en él. A esto se le llama aislamiento. Al hacer doble clic en un grupo, se empieza a trabajar dentro de él y se puede ver que pequeñas migas de pan en la parte superior también. Entonces podemos ver que estamos trabajando dentro del grupo. Y si cambiamos el nombre de este grupo y lo llamamos, digamos solo patrón, entonces podremos decir que estamos dentro del patrón. Siempre es bueno nombrar a tus grupos de todos modos, por lo que solo te ayuda incluso cuando estás en modo de aislamiento. Ahora voy a usar Control o Comando F para pegar todos los elementos en. Pero lo que pasó es que debido a que estos elementos están fuera de nuestro rectángulo de seguridad, toda la composición se está arruinando. Pero mira este seno, muévalos dentro de ese rectángulo. En realidad las cosas van a funcionar bien. Déjame simplemente dar vuelta atrás a mis guías. Si hago doble clic afuera y vuelvo atrás, las guías podrán realizar un seguimiento de dónde está ese rectángulo. Ahora si vuelvo a hacer doble clic, empieza a mover estas formas alrededor. Verás que mientras me quedo dentro de esa caja fuerte, el rectángulo, la cámara no se va a mover. Pero tan pronto como me muevo fuera de ella, toda la composición comienza a explotar y se mete completamente aquí en el fondo. Entonces por eso es muy importante crear un rectángulo así. Porque mientras permanezcas trabajando dentro del rectángulo, eres libre de colocar estos elementos donde quieras. Y obviamente el efecto Transformar los va a copiar, en este caso, siete veces girado alrededor del punto central del diseño. Pero por supuesto, quiero esparcir estas formas alrededor más. Así que voy a acercar un poco más cerca. Y vamos a divertirnos un poco moviendo estas formas alrededor. Y probablemente aceleraré esto porque no es tan interesante. Sólo estoy escalando y moviendo formas alrededor. 14. Máscara de opacidad de degradado: ilumina el camino: De acuerdo, así que algo así. Estoy bastante contento con. Por cierto, avísame si te interesa ver cómo hacer estos pequeños iconos que he creado. Entonces la cámara, la herramienta pincel, la herramienta Pluma, puedo mostrarla en otro tutorial. Apenas avísame en los comentarios si te interesa, y también quizá me diga qué tipo de objetos te gustaría ver creados como iconos. Y por último pero no menos importante, me gustaría enseñarte a usar una máscara de opacidad de gradiente. Entonces toda esta forma que tenemos aquí es generada por ese grupo, el grupo único que tenemos aquí en la cima. Por cierto, debido a que el efecto Transformar es un efecto vivo, siempre podemos simplemente seleccionar el grupo y apagarlo desde el panel de apariencia. Si lo apago, podemos verlo como el único elemento o la única parte de todo ese patrón que se genera. Y todo lo demás es algo que ni siquiera puedo seleccionar en este punto porque todo es parte del efecto. Pero si quieres hacer más variedad en las formas que lo rodean, podrías ir al menú Objeto y elegir Expandir Apariencia, que va a deshacerse del efecto, pero le dará vuelta a todos esos elementos en objetos editables. Déjame simplemente mostrarte cómo funciona si hago click en Ampliar Apariencia, ahora, todos estos elementos son seleccionables, por lo que puedo hacer doble clic y puedes ver que cada uno sigue en grupos. Pero sería capaz de hacer doble clic de nuevo, entrar y empezar a mover las cosas por ahí. que eso solo ayuda a crear un poco más de variedad si quieres. Pero no necesito eso en este punto. Así que sólo voy a deshacer y volver a la configuración de efectos de transformación original. Porque lo que voy a hacer aquí es ir al panel de transparencia y elegir Hacer máscara. Mientras estoy en el grupo, hago clic en Hacer máscara. Y por defecto comienza con una máscara negra. Ahora, eso en realidad no está mal, pero solo quería mostrarte que si tienes la opción de clip apagada, entonces es una máscara vacía, algo que lo muestra completamente todo. Entonces cuando este ícono aquí es invitar, eso significa que todo es visible. Cuando es negro, todo está oculto. Entonces esta máscara, por cierto, se aplica en el grupo seleccionado, no todo lo demás en el diseño, solo un grupo seleccionado. Ahora, esto también es importante para poder empezar a agregar diseños a la máscara o a definir realmente lo que va a hacer la máscara, hay que hacer clic en el icono de nuevo. Entonces así es como se trabaja con los objetos, y así es como se trabaja con la máscara. Y la forma en que puedes decir que estás trabajando dentro la máscara es mirando tu pestaña. Debería decir máscara de opacidad aquí arriba, pero también el panel de capas dirá máscara de opacidad. Es casi como un reino separado. Estás trabajando ya sea en la dimensión objeto o en la dimensión mezquita. Estamos en el reino de las máscaras. Y lo que voy a hacer ahora es dibujar un círculo. Voy a usar la herramienta Elipse y en realidad necesitamos mostrar nuestra máscara. Lo que voy a hacer es antes que nada en realidad volver a encender a los guías porque los necesitaremos. Después regresa a la sección de mezquita. Y luego voy a usar la herramienta Elipse y Qué clic y arrastre desde el centro, señale algo que cubra completamente toda la zona. Y entonces ahora voy a cambiar al panel de degradado. Gradiente radial es lo que quiero. Y se puede ver que tengo blanco a la izquierda y negro a la derecha. Y eso es en realidad todo lo que necesitamos, porque esa es la máscara de opacidad que va a mantener visible la parte central. Y a medida que nos acercamos a los bordes, el gradiente se vuelve negro, lo que significa que empiezan a ocultar esos elementos. Por lo que crea estos agradables efectos de alimentación. Entonces desde el centro hacia afuera, como una fe radial de una manera se puede pensar en ello así. Para que puedan ver que mi transparencia está mostrando eso exactamente. Y por cierto, si quiero, puedo volver al degradado e incluso ajustar el desvanecerse sí para que pueda llevar a la pequeña estrella a la derecha, que va a mostrar más de los objetos o arrastrarla más allá al izquierda, y luego se mostrará menos. Además, puedes presionar G en el teclado y luego usar el anotador de degradado, que es aún más fácil porque puedes hacerlo directamente en el diseño. Entonces esto es bastante cool. Incluso puedes arrastrar el punto final más o más adentro. Entonces si arrastro ese punto, se puede ver podemos escondernos aún más de él si queríamos. Pero sólo voy a guardarlo en algún lugar como este. Entonces es casi como un telón de fondo. No quiero que el patrón sea demasiado abrumador porque el elemento de diseño más importante está en realidad en el centro. Entonces voy a dejarlo justo en eso. Y no olvides volver al panel de transparencia, volver al mundo real normal y dejar atrás la máscara . Ahora podemos apagar las guías, haga clic de distancia. Y tal vez como un efecto final que pueda atar todo junto. Podemos sumar otro círculo. Nosotros entonces otro gradiente sobre él, que en realidad ya preparé. Pero es lo mismo exacto, lo que hemos hecho en la máscara de opacidad. En este caso, está afuera. Entonces no está en una mezquita es simplemente sentado aquí en la parte inferior de la composición. Y te puedo mostrar Ese es el gradiente que utilicé. Entonces son dos colores. También hay una alimentación entre los dos. Y tengo este set en modo de mezcla de luz dura. Así es como se vería en modo normal, pero me parece duro como tal vez superposición, eso es un poco demasiado oscuro. Creo que la luz dura es probablemente la mejor combinación con el color de fondo y toda la composición en general. Lo bueno de las máscaras de opacidad es que son completamente editables, por lo que son no destructivas. Por lo que sólo podemos seleccionar el grupo. Y dentro del panel de transparencia, si quieres ver sin la máscara, solo hacemos girar click sobre la máscara, que revela cómo era antes. Y luego podemos ver después simplemente deshacer y rehacer. Déjame saber en la sección de comentarios, ¿ cuál prefieres? ¿ Lo prefieres con la máscara de opacidad o una duda en V? Ambos se ven bastante bonitos, pero creo que con la máscara es sólo un poco más sutil y más fácil de leer. 15. Herramienta de mezcla: entrelazado: Como de costumbre, empiezo por tener mi boceto en una capa de plantilla en el fondo, y voy a trabajar encima de ella en la capa separada llamada obra de arte. Empezaré a usar la herramienta elipse y manteniendo presionada la tecla Mayús, voy a dibujar mi primer círculo que colocaré aquí en esta parte del texto. También voy a seleccionar el color para esto. Y nota que tengo muestras phi. En realidad obtuve estas muestras del panel Temas de Color, las que puedes llegar haciendo clic en este pequeño ícono. Entonces, si no estás seguro con qué colores debes trabajar, eligiendo la opción Explorar, podrás encontrar muchos temas de color definidos por el usuario. Y todos tendrán cinco colores en ellos. Veamos si me gusta este. Simplemente puedo elegir Agregar a Muestreas. Y ahí vas. Tenemos otro grupo de colores. Entonces esta es una manera brillante de encontrar inspiración y probar diferentes temas de color. Voy a escoger éste que creamos aquí. Estoy en el círculo original y luego yo Alt, clic y arrastre para duplicarlo, cambiará el color, tal vez a este otro color o incluso un color completamente diferente allí. Entonces Alt, haz clic y arrastra, duplica de nuevo, cambia el color. Entonces sigue haciendo esto. Incluso puedo alternar estos colores. Ahora que tengo tres colores diferentes, solo puedo sostener click y arrastrar éste aquí abajo, luego Alt click y arrastrar eso. Y esencialmente, lo que estoy tratando tener en cuenta es que estos serán los puntos de anclaje en mi mezcla. Así que una vez que cree la mezcla, voy a unir estos juntos y creo que ya por delante como la forma dibujaría con la herramienta pluma, estoy colocando abajo estos puntos de anclaje. Si no estás familiarizado trabajando con la herramienta pluma. Y esto es algo con lo que debes experimentar hasta que te sientas cómodo. Pero incluso si haces las colocaciones equivocadas, siempre puedes modificarlas más tarde para que realmente no importa. Ahora, vamos a seguir colocándolos abajo. Voy a volver a usar este color y luego el morado más oscuro. Y eso es básicamente todo lo que necesitamos para la primera palabra. Así que ahora voy a cambiar a la herramienta de mezcla. W es el atajo para ello. Y todo lo que tengo que hacer es hacer clic en este primer círculo, luego el siguiente, luego el siguiente, y el siguiente, y así sucesivamente y así sucesivamente. Simplemente asegúrate de pasar por ellos en orden, en el orden que desees crear el texto. Y por supuesto que no se parece nada a la forma detrás de ella, el camino que creamos. Pero una vez que presiono Control o Comando Y, puedo cambiar a la vista de contorno. En realidad seré capaz de refinar el camino de mezcla a lo que necesitemos. Entonces todo lo que necesitas hacer en este punto es cambiar a la herramienta pluma y mantener presionada la tecla Alt, puedes empezar a doblar estas curvas. Por lo tanto Alt, haga clic y arrastre o Opción clic y arrastre doblará esos segmentos de ruta. Ahora desgraciadamente, este es un atajo que sólo funciona, creo a partir de CC 2018 en adelante. Entonces es para versiones más nuevas de illustrator. Pero déjame seguir haciendo esto. Y si tienes versiones más antiguas, probablemente puedas hacer lo mismo con solo agregar puntos adicionales con la herramienta pluma y luego comenzar a arrastrarlos , agregando los anclajes. Pero este atajo solo ahorra mucho tiempo. Entonces es mucho más rápido. Doblando estas líneas rectas alrededor y también manteniendo pulsada la tecla Alt u Option, puedo arrastrar los anclajes o puntos manejados también para ponerlos en el lugar correcto. Y observa cómo los pequeños círculos se quedan en el mismo lugar para que no se estén moviendo. Son simplemente estáticos, quedándose en ese lugar original donde los colocamos abajo. Ahora, voy a refinar estas curvas un poco como esta aquí también. Sólo voy a arrastrar los tiradores un poco más lejos. Y creo que eso se ve bastante bien. Los únicos coronarios afilados aquí en la parte superior. Así que sólo voy a tratar de suavizar eso usando las asas. ¿De acuerdo? Algo así. Ahora, si presiono Comando o Control Y, podemos volver a cambiar a ver los colores reales que creamos. Y hasta podemos apagar temporalmente el fondo solo para que podamos ver cómo se ve. Ahora, incluso en este punto, se ve bastante interesante. Entonces tenemos estos pequeños puntos. Pero una vez seleccionamos la forma y hacemos doble clic en la herramienta Mezcla en la barra de herramientas, podemos especificar exactamente qué ajustes queremos usar con esto. Entonces en lugar de usar esta opción, podemos cambiar a un color liso para el espaciado. Y de inmediato se puede ver cuánto mejor se ve. Entonces si hago clic de distancia, te vas, se ve perfecto. Ahora lo único que tenemos que arreglar, por supuesto, es la alineación. Entonces en este punto sólo voy a arrastrar los puntos de anclaje con la herramienta de selección directa. Y ni siquiera me molesta en hacerlo exactamente igual que mi dibujo original. Eso fue más como sólo una guía para crear esta forma. Pero ahora que los tengo en su lugar, puedo instalarlo. Y se ve bastante bonito. Y este es el punto donde en realidad seguiría haciendo lo mismo. Pero todo el resto de los detalles. 16. Agregar más detalles a la composición: entrelazado: Ahora tal vez te estés preguntando por qué no hice todo el asunto en uno. El motivo de eso es que estoy tratando mantenerlo simple para la herramienta de mezcla. Entonces, en lugar de hacerlo todo en uno, pesar de que es línea continua, como se puede ver el diseño, es mejor separar la obra en 34 o cinco mezclas separadas y luego tratar de conseguir esas mezclas coincidentes en los puntos de encuentro. Entonces verás exactamente cómo funciona esto, pero si intentas hacerlo todo de una vez, o se estrellará Illustrator o realmente estarás luchando por conseguir las transiciones correctas. Por lo que definitivamente vale la pena dividirlo como lo estoy haciendo aquí. Así que sigamos adelante. Voy a usar el mismo círculo que tenía antes simplemente seleccionando uno de ellos desde el panel de capas, control o comando C y luego Control o Comando F para pegarlo, arrástrelo fuera de ese grupo de mezcla, y luego ahora puedo moverlo libremente y colocarlo abajo en algún lugar por aquí. De acuerdo, entonces ahora podemos hacer lo mismo exacto. Viejo clic y arrastre, o haga clic y arrastre. Y luego justo primero voy a colocar abajo estos puntos apenas muy rápido. Ahí, ahí, ahí. Y entonces ahora puedo cambiar ese color. Entonces éste puede ser ese color brillante. Éste puede ser el más oscuro, y luego simplemente alternado. Así que de nuevo, tal vez seleccionar estos dos puede ser el color brillante y luego ese puede ser el color oscuro. Y ese es también el color oscuro ahí. Entonces es casi como un patrón alterno de alguna manera. Ahora, para asegurarme de que la mezcla continúe, también voy a duplicar este punto, arrastrarlo hasta aquí, alinearlo con la otra forma, mandé eso al mismo color exacto, y eso también formar parte de esta segunda mezcla. De esa manera puedo conectar los dos juntos. Entonces ese es un paso importante ahí para asegurarme de que no me meta mi mezcla anterior. Voy a cerrar eso. Eso significa que no podré seleccionarme accidentalmente. Y ahora puedo usar la herramienta de mezcla y empezar desde el primer círculo y dar click en el segundo. Y luego solo sigue pasando por él como antes. Asegúrate de que pasemos en el orden correcto. Ok. Por lo que esto probablemente sea un poco más largo y tiene más articulaciones que la sosa anterior. Pero aún así creo que esto debería estar bien. Ojalá no se vaya a estrellar Illustrator. Por lo que siempre es bueno ahorrar. Sólo estoy ahorrando en este punto. Y entonces lo que voy a hacer es cambiar de nuevo a la vista de contorno. Entonces Comando o Control Y en el teclado. Y en este punto podemos incluso apagar la visibilidad de la otra forma solo para que no se interponga en el camino. Y usando la herramienta pluma, puedo Alt, hacer clic y arrastrar para crear mi primera curva. Entonces arrastra éste hacia fuera, manteniendo pulsada la tecla Alt continuamente. Ni siquiera voy a dejar ir. Yo también puedo controlar los mangos. Entonces puedo doblar esta forma. Yo también puedo doblar este otro camino. También ajusta las asas de inmediato. Esta forma. Y estos son los más engorrosos aquí. Por lo que quieres asegurarte de que los mangos encima de esto sean continuos para que no haya ruptura entre las dos asas. Algo así. A lo mejor podemos arrastrar esto un poco más lejos y luego arrastrarlo más lejos también. Eso es bastante bueno. Después manteniendo pulsada la tecla Alt de nuevo, vamos a doblar esto y aquello. Estoy usando los mangos. Podemos añadir un poco de curva ahí. También podemos añadir una curva un poco más suave aquí. Nuevamente, evite tener un descanso entre los dos puntos de mango. Algo así. Que más cerca, eso puede estar un poco más lejos. Muy bien, y luego Alt haga clic y arrastre de nuevo. Alterar opción así. Y el fácil aquí al final. Ahí vamos. Entonces ahora si presiono Control o Comando Y, volvemos a cambiar a la vista normal. Puedo apagar mi dibujo original solo para que podamos ver lo que hemos creado. Y como siempre, tenemos que seleccionar el trazado, hacer doble clic en la herramienta Fusión, y luego elegir Color liso y hacer clic en Vale. Y va a regenerar el diseño. Y ahora podemos dar vuelta atrás la primera palabra que creamos. Y se puede ver porque alineamos el punto donde están unidos y usamos el mismo color exacto. Parece que es un camino continuo. Entonces esa es una forma inteligente de evitar crear una mezcla que es demasiado larga. Así que sólo romperlo así. Y por supuesto, si te sientes así, quieres mover las cosas por ahí, puedes hacer eso. Puede seleccionar círculos. Digamos que en este caso acabo de hacer clic en esto e incluso puedo usar las teclas de flecha en el teclado. Entonces arriba, abajo, izquierda, derecha, puedo empujarlos por ahí. También puedo moverme este 1 de mayo ser un poco y simplemente refinar la forma. Entonces no hay solapamiento, ni siquiera éste de aquí, sólo podemos movernos un poco más lejos. Eso es lo divertido que una vez que tienes estas formas en su lugar, es mucho más fácil hacer de un hombre y realmente puedes refinar, conseguir el espacio negativo muy bien lleno. Así que sólo voy a desbloquear esta otra forma también para poder empezar a jugar por ahí con estos puntos. Y oh sí, este es el punto donde tenemos la parte de reunión. Y si quiero mover este punto aquí, tengo que asegurarme de crear una selección de marquesina ahí. Voy a seleccionar ambos círculos. Y luego puedo moverlos al mismo tiempo. Entonces puedo moverme con probablemente por aquí. 17. Volver a colorear ilustración; selector de color: entrelazado: Y ahora déjame acelerar un poco el video porque voy a repetir los mismos pasos, pero luego voy a explicar algunas cosas más antes de finalizar esta obra de arte. Vale, ahora que tenemos el resultado final, déjame mostrarte unas técnicas realmente geniales de la forma en que podemos mejorar esta composición. En primer lugar, ¿y si quisiera cambiar los colores? Entonces en este punto, estoy contento con la forma en que se ve, pero ¿qué pasa si quiero usar o simplemente probar diferentes colores? Bueno, la forma más fácil de probar eso es seleccionando todo Control o Comando a, y luego haga clic en este icono en la parte superior, la función de recolor de la obra de arte, y puedes seleccionar colores individuales, haga doble clic sobre ellos. Y luego desde el selgador de color, puedes elegir colores manualmente o cambiar a las muestras de color, que enumeramos todos los colores en tu documento. Y luego puedes escoger otro. Entonces haz clic en Ok, y eso va a actualizarlo. Una vez más. A lo mejor en lugar de este color, voy a usar un vestido de muestras de color y esta amarilla. Y luego para el morado, voy a cambiar a este color turquesa. Y ya podemos ver cómo se ve esta nueva versión. Entonces si hago clic en Ok, podemos comparar antes y después. Entonces es tan sencillo como eso hacer cambios. O también puede utilizar la función de recolor de ilustraciones en el modo de edición, donde puede mover los puntos alrededor en la rueda de color libremente. O si te gustaría una combinación, solo quieres cambiar el tono. Se pueden mirar estos juntos haciendo clic en esta pequeña cadena aquí. Y luego cuando empieces a moverlos, verás cómo va a volver a colorearlos todos al mismo tiempo, pero manteniendo las relaciones entre los colores iguales. Esa es una combinación de colores bastante agradable allí. Por lo que una vez más, Eso fue antes, y esto es después. Lo siguiente que puedes hacer es cambiar la configuración de cada una de tus glándulas. Entonces, por ejemplo, este de aquí arriba. Si voy al menú Objeto y elijo blend, hay dos opciones. En primer lugar, la columna vertebral inversa, que cambiaría el orden de la mezcla. En lugar de comenzar con este rosa brillante y terminar en la oscuridad, púrpura, va a revertir los colores. Por lo que ahora se puede ver tenemos un poco más de un salto en cada extremo, pero esto podría ser también un intencional, y en realidad se ve bastante bonito. Simplemente define las palabras un poco más. Entonces tuve que tener un poco de descanso entre cada una de las glándulas. Pero voy a deshacer esto y volver a mostrarte otra característica de la mezcla de objetos. Esto se llama retroceso de frente a atrás, pero esto hará es cambiar lo que hay en la parte superior y mientras está detrás en los pons. Entonces por ejemplo, aquí se puede ver tenemos estos colores brillantes en la parte superior, pero una vez que elijo reversa de frente a atrás, obtendremos el detalle morado u morado oscuro llegando a la cima y cada otra superposición es va a ser invertida. Eso también es bastante útil y a veces se puede llegar a mejores resultados jugando un poco con la configuración. Una vez que tengas listas tus mezclas. 18. Grosor del trazo; detalles finales: entrelazado: Y por último, probablemente la característica más cool es que en realidad puedes cambiar el grosor de tus trazos. Ahora porque en realidad no son trazos. Son las mezclas entre estos círculos que creamos al principio. Tienes que ser un poco más inteligente que simplemente cambiar la configuración del trazo. Lo que debes hacer es entrar en cada una de tus mezclas y asegurarte de bloquear el camino, que también se conoce como la columna vertebral de la sosa. Así que vamos a cerrar eso en cada uno de estos voy a encerrarlo aquí también. ir allí, suele estar en la parte superior en cada una de las mezclas. Por lo que es fácil encontrarlo. Y una vez pasé y registré todo, ahora si hago un select all o Control o Command a para seleccionar todos los círculos en el diseño. Ahora, la razón por la que eso es útil, porque ahora primero podemos comprobar si todos están alineados. Entonces donde hay una unión, se debe alinear y puedo ver que en realidad hay un tema aquí. Entonces voy a usar la herramienta de selección directa y empezar a arrastrar esto hasta que encaje y se alinea con la otra. Fui una buena manera de manchar el error aquí y en realidad todavía no alineado. Déjame simplemente alejarla y luego moverla hacia atrás. Ahora, debe estar alineado. Puedo seleccionar los dos juntos, moverlos allá arriba. Eso se ve mejor. Ahora para que esta característica funcione, tenemos que asegurarnos de que solo tengamos el círculo seleccionado y no las partes. Entonces las espinas dentro las mezclas y aunque se registrarán, esas, en realidad se seleccionan cuando usamos el comando o controlamos un atajo. Entonces, en lugar de usar eso, hay otra herramienta llamada la Varita Mágica, que puede seleccionar los mismos objetos dentro del diseño. Y lo que haría es hacer clic en uno de estos círculos. Y se puede ver de inmediato selecciona todos los demás círculos en el diseño. Puedo entrar en la vista de esquema también, y parece que todo está seleccionado. Ahora, si reviso mis grupos, puedo ver que las partes no están seleccionadas. Por lo que esta fue mucho más fácil y más rápida manera hacer la selección. Por cierto, si quieres refinar cómo funciona el mágico, basta con hacer doble clic en él y puedes elegir filtrado con el que quieras trabajar. Yo estaba usando la opacidad y eso logró filtrar sólo los círculos y no seleccionar el contorno. Ahora que tengo el círculo seleccionado, por fin puedes usar el efecto que quería mostrarte. Entonces vamos al menú Objeto, elegimos, Transformar, y Transformar Cada uno. Por lo que no quieres escalar porque eso solo aumentaría, disminuiría el tamaño de toda la composición. Quieres elegir Transformar Each, lo que significa que podrás cambiar el tamaño de los círculos individualmente y mantenerlos dondequiera que estuvieran originalmente así sin cambiar su posición. Por lo que voy a encender la vista previa. Y cambiaré la escala horizontal a 50. Y luego la escala vertical o así de los 50. Y ahí vas. Ese es el grosor reducido aplicado en el diseño. Y de la misma manera, si quiero hacerlo más grueso, podría decir tipo en ciento veinte, ciento veinte. Y ahora tenemos una línea mucho más gruesa que campos en el espacio negativo más. Entonces en este punto se puede experimentar y ver qué grosor funciona mejor. Si quieres hacerlo realmente delgado, puedes bajar al 25 por ciento y así sucesivamente y así sucesivamente. Por supuesto, incluso se pueden hacer cambios individuales. Entonces si acabo de hacer 5050, entonces puedo seleccionar uno de los círculos, digamos éste aquí y luego usar escala de transformación de objetos en este caso, y tal vez escriba en 200. Entonces se puede ver podemos crear variación en grosor también ajustando individualmente los círculos. Por supuesto, incluso podemos seleccionar múltiples círculos. Así que tal vez seleccione esto que, que sólo estoy manteniendo pulsada la tecla Shift, seleccionando aleatoriamente algunos, y luego volver de nuevo usando transformar cada disco esta vez porque no queremos moverlos alrededor. Por lo que una vez más, sólo escribe en doscientos, doscientos y ahí tienes más variedad, nuevo en el ancho. Entonces las posibilidades son realmente infinitas y solo se reduce a tu creatividad. Cómo lucirá tu resultado final. 19. Conclusión: Bien hecho para terminar este curso. Espero que te hayas divertido tanto pasándolo como yo lo tuve grabando. Y claro, no te olvides del proyecto de clase. Porque recuerda, la práctica hace la perfección. No puedo esperar a ver tu trabajo, así que asegúrate de presentarlo. Y en caso de que te guste este curso, y te gustaría aprender más de mí, entonces hay muchos otros cursos que puedes encontrar aquí. Adelante, échales un vistazo ya. No puedo esperar a conocerte en la siguiente.