Texto sobre fondos cargados en Illustrator. Una clase de Graphic Design for Lunch™

1. Coloca el texto sobre un fondo ocupado en la introducción de Illustrator: Hola. Yo soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, Colocando texto sobre fondos ocupados 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, te mostraré técnicas para hacer que el texto se vea más fácilmente cuando se coloca sobre un patrón ocupado o una fotografía. medida que trabajamos a través de estas técnicas, aprenderás trucos como agregar múltiples apariencias al tipo, usar sombras de gota, gradientes y nocauts, y cómo elegir tipos de letra legibles. Estas técnicas ampliarán tus habilidades cuando trabajes en Illustrator todos los días. Suficiente de mí, si estás listo, empecemos a colocar texto con éxito sobre imágenes ocupadas en Illustrator. 2. Pt 1 elige una buena fuente: Lo primero que vamos a ver en cuanto a hacer que tu tipo legible sobre un fondo ocupado es tu elección real de fuente. Ahora, tengo una serie de fuentes aquí. Corremos hacia abajo e identifiquemos lo que tenemos y cuáles son los problemas potenciales con ellos. Esta es en realidad probablemente tu mejor opción. Es lo que se llama una fuente SAN-Serif. No tiene poco destino al final de los personajes, y los personajes son todos tipo de grosor uniforme. Ya verás que no hay ticks ni delfines en la fuente sans-serif. Esta fuente es Myriad Pro y se instala típicamente con las aplicaciones de Adobe. Esta es una fuente que se llama Sofía. También es un san-serif. No tiene destino real al final de los personajes. Es menos bueno de usar debido a las transiciones gruesas y delgadas. Encontrarías que en un fondo ajetreado, es probable que desaparezcan las zonas más delgadas, porque son mucho más pequeñas que las otras letras. Esta es una fuente que merece un mejor trato del que le acabo de dar. Se llama Arizonia. El problema con esta fuente es que nunca se debe establecer en mayúsculas. Los formularios de letras aquí están diseñados para ser utilizados con una letra mayúscula y minúsculas. Esto es prácticamente ilegible en cualquier tipo de antecedentes. Esto es lo que debería verse y configurarse correctamente, tienes mejores posibilidades de calificarlo, pero de nuevo, las transiciones gruesas y delgadas en esta tipografía lo van a hacer menos apropiado para agregar sobre la parte superior de un fondo ocupado. Aquí también, esta es en realidad una tipografía Serif que la ha conseguido o el destino al final de los personajes. Se llama CongalinenF, pero porque las transiciones delgadas son tan delgadas, relativas a las otras áreas del tipo. Nuevamente, esta no va a ser una buena tipografía para establecer en un fondo ocupado. Este es un ejemplo de una fuente serif bastante estándar tiene poco destino. Encontrarías algo similar si estuvieras mirando cosas como Times New Roman, por ejemplo. De nuevo, va a tener algunos problemas en un fondo realmente ocupado debido a estas transiciones muy delgadas y las áreas más delgadas aquí. Es probable que desaparezcan en un fondo ajetreado. Sencillamente, tus mejores opciones van a ser una fuente SAN-Serif que sea bastante blocky, eso tiene caracteres que son agradables, incluso de ancho. Va a ser ideal para poder leer ese texto en un fondo te va a dar un buen punto de partida. Ahora tengo esta fuente y esta fuente a un tamaño más pequeño. Déjame encenderlos por ti. Aquí están. Este es el san-serif, y éste es una fuente serif. Según lo estoy viendo, este se ve un poco gris, pesar de que están fijados exactamente en el mismo color, porque estos personajes son, aun con, el texto se ve un poco más negro. Es un poco más legible. A pesar de que en términos de tamaño de punto, esto son sólo 30 puntos y tuve que manivela este hasta 48 puntos para conseguir que fuera del mismo tamaño físico. También es solo un poco gris. De nuevo, está perdiendo algo en un fondo ajetreado. El primero que quieres hacer es hacer una buena elección de fuente. Date la mejor oportunidad posible de que tu tipo sea legible en tu fondo. 3. Pt 2 elige un color de contraste de la clase de tipo: Lo segundo que querrás ver cuando intentes alejar el texto del fondo es construir en algún contraste entre el texto y el fondo. Aquí tengo algún texto que está coloreado exactamente el mismo rosa que he muestreado del patrón de fondo y el texto se pierde en esta imagen. Esto tiene una muestra de color más clara es un poco más legible, pero básicamente se pierde también. El blanco es solo blanco puro y se destaca bastante bien contra el fondo porque contrasta con él. Esta es una especie de colores mohosos de Pinky y el blanco es tan crujiente que está destacando. El negro es realmente contrastia. Está en el otro extremo del espectro. Es realmente, realmente oscuro contra un tipo de fondo más claro. Al elegir colores de contraste, puedes asegurarte de que tu tipo se vea más fácilmente sobre un fondo. Pero vamos a ver estos colores aquí porque hay formas en que podrías hacer colores como este separados del fondo. Vamos a ver cómo hacer eso en los videos posteriores. Pero si quieres una solución realmente rápida y sucia, entonces elegir colores de alto contraste, como en este caso blanco y negro sin duda te dará tipo que se puede leer fácilmente sobre un fondo como éste. 4. Pt 3 Cambiar la escala: Otra opción que tienes cuando estás tratando de hacer que Tipo B sea más reconocible sobre un fondo ocupado, es cambiar la escala del tipo. Estas letras mucho más grandes son un poco más fáciles de ver que las versiones más pequeñas, particularmente en este color más claro. Pero vamos a ver qué también, podemos hacer con el fondo, en realidad he creado un segundo rectángulo lleno de una versión más pequeña del patrón. Si reducimos el tamaño del patrón, entonces el texto comienza a levantarse del fondo, así que cambia la escala de lo que estás trabajando, por ejemplo, reduciendo el tamaño de un patrón o aumentando el tamaño del texto, o haciendo ambas cosas, te puede dar un efecto que se lea más fácilmente. Ahora, obviamente para escalar tu texto, solo vas a seleccionar en tu texto con la herramienta de selección y luego solo tienes que arrastrar sobre sus asas de esquina. Si mantienes presionada la tecla Mayús mientras haces esto, limitarás los textos para que no lo estés sesgando fuera de proporción. No va a hacer esto, y no va a hacer esto. Para cambiar la escala de un objeto relleno de patrón, seleccionarás el objeto relleno de patrón aquí en el último panel, puedes decir que tengo este patrón lleno por última vez seleccionado. Elija Objeto, Transformar y luego Escala. Vas a deshabilitar Transformar objetos, porque no quieres cambiar el tamaño del objeto. Simplemente quieres cambiar el tamaño del patrón dentro del objeto. En este caso, lo voy a aumentar. Sólo tomémoslo arriba, a decir 200. Por lo que sólo puede escribir aquí el cuadro uniforme, un valor para aumentar o disminuir el tamaño del patrón dentro de esa caja. 5. Pt 4 Añade una sombra de gota: Una forma sencilla de separar visualmente tus textos del fondo es darle una sombra de gota. Voy a seleccionar esta palabra rosa, voy al menú Efecto y elijo estilizar y luego soltar sombra. Solo ten en cuenta que aquí hay verdaderas opciones de estilizar en este menú solo para agregar confusión a la situación, es la de la parte superior que quieres estar usando y elegir drop shadow. Ahora la sombra de gota predeterminada se va a ver algo así. Se va a configurar en modo de mezcla Multiplicar, que es un modo de mezcla de oscurecimiento. El color es una especie de color negro, la opacidad estará en torno al 75 por ciento y el desplazamiento y desenfoque x e y serán de siete píxeles y cinco píxeles. Pero eso podría diferir dependiendo de si has estado usando este diálogo o no. Ahora si quisieras que se mezclara un poco mejor en lugar de ser tan cruda como es, hay pocas cosas que podrías hacer. Podría marcar hacia abajo la opacidad a, por ejemplo algo así como el 50 por ciento, y se mezclará un poco mejor. También podrías aumentar el azul y eso suavizará un poco el efecto. Déjame ponerlo de nuevo hasta el 75 por ciento porque también puedes usar un color distinto al negro. Vamos a dar click aquí. Ya he muestreado los colores de mis obras de arte, así que voy a las muestras de color, y voy a seleccionar el color que estamos usando en esta obra de arte, así que es este color rosa y haga clic en “Ok”. Porque estamos usando el modo de mezcla Multiplicar aquí, en realidad está actuando como una sombra de gota. Podemos llevar eso incluso hasta un 100 por ciento, y obtendríamos un efecto ligeramente más oscuro. Si quieres este color, pero un poco más oscuro, haz clic en él y baja aquí al valor Bay, ese es el valor de brillo. Si dejamos eso de lo que es ahora mismo, que es 78 hasta, por ejemplo, 60, vamos a conseguir una versión más oscura del color rosa. Todavía vamos a conseguir una sombra de gota rosa, pero va a ser un poco más oscura de lo que era. Puedes jugar con las opciones aquí en el cuadro de diálogo de sombra de gota. Ahora, además de una sombra de gota rosa, también podrías usar una más ligera. Déjame solo agarrar un duplicado de este color rosa. Déjame ir y quitar la sombra de gota. Hago eso seleccionando todo mi tipo e yendo al panel de apariencia. Se puede llegar a eso eligiendo ventana y luego apariencia. Lo que voy a hacer es seleccionar esta capa de sombra de gota y sólo la voy a estropear. Ahora vamos a poner una sombra de gota más ligera en este tipo. Con ella seleccionada, volveremos a Effect y estilizar y soltar sombra. Vamos a establecer el modo de mezcla en lugar de multiplicar a pantalla, porque la pantalla es un modo de mezcla aligerante y ya se puede ver el efecto que este color rosa oscuro ha tenido en el objeto relleno de patrón debajo. Es un efecto aclarador. lo que podrías, por ejemplo, bajar el radio de desenfoque para tenerlo un poco. También podrías usar unos colores aún más claros, así que volvamos a nuestras muestras de color. Tengo otro color que es de este documento, este color aquí. Podría usar eso como sombra de gota. De nuevo, eso es muy intenso, así que podría bajar eso de nuevo para decir 75 por ciento. Puedes usar sombras de gota como efectos de oscurecimiento o efectos de rayo. Tan solo asegúrate de que si quieres una sombra de gota oscura que estás usando multiplicadores, el modo de mezcla. Si quieres una sombra de gota de luz, entonces vas a usar la pantalla como tu modo de mezcla para la sombra. 6. Pt 5 añadir uno o más pinceles: Otra opción que tienes para levantar tu tipo por encima un fondo básico es agregar un borde a su alrededor, un trazo en efecto. Tengo mi tipo seleccionado aquí. Tengo el trazo seleccionado. Voy a dar click para agregar un trazo y estoy tomando muestras y usando uno de los colores de la obra aquí te voy a mostrar en tan solo un segundo, cómo conseguí esos colores. Simplemente voy a aumentar el peso del trazo aquí. Ahora también puedo colocarlo en el exterior de las letras aquí con Align Stroke hacia afuera para que solo se asegure de que el trazo esté en el exterior de las letras. Ahora podemos ir un paso más allá y añadir múltiples trazos. Pero para hacer eso, vamos a necesitar usar un proceso ligeramente diferente. Antes de hacer eso, veamos cómo conseguí los colores de la obra de arte en mi panel de muestras. Lo que hice fue seleccionar el objeto que en realidad tenía los colores en él que quería así que ese es este fondo aquí. Lo he apuntado y seleccionado. He ido al panel Muestras y he hecho clic aquí en Grupo Nuevo Color. Al hacer clic en eso, obtengo la opción aquí de lo que quiero obtener mis colores, y lo quiero de ilustraciones seleccionadas y quiero que estas dos opciones estén marcadas, y voy a dar clic en Ok. Eso sólo me da los colores de mi obra de arte que son este hueso color topo, un rosa y luego está este rico azul. Habiendo hecho eso, voy a encerrar mis antecedentes. Nuevamente ahora no necesito dos conjuntos de este color, así que déjame ir y deshacerme de este conjunto, pero así es como obtienes los colores de tu imagen. Ahora echemos un vistazo a este ritmo de tipo, porque lo que quiero hacer es agregarle múltiples trazos. Irá al panel de apariencia. Se puede ver que ni siquiera tiene un relleno aquí si hago doble clic en caracteres, aquí es donde decimos el relleno. En este punto lo que tenemos que hacer es apagar el relleno. Voy a quitar el relleno por completo y luego volver a subir aquí a donde dice Tipo No Apariencia y haga clic en los. El tipo ha desaparecido. Se supone que desaparecerá en este punto. Ahora vamos a dar click aquí abajo y añadir un nuevo filtro al tipo. Ahora viene el relleno como negro, eso está bien. He muestreado mi color, así que aquí está el color que quiero usar. Yo quiero que el relleno sea el rosa que estamos usando. Yo quiero que el trazo sea los mismos colores que estamos usando aquí arriba así que voy a apuntarlo, seleccionarlo, y vamos a aumentar un poco el peso del trazo. Ahora en este punto podemos agregar un segundo trazo algo que no pudimos hacer con este texto. Lo que haremos es bajar aquí y hacer clic en Añadir nuevo trazo. Ahora este strike es exactamente del mismo tamaño y color que los otros, así que no lo estamos viendo en absoluto. Voy a hacer que sea una versión más oscura de este rosa. Déjame ir a buscar mi rosa en primer lugar, luego vendré aquí al trazo y doble clic sobre él para abrir el diálogo. Voy al brillo y sólo voy a reducir eso al 60 por ciento porque eso me va a dar una versión más oscura de mi pintura. Voy a dar click Ok. Todavía no lo podemos ver porque está detrás de todo. Lo que tenemos que hacer es compensado. Tenemos que alejarlo de este trazo aquí. Con este trazo seleccionado, el oscuro que queremos empujar, escogeré Effect y luego Trayectoria y Offset. El valor predeterminado de la ruta de desplazamiento es de 10 píxeles, por lo que lo está empujando demasiado lejos para mis necesidades. Solo voy a dar clic aquí y presionar la flecha hacia abajo acercar el trazo al texto. Ahora no tiene que sentarse justo en el otro golpe. Podrías poner un espacio entre ella que podría agregar al efecto. Necesitas solo hacer una llamada tú mismo. Voy a hacer que se siente un poco más allá del trazo original. Ahí tenemos el resultado de agregar solo un solo trazo alrededor nuestro texto y volver a usar un doble trazo básicamente en los mismos colores, como el objeto debajo. Estamos empezando a levantar el tipo de fondo. Este efecto se puede combinar con por ejemplo nuestra sombra de gota. Déjame ir a por éste. Vamos a Effect, Stylize y luego Drop shadow. Voy a usar una sombra de gota multiplicada. Voy a usar mi color rosa. Es realmente útil haber guardado como muestra de color porque lo hace tan accesible. Configura en el modo de mezcla Multiplicar. Creo que eso va a estar bien. Voy a dar click Ok. Agregar trazos alrededor de tu tipo ayudará a diferenciarlo del fondo, y puedes combinarlo con una sombra de gota. 7. Copias múltiples de capa del texto del texto: Echemos un vistazo ahora a otra opción para trabajar con nuestro tipo, y va a verse un poco diferente en la palabra rosa que hemos estado usando en esta fuente Myriad Pro, y algo que no es una fuente de script. Voy a empezar a trabajar en mi fuente de script. En primer lugar, es una fuente llamada Creampuff. Tengo a mis dos electos, es de este color rosa. Vamos al panel de apariencia y vamos a quitar el relleno y el trazo para que no tenga relleno, ni trazo, y me voy a escribir a sí mismo y voy a añadir aquí un nuevo relleno, y viene en relleno de negro. De hecho, quiero que sea el color rosa con el que estamos trabajando. Voy a hacer un duplicado de este relleno, así que con él seleccionado, solo voy a dar clic aquí en el icono más. Este, voy a hacer negro y quiero moverlo. En este momento el relleno está inmediatamente detrás del texto rosa existente. Yo quiero moverlo a través y abajo, así que usamos nuestra Herramienta de Transformación para eso. Con eso seleccionado, escogeremos efecto, distorsionaremos y transformaremos, para luego transformaremos. Esta es la forma en que podemos movernos tipo en lugar de compensarnos el camino. Lo que voy a hacer es moverlo horizontalmente y vertical, diez horizontal y diez vertical y haga clic bien. Ahora me vendría bien un rosa más oscuro o simplemente podría conformarme con el negro. A mí me gusta bastante el efecto negro, así que voy a hacer otro duplicado de esto haciendo clic en el negro. Voy a llenarlo con este color más claro que muestreamos de imagen, así que ese es este color de aquí. Pero otra vez, porque era un duplicado del negro, está sentado inmediatamente detrás del negro. Yo quiero usar la herramienta de transformación en ella, pero ya tengo la transformación aquí, simplemente no está en la dirección correcta, así que voy a dar clic en la transformación. Déjame mostrarte lo que hice, fui a este relleno aquí, y hice clic en transformar, y voy a recuperarlo menos diez, y menos diez. Se sienta arriba y a la izquierda del tipo original, así que ese es el efecto que estoy buscando crear aquí, y de nuevo, está empezando a alejar el tipo del fondo. Simplemente no funciona tan bien en una fuente como esta Myriad Pro. Te voy a mostrar la solución para eso. Con el tipo seleccionado, volvamos a lo que estamos haciendo, vamos a apagar el relleno y el trazo, vamos a volver al tipo en sí, vamos a dar click aquí para añadir un nuevo relleno y trazo. Vamos a ajustar este relleno a los mismos colores que hemos estado usando, haremos un duplicado del mismo. Este que está debajo porque queremos que esté debajo del tipo principal. Vamos a hacer negro y vamos a empujarlo, pero esta vez sólo vamos a empujarlo horizontalmente, no verticalmente, así que vamos a elegir efecto, distorsionar, y transformarlo, para luego transformarlo. Yo sólo voy a tirar de ella 10 horizontalmente. Echemos un vistazo a 10 verticales y veamos por qué no me gusta ese efecto. puede ver que se está cortando aquí. Creo que es un efecto más fuerte si solo usamos el movimiento horizontal y no el movimiento vertical, y luego para hacer un duplicado de esto, basta con dar click en el signo más aquí, llenarlo con este color más claro que estamos utilizando aquí, y cambiar su transformación. Vamos a empujarlo hacia atrás en dirección opuesta, así que voy a dar clic en la transformación, y en lugar de 10 píxeles positivos, sólo voy a hacer esos 10 píxeles negativos. De nuevo, está siendo empujado a través. Creo que es mejor que usar el menos 10 menos 10, que se pierde de nuevo aquí y aquí en estas letras en ángulo. Si tus letras no tienen ángulos sobre ellas, entonces podrías ser capaz de usar el efecto como lo hicimos aquí, pero donde tienen sus fuertes ángulos, creo que estás perdiendo el impacto del efecto si usas un movimiento vertical. Ahí tenemos nuestro texto rosa más un poco de texto negro, y más este otro texto de color extranjero. Se alejan el uno del otro. El negro viene 10 píxeles a la derecha, la versión de color más claro va 10 píxeles a la izquierda. Aquí va 10 píxeles a la derecha, y diez abajo, y este más ligero va menos 10 a la izquierda y menos 10 arriba. Por supuesto, uno de los beneficios de este efecto es que es totalmente editable y a pesar de que tenemos tres capas de tipo aquí, es solo un efecto de tipo. Si entro aquí y cambio esto a punk, entonces dirás que las tres capas de tipo, el negro, el color más claro, el rosa tienen todo tipo alterado. Sólo un objeto para editar, no objeto múltiple, y creo que eso lo hace un efecto más robusto. 8. Pt 7 usa una superposición semi transparente: Hasta el momento las opciones que hemos estado buscando para nuestro texto implican cambiar el texto de alguna manera. Veamos ahora cómo podríamos cambiar el fondo de alguna manera para levantar el texto por encima de él. Voy a agregar un nuevo rectángulo al documento que es del tamaño del documento. Yo sólo voy a cuadrar en el documento aquí. Tengo alineado a tablero de arte ya seleccionado. Ahora lo voy a colocar detrás de los textos. Déjame sólo ir al último panel será más fácil verlo aquí. Solo arrastrémoslo y soltémoslo detrás de los objetos de texto. Porque es exactamente el mismo color que el texto, no lo estamos viendo y porque es un color sólido, no estamos viendo el patrón a través de él. Podríamos ajustar hacia abajo la Opacidad del objeto y eso matará parte del color en el patrón debajo. Simplemente no está ayudando a los textos porque es del mismo color que el texto. ¿ Y si hiciéramos esto blanco, por ejemplo? Ahora podemos ver el texto muy claramente y también podemos ver el patrón también. Pero quizá queramos ver parte del patrón en su forma original, pero solo encubrir el patrón aquí donde el texto está encima de él. Para ello, en realidad voy a enrollar esto de nuevo hasta una opacidad del 100 por ciento. En lugar de blanco, voy a llenar esta forma con un gradiente. Simplemente lo voy a llenar con el gradiente de negro a blanco predeterminado. Voy a revertir los gradientes, así que negros por este lado, blancos por este lado. Voy a hacerlo de blanco a blanco gradiente. Voy a hacer doble clic aquí, y voy a hacer este blanco. Esencialmente, tenemos exactamente lo mismo que teníamos antes. Se trata de un objeto lleno de color blanco sólido, pero está lleno de un gradiente, por lo que eso nos da algunas opciones más. Aquí esta parada en el gradiente controla este lado del documento y es una opacidad del 100 por ciento. Esta parada por aquí controla este lado del documento. También es una opacidad del 100 por ciento. Veamos qué pasa si lo hacemos cero. Cuando lo hacemos cero, vemos el patrón por aquí y este es el punto de transición. Esta transiciones es entre esta parada, que es un 100 por ciento blanco y esta parada que es cero por ciento de opacidad, pero aún de color blanco. Puedo acercar esto un poco más para acercar el punto de transición, y esto no tiene por qué ser un 100 por ciento. Puedo hacer doble clic en él y bajar la opacidad de las paradas a, por ejemplo, decir 60 por ciento. El texto se está levantando del fondo porque tiene un gradiente debajo de él, y el gradiente está transitando de 60 por ciento blanco en todo el camino a través a cero por ciento blanco. Todavía podemos ver nuestro patrón no es exactamente como antes, pero también podemos ver nuestro texto. Eso se combina con un efecto como un trazo alrededor tu texto o una sombra de gota y es posible que tengas ahí la solución que estás buscando. Ahora antes de terminar, déjame ponerle un trazo alrededor de este tipo porque no va a funcionar exactamente de la manera que esperamos que lo haga. Cuando agrego un trazo a este tipo, verás que el trazo está en las formas individuales de letras, y así le está dando este aspecto extraño al tipo. Pero ya sabemos lo suficiente de Illustrator que podemos arreglar esto con nuestro tipo seleccionado vamos ir y quitar el trazo y el relleno. Volvamos a la parte superior aquí, pinchemos sobre él y agreguemos un nuevo trazo y llenemos. Vamos a darles los colores exactos como estábamos usando previamente y vamos a tener el mismo resultado que lo sucedido anteriormente. Pero aquí hay una orden de apilamiento. Cuando aplicamos nuestro trazo y relleno usando la opción de tipo en lugar de la opción de carácter, entonces podemos ajustar la colocación del trazo y el relleno. Por el momento el trazo está encima del relleno, solo moveámoslo debajo. Voy a arrastrarlo debajo del relleno y eso esconde esas áreas superpuestas. Todo lo que necesito hacer es ir a hacer el trazo un poco más ancho. Este tipo no va a tener exactamente los mismos problemas porque los formularios de letras no se superponen. Podríamos agregar un trazo blanco a este tipo en particular y obtener el resultado que estábamos buscando. Pero con el texto unido, necesitamos hacer algo para evitar que las formas de letras sean delineadas individualmente con ese trazo. 9. Pt 8 crear un efecto de texto de Knockout Knockout: Otro efecto que podemos usar aquí para alejar nuestro tipo del fondo, pero en este caso, incluso utilizó el fondo como nuestro tipo es crear un efecto nocaut. Lo que voy a hacer es ir a la herramienta de rectángulo y voy a usar una zona de color diferente enfocando el color de relleno, y voy a usar uno de los otros colores del patrón, que es este tipo de blues oscuros, porque Quiero un poco de contraste aquí. Voy a arrastrar un rectángulo que más o menos va a encubrir el texto. Tiene 1920 por unos 350 píxeles de altura. Va de un lado del documento a otro, y lo voy a colocar detrás del texto. Permítanme simplemente colocarlo directamente debajo del texto, podemos decir el texto y el banner. Tengo un curso completo sobre efecto nocaut. Si te gustó este efecto, quizá quieras ir y mirar mi curso sobre los efectos knockout porque lo tomo mucho más despacio que esto. Nos fijamos en un montón de diferentes efectos knockout. Lo que haremos es seleccionar primero el tipo, y vamos a ajustar su relleno a 0 opacidad. Iremos al panel de apariencia, apuntaremos aquí está relleno y tiene una opacidad en su relleno y eso es todo lo que queremos seleccionar. Voy a ponerlo a 0 opacidad, debería desaparecer. Entonces vamos a seleccionar el tipo y el tipo de fondo [inaudible] o el rectángulo de fondo. Estoy dando click en uno y turno dando click en el otro. Ambos seleccionaron, los voy a poner en grupo. El motivo de esto es que cuando se tiene un grupo de objetos, se puede decidir ilustrarlo. El que acabo de hacer totalmente transparente con 0 opacidad. Quiero que uses eso para perforar un agujero en lo que hay debajo de aquí. En otras palabras, en este rectángulo. Vuelvo al panel de apariencia para el grupo. Se puede decir que ese grupo está aquí y vamos a la opacidad aquí, y basta con hacer click en “Grupo Knockout”. Lo que eso hace es que le hace un agujero al rectángulo azul, la forma exacta del tipo que acabamos de establecer en 0 opacidad. Ahora podemos moverlos por el grupo interior que pueden ir a cualquier parte. Tienes este efecto donde tenemos un rectángulo azul a través del documento y el tipo sigue siendo bastante legible. Está perforado a través del rectángulo azul como un agujero, y a través de eso estamos viendo el patrón debajo. Para recapitular rápidamente eso, lo que vas a hacer es tomar tu tipo y vas a ajustar su relleno a 0 opacidad, luego vas a agrupar el tipo con el rectángulo. Eso es realmente importante. Cuando los tengas en un grupo, ve al panel de apariencia localiza aquí la opacidad, y configura este Grupo Knockout para que lo revise. Entra, solo tiene un pequeño guión en que vas a hacer clic en él una vez para comprobarlo. Eso perfora este agujero en el rectángulo debajo. Esto es editable. Si vamos al último panel, puedes decir que este es nuestro grupo aquí, tenemos el tipo aquí y el rectángulo, podríamos seleccionar el tipo y podemos moverlo alrededor y solo ajustar su posicionamiento si así lo deseas. Pero como dije, si te gusta ese efecto nocaut, si te interesan los efectos knockout y cuida mi clase sobre efectos knockout y se vinculará en la siguiente descripción. 10. Pt 9 Trabajar con fotos: Todo lo que hemos hecho en este curso, prácticamente se puede utilizar con fotos en Illustrator también. Antes de terminar, echemos un vistazo a la situación especial de trabajar con fotos. Tengo un documento ya creado 1920 por 1080, el tuyo puede ser del tamaño que quieras. Voy a colocar una imagen de foto. Escogeré” Archivo” y luego “Lugar”. Voy a utilizar una imagen Unsplash de Markus Spiske. Simplemente voy a seleccionar la imagen, y dar click en “Colocar”. Observe que estoy incrustando la imagen, tengo todas esas opciones desactivadas. En realidad, la imagen va a estar incrustada en el documento. Ahora lo puedo colocar en mis documentos. Yo sólo voy a arrastrar para ponerlo dentro. Quiero usar tanto como esto pueda. Tengo un documento de paisaje y una imagen de retrato. Con la imagen seleccionada, voy a cambiar su ancho al ancho de mi documento, y el ancho de mi documento es 1920. Voy a asegurarme de que esto esté bloqueado para que si ajuste el ancho, también se vaya a ajustar la altura. Déjame simplemente bajar mi tablero de arte para que pueda ver todo. Voy a mover la imagen más o menos a la posición que quiero que sea, y estoy mirando aquí la parte de la imagen que realmente quiero usar. Eso está bastante bien colocado sobre mi tablero de arte. Déjame mostrarte lo que estamos viendo aquí. Sólo voy a usar esa porción de la imagen. Ahora las versiones más recientes de ilustrador, hay una herramienta de recorte. Cuando tienes una imagen de mapa de bits como una fotografía seleccionada, aquí hay una opción llamada Recortar imagen. Voy a hacer clic en él, y sólo voy a dimensionarlo sobre mi tablero de arte. Simplemente está encajando en la posición 1920 por 1080, voy a dar clic en “Aplicar”. Ahora se recorta al tamaño de la imagen. Ahora bien, si no tienes una versión de Illustrator que tenga la herramienta Recortar imagen, déjame solo mostrarte lo que vas a hacer. Déjame volver a donde estaba. Imagen realmente grande, tablero de arte muy pequeño. Vamos a colocar un rectángulo sobre la parte superior del tablero de arte, es decir, 1920 por 1080 al que queremos recortar esta imagen. Yo sólo voy a hacer eso. No importa de qué color sea o si incluso tiene un color. Yo sólo lo estoy centrando sobre el tablero de arte aquí. Voy a seleccionar la fotografía y ese rectángulo. Voy a hacer una máscara de recorte. Elige “Objeto”, “Máscara de recorte”, “Hacer”. Eso tiene exactamente el mismo efecto, excepto que en este caso tenemos la imagen todavía ahí y una máscara de recorte. Si estás usando las versiones más recientes de Illustrator, entonces realmente vas a tener que recortar el exceso de imagen. Esa es realmente más o menos la única diferencia. Déjame ir y añadir mi texto ahora. Voy a añadir mi texto en negro. Déjenme simplemente probar el negro que es 000, y los canales rojo, verde y azul. Escribiré la palabra “Rábano”. El tipo de letra que estoy usando es Channel Slanted. Es solo una fuente realmente bonita, y eso funcionará muy bien para este proyecto. El texto no es altamente legible. Vamos a utilizar la opción para agregar un trazo alrededor del texto. De hecho, voy a añadir dos trazos rodeando el texto. El problema está en el muestreo de los colores aquí. Si selecciono sobre este objeto aquí, y trato de probar los colores en el pino Muestras aquí, básicamente no pasa nada. Ya he estado trabajando en esta imagen, así que déjame solo deshacerme de esas muestras. Podemos construir en el set. Ahora voy a añadir nuevo grupo de colores. No consigo ninguna muestra, eso está bien. Podemos conseguirlos nosotros mismos. Iremos a la herramienta Cuentagotas de ojos, y vas a “Shift”, haz click sobre una parte de la imagen de la que quieras muestrear un color. Tan pronto como veas una bahía de color, puedes hacer clic en el símbolo más para añadirlo al panel Muestras. Ahora bien, si tienes seleccionado tu grupo de colores, realidad entrará en ese grupo de colores. Solo estoy seleccionando colores, mirando lo que tengo, decidiendo si es algo que quiero conservar, o si me gustaría intentar algo un poco diferente. Puede mostrar que estoy presionando “Shift” mientras estoy haciendo clic para muestrear una etiqueta de color, la muestra de color a la que quería agregar, haga clic en el signo “+”, y haga clic en “Aceptar”. Voy a agarrar unos colores. Encontrarás que es fácil agarrar los colores del texto si te acercas demasiado al texto. Ilustrar, piensa que realmente quieres probar el negro del texto, y eso no es típicamente lo que quieres hacer. Puedes muestrear todo tipo de colores de tu imagen que puedes usar en este efecto. Volvamos a “Tipo”. Volvamos al panel Apariencia. Hagamos doble clic en “Personajes”. Yo quiero quitarle el relleno y el trazo, porque quiero agregar el mío propio. El top ha desaparecido totalmente, no es un problema. Hagamos clic en “Añadir nuevo relleno”, y está relleno con el negro. Volvemos a donde estábamos, excepto que tenemos mucha más flexibilidad en esta área del panel Apariencia. Vamos a añadir un trazo rosa a esto. Voy a usar un rosa claro. Voy a aumentar el trazo blanco. Tenemos el mismo problema con esta fuente, como lo tuvimos con esa otra fuente, excepto que el trazo va alrededor de cada forma de letra individual, y tenemos algunas cosas desordenadas pasando aquí. Bueno, ya sabemos qué hacer con eso. Simplemente vamos a arrastrar este trazo debajo del relleno, y eso resuelve el problema. Sólo necesitamos hacer el trazo un poco más grande para que podamos verlo. Ahora voy a añadir un segundo trazo. Voy a tomar este trazo porque está en la posición correcta. Eso se ve perfecto. Yo sólo lo voy a usar para hacer una copia. Daré clic aquí en “Duplicar trazo seleccionado”. Voy a ir a hacer de esto un color oscuro, el color más oscuro que muestreé. Voy a compensar este camino porque ahora mismo este trazo oscuro está debajo del claro. Está sentado ahí mismo. Bueno, yo quiero alejarlo, así que vamos a usar el Camino Offset. “ Efecto”, “Trayectoria”, “Desfase Trayectoria”. Tan solo asegurándote de que antes de hacer eso, tienes seleccionado el trazo correcto, porque tienes que apuntar a éste, porque es el que quieres mover. Se mueve demasiado lejos. 10 píxeles es el predeterminado, y está un poco demasiado lejos aquí. Voy a llevarla a unas seis y hacer clic en “OK”. Aquí te dejamos un texto negro, está muy oscuro sobre una imagen muy oscura, pero hemos podido probar algunos colores de la fotografía, y utilizar los que usan uno de los efectos que aprendimos antes en esta clase, para crear texto que por suerte, levantado por encima de la fotografía, y es fácilmente legible. 11. Proyecto y Wrapup: Ya hemos terminado la parte de video learning de este curso por lo que ya te toca para tu proyecto de clase. Tu proyecto de clase será tomar un patrón o tomar una fotografía e importarlo a un documento de Illustrator, colocar una pieza de texto encima de él, y luego usar una de las técnicas que has visto en esta clase, para hacer tu texto destaque por encima de tu ajetreado fondo. Cuando termines, publica una imagen de tu trabajo terminado como tu proyecto de clase. Ahora, como estás viendo estos videos, habrías visto un prompt preguntando si recomendarías esta clase a otros. Por favor, si disfrutaran de la clase y aprendieran de ella, ¿ harían dos cosas por mí? En primer lugar, contesta sí, que sí recomiendas la clase. En segundo lugar, escribe incluso en pocas palabras, por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a ver que se trata de una clase de la que ellos también podrían disfrutar y aprender. Si ves el enlace de seguimiento 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 en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.