Impresióname: ilustración tipográfica

1. Avance: Hola, soy Tom Froese. Soy ilustrador y diseñador y creador de la popular clase Skillshare “Inky Illustrations”. Esta clase se llama “Impress Me, ilustrando para una tipografía”. En esta clase, te mostraré cómo creo y preparo archivos para la impresión de tipografía. A todo el mundo le encanta la tipografía, sin siquiera saber qué es, gente inmediatamente siente tanto con sus ojos como con sus manos que un tipografía es diferente. Con texturas cálidas, hermosa reproducción de color, y luego impresión que realmente puedes sentir con tus manos, tipografía es una técnica de impresión especializada de elección para invitaciones llamativas, tarjetas de felicitación e impresiones de arte. Con un enfoque en aprender los conceptos básicos de la tipografía y cómo se aplican a la ilustración, esta clase es para ilustradores y diseñadores de todos los niveles que quieran aprender más sobre esta fascinante técnica de impresión. Aquellos de ustedes que han tomado la clase de mi Inky Illustrations se beneficiarán especialmente, porque estaremos más o menos recogiendo donde lo dejamos. Te mostraré lo que hago con una ilustración cuando esté listo para enviarla a impresoras tipográficas específicamente. En el proyecto de clase, se llega a diseñar su propia tarjeta de felicitación de tipografía, y aprender a preparar su obra de arte para enviarla a una impresora de tipografía, que resulta que no solo es una máquina, sino una persona muy hábil que la opera. Ya sea que planees imprimir realmente con tipografía, o simplemente tienes curiosidad sobre cómo funciona todo. Esta clase es segura que cambiará la forma en que piensas sobre el diseño de impresión. Incluso puede cambiar cómo te acercas a tus ilustraciones en su conjunto. ¿ Estás listo para impresionarme? Genial. Estoy muy emocionado de ver lo que hacen ustedes. Hagamos esto. 2. El proyecto: diseño de una tarjeta de felicitación: Para el proyecto de clase, vas a diseñar e ilustrar una tarjeta de felicitación con letras en dos colores. Puede ser por un cumpleaños, unas vacaciones, o cualquier otra ocasión que puedas imaginar. Puede tener palabras con letras a mano o mecanografiadas, o simplemente puede ser una imagen bonita. Depende totalmente de ti. En el proyecto, vas a aprender a planear, diseñar y preparar obras de arte que estén listas para enviarlas a una impresora tipográfica. En el camino, vas a recoger algunas habilidades esenciales de Photoshop y pre-preparación que estaremos seguros de que se convertirá en herramientas de diseño vitales para los próximos años. Durante el transcurso de la clase, te anima a compartir tu proceso en la página de tu proyecto. Siempre es tan genial ver lo que ustedes están haciendo. Por favor, comparte tus tormentas de ideas, bocetos, tus planes, tus ilustraciones finales. Incluso otorgaré mil millones de puntos de bonificación a cualquiera que en realidad letra presione su pieza. ¿ Estás listo para hacer esto? Vámonos. 3. Aspectos básicos de la impresión tipográfica: Antes de sumergirte, quería darte una diminuta primaria sobre conceptos básicos de tipografía, cómo funciona y cómo se ve una impresión de tipografía. Al entender cómo funciona la tipografía, estarás mejor preparado para hacer hermosas obras de arte listas para tipografía. Cuando Johannes Gutenberg inventó la máquina de tipografía en los mil 400, basó en una prensa de vino que utilizó un tornillo para sujetar firmemente dos bloques de madera. En lugar de triturar uvas entre estos bloques, su máquina prensaba y grababa juego de metal en el bloque de un solo bloque que estaba entintado. Presionó eso hacia abajo en la hoja de papel para hacer una impresión usando presión muy alta. Aparte de algunas mejoras modernas, tipografía utiliza prácticamente el mismo concepto. El rasgo de firma de la impresión de letras es la forma en que se presionan las áreas de tinta y se hunden en la página, especialmente cuando se presiona la obra de arte en papel más grueso. Puedes sentir la impresión de la tinta cuando pasas los dedos sobre ella. Otra característica notable de una impresión de letra prensa es la simplicidad de los colores. A diferencia de las tecnologías de impresión modernas como el láser y el offset, que pueden crear millones de colores en una sola pasada. Letterpress tiene que imprimir cada color por separado. Para cada color, hay una placa separada. La tinta se enrolla sobre placas de polímero o plástico, que luego se presionan hacia abajo sobre el papel. Los colores en estampados de tipografía, especialmente en tarjetas de felicitación, tienen una pureza y solidez poco comunes para ellos. La impresión moderna como offset y láser utilizan patrones de puntos diminutos de cian, magenta, amarillo y negro para crear todos los colores del arco iris. Se pueden imprimir fotografías, por ejemplo. Para la prensa de letras por otro lado, hay que mezclar a mano o pedir premezclado antes de ser colocado en el papel. Otra característica notable de una impresión de prensa de letras es la forma en que la textura del papel puede realmente mostrarse a través de la tinta y le da una especie de aspecto granulado. Ilustradores, yo incluido a menudo simulan este efecto en la ilustración digital para darle una cálida impresión Lee vintage. El efecto general de la impresión de letras, las impresiones que puedes sentir, los colores sólidos, las texturas verdezas. Estos son los que lo hacen tan encantador y deseable. Tenga en cuenta, sin embargo, que la obra que estamos creando, para la prensa de letras no tendrá estos efectos hasta que se impriman realmente. En esta clase, en lugar de aprender a simular efectos de tipografía, estarás aprendiendo a crear ilustraciones que realmente podrías haber impreso en tipografía. 4. Tipográfica Lingo: medida que los guía a través del proceso, estaré usando términos específicos que se relacionan con la impresión de tipografía. En este apartado, repasaré brevemente los importantes. El primer término es papel. Papel por supuesto, es la superficie física en la que se imprime tu diseño, pero cuando estamos trabajando en Photoshop, o a veces nos referimos a las áreas blancas de la obra como papel, recordando que en la pieza impresa final, que es lo que estaríamos viendo. El siguiente término es tinta o color entintado. Todo el color en la impresión de tipografía resulta de que la tinta se presiona hacia abajo sobre el papel. Estaré usando los términos tinta y color indistintamente. Si bien la tinta, más específicamente se refiere a la sustancia pigmentada física que se imprime en el papel. Los próximos términos de los que estaré hablando son formas y rellenos sólidos. Cuando hablo de formas sólidas o rellenos, estoy hablando de áreas de color sólido de cualquier forma en tu ilustración. Una forma sólida podría ser un círculo, una estrella, o podría tener una forma más abstracta como un zigzag o una mancha. El siguiente término son las líneas. Cuando hablo de líneas o trabajo de líneas, estoy hablando de detalles y de las ilustraciones que no son formas sólidas de color, sino más bien líneas, contornos, garabatos, motas y demás. El siguiente término es tipo. Para nuestros propósitos, tipo se refiere a palabras en la obra de arte. Puedo usar las palabras tipo, letras o letras indistintamente. tipo se puede escribir con una fuente, o se puede escribir a mano con un pincel o un pincel de Photoshop. Los siguientes términos son espacio positivo y negativo. Espacio positivo se refiere a cualquier parte de la imagen donde se colocará tinta. Espacio negativo se refiere a cualquier parte de la imagen donde no se colocará tinta. Para darles un ejemplo más concreto, aquí tengo un plato con una sola letra A en él. El plato tiene áreas que se levantan, ese es el espacio positivo la placa también tiene áreas que retroceden o son reveses y ese será el espacio negativo. Sólo la parte positiva de las placas recibirá tinta y se colocará sobre el papel. La tinta básicamente va en la parte positiva de la placa y eso se empuja sobre el papel. El siguiente término es sobreimpresión. Cuando un área de color de tinta se imprime sobre la parte superior en un área de un color de tinta diferente, se dice que está sobreimpresa. El efecto de una sobreimpresión es la estratificación de dos colores de tinta para hacer un tercio. Entonces imagina este diagrama de Venn aquí con dos círculos superpuestos. Un círculo es amarillo y el otro es azul, donde se superponen y se sobreimprimen sería verde. Entonces aquí en Photoshop, claro que no hay impresión y los colores, el azul es opaco y el amarillo no se muestra a través. Pero en la impresión física, si yo imprimiera esa tinta azul sobre la tinta amarilla, las dos tintas son algo transparentes y se obtendría un efecto de capas superpuestas, donde se crea un tercer color solapando las dos. El siguiente término son nocauts. Cuando se perfora un agujero u otra forma de una forma sólida, se dice que el primero es noqueado de la escalera. Knockout en realidad se refiere con mayor frecuencia al tipo blanco rodeado de color, donde las letras están definidas por el espacio negativo donde la tinta no está. Ahora vamos a hablar de atrapar. Trapping se refiere al área de transición entre dos colores. Imagina que un estampado tiene un sol circular amarillo colocado dentro de una zona más grande de cielo azul. Cuando se imprime la tinta azul, tendría que existir un agujero que dejara pasar el amarillo del sol. De lo contrario el sol imprimiría sobre el azul y se vería verde. Idealmente, el agujero en el azul y la forma del sol serían idénticos en tamaño y se imprimirían precisamente uno encima del otro. Pero en realidad, los dos colores se imprimirán uno sobre otro ligeramente imperfectamente alineados. Un borde del sol podría imprimir ligeramente sobre el azul, mientras que el otro borde lo extrañaría por completo y mostraría una astilla de blanco, como en este ejemplo de aquí. Existe el atrapamiento para compensar esta alineación imperfecta. En tal escenario, la forma del sol sería un poco más grande que la totalidad de la tinta azul. Eso aseguraría que la tinta recorra todo el camino hasta el borde y que ningún papel se muestre a través. Demasiado atrapar aunque al sol tendría un halo verde. En este ejemplo, las áreas de color en el interior, como las Montañas anaranjadas o las nubes azules dentro del sol están perfectamente atrapadas por el color circundante. El término final del que quiero hablar es el registro. El registro se refiere a cómo se alinean dos o más tintas en una impresión y como impresora calificada siempre asegúrese que esta alineación sea lo más perfecta posible. Entonces estamos saltando a Illustrator aquí solo por un segundo, solo para mostrarte esto es una carta navideña diseñada hace un tiempo y fue un trabajo de tres colores con tintas negras, amarillas y rosas y por supuesto puedes ver que esto ahora mismo lo luce muy desordenado y desorganizado y lo que les estoy mostrando son las tres placas no registradas. Pero si los alineamos todos, verás que tres colores trabajan juntos para hacer una imagen cohesiva y verás en las esquinas estos trazos, estos se llaman marcas de registro y básicamente le dicen a la impresora cómo para alinear las placas. Es como si le estuviera dando a la impresora un rompecabezas para resolver y él puede resolver el rompecabezas alineando esas marcas de registro. 5. Herramientas clave de Photoshop: En esta sección, te estaré mostrando cómo uso ciertas características y herramientas de Photoshop para diseñar para tipografía. A lo largo del proyecto, también estaré usando un poco Illustrator, y te mostraré cómo hago eso a medida que avanza. También estaré incorporando algunos elementos analógicos. Si quieres saber más sobre eso y mi proceso creativo, asegúrate de revisar mi clase de Skillshare en ilustraciones clave. Entonces estoy en Photoshop aquí, y característica bastante fundamental de Photoshop son las capas. Podrías dibujar todo en la capa de fondo, pero entonces todo lo que creas es plano en eso. Es como dibujar en una hoja de papel. El beneficio de tener capas es que tienes estos componentes móviles que puedes agregar, y eliminar, y eliminar sin afectar a otras capas. Las capas pueden tener píxeles. Ahora mismo estoy pintando con un pincel de Photoshop en píxeles sobre una capa. También puedes usar formas de trazado que ocupan allí capas propias. Acabo de copiar y pegar una capa. Entonces este círculo rojo, este círculo amarillo, y estos garabatos son cada uno en sus propias capas. Los grupos de capas, por otro lado, son una forma de organizar aún más tus capas. Aquí tengo un grupo de capas que incluye las dos formas de trazado. su mayoría es solo para mí organizar la obra de arte. No tiene rodamiento. Ya sea agrupada o no, la obra luce exactamente igual. Otra característica que estaremos utilizando es la herramienta de multiplicar. Esto sólo nos ayuda a simular sobre impresiones. En la última sección hablé más de esto. Pero cuando usamos multiplicar, hace que la capa a la que se está aplicando este efecto transparente y actúe como si se tratara de una lámina coloreada de plástico básicamente. Nos ayuda a ver cómo podría verse el efecto de imprimir una tinta sobre otra. Es muy aproximado. Otra herramienta que estamos utilizando en Photoshop es la herramienta de lápiz. Cualquiera que haya tomado mi clase de ilustraciones de tinta sabrá que uso esto bastante. En realidad se puede aprender mucho sobre la herramienta de bolígrafo tomando esa clase. Lo básico a saber de la herramienta de bolígrafo es, puedes hacer cualquier forma, pueden ser cuadrados, líneas, círculos, garabatos, blobs, lo que sea con estos contornos, y luego puedes llenarlos de colores que crean nuestras formas. En Illustrator, esto se llama pathfinder, y en Photoshop, funciona prácticamente de la misma manera. Si estás familiarizado con la versión de Illustrator de esto. Las operaciones de ruta determinan básicamente cómo interactúan dos rutas en una misma capa entre sí. Retrocediendo por un segundo, tenemos estos dos círculos, uno magenta y otro amarillo en dos capas diferentes. Estos son independientes el uno del otro porque están en diferentes capas. Si cambio el color de una o cambio el tamaño de la capa, no afecta a la otra. Eso se debe a que estos caminos no están relacionados. Este camino es para el magenta y este camino es para el, lo que era la capa amarilla aquí. Quiero hablar de lo que pasa cuando tienes dos caminos en la misma capa. Voy a ir a borrar el amarillo y vamos a trabajar sólo en esta capa magenta. Vayamos aquí a nuestra herramienta de selección de caminos. Puedes presionar “A” y hacer clic en esa forma y vas a ver un contorno de la trayectoria del círculo que define la forma general en esta capa. Voy a “Option”, y luego dar clic y arrastrar para hacer al círculo pasar en esa misma capa. Notarás que todavía tenemos una sola capa, pero dos formas de círculo, y estas están definidas en la capa de ruta aquí. Las operaciones de ruta muestran cuando estás en la herramienta de selección de rutas, se mostrarán aquí en la barra de herramientas aquí, y puedes utilizarlas para hacer que las formas de esta capa interactúen de diferentes maneras. Digamos que quiero cortar un trozo de esta forma de círculo usando esta forma de círculo. Sólo voy a asegurarme de que se seleccione la forma del círculo que acabo de hacer aquí y luego ir restando de forma. Se puede ver que los dos círculos existen y el uno está sacando una pieza del otro. Si eso fuera más pequeño, puedo cambiar el tamaño de esto. Puedo ponerlo en el medio. Se está restando área de la otra forma. Entonces así es como funciona restar de forma. Voy a volver. Ahora solo digamos, quiero que estas dos áreas de forma se intersecen. De acuerdo con este pequeño ícono de aquí, deberíamos poder ver sólo rosa en esta forma de canoa aquí. Entonces dondequiera que estas dos formas se superpongan, eso hará un área positiva. Finalmente excluiremos las formas superpuestas. cualquier lugar que estos dos caminos se superpongan será negativo y en cualquier lugar donde no se superpongan será positivo. Por lo que tenemos seleccionados nuestros caminos y luego iremos a excluir formas superpuestas. Tenemos el papel o el blanco estallando entre ellos donde se solaparían. 6. Paso 1: empezar a dibujar: Para este punto has aprendido qué es la tipografía y cómo funciona. Has recogido algunos términos de tipografía clave y has aprendido algunas herramientas esenciales de Photoshop que utilizo para diseñar para la tipografía. Ahora es por fin un momento para iniciar el proyecto. Para empezar, necesitamos bosquejar y planear nuestra tarjeta de felicitación. Para esta etapa, todo lo que necesitaremos es un papel, un lápiz, y tu imaginación. Ahora antes de empezar a bosquejar, debería darte las especificaciones de la tarjeta para la que estaremos diseñando. El tarjeta de felicitación será una tarjeta de diez veces igual que esta. Las dimensiones son 4.25 pulgadas ancho por 5.5 pulgadas de alto. Nuestra obra de arte estará en la cara de esta tarjeta, y el arte será en dos tintas. Lo que hago al principio de mis bocetos es, solo creo miniaturas en el tamaño aproximado de la pieza impresa final, y empiezo a probar conceptos. No tienes que ser precioso en esta etapa, solo puedes ser realmente rudo, realmente se trata solo de tu idea en esta etapa. Pero empecé a querer hacer una vela que era realmente elegante porque es una tarjeta romántica. A lo mejor el pie de foto sería: “Me gustas”. Ahora, una vez que hayas elaborado tu concepto en tu boceto de miniaturas súper rugosas, podrás pasar a un boceto más refinado, donde averiguas cómo encajará realmente en el espacio de la tarjeta, y las dimensiones reales, y hacer que este boceto tal vez se vea un poco más refinado. He dibujado un poco fuera de las líneas aquí en mi boceto, pero siempre puedo simplemente llevar esto a Photoshop y corregir cómo encaja eso más adelante. Estoy trabajando en una plantilla de boceto impresa. Se puede descargar la misma plantilla de boceto en la página del proyecto. Ahora, solo quiero empezar a pensar en cómo va a funcionar esto en mis dos colores de tinta. He elegido una tinta negra y una tinta rosa. No tengas miedo solo de empezar con dos colores por ahora, siempre puedes cambiar de opinión más adelante. Yo quiero que el candelabro sea negro, y luego quiero que el candelabro sea rosado, y las llamas también pueden ser rosadas. Círculos rosados con la llama noqueada. No siempre coloreo en mis planos de diseño de tarjetas ni en mis bocetos. El lápiz crayones, estoy haciendo esto más para solo mostrarte cómo pienso en un diseño funcionando en tan solo dos colores. Lo más probable es que el texto también sea negro. Podría incluso tratar de hacer brillar o resplandecer un poco las velas. Otra cosa en la que me gusta pensar en esta etapa son las oportunidades de sobreimpresión, porque me gusta cómo se ve una tinta cuando está impresa sobre otra. En este diseño en particular, voy a hacer que los extremos inferiores de mis velas sobreimpriman el candelabro. Es un toque sutil, pero agregará un poco de intereses visuales en la impresión final. En el diseño de tu tarjeta, no tengas miedo de ser mucho más audaz que esto con tus sobreimpresiones. Te animo a ser experimental y solo a divertirte mucho jugando con esta técnica. Ahí está, mi boceto. Ahora voy a escanear esto y llevarlo a Photoshop y empezar a construir la obra de arte. 7. Paso 2: crear obras de arte: Hemos hecho nuestro boceto y ahora estamos listos para escanearlo, llevarlo a Photoshop y empezar a construir nuestra obra de arte. Durante esta etapa, estaremos pensando sobre todo en hacer una imagen con la que nos complacemos desde un punto de vista visual y creativo, que puedas hacer lo que quieras en tu obra siempre y cuando solo estés usando dos colores de tinta y un papel. Esos colores de tinta pueden sobreimprimir, pueden quedar atrapados. No importa cómo existan en tu ilustración siempre cuando solo estés usando dos tintas en tu mente. Otra cosa, sólo para tener en cuenta, son detalles que están demasiado finos, como una fuente realmente diminuta o líneas que están debajo tal vez de medio punto o por debajo de un cuarto de punto de ancho, probablemente no se imprimirán muy bien bajo la intensa presión de la tipografía y empezará a desmoronarse. Aparte de esas restricciones, realmente puedes simplemente hacer lo que quieras en esta etapa. Una vez que estemos contentos con nuestra ilustración, podemos entonces cambiar nuestro pensamiento al lado técnico, que les estaré mostrando con más profundidad en el siguiente paso. El primero que quieres hacer, en esta etapa, es escanear en tu boceto refinado. Al escanearlo en, puedes escanearlo en blanco y negro a tal vez 300 puntos por pulgada. No necesitarás una alta resolución para el escaneo porque solo se va a sentar debajo de tu obra de arte como guía. Lo siguiente que quieres hacer es crear tu archivo de ilustraciones. Crea un nuevo archivo en Photoshop y establece el ancho a 4.25 pulgadas y la altura a 5.5 pulgadas. Ahora la resolución de impresión estándar es de 300 puntos por pulgada, pero siempre me gusta trabajar en doble resolución o 600 DPI, si acaso necesito ilustraciones de mayor resolución por alguna razón desconocida en el futuro. Ahora puedes copiar y pegar tus escaneados y esbozados en tu nuevo archivo de ilustraciones. En este punto, me gusta limpiarlo borrando cualquiera de las marcas de exceso o polvo o lo que sea que esté en la imagen y luego usar la herramienta de niveles para quitarle la textura del papel y tener un boceto mucho más limpio del que trabajar. Para limpiar la textura del papel, utiliza la herramienta de niveles pulsando el comando o el control L, y luego usa el deslizador de la derecha para hacer que los blancos sean más blancos, y el deslizador de la izquierda para hacer que los negros sean más negros. Cuando estés satisfecho con lo limpia que está tu imagen, puedes golpear Ok y seguir con el siguiente paso. Ahora tenemos nuestro boceto muy bien posicionado en nuestro archivo de ilustraciones y es hora de prepararnos para empezar a construir la obra de arte. Lo primero que hago es cambiar el nombre de mi capa de boceto aquí, solo para bosquejar. Entonces puse la opacidad al 50 por ciento, y eso simplemente ayuda a que no sea tan dominante cuando estoy construyendo mi obra sobre ella. Lo siguiente que hago es crear un nuevo grupo de capas y renombrar eso a arte, y todas las ilustraciones que construyo, sobre mi boceto, existirán en esta capa. Solo para mostrarte un ejemplo de lo que parece eso, hay una pieza de mi candelabro y está en el grupo de arte aquí. Todas mis capas posteriores terminarán siendo construidas en este grupo de arte. Ahora, como pueden ver, colocar estos nuevos elementos de arte en mi capa, están bloqueando el boceto y que, a medida que construyo mi obra de arte, eso podría realmente impedirme ver el boceto con el fin de trazarlo realmente. El modo de evitar esto, y la razón por la que hago este grupo de arte, es que puedo seleccionar ese grupo de arte y haré que se multiplique por encima del boceto, y ahora el boceto muestra a través de mi obra de arte. Pero cuando apago la visibilidad de ese boceto, las capas dentro de ese grupo de arte siguen opacas entre sí. Ahora estamos listos para empezar a construir nuestra obra de arte. Para empezar, voy a trazar mi boceto con una herramienta Pluma porque así me gusta trabajar. También podrías estar trazando tu boceto usando un pincel de Photoshop, si prefieres trabajar de esa manera, siempre y cuando la forma que estás creando sobre la parte superior sea sólida como un color y no tenga textura alguna al mismo, en el interior, lo resultará en tipografía. Yo sólo voy a ir a llenar esa forma que acabo de hacer. El color de mi elección, creo que voy a probar el rosa por ahora, y sólo voy a seguir construyendo mi obra de arte con este color rosa. Todo el candelabro será del mismo color, así que solo podría construir esto todo en la misma capa. Cada camino que hago dentro de la misma capa, se convierte en parte de la misma forma general. Ahí está mi candelabro. Ahora voy a empezar a agregar mi segundo color, así puedo crear una nueva capa y usar mi herramienta Pluma para empezar a trazar la forma de la vela. Yo sólo puedo llenar eso de negro. Ahora cuando trabajo con negro, me gusta verlo en pantalla de una manera que se asemeja a cómo se verá en impresión, cuando las letras impresas en negro, muy raramente, le tienen un aspecto perfectamente negro. Es más suave y parte de la textura del papel también muestra, así que utilizo un tono ligeramente más claro de negro justo cuando estoy trabajando en pantalla en Photoshop. Aquí hay una buena oportunidad para mostrarles a ustedes lo que me refiero con la sobreimpresión, cuando estoy trabajando con directamente en la obra de arte. Aquí, tenemos nuestra forma de vela negra en una capa y nuestra forma de candelabro rosa en una capa abajo. Ahora, cómo este negro imprime sobre este rosa en la tipografía real, depende de cómo configures aquí tu ilustración. Si imprimiéramos esta capa negra sobre este aire rosado y estas fueran tintas, se vería algo así. Acabo de establecer la multiplicación de esta capa negra aquí. Se verían las dos tintas mezclándose dondequiera que se solaparan. Esto es lo que voy a hacer en mi expediente aquí. Yo quiero que pase este poquito de sobreimpresión. Si no quisieras que pasara esa sobreimpresión y quisieras que ese negro se viera puro así, entonces realmente tendrías que cortar una forma como esta del rosa de abajo, para que no hubiera sobreimpresión, en cambio, esa tinta negra que va directamente sobre el papel blanco. ¿ Cómo harías eso? Tendrías tu forma rosa seleccionada y simplemente cortarías esa parte de la forma dibujando dentro de esa forma y luego restando de ella. Ahora, puedes ver que hemos creado algunos trampas alrededor de los bordes de esta parte negra porque quiero que estos sobreimpriman, este negro para sobreimprimir el rosa, solo voy a deshacer lo que acabo de hacer ahí. Es un buen momento para empezar a experimentar con diferentes combinaciones de colores para ver cómo sobreimprimen. Entonces si tuviste como un rojo caliente y un azul fresco, realmente van a crear un color contrastante en el su. También puedes usar parte de tu teoría del color si tienes un amarillo y digamos un azul, vas a conseguir un color extra verde de esa sobreimpresión. Juega con tus colores y realmente puedes empezar a tener una idea de cómo dos colores, cómo realmente puedes estirar tus dos colores de tinta. He creado mi candelabro y he creado mis palos de vela negra. Ahora voy a crear los halos, así que sólo voy a crear una nueva capa. Yo sólo voy a copiar ese camino. A veces lo que me gusta hacer es asegurarme de que las formas no sean súper idénticas para darle un poco de variedad. Voy a asegurarme de que mis operaciones de ruta estén configuradas para combinar formas, y voy a rellenar eso con un color sólido. Entonces tengo mis halos de llama y quiero noquear la forma de llama dentro de estos halos. Entonces con mi capa de relleno de color seleccionada, solo voy a asegurarme de que estoy en la herramienta de selección de tareas y puedo seleccionar esa capa. Sé que esta ruta se selecciona cuando tengo esos pequeños nodos de control o puntos aquí. Ahora lo que quiero hacer es golpear P. Utilizamos la herramienta de pluma y empezamos a trazar ese knockout, y referirnos de nuevo a nuestras operaciones de trayectoria, si quiero noquear esa forma de llama o cualquier otra forma fuera de relleno. Necesito restar la forma frontal. Ya está seleccionado, así que sólo voy a empezar a cortar esas formas de llama. Debería poder hacer eso por todos los halos porque todos forman parte de la misma capa de relleno de color. Por lo que ahora estoy listo para empezar a escanear en algunas de las texturas analógicas y letras que hice con tinta sobre papel. Entonces eso incluiría el texto aquí que dice, “I Fancy You”, y algunos de estos otros detalles del candelabro, y por supuesto, los destellos detrás de las llamas de la vela. Entonces lo primero que voy a hacer es ir a mi escáner aquí. Ahora, ya he hecho letras a mano esto con tinta sobre papel. Si quieres aprender más sobre eso, puedes en mi clase de Inky Illustrations. Pero escaneando tu obra de arte o tus texturas entintadas así en, quieres tener buena resolución, al menos la resolución del archivo en el que estás trabajando. Por lo que estoy configurando mi resolución en 600 dpi. Ahora sólo voy a escanear eso en, y abrir eso en Photoshop, y voy a usar niveles. Apegué al Comando L ahí. Al deslizar este deslizador, el blanco se vuelve más blanco, y al deslizar este deslizador de este lado, desde el lado izquierdo hacia el centro, el negro se vuelve más negro y todo lo que esté negro y lleno se pone realmente, de aspecto realmente sólido. Si pones el ratón sobre cualquiera de estos derecha/izquierda, pequeños deslizadores aquí, y presionas Option en tu Mac mientras lo haces, lo que obtienes es esta vista previa en blanco y negro de lo limpio que estás haciendo tu archivo. A mí me gusta tener esa vista y simplemente ver realmente esas piezas texturizadas se llenan así. Golpeamos “OK”, lo siguiente que puedes hacer es usar tu Herramienta Lasso. A mí me gusta utilizar la Herramienta Lazo poligonal, y hacer una selección de mis letras allí. Voy a copiar eso, el Comando C, y volver a entrar en mi obra de arte de tarjetas de felicitación. De vuelta en el archivo, voy a ir a mi panel Canales. Voy a crear un nuevo canal alfa. Ahora voy a invertir, Comando I, para que sea blanco, y luego pego mis letras del portapapeles. Ahora verás que este es un hot tip, a veces la obra de arte que pegas en un canal alfa es demasiado grande y necesitas reducirla como ves aquí. Puedes usar una herramienta de transformación, Command T, igual que lo harías en una capa normal, sin embargo, recuerda esto, se deben cumplir estas dos condiciones, lo contrario te encontrarás con cosas extrañas. Por lo que la primera es una capa visible debe seleccionarse en el panel de capas. Puede ser cualquier capa siempre y cuando no esté oculta. El segundo requisito que debes cumplir para poder transformar tu gráfico de canal alfa pegado es que no se puedan seleccionar rutas en el panel de caminos. Por lo tanto, si el panel de caminos se abre antes de intentar transformar, pegar y transformar en un canal alfa, asegúrese de que ninguno esté seleccionado haciendo clic en cualquier lugar debajo de la ruta inferior allí. Por lo que estaba bien para ir. Yo cumplí las dos condiciones. Puedo cambiar el tamaño de mi obra de arte, y ahí está mi texto, “I Fancy You”. Voy al Comando I para invertir de nuevo el canal alfa. Ahora esto me permite hacer clic de comando. Cuando comando haga clic en este canal alfa , crea una selección positiva fuera de cualquier área que sea blanca. Por lo que ahora voy a volver a mi obra de arte. Yo sólo voy a dar click en el grupo de arte ahí. Voy a crear un nuevo relleno de color sólido de esa selección que cargé desde mi canal alfa. Entonces lo último que quiero hacer con esta escaneada en bit de imagen es convertir a un objeto inteligente. Esto preserva la calidad de esta nueva capa ráster. Ahora puedo hacerlo pequeño y grande sin perder calidad cada vez que hago eso. Ahora voy a hacer exactamente lo mismo para las líneas blancas porque usa la línea de fondo aquí, copiar y pegar en un canal alfa. Por lo que sólo puedo eliminar este viejo canal alfa. Ya no lo necesito. Voy a crear uno fresco, Comando I para invertir, pegar, Comando I de nuevo para hacerlo negro. Comando, seleccione ese canal alfa para cargar una selección de él, y luego llénelo con un color sólido, esta vez blanco. El paso final que quiero hacer es simplemente hacer que sea un objeto inteligente solo para preservar la calidad. Quería agregar estas líneas blancas a mi obra solo para romper esa forma sólida, agrega un poco de interés visual. Por lo que ya tenía esto escaneado en textura de otro proyecto, afortunadamente. Creo que va a funcionar muy bien. Entonces todo lo que necesito hacer es asegurarme de que esté limpiado y asegurarme de que algunas de estas partes más delgadas no estén presentes en el archivo y eso asegure que no haya líneas demasiado delgadas para una prensa de letras. Estas pequeñas líneas delgadas no serán recogidas en la prensa de letras. En el peor de los casos, en realidad colapsarán bajo la presión de la prensa y mancharán la tinta de formas que no querías que sucediera. Una vez que tengas un archivo limpiado, copia eso, pégalo. Está bien. He creado mis objetos chispeantes y ahora es un objeto inteligente. Yo lo he llamado chispa. Ahora sólo voy a redimensionarlo y ponerlo frente a ese halo ahí en esa llama y copiarlo un par de veces. Por supuesto, no quieres que sea totalmente obvio que acabas de cortar y pegar. Gira aleatoriamente cada una un poco y haz que se vea un poco más variada. Ahora bien, no quiero la parte media donde convergen todas las líneas de brillo en el centro, no quiero que esa parte se muestre a través de mi llama, quiero que la llama solo sea blanca. Entonces voy a mirar primero el destello izquierdo aquí y crear una máscara de capa con este pequeño botón. Por lo que tengo mi capa de brillo seleccionada aquí. Aquí abajo dice “Añadir máscara de capa”. Simplemente haz clic en eso y obtienes esta pequeña caja blanca encima de ella en tu panel de capas aquí. Con tu pincel Photoshop, B para pincel, siempre y cuando sea de color negro, solo puedes empezar a enmascarar la parte que no quieres. Acude a este destello, que es el medio y agrega una máscara de capa. Yo sólo puedo sacar eso. Por supuesto, quiero enmascarar la parte de la llama media. Dale un poco más de espacio. Yo tampoco quiero nada sangrando por ahí arriba. También quiero hacer lo mismo para el último destello aquí a la derecha. Entonces estos tipos están interfiriendo. Me metí en el camino ahí, algunos de ellos parecen bien. Un poco de crossover está bien, creo. Está bien. Por ahora, creo que eso se ve bien. A lo mejor deshacerse de este pedacito de aquí. Parece un accidente. No queremos eso. Esto se ve un poco demasiado fuera de lugar aquí. Entonces tal vez quiero cambiar el color rosa a algo un poco más melocotón, un poco más sofisticada sensación. Sí, se ve bastante bonito. Todavía te queda un poco bonito del negro sobreimprimiendo el melocotón ahí, que creo que se verá genial. Ya está completa la obra de arte. Ahora solo necesito limpiar todas las capas aquí para que solo haya dos capas, una para cada color. 8. Paso 3: organizar las capas por color: El siguiente reto es cómo conseguir todas estas capas en solo dos capas, una para el color melocotón y otra para el color negro. Lo que hago es, solo guardaré este archivo como nuestra obra original, y voy a hacer un nuevo archivo llamado Separaciones de Tarjetas de Felicitación uno. Básicamente, vamos a crear una carpeta, una para el melocotón y otra para el negro. A pesar de que el blanco no es técnicamente un color, voy a hacer una tercera carpeta llamada blanca. Voy a poner todo lo que se supone que sea noqueado en blanco. Sabemos que los destellos son negros, así que los pondremos en la carpeta negra. Esto parece que es una capa vacía, así que solo eliminaré eso. Cualquier cosa que sea negra, estos palos de vela son negros, así que lo pondremos en la carpeta negra aquí, el grupo negro. Estas líneas son todas blancas, voy a poner esas todas en la carpeta blanca. Te gusto, eso es negro y luego estos halos de velas y este candelabro son todos durazno. Sólo voy a seleccionarlos todos y arrastrarlos a la capa de melocotón. Tenemos nuestra capa negra, nuestra capa de melocotón y nuestra capa blanca, que obviamente no puedes ver a menos que fuera sobre otra cosa. Entonces está la capa blanca noqueando la capa de melocotón y la capa negra sobre la capa de melocotón. Ahora notarás que tengo el grupo de capas negras encima del grupo de capas de melocotón. No habría hecho diferencia si tuviera el grupo de capas de durazno sobre el grupo de capas negras, porque ambos van a imprimir uno encima del otro, y el resultado final sería el mismo de cualquier manera. Ahora que dicho eso, es importante cómo se imprimen las tintas sobre las otras. Lo que hago para obtener una vista previa aproximada de este efecto de sobreimpresión, es selecciono ambos grupos de capas, tanto el negro como el melocotón en mi caso, y luego configuro el modo de mezcla de capas o la configuración de transparencia para multiplicar, y esto me da una aproximación de ese efecto de sobreimpresión. 9. Paso 4: crear separaciones de color: Por lo que tenemos nuestras capas todas divididas y separadas por color. Tenemos melocotón y negro, y luego solo la capa blanca en la parte superior donde hemos colocado cualquier capa que fuera blanca o un knockout. El siguiente que hay que hacer es crear nuestras placas o separaciones de color. Antes de cualquier otra cosa, deberíamos guardar una copia del archivo para cada color. Primero, hagamos una carpeta llamada placas, y luego veremos un archivo llamado melocotón, y guardaremos otro llamado negro. En nuestro archivo de durazno, mantengamos aquí nuestra capa de melocotón, y solo quitaremos cualquier cosa que sea negra. Necesitaremos la capa blanca en este archivo porque la capa blanca noquea o enmascara los espacios que queremos. En este caso las líneas en el soporte de la vela. Entonces una vez que sabemos que tenemos toda la información del durazno en nuestro archivo, y ninguno del negro, simplemente vamos y aplanamos la imagen y descartamos todas las capas ocultas. Ahora es solo un archivo plano con toda la información de imagen en una sola capa. Entonces nuestro objetivo final aquí es convertir esto en un archivo de mapa de bits, que no podemos hacer todavía. Se puede ver que la opción de convertir a mapa de bits está gris. Por lo que en el camino, necesitamos convertir primero esto en un archivo a escala de grises. Esto elimina todo el color. Una vez que está en escala de grises, entonces podemos convertirlo en un mapa de bits. Antes de hacer eso sin embargo, queremos asegurarnos de que todo este gris sea un 100 por ciento negro. Como recuerdan, no estamos imprimiendo esto en un 100 por ciento negro, pero la tecnología que crea las placas de polímero sólo puede ver en blanco o negro. negro definirá las partes elevadas de la placa o el espacio positivo, y el blanco definirá las partes retrocedidas, el espacio negativo. Las partes elevadas de la placa recibirán la tinta y las partes retrocedidas de una placa no lo harán. No hay áreas grises en una placa, y por eso necesitamos que nuestro archivo de placa sea un 100 por ciento negro. Entonces para hacer eso gris, puedes golpear Command Shift L en tu Mac, y eso empujará cualquier cosa que sea un tono de gris a 100 por ciento negro. El atajo de teclado Command Shift L decidirá por ti cómo ajusta tus negros y blancos. Si quieres más control sobre este proceso, por supuesto, siempre podrías solo usar la herramienta de ajuste de niveles o Command L y ajustarla de manera más gradual. En cuanto a mí, estoy bastante seguro de que puedo usar este atajo de teclado y el proceso de conversión en blanco y negro funcionará. Ahora por fin, podemos convertir nuestro archivo al modo de mapa de bits. Ahora, cuando convertimos a mapa de bits, queremos que la salida sea de 1,200 DPI o píxeles por pulgada, y estableceremos el método en umbral de 50 por ciento por ahora. Presiona “Ok”, y ya terminamos la separación del color durazno o la placa. Ahora vamos a ir a nuestro archivo negro aquí, y quitar cualquiera del melocotón. El blanco realmente no aplica aquí. Existe la capa blanca, pero no está cubriendo nada del negro, por lo que no importa. Entonces solo vamos a seguir adelante y aplanar la imagen para escalar capas ocultas, eso está bien. Lo convertiremos a escala de grises antes de hacer nuestros niveles. Entonces lo último que tenemos que hacer es ajustar nuestros niveles. Esta vez te mostraré solo hacerlo manualmente sin el atajo que te mostré con melocotón. Esto te da mucho más control sobre qué partes realmente permanecen, y te pones negro. Yo solo quiero asegurarme de que todo esté bien y crujiente. Cuanto más tire de este pequeño nodo derecho aquí, este pequeño deslizador, más va a invadir el negro, y nos desharemos del ruido y el grano. Cuando te parezca bien, puedes darle a “Ok”. Ahora puedes convertir a mapa de bits. De nuevo, desea que su resolución sea de 1200 DPI, luego use el método de umbral del 50 por ciento. Ahí tenemos nuestro plato negro. 10. Paso 5: crear una prueba digital: En este punto, hemos creado nuestros archivos de separación de color. Tenemos un archivo por cada color a imprimir. El siguiente paso es crear una prueba digital en Adobe Illustrator. El comprobante es una forma de demostrarnos que los archivos se imprimirán correctamente unos encima de otros. También es una forma conveniente y organizada de enviar tus obras de arte a una persona de prensa. Ahora estamos en ilustrador, y aquí es donde vamos a configurar nuestra prueba digital. El primero que querrás hacer es, en illustrator crear un nuevo archivo llamado Feeting Card Proof. Lo haremos de tamaño carta y orientado horizontal, para este caso es la aplanada, tarjeta abierta será horizontal. Lo primero que vamos a hacer es crear tres capas. Vamos a tener una capa para cada una de las tintas. Supongo que sabemos cuáles serán esos, así que uno será negro, uno será melocotón, y luego tenemos una capa superior llamada info, que será información descriptiva. Eso será útil para cualquiera que tenga que mirar el expediente en el futuro. Crearemos un rectángulo que será el doble del ancho de la tarjeta plegada, que es de 8.5, y la altura sigue siendo de 5.5. Aquí tenemos las dimensiones de una tarjeta de felicitación aplanada. Por supuesto, también habrá una línea de pliegue ahí, y solo podemos guardar eso en nuestra carpeta de placas. Lo llamaremos Feeting Card Proof en nuestra carpeta de placas junto a las separaciones de color. Ahora puedo empezar a colocar mis archivos de separación de color en mi prueba digital aquí. Voy a asegurarme de que mi capa de durazno esté seleccionada haciendo clic en el Target, y esa es la capa que quiero colocar mi archivo de separación de color durazno. Se va a colocar eso justo dentro del panel frontal de mi tarjeta de felicitación, y luego haré lo mismo por el negro. Golpearé la capa negra y me aseguraré de hacer clic en ese objetivo para que esté en la capa negra, Go File, Place, y luego seleccione el archivo de separación de color negro. Tan solo asegúrate de que todo se alinea por encima. Puedes usar guías inteligentes o snap para asegurarte de que todo sea perfecto, así que eso es lo que voy a hacer, solo voy a alinear estos usando el align. Asegúrate de que los cuadrados melocotón y negro estén perfectamente alineados entre sí, y entonces puedo darle la vuelta atrás eso en capa completa y arrastrar a estos tipos ahí dentro. Perfecto, así que ahora estamos viendo una versión pura en blanco y negro única de nuestra prueba, y por supuesto queremos ver cómo se ve esto en colores. Lo que puedes hacer con estos archivos de separación de color, que son archivos de mapa de bits, es seleccionarlos y colorearlos en realidad con las muestras. Entonces, solo asegurándote de que el archivo de mapa de bits esté realmente seleccionado, haciendo clic en el panel de muestras, puedes colorear la ilustración. Por supuesto, había seleccionado color melocotón para la base de la vela y un color negro para las velas. Pero otra cosa que queremos poder previsualizar en nuestra prueba aquí son las sobreimpresiones por supuesto. Haces eso seleccionándolos a ambos como he hecho aquí, y luego también presionando Shift, y haciendo clic en los pequeños objetivos para cada capa allí, luego ir a la configuración de transparencia y configurarlo para que se multiplique, y verás aquí cómo se puede ver esa sobreimpresión simulada realmente bien. Ahora voy a hacer que estos colores se vean un poco más como las tintas que planeé colorearlas. Entonces una hoja de negro para las velas, y luego para el propio candelabro, voy a hacer de eso un color melocotón. Ahora estamos viendo una aproximación digital de la tarjeta final. Ahora es una buena idea agregar alguna información extra para identificar el contenido de este archivo a quien tenga que trabajar con él. Acabo de colocar en la esquina superior izquierda, mi nombre y alguna información sobre el archivo, incluyendo un ID y una descripción y las dimensiones plegadas. Otra cosa que tal vez quieras hacer es agregar una firma o tu logotipo en el panel posterior de tu tarjeta. Al mirar tus capas, elige el color de tinta que quieres que sea ese logo o firma de la espalda. Yo voy a hacer el mío en negro creo. Voy a escoger mi capa negra y solo teclear un pequeño diseño ordenado por línea aquí diseñado por Tom Froese, y ojalá no necesites pegarte a miríada o aérea como tu fuente. Elige tu fuente favorita, si miríada es tu fuente favorita, eso también está bien, sin juicio. Sólo asegúrate de que tal vez no sea menor de cinco puntos. Ahora voy a cambiar de modo aquí solo para hablar un poco de tintas Pantone. Este es el libro de muestras Pantone o libro de fans, y tiene muchos cuadrados, cada uno de un color diferente y asociado a un nivel de códigos. Esos códigos se llaman números Pantone, y esos números Pantone o códigos Pantone, siempre se relacionan con un color específico exacto, que cuando le dices a una impresora que quieres imprimir en uno de esos colores, él sepa exactamente de lo que estás hablando y nunca tendrás que preocuparte de eso, estará encendido. Ahora los colores Pantone vienen en dos sabores efectivos, codificados y sin codificar. Coded tiene un brillo sin barniz, y en la impresión de tipografía, típicamente no trabajamos en codificado ya que no es algo que hagas en tipografía. Al hacer referencia a tus colores en ilustrador en Photoshop, si estás usando el sistema Pantone ahí, uncodificado es el camino a seguir. Ahora que sabes un poco de lo que son los colores Pantone, va a tener más sentido cuando te muestro cómo funcionan en Illustrator. Aquí estoy en mi panel de muestra, y si vas justo aquí abajo, hay un pequeño icono de la biblioteca de colores, solo vas ahí abajo a los libros de color, y aquí, todo un montón de los libros de color Pantone listados aquí. Los míos son los que estoy particularmente trabajando son la serie de puentes de color Pantone, y estoy usando el no codificado por supuesto. Sólo voy a dar clic a ese libro para abrirlo. Hay un montón de colores, todos estos están en mi libro de fans y ahora representados aquí en formato digital. Ya escogí mis colores, y esos colores son negros, así que Pantone negro, y hago clic en esa muestra y solo la agrega a mi panel de muescas medias aquí, y también el color melocotón resulta ser 487, así que tú solo puede escribir el número aquí en el panel de búsqueda y luego aparece. Ahora tengo mi color melocotón y mi color negro. Se puede ver que el negro se parece muy lavado en Illustrator, y eso es sólo porque los colores se ven tan diferentes cuando se imprimen a lo que ves en pantalla, sobre todo cuando estás trabajando con Pantones. Lo siguiente que hay que hacer es realmente aplicar estos colores que he escogido a las placas. Voy a ir primero a mi plato negro, voy a hacer clic en ese blanco para asegurarme de que la placa negra esté seleccionada y luego aplicar mi muestra. Yo le voy a hacer lo mismo a mi capa de durazno. Haga clic en el objetivo, y luego haga clic en la muestra Pantone en esa capa, y cuando haga eso, cuando seleccioné todo, no solo la placa de color, sino también mi pequeña firma aquí. Lo siguiente que queremos hacer es cambiar el nombre de las capas a los códigos Pantone exactos. Para el negro, en realidad es solo negro, eso es código para eso, y para el melocotón, es 487, y puedes dejar la capa de información como info porque esa no es una capa de impresión. Ahora bien, si quieres lucir realmente pro, también puedes añadir esta referencia de muestra a tu expediente de prueba. En la esquina superior derecha ahí, he añadido un rectángulo negro, que está en la capa negra, y luego un rectángulo de melocotón que está en la capa de melocotón, y acabo de escribir en nombre de esos colores sobre arriba, ese es el código Pantone real. Eso es solo una referencia conveniente para esos colores, porque alguien que mira este archivo podría no estar mirando las capas de inmediato, y simplemente te hace lucir realmente organizado, y es limpio y ordenado y eso me gusta. Enhorabuena, ahora has creado con éxito una prueba digital de tu tarjeta de felicitación. Lo único que queda por hacer es enviarlo a la impresora. Ahora, hemos estado bastante organizados al recibir todos nuestros archivos en esta carpeta de placas. Tenemos nuestras dos placas de separación para tu melocotón y tu negro, y luego tenemos nuestro expediente de prueba, que estamos viendo ahora mismo. Esos son los únicos tres archivos que necesitará su impresora. Por lo que solo puedes empaquetar esos en un archivo zip, enviarlos por correo electrónico si se ha caído, o compartirlo en la Nube. 11. Conclusión: Enhorabuena, ya terminaste. Espero que hayas aprendido una tonelada sobre ilustrar para tipográfica, y espero que te hayas divertido mucho en el camino. En esta clase, obtienes el know-how para crear ilustraciones listas para tipografías diseñando una sencilla tarjeta de felicitación en un proyecto de clase, aprendiste a bosquejar y planificar tu ilustración y construir la obra de arte en Photoshop. Después aprendiste a organizar y preparar tus archivos de separación de color, configurar una prueba en Adobe Illustrator y empaquetarlo todo para enviarlo a una impresora tipográfica. Diseñar para la tipográfica sin tener mucha experiencia con la tecnología puede parecer un misterio. Mi esperanza es que a través de los conocimientos y habilidades que se imparten en esta clase, tengas una mejor comprensión de cómo funciona la tipográfica y por tanto cómo crear la mejor obra de arte posible para ello. Hacer que se imprima la tipográfica de trabajo es un sueño para muchos. Las habilidades que aprendas en esta clase pondrán un uso mucho más cercano a hacer realidad ese sueño. Muchas gracias por tomar mi clase de habiliza. Tengo muchas ganas de ver lo que hacen ustedes en el proyecto de clase. Tengo muchas ganas de contestar cualquier pregunta que pueda tener en el camino.