Transcripciones
1. Hacer los conocimientos de los puntos de referencia en Illustrator: introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, Crea Knockouts en Adobe Illustrator. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. En este curso, utilizaremos una gama de técnicas de knockout para hacer agujeros en objetos en Illustrator. Estos efectos se pueden utilizar al hacer iconos para efectos de texto personalizados, para imágenes de redes sociales, y más. estaremos haciendo usando una combinación de técnicas que incluyen compensación y transformación de caminos, uso de las opciones de knockout de Illustrator y realización de trazos punteados. Esto no sería un ilustrador para el curso de almuerzo si no también recogieras algunos consejos y trucos prácticos en el camino. Para cuando termines este curso, tendrás una comprensión mucho mejor de crear nocauts en Illustrator y podrás aplicar esto a tu propio trabajo en el futuro. Sin más preámbulos, empecemos.
2. Forma de Pt 1 con un borde transparente: Entonces el primero de nuestro efecto de recorte, que es bastante sencillo, voy a crear un documento totalmente nuevo. No importa de qué tamaño sea tu documento, solo
voy a crear el mío a tamaño de pantalla, que es 1920 por 1080. Ahora, voy a llenar mi documento con un patrón, Acabo de ver que tengo algo que ver. Entonces voy a la herramienta de rectángulo, voy a crear un rectángulo que sea del tamaño de mi tablero de arte, 1920 por 1080. Haga clic en “Ok”, lo voy a centrar en el tablero de arte, voy a quitar el trazo y lo voy a llenar con un patrón. Ahora, siempre puedes obtener dos patrones más en Illustrator haciendo clic en esta opción de biblioteca y bajar a patrones. Hay todo un montón de patentes que instalé automáticamente en Illustrator. Entonces vayamos a las de follaje de la naturaleza. Yo quería un patrón bastante oscuro. Este será simplemente perfecto para mis necesidades. Voy a bloquear este rectángulo hacia abajo. Te resultará útil bloquear el
fondo de vez en cuando para que simplemente no puedas seleccionarlo, solo hace la vida un poco más fácil. Entonces vamos a reemplazar un rectángulo redondeado sobre este fondo, y va a tener algo de transparencia incorporada en su borde exterior. Vamos a la herramienta de rectángulo, seleccione el rectángulo redondeado. Simplemente arrastraré sobre un bonito, grande, rectángulo redondeado. Se está llenando con el mismo patrón que usé hace un minuto, sólo
vamos a llenarlo de blanco. Voy a traer un poco en las esquinas, lo cual por supuesto en las versiones más recientes de Illustrator se puede hacer sólo hacer clic y arrastrar en estos widgets de esquina. Ahora, lo que quiero para esta forma en particular es que quiero un borde alrededor de eso, así que quiero un hueco y luego un borde. Ahora bien, podrías hacer esto usando un efecto nock-out, pero en esta instancia en realidad es más sencillo hacerlo de una manera diferente. Entonces pensar, no en términos de nocaut, sino en términos de un trazo que se desplaza alrededor de la forma. Entonces voy a dar clic en el trazo y voy a hacer un trazo de color blanco exactamente del mismo color que la forma en la que estamos trabajando. Aunque por supuesto podría ser diferente si quisieras que fuera diferente. De hecho, ahora mismo hagámoslo de un color diferente porque va a ser un poco más fácil verlo. Voy a aumentar el ancho del trazo, estoy pensando en probablemente alrededor de 30 píxeles. Ahora, por el momento el trazo está centrado sobre el borde de la forma. Aquí puedes ver esta línea, este camino que te está diciendo dónde está la forma subyacente, y así el trazo está a caballo entre esa mitad adentro y la mitad hacia afuera. Bueno, lo voy a poner en el exterior. Lo que vamos a hacer es sacar un poco este golpe. Hacemos eso asegurándonos de que tenemos el trazo en sí seleccionado en los paneles de apariencia. Por lo que querrás tener las formas seleccionadas. Se quiere ir al panel de apariencia, que también se puede llegar eligiendo “Ventana” y luego “Apariencia”. Asegúrate de que tienes el trazo apuntado aquí, porque lo que queremos hacer es alejar el trazo del resto de la forma. Hacemos eso eligiendo “Efecto” y luego “Ruta” y “Ruta de desplazamiento”. Se puede ver que el valor predeterminado de diez píxeles saltará automáticamente esa línea, ese trazo lejos del borde de la forma. Todo lo que necesitamos hacer ahora es simplemente aumentarlo a cualquier valor que
queramos permitir este espaciado entre nuestro trazo y nuestra forma. Voy a dar clic en “Ok”. En este punto sólo podemos finalizar la forma seleccionando el color real que queremos utilizar. Ahora, una de las cosas realmente bonitas de este enfoque es que acabamos de conseguir una sola forma con estos efectos aplicados a ella. También podemos ajustar la transparencia. Ahora, podemos ajustar la transparencia de toda la forma. O podríamos ajustar, por ejemplo, la transparencia del borde exterior o del relleno interior. Entonces, sólo vamos a marcar esta opacidad a alrededor del 50 por ciento. Entonces hay una opacidad en el trazo. También hay una opacidad en el relleno, y pueden ser valores diferentes obviamente. Pero también puedes establecer la opacidad para todas las formas. Entonces, solo llevemos esto de nuevo a un 100 por ciento. Vamos con este, traiga esto hasta un 100 por ciento. Si quieres ajustar la opacidad de toda la forma, todo lo que conforma esa forma, entonces puedes bajar a esta opacidad y simplemente cambiarla. Por lo que este es un concepto importante para agarrar en Illustrator si antes no has usado el panel de apariencia, ahora va a ser un momento realmente bueno para ponerte un control sobre él. Si lo has usado antes, posible
que estés familiarizado con algunos o todos estos enfoques. Pero ciertamente cada elemento del panel de apariencia tiene su propia opacidad que puedes establecer, y luego hay una opacidad general para toda la forma.
3. Contorno de Pt 2 para varias formas: Para este próximo efecto nocaut, nos ayudará a tener una imagen en la pantalla para que podamos ver qué pretendemos hacer. Lo que tengo aquí son tres formas de helado y hay un nocaut alrededor del borde de dos de ellos. Ahora esto es un poco complicado de hacer, pero te prometo que una vez que lo hayas hecho dos o tres veces, te vas a agarrar el pelo. Echemos un vistazo y veamos qué tenemos. Tengo un documento que es 1920 por 1080, pero tu documento podría ser del tamaño que quieras. Tengo un rectángulo lleno de rosa en la parte de atrás y solo estoy usando eso como fondo. Voy a cerrar eso porque va a hacer la vida mucho más fácil. Vamos a seguir adelante y crear nuestro helado. Simplemente voy a hacer clic lejos de todo, vamos a apuntar a un color para usar y esta vez voy a elegir un color diferente para mi helado. Voy a hacer de ellos un rojo realmente profundo. Vamos a buscar nuestro color rojo. Voy a la herramienta de rectángulo, voy a elegir la herramienta de rectángulo redondeado y simplemente arrastrar hacia fuera un rectángulo redondeado para mi forma básica de helado. Voy a arrastrar en este pequeño widgets de esquina para redondear los bordes. Entonces volveré a la herramienta de rectángulo,
la herramienta de rectángulo redondeado, y arrastraré algo para el palo de paleta ahora que no tiene que ser tan redondeado. Quita esto en posición, solo alinéalo para que esté centrado en la forma. Si no estoy consiguiendo eso bien, seleccionaré sobre ambos e iré aquí al centro de líneas horizontales, eso está realmente alineado a sí mismo y también al centro del documento. Pero eso está bien, puedo retroceder. Vamos al pathfinder, al que puedes llegar eligiendo Window y luego Pathfinder. Yo solo voy a dar click aquí en Unite para que tengamos una sola forma para nuestro helado. Ahora voy a arrastrar a dos más. Voy a Alt u Opción Drag y luego Alt u Opción Drag otra vez. Ahora la estratificación es realmente importante aquí. Para ayudarte, en realidad
voy a cambiar ligeramente el color de cada uno de esos helados. vamos a hacer un poco más ligeros al frente. Entonces éste va a estar un poquito en el medio. Entonces tenemos el de atrás. Sólo vamos a ver. Es muy claro en cuanto al orden aquí. Ahora los vamos a colocar en la posición en la que queremos que estén. Si quieres asegurarte de que estén espaciados uniformemente, selecciona sobre todos ellos. Vamos a las herramientas de alineación y las tengo
aquí abajo y también puedes llegar a ellas eligiendo Ventana y Alinear. Tengo mi opción mostrando aquí porque quiero alinearme solo a la selección esta vez. Entonces solo quiero espaciarlos de manera uniforme. Voy a dar clic aquí en centro de distribución horizontal. Asegurémonos de que estén bien centrados. Si los quiero arreglar verticalmente entonces vendré aquí a distribuir vertical centro. Tengo una bonita alineación aquí en mis formas de helado. Ahora tenemos que mirar este efecto nocaut. Lo que vamos a hacer es seleccionar sobre los dos primeros helados y vamos a añadir un trazo. Sólo vamos a añadir un trazo. Puede ser de cualquier color que nos guste. No vamos a ver eso en breve. Entonces vamos a ajustar el ancho del trazo hasta que sea tan grande como
queremos que sea así que queremos medir más o menos lo grande que va a ser el espacio. Voy a bajarlo un poco. volverás a ver. Mi trazo está sobre el borde de la forma. Está uniformemente sobre el borde de la forma. Voy a ponerlo en el exterior haciendo click en Stroke y vamos a moverlo al exterior. Ahora creo que puede bajar un poco en blanco también. Tenemos dos helados con trazos a su alrededor que es el ancho de lo que queremos ver en última instancia como un espacio entre estos objetos. Vamos a volver atrás y seleccionar sólo los dos helados en los que estamos trabajando aquí. Vamos al panel de apariencia y para cada uno de ellos, vamos a poner a cero la opacidad de esta línea. Todo debería desaparecer. Lo que estamos usando aquí es un truco o una técnica que tiene Illustrator que dice: “Si pones la opacidad de algo a cero, entonces puedes usar eso como nocaut”. En otras palabras, Illustrator va a ofrecer hacer de ese un agujero en un objeto, esa pieza de objeto que acabas de ponerlo en opacidad a cero. En este caso es un derrame cerebral, pero podría ser un relleno. Eso lo vamos a ver en un ejemplo posterior. Pero lo que vamos a hacer ahora es que vamos a
decirle a Illustrator que toda esa zona amarilla, queremos que sea un nocaut. Pero para que podamos usar un trazo alrededor de este objeto para hacer un agujero en éste y un golpe alrededor de éste para hacer un agujero en éste, vamos a necesitar ponerlos en un grupo. Voy a seleccionar los tres en este punto y elegir Objeto, Grupo. Ahora, lo que le vamos a decir a Illustrator es en todas partes que
veas algo que tiene una opacidad de cero, queremos que pongas un agujero en todo lo que hay debajo. Cómo vamos a hacer eso es ir a la aparición grupal y vamos a ir a la opacidad y dar click aquí en grupo knockout. De inmediato se puede ver que esos golpes de cero por ciento se han utilizado como nocauts. Este es un efecto totalmente editable. Tenemos tres formas en un grupo. Voy aquí a la herramienta de selección de grupos. Puedo apuntar a cualquiera de estas formas y puedo sacarla del camino y a medida que se mueve, verás que lleva el efecto nocaut con él. Podríamos afinar el aspecto de este objeto grupal simplemente arrastrando y moviendo cualquiera de estas formas y traen su efecto nocaut con ellas. Sólo para recapitular, lo que vas a hacer es llevarte los objetos que quieres tener nocauts a su alrededor. Agregarás, en este caso un trazo al ancho que quieres que sea
el nocaut y vas a ajustar la opacidad del trazo a cero, y así eso va a desaparecer. Va a parecer que no ha pasado nada. Entonces vas a seleccionar sobre todo y ponerlo en un grupo porque el knockout se va a aplicar a los objetos dentro de ese grupo. Después seleccionarás tu grupo e irás al panel de apariencia para el grupo. Por supuesto puedes llegar a eso eligiendo Ventana y luego apariencia. Verás aquí arriba que tienes grupo, y luego contenidos, y luego tienes opacidad. Voy a dar click en esta opacidad y dar click en Grupo Knockout. Este es el resultado que obtienes.
4. Textura de Pt 3 con sombra: Para este próximo efecto nocaut, vamos a crear algún texto que tenga un knockout entre él y una sombra a su alrededor. Voy a volver a crear un documento que sea tamaño de pantalla. De nuevo, puedes crear un documento que sea de cualquier tamaño que quieras. Voy a llenar esto con un rectángulo que está lleno de color, sólo para que tengamos algo para identificar que en realidad conseguimos esto bien. Por lo que 1920 por 1080 es mi tamaño de documento. Vayamos a alinear esto. He perdido mis opciones de alineación, así que vamos a revisarlas por aquí. Asegurémonos de que estamos en Alinear a Mesa de Trabajo, cosa que no estamos. Sin trazo y un relleno. Voy a bloquear esto, así que iré al último panel, abriré la capa y solo bloquearé el rectángulo. No bloquees una capa o no puedes poner nada más en esta capa, solo tienes que bloquear el rectángulo. Ahora voy a escribir mi tipo, tan pequeño que ni siquiera lo veo. Hagámoslo unos 200 puntos, y vamos a conseguir una buena fuente para usar. Estoy usando canal inclinado, pero puedes usar cualquier fuente que te guste, por así decirlo, fuentes de
script se ven particularmente bien. Ahora hay un par de cosas que saber sobre el tipo en Illustrator. Con nuestro tipo seleccionado, vamos al panel Apariencia. Es posible que ya sepas que no puedes rellenar una pieza de texto con un degradado en Illustrator. Aquí tengo mi texto seleccionado, tengo mi relleno seleccionado. Vamos a buscar un gradiente porque de todos modos no va a funcionar. Haga clic en él. Se puede ver que tiene un relleno degradado, pero no está teniendo ningún efecto en el texto en absoluto. Ahora la razón de esto es la forma en que Illustrator trata el texto. Sólo echemos un vistazo a eso. Con el texto seleccionado, vamos al panel Apariencia. Ya verás que aquí no tenemos ningún relleno ni trazo. Ni siquiera estamos viendo esas opciones. El motivo de esto es que las opciones están dentro de las áreas de carácter. Entonces si hago doble clic en “Carácter”, ahora vemos nuestro trazo y nuestro relleno. Pero las reglas de Illustrator son que no se puede llenar el tipo de esta manera con un gradiente. Vayamos aquí y apaguemos ese relleno por completo. Sin trazo, sin relleno, no puedo ver texto. Pero eso está bien. Sólo salgamos de aquí al Tipo. El texto sigue ahí, pero como no tiene relleno ni trazo, ni siquiera lo
podemos ver. Pasemos por aquí a nuestro panel Apariencia y agreguemos un relleno a nuestro tipo. Simplemente vamos a dar click aquí en “Añadir nuevo relleno”. Relleno negro, texto negro. Vamos a dar click aquí en gradiente, y ahora podemos aplicar un gradiente a nuestro texto. Illustrator existen dos tipos diferentes de trabajo en texto. Hay un nivel de personaje y un nivel de tipo. El acto que queremos en este caso está en el nivel de tipo. Ya verás aquí que estamos trabajando en el tipo. Ahora la razón por la que hemos hecho eso es porque quería mostrarte que
podrías agregar trazos y rellenos para teclearlo y llenarlo, por ejemplo, con el gradiente. Pero vamos un paso más allá. Añadamos una sombra sólida detrás de esto. Lo que vamos a hacer es agregar un segundo relleno. Voy a dar click aquí en “Añadir nuevo relleno”. Estos están apilados, por lo que éste está encima de éste. Voy a hacer de esto un color sólido. Pero porque quiero que mi sombra sea compensada, esto sólo va a ser un color desechable. En realidad no vamos a usar este color en particular, así que puede ser cualquier cosa, vamos a hacer que sea un rojo. Ahora mismo no lo podemos ver porque el relleno aquí, este relleno rojo está inmediatamente por debajo del gradiente. Bueno, lo podemos ver si lo sacamos del camino. El modo en que lo sacamos del camino es transformarlo. Con este relleno seleccionado, tienes que asegurarte de que tienes el relleno seleccionado no el tipo porque solo vamos a mover este relleno. Vas a Effectar, Distorsionar y Transformar, y luego Transformar. Esta es la herramienta que puedes usar para mover cosas. Tengo activada Vista previa. Sólo voy a moverlo horizontalmente cinco píxeles y verticalmente cinco píxeles de sólo tocar la tecla Flecha arriba cinco veces. Por ahora se puede ver el efecto de texto de sombra está sucediendo. Pero en realidad, en un minuto vamos a hacer eso para cortar. Lo que queremos ahora es otro de este relleno, así que vamos a duplicar esto. Simplemente voy a agarrar en realidad este relleno y arrastrarlo a este pequeño
iconos plus porque eso me da una segunda versión del con exactamente los mismos efectos que se le aplican. Si lo abro aquí arriba, se
puede ver que tiene los mismos efectos de transformación. En realidad no lo podemos ver porque, de nuevo, este segundo relleno no sólo es del mismo color, sino que está inmediatamente por debajo del rojo anterior. Este va a ser una sombra, éste va a ser visible, voy a hacerlo negro. De nuevo, no lo podemos ver porque está debajo del rojo. En este caso, debido a que ya tiene aplicado un efecto de transformación, no podemos ir a Effect, Distort and Transformar, Transformar, o vamos a aplicar un efecto totalmente nuevo. Lo que queremos hacer en realidad es editar el existente y simplemente moverlo un poco más allá. Haremos clic aquí en “Transformar”, y voy a mover esto otros cinco píxeles. ver lo que está empezando a suceder. Tenemos otra capa debajo. Tenemos tres piezas de tipo; tenemos nuestro tipo de relleno degradado, tenemos una roja, y luego una negra. Lo que quiero hacer es hacer desaparecer el rojo para que el negro simplemente parezca una sombra realmente interesante alrededor de nuestro texto. Bueno, ya sabemos hacer eso. Lo que tenemos que hacer es ir y hacer que este relleno sea cero por ciento de opacidad. Vamos a apuntar al relleno, asegurarnos de que estés viendo la opacidad para el relleno, lo que quizá necesites abrir este pequeño triángulo, pincha aquí en “Opacidad” y ponlo a cero. Desaparece. Tienes una versión negra del tipo bajo la versión de relleno degradado. Se ve bien, pero vamos a hacer que se vea mucho mejor. Porque lo que vamos a hacer es bajar a la opacidad para toda la forma. Esta es la opacidad en la parte inferior, controla toda la forma, que está conformada por múltiples versiones de este tipo; un relleno degradado uno, uno de relleno rojo, que ahora no podemos ver, y uno negro. Cuando bajemos a este de aquí, verás que hay una opción de grupo nocaut. Vamos a hacer clic en eso hasta que consigamos una marca de verificación, y eso provoca que la capa rellena roja
desaparezca por completo y bloquee en cualquier lugar donde estuviera sobre la negra, así que ese es un efecto totalmente diferente. Déjame encenderlo y apagarlo. Se puede ver este es el efecto sin el nocaut, y este es el efecto con el nocaut. Se trata de un efecto de sombra más sofisticado, y todo esto es de tipo editable. Es solo un objeto, así que puedes ir y cambiar el tipo, y todo el efecto solo se va a reconstruir. Vamos a teclear sombras. Se puede decir, simplemente cambia el tipo, y todo se reconstruye automáticamente porque está todo integrado en la apariencia de este tipo de objeto. Recapitulemos esto porque esto es un poco complicado. En primer lugar, tenemos una pieza de tipo, y recordando que teníamos que ir a personajes, y tuvimos que desactivar su relleno y su trazo. Después subimos a Type y agregamos un relleno, por lo que eso nos permitió obtener este relleno de gradiente aquí. Después agregamos otro relleno, lo
hicimos un color que pudimos desechar porque esto nunca se iba a ver. Lo transformamos moviéndolo unos píxeles hacia arriba y a través para que se mostrara detrás del texto original. Entonces duplicamos esto otra vez, lo
hicimos un color donde no queríamos ver el color, este va a ser el último color de sombra. Hacíamos clic en la “Transformar”, y luego la aumentamos para que en realidad se pudiera ver. Hicimos este relleno apenas cero por ciento de opacidad porque queríamos noquearlo. En esta opción de opacidad aquí abajo, dijimos grupo knockout porque sin ese grupo knockout, este es el efecto que obtenemos. Con el grupo knockout seleccionado, con una marca de verificación en él, obtenemos de esta manera un efecto de sombra más sofisticado. Ahora todos estos son editables; puedes ir y obtener un gradiente diferente, puedes ir y obtener un color diferente. Para el trazo, puedes cambiar la tipografía, la palabra, el tamaño, todo es totalmente editable.
5. Shapes de la capa Pt 4 capas con los tallos de los tallos de la la Pt 4 capas con las capas con los la la P: Para este siguiente conjunto de ejemplos, echemos un vistazo a estas dos opciones vamos a crear ambas. Sólo quiero mostrarte lo que está pasando aquí. Este es un relleno y este es un relleno, pero por aquí hay algo que es transparente. Entonces cuando lo muevo sobre esta forma, se
puede decir que este es un borde transparente. Entonces vamos a crear eso. Aquí lo que tenemos es, tenemos un rectángulo con un óvalo en él y hay un trazo alrededor de esto. Entonces el medio de esto es transparente. Ahora bien, esto es particularmente útil porque se puede decir que si bien
podríamos haber noqueado un agujero de esta forma rectangular, por ejemplo, usando un frente menos, no
pudimos conseguir un trazo alrededor sólo una parte de la forma porque si acaricias esta forma, va a tener un trazo alrededor de todos sus bordes no sólo el del medio. Por lo que el efecto nock-out nos permitirá crear este efecto donde tenemos esencialmente un trazo en medio de esta forma, pero no alrededor del borde exterior. Entonces solo quería mostrarles esos dos y ahora los vamos a crear. Vamos a crear éste primero. Podemos empezar con un rectángulo y va a tener un relleno pero sin trazo. Vamos a ir a añadirle un relleno de color ligeramente diferente. Entonces va a tener una elipse sobre ella. Vamos a arrastrar una elipse. Vamos a llenar esta elipse con un color más claro. Ahora esta elipse necesita tener un derrame cerebral a su alrededor. Entonces vamos a apuntar el trazo y vamos a aplicarle un trazo. Ahora no importa de qué color sea el trazo porque va a desaparecer obviamente. Vamos a aumentar el tamaño de la misma y vamos a
asegurarnos de que esté en el exterior de esta forma, cosa que no era. Eso nos permitirá ser un poco más precisos en cuanto a lo grande que va a ser exactamente esta zona recortada. Ahora probablemente queremos alinear todo antes de ir demasiado más allá, aunque es totalmente editable más adelante. Entonces podrías alinearlo más adelante, pero solo voy a ser un poco prudente aquí y alinearlo antes de que empecemos. Ahora recordando que todo lo que queremos ser transparentes tiene que tener su opacidad puesta en cero. Vamos a apuntar a este óvalo. Vamos al panel Apariencia y vamos a ajustar la opacidad de este trazo a cero. Por lo que va a desaparecer totalmente. pero debido a que queremos perforar un agujero, el ancho del trazo en este objeto subyacente, tenemos que agruparlos, así que ilustrador sabe en qué queremos perforar un agujero esencialmente. Seleccionemos ambos y agrupémoslos con objeto y luego agrupemos. Ahora con el grupo seleccionado, vamos a la opacidad para todo el grupo. Estamos bajando aquí a este nocaut y solo haremos clic en él una vez y ese es este efecto. Todo está en grupo. Ahora como dije, no tenía que alinearlo perfectamente antes de empezar. Porque si vamos al último panel, se
trata de un grupo. Dentro del grupo está nuestro óvalo y nuestro rectángulo y así podemos apuntar al óvalo y simplemente podemos moverlo a donde queramos. En realidad no tiene que fijarse en concreto exactamente como su posición antes de empezar, porque es un efecto totalmente editable. Ahora echemos un vistazo a este. De nuevo, vamos a hacer un rectángulo. No hace falta tener un trazo, así que vamos a quitar el trazo y luego lo vamos a llenar con un color que es un poco más oscuro de estos marrones. Entonces vamos a volver a crear nuestro óvalo. El medio de este óvalo va a ser transparente. Este es un color desechable. Alrededor del exterior, queremos el color que vamos a estar usando para ese trazo. Demos a eso un relleno desechable. Apuntemos nuestro trazo, y hagámoslo del color que queremos porque esto lo vamos a decir en última instancia, y voy a aumentar el tamaño del trazo. Voy a asegurarme de que esté en el exterior también para que podamos tener un aspecto realmente bueno de lo grande que va a ser. Tenemos un óvalo con un borde que queremos cavernar, un medio que queríamos descartar. Entonces vamos a apuntar a nuestro óvalo. Vayamos al panel Apariencia. Porque esto es algo que queremos hacer un agujero dentro, vamos a poner su opacidad a cero. Entonces porque queremos meter ese agujero en este objeto subyacente aquí, vamos a tener que agruparlos para que ilustrador sepa en qué estamos a punto de hacer un agujero. Objeto y luego Grupo. Entonces vamos a aplicar el nocaut al grupo. Con el grupo seleccionado venimos aquí a Opacidad y vamos a Knockout, y ahí está nuestro efecto. Entonces ese es un efecto útil cuando quieres un borde en el interior de algo, pero no en el exterior porque realmente esa es la única manera en que vas a lograr ese efecto.
6. Íconos de capas de Pt 5: Para este próximo efecto nocaut, vamos a ver algo que podría usarse, por ejemplo, para iconos. Lo que tenemos aquí son dos rectángulos, pero aquí tenemos un doble efecto nocaut. Simplemente necesita que tengas tu ingenio sobre ti mientras lo estás diseñando. En realidad es más simple de lo que parece. Vamos a empezar con un rectángulo. Yo sólo voy a dibujar un rectángulo que va a ser este de atrás. No tiene relleno, pero sí tiene un trazo. Apaguemos el relleno para ello y acomodémonos en nuestro tamaño de trazo. Voy a usar un ancho de trazo de 12 y va a estar en el exterior de las formas. Ahí está mi forma. En esta etapa, sólo puedo volver a trabajar mi forma si es necesario. Voy a hacer un duplicado de esto. Voy a seleccionarlo, y luego solo Alt u Option arrastra un duplicado. Solo lo estoy moviendo hacia aquí. Ahora bien, si fuera una forma de tamaño diferente o una forma diferente, es posible que quieras rehacer tu forma en lugar de simplemente arrastrar un duplicado. Pero para nosotros, eso va a ser perfecto. Sólo necesito un duplicado, déjame simplemente mover este un poco hacia abajo. Ahora, éste necesita tener un relleno porque
necesitamos usar el relleno para noquear a este negro debajo. Con esta forma seleccionada, vamos a darle un relleno y el relleno va a ser desechable, así que hagámoslo un color desechable como un rosa aquí. El otro que necesitamos es este borde por aquí, y así se hace con un trazo, un segundo trazo para esta forma. Tiene un golpe de 12 puntos a su alrededor. En realidad ha perdido su tamaño. Vamos a volver atrás y hacer que sea un trazo de 12 puntos. Si no sabes por qué sucedió
eso, fue porque escalé el objeto y así perdió su configuración. Ya puedes ver, yo también lo he perdido aquí. Este es un ajuste de Illustrator. Déjenme desviar por sólo un segundo. Editar, Preferencias, y luego General, sería Preferencias de Illustrator General en el Mac. Aquí hay una opción para Scale Trazos y Efectos porque cambié el tamaño de ese objeto, y como Scale Trazos y Efectos fue seleccionado haciendo que el objeto sea un poco más pequeño, el trazo se hizo un poco más pequeño. Si no quieres que eso suceda, simplemente deshabilita eso, y luego cuando escale un objeto, el trazo se va a mantener del mismo ancho. Voy a dejarlo tal como está, pero solo ten en cuenta que ese es un ajuste que tendrá un impacto en el ancho del trazo alrededor de las formas cuando las redimensiones. Lo que quiero aquí es esto como un segundo trazo alrededor de mis formas. Voy a seleccionar mi forma. Vayamos al panel de apariencia. Sabemos que podemos agregar otro trazo usando Add New Stroke. Este va a ser un trazo desechable, por lo que puede ser de cualquier color. Hagámoslo un color para que podamos decirlo con claridad. Va a ser naranja. Ahora mismo, está encima del otro trazo, pero podemos moverlo, donde lo mueves usando el desplazamiento de trayectoria. Sólo vamos a seleccionar este trazo. Escogeremos “Efecto”, “Trayectoria”, “Offset Path”, y luego podremos sacarlo los 12 píxeles que necesita ser empujado para
llegar al exterior del trazo de 12 puntos existente. Si lo llevamos más alto, verás que apenas empieza a tener un hueco debajo de él. El hueco, podrías pensar que esa es la brecha que quieres, pero puedes ver que la brecha solo se está mostrando a través del contenido debajo, así que en realidad necesitamos usar un knockout aquí. Este va a ser nuestro knockout y está compensado por el mismo ancho que el trazo alrededor de la forma. Vamos a hacer clic en “Ok”. Las dos cosas que necesitamos noquear son el relleno aquí y este trazo. Podemos hacer un doble noqueo todo a la vez. Vamos a este trazo, Vamos a su opacidad. Vamos a ponerlo a cero. Desaparece exactamente como debería. Ahora iremos a este relleno, iremos a su opacidad, pondremos su opacidad cero bien, porque va a ser un nocaut también. Ahora seleccionaremos todo porque queremos que las áreas de cero opacidad de esta forma, la de delante y la de arriba, se utilicen para golpear agujeros en la de abajo, por lo que tenemos que agruparlas. Objeto, y luego Grupo. Entonces una vez que los hemos agrupado, ahora le decimos a Illustrator : “Oye, ¿sabes esas áreas que hicimos cero opacidad? Úsalos como nocaut”. Aquí está la opción knockout, y así obtenemos un conjunto de formas que es totalmente editable con este efecto sort a su alrededor. Podemos cambiar el tamaño de cualquiera de estas formas. Podemos cambiar el ancho de trazo de cualquiera de estas formas. Es sólo un efecto totalmente editable.
7. Hoyos de Pt 6 los puntos en los puntos: Para este efecto final, voy a mostrar cómo puedes crear puntos alrededor una forma circular que tengan un knockout en ellos. Este es un tipo de efecto divertido para crear y te
volverá a enseñar cosas sobre el panel de apariencia en Illustrator. Vamos a empezar con la herramienta Ellipse. Sólo voy a presionar D para obtener mi configuración predeterminada y voy a arrastrar un círculo, así que mantengo presionada la tecla Mayús mientras arrastro para crear mi círculo. Ahora perdí el ratón ahí por un minuto, así que déjame asegurarme de que tengo las cosas en el lugar correcto. Voy a apagar el relleno para esta forma y
voy a darle un trazo bastante amplio. Voy a darle un golpe de 60 puntos. Ahora, puedes darle cualquier trazo de ancho que te
guste, solo podría ayudarte a recordar qué tamaño has usado. Ahora la mía está en el interior por el momento, esa podría no ser la idea, podemos ver en tan solo un minuto. Con esta forma seleccionada vamos al panel Apariencia. Vamos a convertir este trazo en una serie de puntos. Hacemos eso haciendo clic en la opción “Stroke” para abrir la pequeña caja de Stroke. Vamos a usar una línea discontinua y va a tener un guión de longitud cero. Siempre quieres un guión de longitud cero si quieres círculos. El hueco va a ser igual al peso de la línea. Mi línea era de 60 puntos, mi brecha va a ser de 60 puntos, si quiero que estos pequeños puntos se alineen peroteando unos contra otros. Entonces iremos aquí a la opción de gorra redonda y eso nos da nuestros círculos. Ahora hay una opción aquí que podríamos seleccionar, para hacer todo alineado correctamente, pero está gris en este momento y está en gris porque nuestro trazo estaba en el interior aquí. Si vamos y ponemos el trazo en el centro, podemos decir que la forma se vuelve un poco más grande. Bueno, en realidad no es más grande, es solo que el trazo se ha movido sobre el borde de la forma. Cuando obtenemos eso como selección, entonces obtenemos acceso a esta opción que sólo va a cuadrar las cosas. Lo que hace es que ajusta todo para que sea un ajuste perfecto, y se puede ver que acaba de saltar un poco. Obviamente, hay algo mal aquí y aquí, está arreglado. En esta etapa, si quieres que tus puntos estén un poco más separados, solo
puedes aumentar la brecha. Si aumento la brecha, se puede ver que estoy consiguiendo un espacio, así que es la brecha la que está controlando el espacio entre los puntos. El peso está controlando el tamaño de los puntos y siempre vas a tener un guión cero. Ahora que tenemos eso, queremos los agujeros. La forma más sencilla de conseguir los agujeros es tomar este trazo y simplemente hacer un duplicado de él porque todo está perfectamente configurado. Vamos a agarrarlo y arrastrarlo hasta aquí hasta un ícono más y obtenemos un trazo idéntico. Ahora, este va a ser nuestro agujero, va a ser desechable. Hagámoslo un color que sea fácil de ver para que podamos ver que tenemos las cosas bien. En este momento los agujeros tienen exactamente el mismo tamaño que los círculos. Necesitan ser más pequeños. Abriremos nuestro panel Stroke. Sabemos que esta brecha controla el espaciado para que no queremos cambiar eso. Sabemos que el guión cero controla el hecho de que estos son círculos. La única otra cosa sobre la que tenemos control es el peso, y así es como hacemos nuestros puntos más pequeños. Voy a hacer el mío 30. Ahora los puntos son más pequeños que los círculos originales, estos van a ser mis recortes. Ahora esto va a funcionar exactamente como todo lo demás ha funcionado. Si queremos que algo sea un recorte, ponemos su opacidad a cero. Vamos a la opacidad de este trazo azul, que son los puntos azules, van a ser nuestros agujeros, y ponemos la opacidad a cero, y desaparecen. Bueno, esperábamos que desaparecieran porque eso es lo que pasa. Ahora bajamos a la opacidad general de toda la forma, la opacidad en el mismo fondo aquí. Hacemos clic aquí en “Grupo Knockout” hasta que obtenemos una marca de verificación, y este son nuestros agujeros. Ahora esta forma no tiene relleno por el momento. Si quieres que tenga un relleno, puedes darle un relleno. Vamos a volver y conseguir relleno de color naranja. Ahora el relleno se coloca detrás del círculo aquí. Podemos ponerlo por encima de todo si queremos simplemente
arrastrándolo al frente y luego obtienes este efecto de borde. Puedes arrastrarlo hacia atrás detrás de todo lo demás, y obviamente estás consiguiendo el efecto nock-out a través de las formas, lo que el efecto nock-out no solo está sacando los agujeros azules de los círculos negros, sino también de este relleno. Ahora esos círculos podrían estar a lo largo de una línea. Podrían estar alrededor de cualquier forma que te guste, pero esa es una forma de conseguir puntos, y por supuesto también podrían ser guiones si quisieras que fueran guiones, solo haz una longitud de guión para ellos que tengan agujeros en ellos y que ir por un camino de algún tipo.
8. Proyecto y Wrapup: Ya terminamos el contenido de video para este curso, así que te toca completar tu proyecto de clase. Ahora tu proyecto de clase es reproducir una o más de las técnicas que has visto en este curso que te interesan. Podría haber uno o dos, los detalles te hablan como el tipo de efectos que te gustaría estar más familiarizado con el uso. Crea estos efectos y publica una imagen de tu obra terminada como tu proyecto de clase. Ahora como estabas viendo estos videos, habrías visto un prompt preguntando si recomendarías esta clase a otros. Por favor si disfrutaste la clase y aprendiste de ella, harías dos cosas por mí. En primer lugar, contesta sí, que sí recomiendas la clase. En segundo lugar, escribe incluso en pocas palabras por qué disfrutaste de la clase. Estas recomendaciones realmente ayudan a otros estudiantes a ver que esta es una clase de la que ellos también podrían aprender. Si ves el siguiente enlace en la pantalla, haz clic en él para mantenerte al día con mis nuevas clases a medida que se liberan. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
