Técnicas de etiquetas de cajas de cerillas.: tipografía, fuentes antiguas y disposición del texto

1. ¡Hola!: Sucedió tan rápido. No estoy seguro exactamente cuándo y cómo. Sólo recuerdo haber visto esa hermosa etiqueta de caja de fósforos en Pinterest. [ MÚSICA] No podía detenerme de fijar. Me inspiré. Había tanto que observar y aprender y tantas nuevas ideas de diseño para dar vida. Hice técnicas de etiqueta de matchbox, ilustración, Diseño Vintage, y Texturas Print para que podamos viajar atrás en el tiempo juntos y lo hicimos. Observamos, hicimos una lluvia de ideas y aprendimos a transformar ideas en diseños de etiquetas de caja de fósforos visualmente simples pero efectivos. Aprenderemos a replicar digitalmente todas las técnicas de impresión y a hacer erratas únicas y aplicar texturas viejas de vapor. Nos enfocamos en diseñar conceptos e ilustraciones. Pero para entender completamente las etiquetas de matchbox, ahora necesitamos sumergirnos más profundamente en. [ MÚSICA] Hola, soy Nina, pesar de que todos me conocen como Di Ujdi. Soy ilustrador y diseñador de patrones con sede en Belgrado, Serbia. Esta es una clase sobre topografía de etiquetas de caja de fósforos. En esta clase continuamos nuestro viaje en el tiempo viajando al mundo del diseño vintage observando espacios tipo etiqueta matchbox. Aprenderemos sobre diferentes estilos de fuente y cómo replicar arreglos de texto vintage. Te compartiré algunos de mis sitios web favoritos por inspiración o por encontrar fuentes de código abierto que puedas usar y cambiar y ajustar fácilmente para tus proyectos de diseño. último, pero no menos importante, para que nuestros diseños luzcan vintage y únicos, replicaremos errores, erratas y texturas de papel antiguas. Esta vez, te mostraré todo el proceso de diseño de etiquetas usando Adobe Illustrator y Adobe Photoshop. Así como dije en una clase anterior, esta es una clase intermedia para ilustradores, diseñadores y todos los entusiastas juveniles e individuales. Con esta clase, completarás tu viaje de etiqueta de matchbox con conocimientos tanto en ilustración como en tipografía. Estas habilidades de diseño serán de gran utilidad en tu viaje de diseño profesional. Ya sea que quieras hacer réplicas vintage o crear diseños modernos con un toque vintage. ¿ Qué puedo decir excepto, gracias por volver a unirte a mí y empecemos. [ MÚSICA] 2. Proyecto: Tu proyecto es crear un diseño de etiqueta matchbox con una solución tipográfica. En la clase anterior, nos enfocamos en construir nuestro diseño desde la zona cero. Hicimos mucha lluvia de ideas y bocetos hasta que encontramos una idea de diseño correcta. Si ya viste la clase anterior y desarrollaste tu diseño final de etiqueta, puedes usar esa ilustración o idea de diseño como punto de partida y adaptarla centrándote en la tipografía, o bien puedes iniciar un nuevo diseño proyecto. Para ayudarte a sumergirte en la creación sin preguntarte qué diseñar, hice una guía de proyecto. Se trata de un documento PDF que ya compartí en la clase anterior, pero también puedes descargarlo de la sección de recursos de esta clase. Ahí encontrarás ideas para crear diferentes tipos de etiquetas de matchbox desde iniciar y diseñar tu propia marca de matchbox, hasta llegar a las ideas publicitarias que se colocarán en una etiqueta de matchbox a diseñar una etiqueta que difunda conciencia o celebre eventos importantes. Al igual que antes, también estoy compartiendo contigo un enlace a mi tablero de Pinterest con la colección cada vez mayor de diferentes etiquetas de matchbox. Es una maravillosa fuente de inspiración y ejemplos de los que aprender. Ya sea que estés diseñando para trabajo o para la práctica personal, hay muchas formas en las que puedes usar las técnicas de esta clase. Algunos proyectos posibles que vienen a la mente son el diseño de paquetes, postales, discos musicales, carteles, portadas de libros, o simplemente diseños de etiquetas de caja de cerillas. No puedo esperar a ver qué se te ocurrirá y estoy deseando ver tu inspiración, proceso de pensamiento y por supuesto, el diseño final de la etiqueta de matchbox. Una vez que termines, asegúrate de compartir todo en la sección de proyectos de la clase. 3. Estudiar lo antiguo crea lo nuevo: En esta lección, vamos a observar algunas etiquetas de caja de fósforos diferentes que pueden servir como grandes ejemplos cuando se trata de estilos de fuente, colocación y disposición del texto, e imperfecciones de impresión de texto. esto llamo trabajo de detective visual, y realmente me encanta hacerlo. Imprimí algunas etiquetas de caja de fósforos diferentes para utilizarlas como muestras para la observación. Antes de continuar, te sugiero que vayas a la sección de recursos de clase y encuentres el enlace al tablero de Pinterest donde reuní muchos diseños diferentes de etiquetas de matchbox. En primer lugar, echa un vistazo a todos estos diseños y encuentra cinco a 10 etiquetas de caja de cerillas que te destacaron por su topografía. Ya sea por un estilo de fuente particular, colocación, o manchas de tinta interesantes. Puedes imprimirlos o reunirlos en un tablero digital de humor que tendrás frente a ti. Primero puedes seguir junto con mis ejemplos. Trataré de cubrir muchas variaciones diferentes pero al mismo tiempo observa las etiquetas de caja de cerillas que has elegido. medida que pasamos por cada paso, intenta aplicar ese conocimiento a tus ejemplos y toma notas. Para poder hablar de diferentes fuentes y estilos que podemos observar en estas etiquetas de matchbox, necesitamos retocar algunos conceptos básicos de tipografía. Como probablemente ya sabrás, podemos dividir las tipografías en dos categorías principales: serif y sans serif. tipografías Serif tienen características decorativas al final de los trazos de letras que se denominan serifs. bien sans serif como su nombre indica, no los tienen. Ahora si entramos en detalles, hay más grupos que podemos distinguir tanto para las fuentes serif como sans serif. En primer lugar, echemos un vistazo a diferentes grupos serif. Tenemos estilo antiguo o humanista, transicional, moderno, y serif de losa también llamado egipcio. tipografías serif humanistas pertenecen al periodo renacentista. Fueron diseñados para imitar la caligrafía clásica y los estroboscópicos que la mano humana hace. Las tipografías serif transicionales, a veces llamadas barrocas, se encuentran entre el estilo antiguo y el moderno. En comparación con el humanista, tienen más contraste y serifs más nítidos. tipografías serif modernas tienen serifs delgados y rectos como pequeños bloques, y tienen un contraste más pronunciado cuando se trata de líneas delgadas y gruesas. El último grupo que tenemos son las tipografías serif de losa. Como puedes ver, se trata de letras muy audaces y pesadas que tienen terminaciones serif audaces que pueden ser rectas o curvas un poco. Ahora, echemos un vistazo a los grupos sans serif. Las tipografías Sans serif se desarrollaron un poco más tarde que serif a principios del siglo XIX. En ese momento se les llamaba grotescos, lo que significa distorsionados y feos. Eran bastante diferentes a lo que la gente estaba acostumbrada o a lo que se consideraba hermosa tipografía. Aquí podemos distinguir estos cuatro grupos principales: grotescos, neo-grotescos, geométricos o modernos, y humanistas. Grotescos sans serif son los primeros tipos de letra sans serif desde el XIX hasta principios del siglo XX. Eran más o menos industriales y desarrollados para publicidad y titulares. Se puede distinguir este grupo por formas de letra sólidas y negritas con ancho de línea relativamente uniforme, especialmente en las mayúsculas. El neo-grotesco sans serif apareció a mediados del siglo XX como una evolución de las tipografías grotescas. Tienen trazos atrevidos y carácter uniforme vertical. Por cierto, las tipografías neo-grotescas sans serif a veces se conocen como anónimas sans serif. Uno de los representantes más utilizados de este grupo es Helvetica. tipografías geométricas sans serif, como su nombre lo indica, se construyen utilizando formas geométricas, que es algo que le da a estas fuentes un aspecto muy contemporáneo. tipografías humanistas sans serif se volvieron muy comunes en el siglo XX. Al igual que los serif de estilo antiguo, imitan la caligrafía y tienen una variación en el peso de la línea. Ahora con toda esta información visual en mente, echemos un vistazo a diferentes etiquetas de matchbox para ver qué podemos observar sobre las tipografías y qué tipo de tipografías se usaban comúnmente. Aquí tengo algunos ejemplos. primeras dos etiquetas de caja de cerillas pertenecen a un periodo más antiguo y tienen esta distinguible estética victoriana. En estas etiquetas antiguas, podrás ver el uso de serif de estilo antiguo como en este ejemplo y serif de losa en la segunda. En ambos, grotescas fuentes sans serif. Como sabemos, las tipografías serif eran muy populares en ese momento, pero debido al pequeño área de impresión, trazos y serifs definidos se perderían y requerirían una mejor calidad de impresión. Pero una mejor calidad de impresión significaba menor velocidad de impresión y un precio más alto. Por lo que para solucionar este problema, cambiaron de tipografías serif a losa serif que tenían iguales pesos de línea y eran generalmente más perno. También empezaron a usar tipografías sans serif, que es algo que también puedes ver en estos dos ejemplos. Especialmente en esta que es un gran representante de las primeras tipografías grotescas que se usaron. También puedes notar que al usar sans serifs, podrían imprimirlos en un tamaño bastante pequeño sin perder ningún detalle como lo harían con las fuentes serif. Ahora si nos fijamos en estas etiquetas más modernas de mediados del siglo XX, notarás que las fuentes en uso son sans serif. Tenemos ejemplos de sans serifs geométricos y también serif neo-grotesco y cuadrado aquí. En la siguiente lección, practicaremos un poco esto. Encontraremos y emparejaremos fuentes existentes con estas fuentes de etiqueta de caja de fósforos. Pero por ahora, quiero que echen un vistazo a las etiquetas de caja de fósforos que tienen, y tomen notas sobre diferentes tipos de letra que se pueden observar y distinguir. El siguiente tema que quiero hablar es la colocación de texto. Ahora, hay diferentes periodos, estilos y tipos de etiquetas, por lo que es muy difícil poner todo esto en categorías. Pero lo que quiero hacer es observar estas etiquetas de caja de fósforos para ver qué tipo de colocación de textos es recurrente y por qué y qué tipo de colocación de textos es inspiradora para mi propio trabajo. Aquí, tengo tres grupos diferentes. Estas son etiquetas de estilo antiguo. Lo que es típico en estas etiquetas es el uso de texto curvo y el uso de barras. Estos dos de aquí son más modernos, pero la colocación del texto es muy clásica y verás que se utilizan en muchas etiquetas de caja de fósforos. El texto se coloca en la caja de la parte inferior, y también se puede colocar entre las ilustraciones o donde tenga algún espacio libre adicional. El último grupo es muy interesante porque el texto no está colocado y estructurado de manera habitual. En cambio, el texto se coloca alrededor de cajas de cerillas porque una caja de cerillas es algo que puedes sostener en tus manos, y mientras lo sujetas, puedes darle la vuelta y leer el texto. Ahora, echa un vistazo a tus ejemplos para ver qué tipo de colocación de texto se utilizó y piensa en tu proyecto; qué te inspira y qué tipo de colocación de texto quieres usar. impresión, sobre todo en los días de las cajas de cerillas vintage, pero incluso ahora es un proceso propenso a errores. Pero si te gustan los diseños vintage, notarás que cuanto más los mires, más entenderás que lo que hace estos diseños sean interesantes y únicos incluye todas estas erratas y imperfecciones de diseño. En estos dos, se pueden ver algunas erratas típicas que son muy comunes para esta tecnología de impresión. Los colores y todas estas etiquetas se imprimían por separado, y como el proceso de impresión fue rápido, algunos colores no se alinearon perfectamente uno encima del otro. Por eso verás tantas erratas superpuestas como en estos dos ejemplos. El siguiente aspecto interesante a observar es cómo reacciona el color a la superficie en la que se imprime. En el caso de estos ejemplos, se trata de cartón. Si pones demasiada tinta en el cartón, tiende a remojarse y mancharse. Si le das un vistazo a estas letras, verás que nada es crujiente y afilado. Las líneas tienen una textura, las esquinas siempre son redondeadas y manchadas como en este ejemplo y éste también, y también a veces las letras tienen diferentes pesos de trazo debido a la tinta empapada. Ahora si nos fijamos en estos dos, también podemos observar algunas imperfecciones de impresión de diseño cuando se trata de tipografía. En este ejemplo y muchos otros, notarás que el texto a menudo no está alineado perfectamente, como este nombre o incluso estos bloques de texto. En este ejemplo, se puede observar el kerning imperfecto, especialmente aquí entre E y S, y también algunas letras inconsistentes por aquí. Estas letras se ven un poco sesadas y cambiadas. Una vez más, echa un vistazo a tus ejemplos y toma notas sobre erratas e imperfecciones de diseño. En la siguiente lección, tomaremos todo lo que observamos y lo pondremos en práctica. 4. Estilos de fuentes: En esta lección, hablaremos de fuentes, practicaremos encontrar fuentes modernas para replicar la tipografía vintage a partir de etiquetas de matchbox. También veremos cómo crear diferentes ajustes y cambios apariencia del texto para que se vea un poco imperfecto. Por cierto, me centraré principalmente en las fuentes de código abierto que están disponibles para todos. Antes de empezar, quiero mostrarles algunos sitios web diferentes que utilizo para tipografía, inspiración, y encontrar fuentes. El primer sitio web se llama Fonts In Use, y me parece increíblemente inspirador. Se trata de un enorme archivo de tipografía. De lo que es genial es que no es una lista de fuentes, pero tiene esta práctica base visual. Estás viendo cómo se usan las fuentes y se combinan entre sí. Además, alberga diseños tanto modernos como vintage, además de que puedes buscar por proyecto, o puedes buscar por fuente, y ver cómo una fuente en particular que te interesa se utiliza en muchos proyectos diferentes. El siguiente es Google Fonts. Se trata de un sitio web muy conocido para fuentes de código abierto que tal vez te olvides si estás usando fuentes Adobe, pero sí tienen letra increíbles que son absolutamente gratuitos de usar. Además, aquí encontrarás muchas fuentes que se basan en tipografías clásicas antiguas, y que puedes usar para tu proyecto. El siguiente sitio web se llama Tipo perdido. Tienen muchas fuentes retro que podrían ser geniales para las etiquetas de matchbox. Estas no son fuentes de código abierto gratuitas, pero el método de pago es pagar lo que quieras por licencia de uso personal, así que pensé que valdría la pena mencionarlas también. Los siguientes dos sitios web en mi lista de fuentes de código abierto son un poco más experimentales con tipografías modernas muy interesantes. Estas fuentes no son clásicas, históricas, o vintage, pero pueden ser geniales si quieres experimentar combinando vibra vintage y moderna, futurista, que es algo que quiero probar en mi proyecto. Por cierto, eres libre de usar estas fuentes para proyectos personales y comerciales siempre y cuando acredites a su autor. Estos son mis ir a los recursos, y como siempre, dejaré todos los enlaces en los recursos de clase para que los encuentres. Ahora, vayamos a Adobe Illustrator y empecemos a practicar. Como pueden ver, he colocado algunas etiquetas de caja de cerillas diferentes de las que hemos hablado. Por un lado tengo etiquetas de estilo antiguo, y por el otro, más modernas. Lo que vamos a hacer es encontrar diferentes fuentes que podemos usar para replicar las fuentes de estas etiquetas. Te mostraré algunos trucos para posicionar el texto, además de ajustarlo e introducir imperfecciones. Al igual que antes, sigue junto con mis ejemplos, pero también coloca tus etiquetas de matchbox en Adobe Illustrator y crea tu propia práctica. Empecemos con este. Lo que podemos ver en este es un uso de la fuente serif de estilo antiguo en combinación con sans serif, que es un grotesco sans serif, considerando el periodo de tiempo de esta etiqueta de matchbox. Para la fuente serif, voy a usar un serif de estilo antiguo muy famoso llamado Garamond. Se trata de una tipografía clásica hecha en el siglo XVI por Claude Garamond, y lo grandioso es que existen muchas versiones contemporáneas de fuentes basadas en el diseño de Garamond. Una es Adobe Garamond, y otra es la fuente de Google llamada E B Garamond, que estoy usando en este momento. Esto se ve bien. Se puede notar que algunos detalles no son coincidentes. Por ejemplo, esta parte inferior de la V, no es lo mismo, y tal vez las serifs en la C, pero no estamos haciendo réplicas perfectas, solo estamos haciendo coincidir el estilo. De lo que me ayuda a encontrar fuentes que sean un buen partido son las categorías de las que hablamos. Si copio esto, y por ejemplo, en lugar de un serif de estilo viejo, utilizo un serif transicional llamado Baskerville, puedes ver que no encaja. Es más audaz y cuadrado, y estas terminaciones serif, pesar de que tienen una curva, todavía parecen bloques. Mi consejo es observar la estética general al buscar y emparejar fuentes. Para la fuente grotesca sans serif, voy a usar la fuente que me gusta mucho, y se llama Oswald. Se puede ver que todas las letras están casi en punto excepto la R que tiene una línea recta, y en el original tiene un poco de línea curvada. Ahora que tenemos la fuente seleccionada, déjame mostrarles algunas formas en las que puedo ajustar estas fuentes para crear un parecido aún más cercano. Trabajemos en este sans serif como ejemplo. Ahora lo duplicaré para que puedan ver la comparación. Si miramos la etiqueta de caja de fósforo, la fuente que utilizaron tiene letras más alargadas que son menos anchas. Para conseguirlo, solo puedo seleccionar mi texto, ir a Carácter, y luego aquí puedo ajustar la Escala Vertical y Escala Horizontal. Puedo poner 110 tal vez en este, y en éste, puedo ir con 90. Si lo miras ahora, tiene un parecido aún mejor. El truco con estos ajustes es ser sutil y no exagerar. El siguiente de mi lista es kerning. Como saben, kerning es el espacio entre las letras. Eso es algo que les gusta a los diseñadores ajustar y hacer perfecto. El kerning no se puede ajustar matemáticamente, siempre hay que hacerlo visualmente. El mejor método a usar es entrecerrar los ojos y mirar un texto, y lo que idealmente deberías ver es que el espacio entre cada letra es más o menos el mismo. Pero no vamos a hacer eso. Vamos a estropear este kerning de la mejor manera imperfecta posible que podamos. Nuevamente, el truco no es enloquecerse con él, sino mirar las muestras y hacer ligeras imperfecciones. Antes de empezar a ajustar el kerning en este texto, también quiero cambiar el estilo de regular a medio, para tener una mejor coincidencia, esto se ve mejor, y ahora ajustar el kerning manualmente. Lo que necesito hacer es básicamente solo seleccionar un texto, y luego necesito colocar mi cursor donde quiera ajustarlo, y mantendré “Alt” en mi teclado, y luego solo puedo ir con la flecha, derecha o izquierda. Lo que voy a hacer es que sólo voy a mirar este ejemplo y hacer cambios en el kerning en mi texto. Eso ya está hecho. Se ve muy bien. Antes de pasar a otros ejemplos, quiero mostrarte trucos de Adobe Illustrator para la colocación de texto, sobre todo cuando se trata del texto que está en una curva o dentro de un banner ondulado. Déjame mostrarte dos opciones que puedes usar. La primera opción son los efectos warp. Si duplico esto y lo tengo seleccionado y voy a los efectos warp y luego selecciono bandera, puedo conseguir algo como esto, o puedo, por ejemplo, seleccionar arco y obtener un texto curvo como este. El único problema con esto es cuanto más lo estás doblando, más se estiran y distorsionan tus letras . Pero de todos modos, otra cosa que puedes hacer con esto, y es algo que también vi muchas veces en muchas etiquetas de matchbox, es esta cosa. Se puede establecer la curva en cero y luego se puede arrastrar la distorsión horizontal. Con este efecto, puedes conseguir este maravilloso efecto letras pequeñas letras demasiado grandes, que puede ser genial para consignas o algo así. De todos modos, me gusta usar efectos warp. Pero de nuevo, a veces si las letras están demasiado distorsionadas, entonces podría usar algo diferente, y ahora te voy a mostrar la opción 2. Si quieres establecer esto, solo puedes decir que está bien. Eliminemos esto por ahora y ahora te mostraré , por ejemplo, si querías colocar tu texto en una cosa circular, por ejemplo, como lo hicieron para Vulcan aquí. Lo que puedes hacer es crear una forma circular y luego puedes ir a Tipo, seleccionar tipo en un camino, y luego solo puedes seleccionar esta área exterior donde quieras escribir. Entonces vamos a seleccionar esto, genial, y puedo cambiar la fuente ahora a Garamond. Creo que fue audaz, tecleemos. Básicamente de esta manera, tu texto se quedará como está y no se distorsionará. Por lo que esta es otra forma en la que puedes crear este texto curvilíneo sin que tus letras se distorsionen. Otra cosa que quería mostrarte es cómo crear este texto de banner ondulado sin tener que usar una herramienta de lápiz para recrearlo. Entonces solo eliminaré esto. Como dije, en lugar de usar la herramienta de pluma y luego trazar todo esto, lo que puedo hacer, es un truco muy bueno. Solo puedo seleccionar una línea y crear una línea, y simplemente ponerla en algún color. Ahora se selecciona la línea y lo que puedo hacer es ir a Effect, Distort and Transformar, y luego Zig-zag. Entonces en lugar de este puntiaguda extremos de zigzag, vamos a seleccionar Smooth. Entonces debido a que esta pancarta ondulada solo tiene una cosa ondulada en el centro, voy a poner estas crestas por segmento a una, y sólo voy a ajustarla. Vamos a revisar. Creo que esto se ve bien. Ahora para continuar y para poner este efecto dentro de las líneas, básicamente para hacerlo permanente, voy a ir a Objeto, Ampliar Apariencia, y ahora de nuevo puedo ir a escribir en un camino y apenas puedo empezar a escribir. Cambiemos la fuente. De acuerdo, eso es todo para este ejemplo, y creo que ahora podemos pasar a la otra etiqueta. Aquí podemos ver un gran ejemplo de la fuente serif de losa cuadrada negrita en combinación con un sans-serif abajo, que es algo similar a la anterior, pero un poco aplastada. Para esto, puedo usar Roboto Slab. Esto se ve bien. Para el sans-serif en lugar de Oswald, iré con la fuente Rubik. Esta fuente encaja muy bien porque las letras no son tan condensadas y alargadas como un Oswald, y las letras tienen bordes redondos y tiene esta plenitud. Vamos a crear también el tercer texto inferior con Rubik también. Ambas fuentes son fuentes de Google también y lo genial de ellas es que son variables. Eso significa que no necesito estrictamente cambiar el estilo aquí. Simplemente puedo ir a aquí, a esta configuración variable, y básicamente puedo establecer el peso que necesito. Este es realmente un escenario increíble que puedes usar. Entonces lo que voy a hacer aquí es básicamente lo mismo que hice en el ejemplo anterior. Voy a jugar con ajustar el kerning para que sea similar a la etiqueta de matchbox, y volveré a ir a Ajustes y cambiar esta escala vertical y horizontal. De nuevo, solo tienes que ajustar el cursor donde necesites y luego mantener presionado Alt y puedes configurar el [inaudible] Que se ve bien. Ahora quiero enfocarme en el tercer texto. Básicamente, parece que las letras van arriba y abajo, y algunas letras parecen distorsionadas. Por ejemplo, si pongo una línea por aquí, se puede ver que estas letras subiendo y bajando son muy leves. En su mayoría tenemos, creo que lo que está creando este efecto de que todo sea muy juguetón y de alguna manera extraña son estas letras que se desplazan. Voy a tratar de replicar eso en mi ejemplo. Pero lo que quiero hacer es hacerlo de una manera sutil. Voy a primero que nada, tal vez hacer esto un poco más pequeño. Entonces puedo hacer el clic derecho y crear contornos. Básicamente puedo simplemente desagrupar esto primero. Yo sólo puedo ligeramente tal vez hacer que estas cartas parezcan divertidas de alguna manera. Entonces incluso cambia el ángulo. Vale chicos, creo que esto se ve bastante bien. Pasemos a los otros ejemplos. Por aquí tenemos dos ejemplos modernos. Probablemente sean de mediados del siglo XX y vamos a empezar a trabajar en este primero. De lo que estoy notando aquí es esta prominente escalera circular, que es algo distintivo de las fuentes geométricas. Aquí podría usar la fuente geométrica llamada Montserrat. Montserrat es otra fuente de Google y como puedes ver, encaja muy bien. Aquí puedo ir y hacer algún ajuste con el espaciado, así que ve a Carácter. Nuevamente podemos hacer algo de kerning. También puedo ajustar la escala del mismo. Esto se ve bien. El siguiente cosa en mi mente es hacer que estos O's un poco más grandes para poder ir y crear contornos. Entonces solo puedo seleccionar una O y simplemente hacerlo un poco más grande. Básicamente en lugar de tratar de hacer lo mismo por otro, sólo voy a duplicar éste y estamos bien. Tan sólo tal vez lo último, el último ajuste puede ser hacer que todas estas esquinas sean un poco redondas. Para eso, voy a seleccionar esto y presionar “A” para que pueda acceder a esta herramienta de selección directa, y solo tiraré una esquina y tirará básicamente todas las esquinas y correrá este realmente muy ligeramente. Genial. Creo que esto se ve muy bien. Ahora intentemos replicar este texto por aquí. Voy a volver a usar Montserrat, pero esta vez podemos ir con regular creo. Si miras estos dos están juntos, son un buen partido. Pero lo único que no está coincidente y que me parece importante es esta escalera. Básicamente lo que podría hacer, es que podría seguir adelante y encontrar otra fuente que pudiera tener este tipo de M o puedo duplicar esto y simplemente escribir una W y sustituir estas dos, y eso es lo que voy que hacer. Convertiré esto en contornos y este texto en contornos también. Solo eliminemos esta M y rotemos W, y eso es todo. Es un partido. Ahora para terminar esto, podría simplemente desagrupar esto. A lo mejor cambiar esto Un poco. Nuevamente, estas cartas se ven como las anteriores, como un poco cambiadas y aspecto divertido y eso me gusta mucho. Hagamos esto en perfecto. Para terminar esto, lo agruparé y haré lo mismo que hice por esta grande; voy a dar la vuelta a las esquinas sólo un poco. Seleccione esto, presione “A”, y luego arrastre esto realmente ligeramente. Pero se puede ver la diferencia. Ese ya está hecho. Vamos a crear el último ejemplo. En esta última etiqueta de caja de fósforo tenemos este texto sencillo con enorme espaciado entre las letras. He visto esta fuente en muchas etiquetas de caja de fósforo y realmente tiene esta vibra de impresión. El mejor partido para ello es la fuente que ya he usado en los ejemplos anteriores llamados Oswald. Nuevamente, lo que voy a hacer aquí, voy a ajustar la escala vertical y horizontal. A lo mejor puedo ponerlo a 110. Puedo hacer esto en 75. Esto se ve bien por ahora. Lo que quiero hacer es crear estos enormes huecos entre las letras. Para ello, en lugar de hacerlo manualmente como lo hice en los ejemplos anteriores, voy a ir a Character y luego solo estableceré el seguimiento. Lo pondré a probablemente 900. Esto se ve bien. El seguimiento es básicamente como kerning, pero solo lo estás aplicando al espaciado general de letras. Una vez que hagas eso, puedes entrar y ajustar el espacio entre letras individuales como lo hicimos antes. Vale chicos, ahora es tu turno. Toma dos o cuatro en etiquetas de caja de cerillas y observa la topografía. Trata de determinar en qué categoría de fuente puedes colocarlos; es un serif de estilo antiguo o un serif de losa? ¿ Es grotesco o geométrico sans serif? Esto no tiene por qué ser estrictamente correcto porque hay muchas variaciones y muchas fuentes modernas que están combinando algunas categorías. Pero esto puede ayudarte a determinar qué estás observando y qué deberías estar buscando. Una vez que comienzas a buscar fuentes, puede ser un poco abrumador navegar, especialmente una vasta fuente como las fuentes de Google. Te dejaré los enlaces a fuentes que utilicé y algunas entradas de blog que han recomendado fuentes de Google, para que puedas usar eso como buen punto de partida. Una vez que hayas empezado a emparejar las fuentes, prueba cosas diferentes; jugando con las letras y diviértete. Una cosa es segura, no tienes que preocuparte por hacer todo perfecto. Te veré en la siguiente lección donde empezaremos a crear nuestro diseño de etiqueta de matchbox. 5. Diseño de etiquetas: [ MÚSICA] En esta lección, te mostraré cómo estoy creando mis diseños de etiquetas de matchbox que están enfocados a la tipografía. Decidí hacer dos proyectos y mostrarte cosas diferentes. Uno estará enfocado en hacer un diseño de etiqueta de matchbox que se vea vintage y tradicional y el otro diseño combinará vintage con moderno y futurista. Estoy tan emocionado de trabajar en ambos y experimentar. Voy a trabajar en diseño de etiquetas para una marca llamada Horizon. Esto es algo que ya desarrollé en la clase anterior. Voy a usar la idea y la ilustración que ya hice y la voy a adaptar para estos dos nuevos proyectos tipográficos. Si recuerdas, hice esta ilustración en Procreate. Lo que puedes ver ahora es la versión vectorizada de esa ilustración. Cuando se trata de colores, por aquí en las muestras, se puede ver mi paleta de colores y esta es la misma paleta de colores que compartí con ustedes en la clase anterior. También puedes descargarlo en la sección de recursos de esta clase. Estoy haciendo esta parte en Adobe Illustrator y una vez que termine de ensamblar mis diseños, los moveré a Photoshop para crear una impresión final para mirar. Empecemos con el diseño tradicional. Simplemente voy a mover esto por ahora. Lo que quiero mostrarles es que hice una lista de posibles fuentes que puedo usar para mi marca y también hice una lista de posibles fuentes que puedo utilizar para estas informaciones adicionales sobre etiquetas de caja de cerillas. Aquí tengo etiquetas de caja de cerillas, el número de piezas de madera, el precio, y también puedo después quizá agregar algún tipo de número de serie. Estos dos son mi principal inspiración cuando se trata de colocación de texto. Quiero ir con este diseño clásico, tradicional de etiqueta de matchbox donde puedo colocar el texto en esta caja en la parte inferior y también puedo colocar los otros textos en algún lugar donde pueda ver espacio vacío. Además, lo que me gustó del siguiente es este número, 40. También encontré diferentes fuentes que podrían funcionar para un buen Número 40 porque quiero empezar así mi texto superior. En primer lugar, empecemos haciendo un fondo en este tablero de arte. El formato que estoy usando es un tamaño de papel A3. Vamos a establecer el color. Lo primero que quiero hacer es crear este contorno exterior. Para ello, voy a ir a “Objeto”, “Ruta”, y luego a “Ruta de desplazamiento”. Básicamente, voy a poner esto menos 20 milímetros y ahora convertir esto en un contorno y cambiar el color y tal vez pueda ponerlo en cuatro. Eso se ve bien. Por cierto, esta es básicamente la forma correcta de hacerlo. Si intentas hacerlo de otra manera, por ejemplo, duplicando tu fondo y luego, déjame cambiar el color, y luego, por ejemplo , arrastrándolo, verás que lo que obtendrás al final es un rectángulo que tiene diferente lado izquierdo y derecho desde el lado superior e inferior. Básicamente, si lo escalas así, no se escalará proporcionalmente. La mejor manera de hacerlo es mediante el uso de una Trayectoria Offset. Ahora voy a crear otro contorno interior. Yo quiero tener dos de ellos por lo que seleccionaré este. Ve a “Objeto”, “Trayectoria”, y luego a “Desplazamiento Trayectoria”, y quizá pueda ir con [RUIDO] cinco. A ver. Esto se ve bien. Déjame sólo rápidamente ahora configurar todo y luego podemos empezar a añadir el texto. Lo que tenía en mente para el nombre de la etiqueta, para Horizon es usar, déjame ver, este. Sí, quería usar esta, sobre todo porque me gusta esta letra z o número tres, como tú lo harás. [ RISAS] De todos modos, voy a usar esa y sólo voy a colocarla aquí [RUIDO] y tal vez ponerla en este color de papel que puse para el fondo. Ahora puedo jugar tal vez con el kerning solo un poco. Básicamente, lo que tenía en mente es alinearlo horizontalmente pero luego no ponerlo en el centro de esta caja, pero tal vez sólo para ponerlo un poco arriba. Además, esto es algo que observé en unas cuantas etiquetas de caja de fósforos diferentes. Esto se ve bien. Ahora vamos a establecer el texto superior. Como dije, voy a usar, me gusta este Número 40. Voy a usar eso y colocarlo en algún lugar por aquí. De nuevo, pondré eso al color del papel de fondo. Estoy pensando que voy a sumar, aquí arriba, partidos de seguridad y luego en la parte baja voy a sumar toda la información sobre ellos. Básicamente, 40 serán 40 piezas y también significará 40 partidos de seguridad. De todos modos, déjame crear eso y ya verás a qué me refiero. Necesito cambiar el teclado. Estamos en cirílico ahora. Por cierto, para este texto, voy a usar mi fuente favorita, Oswald. Simplemente se ve tan con clase y tradicional. Creo que realmente va a encajar muy bien para esta etiqueta. Básicamente, me gusta el tamaño de esto pero lo que necesito es terminar el texto aquí. Yo sólo voy a ir a “Personaje” y establecer el seguimiento. Eso se ve bien. También, para el texto inferior, voy a usar la misma fuente, tal vez mayúsculas inferiores. Básicamente, lo que quiero hacer en realidad es encajar ambos textos para estar en la altura de, por ejemplo, el número cero. Nuevamente, por aquí, voy a establecer el rastreo pero antes de hacer eso, quiero separar estas informaciones con un punto central que está en el medio y para hacerlo, tengo que ir a “Tipo” y luego ir a” Glifos”, y sólo necesito encontrarlo. Vamos a establecer el seguimiento y el carácter, así que tal vez 200, y tal vez 200 por aquí. A ver. Creo que esto se ve bien. Podría simplemente moverlo un poco y tal vez arregle algo de kerning o estropear algo de kerning porque no estamos haciendo nada perfectamente por aquí. Esta es una práctica de hacer imperfecciones y en realidad se siente bien. Esto está todo listo. El único problema que podría tener con este texto inferior es que podría ser demasiado pequeño si imprime como una pequeña etiqueta de caja de cerilla. Si estás haciendo este diseño para etiqueta de caja de cerilla real, te sugeriría imprimir escritorio y luego ajustar el tamaño de la fuente. Lo siguiente que quiero hacer es crear algunas superposiciones de color. Básicamente voy a hacer algo similar a esta etiqueta de matchbox que tiene letras recortadas y luego tiene un color encima de ellas. Estaba pensando que puedo hacer eso por 40 y por esta info adicional lo que tiene sentido mientras lo lees. Puedes leer partidos de seguridad por separado y luego esta cosa de color también por separado. Yo sólo voy a agrupar esto y voy a duplicarlo, Command C, y pegarlo en su lugar, Command F. Puedo usar este color rosa que también utilicé para el diseño. De nuevo, lo voy a poner en un modo de mezcla multiplicada. Eso se hace, me gusta cómo se ve. Una última cosa que quiero, porque como puedes ver, esta parte también está en modo multiplicar y esta parte también. Cuando estas partes se combinan, tenemos esta cosa media que crea una silueta de montaña y es en este color más oscuro. Yo quiero hacer lo mismo por estos contornos. Voy a hacer eso básicamente duplicándolos, así que Command C y Command F para pegar en su lugar, y voy a volver a seleccionar este color rosa y ponerlo en modo de mezcla multiplicar. Básicamente este diseño está terminado. Yo sólo voy a desbloquear las capas. Voy a agrupar todo y básicamente moverlo a este siguiente Canvas para que pueda preparar algunos ajustes finales para Photoshop. Ahora desagruparé esto y empecemos a hacer los ajustes. Si recuerdas de la clase anterior, para imitar la técnica de impresión, necesito mantener cada color en una capa, y luego cada capa va en un modo de mezcla de multiplicación para que podamos crear nuevos colores y superposiciones. También lo que es blanco es en realidad papel, por lo que necesita ser un recorte. En primer lugar, voy a conectar todas las formas que tengo que están en este color rosa claro. Yo tengo esto. También, si recuerdas, tenemos estos contornos y ahora este texto. Ahora, debido a que el texto sigue siendo un texto, necesitamos crear contornos. Este es un grupo, así que no puedo hacerlo así, pero puedo hacerlo de otra manera. Puedo ir a Object y simplemente expandirme. Básicamente los resultados son los mismos. También seleccionemos estos contornos de color rosa claro. No los puedes ver ahora porque están en una multiplicación, pero aquí están. Los seleccionaré, y también necesito ampliar eso también porque lo que necesitamos son formas. Vamos a seleccionar ese objeto, expanda. Ahora, voy a seleccionar contornos, texto, y la forma de la cara. Lo que voy a hacer es ir a Pathfinder y seleccionar Unite. Básicamente esto los agrupará y los objetos que se están tocando entre sí, básicamente se conectarán entre sí. Eso es genial. Lo último que necesitamos, porque esto ahora es un grupo, si vas a las capas, verás que se trata de un grupo hecho de muchas formas. Sólo voy a presionar Comando 8 y crear un camino compuesto. Básicamente, cuando haces eso, le estás diciendo a Illustrator que considere todas estas pequeñas formas como una sola cosa. Tenemos eso terminado. Ahora puedo apagarlo, para que no nos moleste, y vamos a hacer lo mismo para el color azulado. Estoy seleccionando los contornos. Nuevamente, Objeto, Ampliar. Voy a seleccionar el texto, Objeto, Ampliar, y creo que estamos establecidos. Déjame simplemente bloquear esto. Como mencioné antes, todo lo que es blanco, como este texto, por ejemplo, necesita ser un recorte porque lo que es blanco es en realidad un color de papel. Lo que vamos a hacer ahora es crear dos grupos o dos capas. Uno va a ser este color azulado y el exterior va a ser este texto blanco. Seleccionemos todo lo que tenemos en color azulado, y así como lo hice antes, voy a ir a Pathfinder, y Unite, y ahora solo puedo presionar Comando 8 y convertir esto en un camino compuesto. Voy a hacer lo mismo para el texto, solo seleccionaré todo. Yo sólo voy a unir esto, y de nuevo, Comando 8 por camino compuesto. Ahora, tenemos estos dos caminos compuestos. Lo que quiero hacer es crear un recorte en este color azulado. Voy a seleccionar ambos, y en el Pathfinder, voy a encontrar Menos Front y sólo seleccionarlo. Ahora quizá no veas la diferencia, pero si jalo esto aquí, puedes ver que el texto es en realidad ahora solo un recorte, y lo que estás viendo es el fondo. Básicamente eso se hace. Puedo traer de vuelta este color rosa y puedo ajustar ambos para que se multipliquen. Pero antes de hacer eso, como pueden ver, una vez que hice el frente menos, este camino compuesto se ha convertido en este inmenso grupo de todo tipo de formas. De nuevo, sólo voy a ir a crear un camino compuesto presionando Comando 8. Ahora puedo configurar esto para que se multiplique y también pondré este rosa claro para que se multiplique. Eso es todo. Este diseño está terminado y preparado para Adobe Photoshop. Básicamente, en la siguiente lección, tomaremos este diseño, lo agregaremos a Adobe Photoshop, y agregaremos imperfecciones y lo haremos lucir vintage. Pero antes de eso, vamos crear un diseño moderno, futurista. También puedes hacer algo como esto por tu proyecto, porque puede ser una gran práctica donde puedes experimentar, combinar diferentes influencias y estilos, y ver a dónde te lleva. En mi lista de fuentes, se pueden ver fuentes más modernas y experimentales cuando se trata de mi marca, y por aquí en los otros textos, quería algo que pueda tener un viejo look de texto de computadora. Básicamente, quería vibra como de los años 80 con un look futurista. Para los arreglos de texto, realmente me inspiró esta etiqueta de caja de fósforos. Tuve una idea para crear ese tipo de diseño base para esta etiqueta. Déjame simplemente configurar rápidamente esta base y luego podemos empezar a agregar el texto. [ MÚSICA] Ahora estamos en este punto donde tengo que añadir mi diseño dentro de esta forma cuadrada. Para ello, voy a utilizar una herramienta Shape Builder. Voy a seleccionar esta forma cuadrada redondeada, y esta cosa quiero borrar, y voy a presionar “Shift M” para la herramienta Shape Builder, y ahora puedes ver este pequeño cursor con plus apareciendo. Si quiero cortar esta forma, solo necesito presionar “Alt” y se convertirá en un menos y solo puedo hacer clic y eliminar eso. Ahora tengo mi diseño dentro de este rectángulo redondeado, y tal vez también podría simplemente duplicarlo y crear algún contorno negro. Creo que esto se ve bien y también encaja con esta línea de aquí. Yo quería mantenerlo de alguna manera para señalar dónde comienza la caja de fósforos y dónde termina. Todo está listo. Ahora sólo voy a añadir la tipografía. Para el nombre de la marca, voy con esta fuente llamada Bogam. Agarramos eso. Al igual que antes, voy a ir a Character y establecer el seguimiento porque lo que quiero es llenar esta cajita. Esto se ve bien. Me gusta mucho esta fuente, pero de nuevo, cuidado, por ejemplo, tipo de fuentes podrían funcionar bien digitalmente o impresas en un tamaño más grande. Porque si tomas en consideración estos pequeños huecos que tienes aquí una vez que te alejes, básicamente desaparecerán. Entonces esta fuente, si está impresa en un área muy pequeña como una caja de cerilla pequeña, podría no ser visible en absoluto. Ahora para los textos inferiores, lo que quiero hacer es, como mencioné, quiero crear este viejo tipo de computadora de los años 80. Mi objetivo es llenar toda esta área con texto de un lado a otro. Lo que voy a usar es, creo que iré con este. Se llama Space Mono, y realmente tiene estas letras de aspecto fresco y me gusta mucho la letra M. Es simplemente hermoso. Empecemos a escribir por aquí. De acuerdo, chicos, este es el texto que acabo de inventar. A lo mejor es tonto, a lo mejor es gracioso, y a lo mejor es estúpido, no lo sé. [ RISAS] No importa porque sólo estamos jugando por aquí. Ahora solo voy a ajustar el espaciado y mover todas estas cosas para que vayan de una esquina a otra o de una frontera a otra. Una decisión de último minuto. Realmente no me gustó cómo se ve ese texto, así que creo que es mejor ir un poco minimalista así sin él. Nuevamente, algunas decisiones de último minuto. Creo que quiero mover esto solo un poco. Básicamente solo estoy agrupando esto y luego lo estoy alineando. Lo último que tengo en mente, me gusta este texto, pero también quiero crear algún error de impresión. Yo voy a hacer eso manchándolo un poco. Voy a copiarlo y luego pegarlo en su lugar, sólo moverlo por un píxel, básicamente, y luego conseguiré estas manchas de letras que se ven de alguna manera, digitales y futuristas. No lo sé, esto es sólo un experimento, pero creo que me gusta cómo se ve por ahora. Vamos a desagrupar esto. A lo mejor aquí puedo ir con algo de color gris. Sí, esto se ve mucho mejor. Está bien, chicos. Creo que ya terminamos. No, no terminamos. Estoy detectando un error. Aquí vamos. Esto yo es un error absoluto. Pero ahora cuando lo estoy viendo, básicamente puedo ponerlo en negro y luego encajará con el tipo, con estos contornos y todo. Yay. Estoy feliz por esto. Al igual que antes, lo que voy a hacer es agruparlo esto, lo voy a copiar, y luego voy a seleccionar este siguiente tablero de arte y pegarlo en su lugar. Volvamos a preparar esto para Adobe Photoshop. Por cierto, una cosa que no mencioné al hacer este diseño tradicional es que siempre es genial tener un lienzo con todo lo que es original y sin cambios porque básicamente, cuando haces recortes, cuando amplías tu fuente, ya no hay más edición. Algo bueno es tener realmente esto ya algunos vuelven a si quieres hacer más ediciones, y entonces puedes tener un duplicado donde haces todos estos preparativos finales. Nuevamente, vamos a hacer todos los preparativos. Voy a empezar primero con el color negro. Vamos a desagrupar esto. Seleccionemos todo el texto y vayamos a Object, Expand, Okay, y también tengo este esquema aquí, que también necesito ampliar. Genial. Ah, y éste también. Creo que todo lo que es negro se expande y ahora puedo seleccionar todas las partes negras. Ahora solo puedo ir a Pathfinder, Unite y luego Comando 8 para el camino compuesto. Eso ya está hecho. Vamos a moverlo para que podamos ver el resto. Ahora tengo este fondo rosa y esta forma de cara, que está en rosa. También necesito fusionar eso, así que voy a seguir Unite. ¿ Qué pasó? Ah, ya veo. No puedo hacer eso antes de hacer un recorte. Ahora voy a cambiar, voy a seleccionar todo lo que sea blanco, Unite, y luego camino compuesto Comando 8. Entonces tenemos este enorme fondo rectángulo o como quieras llamarlo. Ahora vamos a hacer lo del Frente Menos. Selecciona las cosas blancas que van a ser recortes, selecciona el rectángulo y Menos Frente. Déjame ver. Se puede ver que hemos creado recortes. Volvamos a ponerlo. Ahora una vez que haya creado los recortes, puedo seleccionar esto. Déjame mostrarte esta parte rosa, selecciona el rectángulo, y ahora los puedo unir. Todo esto está unido. Por cierto, así es como se ve en este momento. Lo último que tenemos es esta cosa gris, y eso simplemente se queda así, y luego se multiplican. Es sólo una forma y está bien. Voy a poner esto en multiplicar y voy a traer vuelta mi capa negra. Está bien, chicos. Esto está hecho y ya terminamos cuando se trata de diseño. Ambos lucen muy digitales y limpias. Mi siguiente paso es guardar ambas etiquetas como archivos PSD, y en la siguiente lección, seguiremos trabajando en ellas en Adobe Photoshop para que realmente destaquen y luzcan auténticas. 6. Efectos de impresión: Ahora es el momento de agregar todas esas imperfecciones intencionales de impresión y terminar todo con una maravillosa superposición de papel viejo. El mejor programa para eso es sin duda Adobe Photoshop. De cualquier manera, también podrías haber dicho todo el diseño en Photoshop si lo deseas. Personalmente estoy más acostumbrado a diseñar en Illustrator y a trabajar con vectores. Entonces por eso estoy usando ambos programas. Ilustrador para organizar el diseño general y Photoshop para estos toques finales. Básicamente tengo dos diseños. Entonces en lugar de repetirme, los usaré para mostrarte cosas diferentes que puedes usar en Photoshop para obtener resultados finales interesantes. Empecemos con el diseño tradicional. Como puedes ver, lo abrí como un archivo PSD. También puedes ver que tengo tres capas y eso es exactamente lo que configuramos en Adobe Illustrator. Ahora si has visto la clase anterior, tal vez recuerdes que lo que hice con este diseño, ya que cambié un poco su color, por lo que no estaba en este color azulado. Lo cambié a más azul marino, y la forma en que lo hice y la forma, lo voy a hacer ahora, en lugar de simplemente escoger cualquier color que quiera, lo voy a hacer replicando esta técnica de impresión donde cada color es una nueva capa y la superposición de un color, crean diferentes colores. Entonces básicamente voy a seleccionar esta capa de color azulado. Voy a retener a Alt y duplicarlo. Debido a que todas estas capas aquí están en multiplicarse, se puede ver que el color ya ha cambiado. Pero para conseguir este azul marino, lo que necesito hacer es usar el color rosa de mi paleta de colores. Voy a ir aquí a color sólido, y voy a seleccionar este rosa. Ahora voy a convertir esto en una máscara de recorte. Creo que esta es solo la forma más complicada de cambiar de color en Photoshop. Si básicamente conoces algún otro camino, solo hazlo porque estoy tan acostumbrado a Illustrator y a veces hasta algunas cosas muy básicas en Photoshop lo hago solo de la manera más complicada. También si tienes algún consejo al respecto, escríbalos en la sección de discusión. De todas formas, tenemos una máscara de recorte, tenemos esta capa. Voy a seleccionarlos a ambos, y los voy a fusionar presionando Comando E. Aquí está, secambia el color, cambia el color, pero la capa vuelve a la normalidad, así que la configuraré para que se multiplique. Aquí tenemos este precioso tipo azul marino de color morado. Se ve increíble. Al igual que en la clase anterior, voy a ajustar la opacidad al 50 por ciento para que este cambio sea un poco más sutil. Esto se ve genial. Lo siguiente que quiero hacer es crear erratas. Ahora voy a seleccionar algunas capas y las voy a empujar hacia la izquierda, hacia la derecha, y crear estos solapamientos de erratas. Empecemos con este. Tan solo para tener cuidado con las letras para que no empujes demasiado todo esto y hagas que todo sea un poco extraño. Nuevamente, sé muy sutil. Siento ganas de acercar. Lo que realmente me gusta es en realidad este efecto que estas erratas tienen en las letras. Esto me parece muy bonito. Simplemente hace que el texto sea más interesante y efectivo. Una vez que haya terminado de hacer mis erratas, voy a seleccionar todo y agruparlo. Se puede ver que seleccioné las capas. Puedo hacer Comando G y hacer un grupo. Ahora voy a duplicar este grupo. Entonces haga clic derecho, duplique el grupo. Voy a apagar un grupo y voy a fusionar este. El motivo por el que tengo un grupo fuera es otra vez, como les dije en las lecciones anteriores, me gusta mantener las cosas seguras. Entonces una vez que estoy fusionando algo y haciéndolo definitivo, siempre me gusta saber que todavía tengo una especie y puedo volver a y trabajar si es necesario. Ahora esto se fusiona en una sola capa, y puedo agregar algunos efectos de impresión. Entonces lo voy a seleccionar, está seleccionado. Yo puedo ir a Filter. Puedo ir al ruido y añadir algo de ruido. Entonces veamos eso, esto realmente le dará ese aspecto de papel y si observas estas cajas de cerillas, todos tienen estos puntos por cómo se estaba empapando el color en cartón. Creo que quizá un poco menos. Esto se ve bien. Otra cosa que quiero usar se llama efecto ondulado. Iremos a Filtrar, Distort, y Ripple. Entonces lo que esto hará es básicamente hacer todas estas líneas vectoriales digitales perfectas. Las líneas afiladas. Simplemente los hará ásperos. Todo se verá realmente imperfecto e impreso, y eso es lo que estamos buscando. No tengo ningún consejo sobre cuánto debes agregar. Pero sí sugiero ir a sus propias cartas para ver qué funciona. Por ejemplo, creo que esto es demasiado para mí, así que podría bajar un poco y hacerlo más sutil. Esto se ve bien. Lo siguiente que quiero agregar es la superposición final de papel. Déjame ir a la carpeta y añadir este papel. Básicamente, este papel es sólo el papel que escaneé. Creo que la resolución fue de 1200 píxeles. Es sólo un escaneo de las páginas interiores de un viejo libro. Entonces básicamente si tienes algo así en casa y si tienes un escáner, eso va a funcionar perfectamente. Lo que me gusta es encontrar estos papeles que estén manchados y tengan estas páginas realmente rugosas, o papel de aspecto viejo. Si no tienes un escáner de distancia, este trabajo estará disponible para que lo descargues a través de recursos para que puedas probarlo para tu proyecto. Esto se ve bien. Ahora solo voy a ajustar el modo de fusión para este trabajo a Linear Burn. También lo que puedo hacer es ajustar los niveles para este trabajo. Simplemente voy a ir a Ajuste y seleccionar Niveles, haga clic derecho en “Máscara de recorte”, y aquí solo puedo hacerlo un poco más brillante. Dicho esto chicos, el diseño etiquetado tradicional de caja de cerillas está terminado. puede ver lo diferente que se ve una vez que se agregan sólo unos pocos filtros correctos en la superposición de papel. Realmente tiene esa vibra vintage de estilo antiguo a ella. Si estás listo, ahora podemos empezar a trabajar en el moderno diseño etiquetado de caja de cerillas. En ese, podemos ser más experimentales. También quiero mostrarte otra forma súper interesante de usar superposiciones de papel. Empecemos. El diseño está abierto en Photoshop. Para este, quiero usar algo de textura para el fondo. No quiero dejarlo llano y en este color sólido. Por lo que en la siguiente pestaña, se puede ver la imagen de textura que tengo. Básicamente, lo que hice fue con mi teléfono, rápidamente fotografié una bolsa de plástico cerca porque quería capturar algunos pliegues para la textura. Esto puede dar al fondo algún aspecto plástico futurista interesante. Lo que quiero hacer ahora es ajustarlo un poco. Iremos a Ajustes, y yo iré a Brillo y Contraste, así que solo pondremos eso un poco. Básicamente, solo juega con estos ajustes. Lo que quiero hacer es hacer más visibles estos pliegues. En realidad, mi objetivo final con esta imagen es crear una imagen monótona. Para ello, ahora iré a Imagen, Modo, y antes que nada, seleccionaré Escala de grises. Lo que me está pidiendo es aplanar la imagen. Sí, quiero aplanarlo. Ahora volveré a Imagen, Mode, y ahora puedo configurar Duotone. Como puedes ver, una vez que estoy en opciones de duotono, tengo la opción de seleccionar monótono y este es el mismo color rosa de mi paleta de colores. Básicamente, para cambiar el color, solo puedes seleccionar esto y establecer el color que quieras. Simplemente presionaré “Ok”, y eso es todo. Ahora puedo simplemente desbloquear este fondo y solo copiaré, comandaré C y básicamente lo pegaré en esta otra pestaña que he abierto con mi diseño principal. Simplemente arrastraré eso por aquí y puedo seleccionarlo con el botón derecho y crear una máscara de recorte. Eso es todo, aquí hay una manera sencilla de cambiar el fondo llano y hacer algo inesperado e interesante. Además, se puede jugar con esto. Intenta fotografiar diferentes texturas que puedes encontrar y ver cómo se ven cuando las incorporas a tu diseño. Con esto hecho, lo que voy a hacer es lo mismo que hacía antes. Yo sólo voy a seguir adelante y empujar unas cuantas capas sólo para hacer estas interesantes erratas. Eso ya está hecho. A diferencia de la última vez, lo que quiero hacer es usar el efecto ondulado, el efecto que estaba haciendo todas estas líneas rectas parecieran un poco imperfectas. Pero porque tengo esta imagen, la imagen de textura, no puedo fusionar todo esta vez, así que en lugar de fusionar todo, solo voy a seguir adelante y seleccionar cada capa y aplicar esta ondulación efecto, por lo que filtrar, distorsionar, y ondular. Terminé de agregar este efecto ondulado a todas las capas, y ahora solo puedo seleccionar todo como la última vez Command G para hacer un grupo. Volveré a duplicar este grupo, guardaré uno como copia de seguridad y apagaré la visibilidad, y para éste, solo lo fusionaré en una sola capa. Básicamente, todo lo que queda es agregar una superposición de papel. Esta vez te mostraré un truco increíble. En primer lugar, agreguemos el papel. Esta vez quiero usar las partes del papel que tienen pliegues muy visibles. Una vez que tenga el juego de papel, voy a cambiar nuevo el modo de fusión a Linear Burn. Esto se ve muy bonito. Esta vez no voy a ajustar los niveles. Yo sólo voy a mover tal vez esto un poco por aquí. Esto es mucho mejor. Entonces lo que quiero mostrarles es en realidad cómo usar algo llamado mapas de desplazamiento. Es un truco tan divertido que puede hacer todo este diseño digital sea muy realista porque crea una ilusión de que tu diseño realmente se coloca en este papel. Se doblará y lo remodelará, sobre todo alrededor de estos pliegues de papel. Para ello, ahora copiaré el papel, Comando C, y abriré un nuevo archivo. Básicamente lo abriré en el mismo tamaño. Ahora para pegar el papel, necesito pegarlo en su lugar. Eso es muy importante. Haré eso sosteniendo el Comando de Turnos V. Eso es todo. Ahora lo que necesito hacer es ir al modo de imagen y convertir esto en escala de grises. Nosotros queremos aplanarlo, y sólo lo guardaré como archivo PSD. Ahora volveré a mi diseño principal. Lo que tengo que hacer es seleccionar esta capa con el diseño en ella y voy a ir a Filtrar, iré a Distorsionar, y luego seleccionar Desplazar. Básicamente, de nuevo, esto depende de tu diseño, depende de tus tipos de letra, y por supuesto, depende de los pliegues que tengas. Básicamente, solo desempolvar esto. A mí me gusta mantenerlo estirado para caber y envolver y me iré con ocho. Ahora lo último que necesito hacer es seleccionar esta textura de desplazamiento que guardamos. Aquí está, está hecho. Si hago zoom, se puede ver cómo se reforman estas letras, y no sólo letras, también todo el diseño se estira alrededor de estos pliegues. Este es básicamente un truco visual tan grande y efectivo que puedes usar para agregar toda la vibra vintage a cualquier diseño digital que estés haciendo. Por lo que este diseño moderno, futurista, vintage está acabado y ahora si colocamos juntos estos dos diseños acabados, puedes ver cómo se ven en comparación. 7. Gracias: Oye, solo quiero decir, gracias por pasar tiempo conmigo y ver esta clase. Espero que hayas disfrutado de todo este proceso de aprendizaje y hayas descubierto algo nuevo en la tipografía. Espero que continúen explorando. Una vez que inicies tu proyecto, documentalo y comparte con nosotros tus observaciones tipografías de matchbox, inspiración, y en última instancia tu diseño terminado. Me encantaría escuchar lo que piensas de esta clase. Asegúrate de calificar y revisarlo. Como siempre, si tienes alguna pregunta o algo que estaba mostrando no estaba claro, siéntete libre de preguntarme cualquier cosa en la sección de discusión de esta clase y me pondré en contacto contigo en cuanto pueda. Para ser notificado de mis próximas clases, sígueme aquí en Skillshare, y también puedes ponerte en contacto conmigo en Instagram @DIUJDI. Te estoy enviando mucho amor y buenas vibraciones, y te veré en la siguiente.