Tipográfica en Photoshop: un efecto inteligente

1. Introducción: Oye, qué pasa Internet y bienvenidos a tipografías en Photoshop, un efecto inteligente. En esta clase, lo que vamos a hacer es intentar imitar un efecto tipográfico, creándolo enteramente en Photoshop con efectos inteligentes y opciones de mezcla y un poco de textura. Creo que esta clase va a ser genial para cualquiera desde principiantes, intermedios para avanzar. Porque para el intermedio y el avance ya están familiarizados con uso de Bisel y Emboss y el uso de opciones de mezcla. Es posible que no sepan mucho sobre los efectos inteligentes y quizás no sepan mucho sobre tratar de nivelar básicamente la textura para que sea fácil de repetir y se mantenga consistente. Hay algunas cositas que vas a aprender. Es una clase muy corta así que creo que definitivamente deberías revisarla. Es un efecto divertido de usar e incluso puedes imprimirlo como prensa digital. Básicamente, es usar un bloque metálico o linóleo, en los viejos tiempos hasta madera y la imagen se presiona en el papel para que haya una sangría. Eso significa que tiene una sensación táctil muy agradable y si corres la mano a través de la impresión, en realidad vas a poder sentir dónde está puesta la tinta. Es un efecto premium realmente bonito. Ha existido desde mediados del siglo XV y todavía se usa en la actualidad. Pero el único problema con ello, es que es muy caro hacerse. Muchas de las veces solo se hace en invitaciones de boda o estampados de arte realmente premium por artistas realmente exitosos. Esta es una forma muy divertida de recrear ese efecto. Muy barato, justo en Photoshop y lo haremos parecer casi idéntico. Espero que revisen la clase y nos vemos en un segundo. 2. Descripción y archivos de textura y texturas: Aquí está mi ejemplo terminado de cómo se ve en realidad mi impresión de tipografía. Voy a acercar para que veas los detalles. Tengo un poco de textura pasando aquí. Esperemos que puedas ver bien los reflejos y sombras en tu pantalla. La idea básica es que estamos tratando de imitar cómo sería una impresión de tipografía real. Tenemos esta opción de tener esta textura o ninguna textura si eso no es algo que te interesa tener. Simplemente le da un aspecto un poco áspero, un poco angustiado como si la impresora cometiera algunos errores, lo cual es solo un bonito toque que encuentro. Lo que voy a hacer es mostrarles cómo crear este efecto. Es realmente fácil, sólo toma unos minutos. Te voy a mostrar cómo configurarlo de una manera que puedas fácilmente simplemente intercambiar la obra de arte y que Photoshop haga todo el trabajo por ti al agregar estas texturas y efectos todo a vez usando algo llamado filtros inteligentes o smart objetos. En primer lugar, lo que quiero hacer es solo asegurarme de que sepas qué es la tipografía, te voy a mostrar rápidamente qué es y luego los recursos que necesitas para empezar. Si miramos aquí, simplemente escribiendo en la impresora de tipografía en Google, se puede ver todo un montón de impresoras de tipografía, muchas de ellas son realmente viejas. Fue inventado a mediados del siglo XV. Muchas de esas impresoras en realidad todavía se usan hoy en día o unas que son muy antiguas. Esta es la idea básica. El papel se alimentaría aquí, y esto realmente se encontraría con la mesa. Aquí tienes tus letras en bloque las cuales están impresas en metal. A veces, dependiendo de tu diseño y tal vez Lantai Linóleo o algo más. Pero la idea es que básicamente la máquina perforará estos en el papel para que realmente obtienes una textura y algo de sensación. No tengo ningún video que pueda mostrarte en esta clase porque no filmé ninguno de ellos yo mismo, pero voy a poner algunos enlaces a algunos videos realmente geniales que podrás ver realmente la tipografía corriendo en YouTube y te estás haciendo una muy buena idea de cómo funcionan exactamente. Como puedes ver, una vez que realmente están terminadas e impresas, empuja el diseño al papel, lo que le da una agradable sensación realmente táctil, que cuando lo consigues, solo quieres tocarlo. Corres tu mano a través de él y es una impresión realmente premium, de buena calidad. Aquí hay más ejemplos de eso con estampados artísticos, donde se puede ver una ligera sangría dependiendo de realmente la impresora y cómo esté configurada, o se pueden ver algunos ejemplos más grandes de unos donde realmente se puede ver el hendidura porque la tinta ni siquiera está realmente ahí, ese es un efecto limpio también. Estos son sólo algunos efectos más de algunos ejemplos extremos y otros no. Pero de esa manera se puede ver realmente que la tinta se empuja en ese papel y se obtiene esa sensación. Se puede ver que el papel tiene una textura agradable al mismo. Estas son todas las cosas a considerar cuando estamos emulando nuestro efecto de tipografía. Lo que quiero que hagas es dar click a los enlaces que te he dado en clase para descargar esta textura de papel neenah, y también esta textura de rodillo si quieres tu acabado diseñado para tener ese look angustiado que tenía la mía. Una vez que tengas los dos descargados, vuelve a esta clase y empezaremos. 3. El efecto de la letterpress: Una vez que tengas tus texturas descargadas, vamos a seguir adelante y abrir un nuevo documento. Vamos a cambiar la medida a pulgadas, y yo voy a hacer la mía 5 por 7. Eso es solo un bonito tamaño de postal que es realmente común para la tipografía, pero puedes cambiar el tamaño si quieres. Voy a hacer la resolución 300 por si quieres realmente imprimir esto. Nuevamente, si quieres imprimir en una prensa digital solo di imitar el look. Voy a cambiarlo a CMYK porque eso es mejor para cuando realmente estás imprimiendo un producto. Puedes dejarlo como RGB si planeas no imprimirlo. No importa demasiado para este curso. Voy a seguir adelante y dar clic en “Crear”. Solo para que lo sepas, estoy usando Adobe Photoshop CC 2017, así que si las cosas se ven un poco diferentes para ti, está bien. Deberías poder seguir junto con la clase con la mayoría de las versiones en los últimos cinco, seis, por lo que años. Por lo que quieres asegurarte de que tienes tu panel de capas abierto. Ahí es donde se va a llevar a cabo la mayor parte de la clase. Por lo que haremos clic en “Ventana” aquí, y nos aseguraremos de que haya un cheque al lado de Capas. Si lo hay, bajaremos aquí a este ícono de página y haremos clic en él. Ahora vamos a hacer clic con el botón derecho ahí y vamos a convertirlo en un objeto inteligente. Una vez que hayas hecho eso, verás que el icono cambia aquí abajo. Sólo voy a hacer doble clic en el nombre de la Capa 1, y vamos a cambiar eso a Artwork. Adelante y haga clic en “Entrar”. Ahora lo que me gustaría hacer sólo para empezar, vamos a hacer doble clic en esa miniatura, que nos va a llevar a esa capa inteligente, y ahí es donde vamos a poner nuestra obra de arte. Tengo mis ilustraciones ya preparadas en Adobe Illustrator, así que simplemente voy a seleccionarlo todo y copiarlo. Si no tienes Adobe Illustrator o ahí no es donde está tu ilustración, está bien. Lo que podrías hacer es realmente escribir justo aquí, podrías construir tu obra aquí mismo en Photoshop, o puedes tomarla de otro archivo de Photoshop y traerla. Tan solo asegúrate de no tener ningún fondo, quieres tener un fondo transparente. Entonces voy a darle a “Enter”. Voy a dejarlo como un objeto inteligente porque entonces en realidad podría volver a Illustrator y editar esta obra de arte. Voy a dejar un poco de espacio extra en la parte inferior aquí donde quiero poner un número de edición y mi firma. Una vez que lo tengas todo configurado y estés contento con ello, podemos eliminar esa Capa 1 ya no la necesitamos y vamos a golpear “Save'. Entonces vamos a seguir adelante y cerrar esto por ahora y estamos de vuelta en nuestro documento principal. Por lo que podrás ver en la miniatura de ahí abajo que tu trabajo ha cambiado ahora y que ese objeto inteligente no está ahí. En cualquier momento podemos hacer doble clic en esto, volver al objeto inteligente y cambiar la ilustración. Entonces ahora vamos a ir a construir el efecto. Es bastante sencillo. Lo que queremos hacer es, vamos a hacer clic derecho en nuestra capa de ilustraciones y bajar a Opciones de mezcla. Aquí, quieres asegurarte de que todas tus opciones de mezcla estén hechas. Asegúrate de que si haces clic en este pequeño “Efectos” y “Mostrar todos los efectos” está marcado. El principal efecto que vamos a conseguir en esta clase es del filtro Bevel y Emboss. Seguiremos adelante y nos aseguraremos de que tenemos una marca de verificación al lado de eso y la seleccionaremos. Desde aquí, quiero que sigas los pasos que he puesto, y los filtros y tamaños que voy a usar. Pero puede que tengas que cambiarlas dependiendo tu obra de arte y dependiendo del look que desees, pero este debería ser un buen punto de salto al menos para empezar, y en cualquier momento puedes volver atrás y ajustarlas. Solo sugiero que sigas por ahora. Entonces para el estilo, en realidad vamos a cambiar eso a Emboss, la técnica que vamos a dejar suave, queremos que la profundidad sea alrededor de 50, vamos a tener la dirección configurada para arriba. Quiero mantener mi talla alrededor de 13 y dejaré ablandar a cero. Aquí vamos a apagar la luz global, y vamos a cambiar esto a 60 y menos 90. Entonces es centro muerto, pero por debajo de ese punto medio. Para pantalla, voy a poner eso en 15, y vamos a dejar la sombra y multiplicar negro, y la dejaremos a 50. Entonces ese es el principal efecto que quiero tener ahí. Ahora me gustaría agregar un poco de textura encima de esto, le da un poco más de un efecto. Entonces vamos a ir a Pattern Overlay y vamos a seleccionar Fine Grain. Podemos dejar todos estos efectos básicamente dondequiera que estén, excepto por eso queremos que la opacidad de la misma sea un poco menor. Entonces lo vamos a poner en 23. Si este grano no se mostraba para ti, solo puedes hacer clic en esta pequeña flecha aquí, ir a este icono de engranaje y vamos a cargar Patrones Legados, puedes hacer clic en “Ok”, y ahí es donde vas a encontrar tu grano fino, al menos en la versión más reciente de Adobe Photoshop. También puedes jugar con esto y probar diferentes texturas si lo prefieres. Ahora si acercamos aquí, ya vamos a ver que nuestro efecto está apareciendo bastante bien. Aquí se pueden ver algunas sombras. Los aspectos más destacados siempre son un poco más difíciles de ver en tu obra de arte, pero aquí está nuestro efecto. Entonces si vamos por aquí y lo apagamos para que ya no podamos ver el efecto, vas a ver la diferencia de plano con ese 3D. Esa textura está agregando un poco de lavado, por lo que puedes decidir si lo tienes o no. Pero me gusta. Permite que el papel tenga ese look también. Entonces esa es la base de tener ese look impreso que quieres. Ahora, es hora de que se vea un poco más realista. Entonces vamos a traer la primera textura que te hice descargar, que es el Neenah Papers Texture. Vamos a seguir adelante y copiarlo haciendo clic en Comando A o Control A en un PC, Comando C o Control C y Comando V para pegarlo o Control V en un PC. Es posible que no puedas decírselo a todos en este punto, pero en realidad hay mucha diferencia tonal. Esta parte superior es muy ligera y su más oscura aquí abajo, lo que va a causar problemas cuando queremos duplicar esta capa en un minuto. Entonces lo que queremos hacer es intentar e igualar eso. Entonces lo voy a duplicar pegando a “Command J” y vamos a ir a la primera capa, voy a ir a Filtrar, Desenfocar, Promedio. En la capa superior, la primera copia, vamos a ir a Filtrar, abajo a Otro, y seleccionar Paso Alto. Entonces vamos a cambiar esto a luz lineal. Ahora tenemos el efecto similar, pero es mucho más consistente. Entonces sólo vamos a bajar eso, un poco más como lo que era, así que alrededor de 60 deberían funcionar bien en este caso. Entonces lo que podemos hacer es sostener Shift, voy a golpear también la segunda capa y luego Comando E para armarlas. Ahora que son fáciles de manipular, vamos a arrastrar eso hacia abajo, Comando J para duplicar, solo lo arrastraré hacia arriba, Comando J para duplicar de nuevo. puede ver que es una mirada bastante consistente a través de ella. En este punto ya no se sabe ni siquiera dónde se fusionaron. Pero si quieres volverte loco, o puedes verlo, podrías usar cualquier cantidad diferente de herramientas básicamente, pero tu herramienta de sello y cosas así. Entonces vamos a arrastrar esto hasta el fondo, y vamos a llamar a esto nuestra textura de papel. En este punto, ya no necesitamos nuestra capa de fondo, así que vamos a seguir adelante y eliminar eso. Ya tenemos un efecto realmente bueno y básicamente puedes dejarlo en esto si quisieras. Pero vamos a llevarlo un poco más allá y le vamos a añadir un poco de textura que lo haga parecer angustiado. 4. Agrega textura: Para hacer eso, lo que realmente queremos hacer es que queremos duplicar esta obra de arte. Al hacer eso, voy a golpear de nuevo al Comando J. Pero vamos a entrar en estos efectos y cambiarlos un poco. Voy a quitar ese Patrón Overlay y voy a quitar ese Bisel y Embosante, y en su lugar voy a añadir un trazo. Esto va a asegurar que el efecto solo esté dentro del trazo, para que así el efecto no vaya directo al borde. Esto ayuda a conducir realmente a casa el hecho de que todavía está presionado en el papel, pero que hay algunas distorsiones y errores. Podrás jugar con el tamaño a lo que sea con lo que estés cómodo. Se lo voy a dejar a estos avistamientos de seis dentro de modo de mezcla normal y el color es negro. Una vez que estés feliz, pulsa Ok. Entonces lo que queremos hacer es que queremos traer nuestra otra textura aquí nuestra tinta enrollada. Comando A, Comando C, otra vez, eso es Control A y Control C en una PC, Comando V para pegar. Ahora lo que queremos hacer es hacer este monocromático. Entonces vamos a ir a Imagen, Ajustes y Desaturar que va a sacar cualquier color que hubiera en él antes. Ahora si simplemente mantienes presionada la tecla Opción o Alt y haces clic entre esta copia de Capa 1 y Artwork, entonces eso va a agregar una masa de capa que es editable esencialmente. Si esto fuera solo una máscara de capa sobre este efecto, no podríamos tenerla en vivo donde podamos cambiarla todo el tiempo, así que es por eso que eso está configurado así. Vamos a hacer doble clic y vamos a golpear Texture aquí y sólo vamos a escribir eso. Ahora queremos poner ambos en grupo. Por lo que seleccionando tanto Comando G para ponerlo en un grupo y vamos a llamar a este Grupo de Texturas. Ahora sólo necesitamos un par de filtros. Como puedes ver, perdí mi verde, ahora esta textura es un poco demasiado obvia. Hay algunos pequeños cambios de filtro que vamos a hacer. En nuestra obra de arte normal, vamos a dejar eso como normal. Vamos a cambiar nuestra textura demasiado Dura Light y puedes ver que saca algo de ese tono. En ocasiones en este caso, creo que los colores más claros van a funcionar mejor. Ahora como puedes ver, si enciendes y apagas este filtro, en realidad no está cambiando el color, es dejarlo bastante realista con un verde claro encima. Por supuesto, si vamos a esta capa de textura, también podemos jugar con la opacidad para que eso sea un poco menos obvio o un poco más obvio, me gusta tenerlo más. También podemos moverlo usando nuestra herramienta de flecha y podemos poner esa textura a donde la quieras y donde creas que se ve mejor. Si hacemos zoom aquí, creo que tenemos un buen ejemplo de lo que queremos hacer. Mis retoques finales fueron que pensé que sería bueno escribir a mano el número de edición y poner mi firma a lápiz. No tienes que hacer esto, pero pensé que era un bonito toque y hacía que se viera así de mucho más realista. Podemos cerrar estas otras capas también. pegaré aquí, lo arrastraré hasta abajo, asegúrate de que no esté en tu grupo de texturas arrastrando hacia arriba y vamos a cambiar el modo de mezcla a Multiplicar. Siento que esto es un poco demasiado grande, así que vamos a encogerlo un poco, eso es Comando T, pulsa Enter, pon ahí el número de edición. Yo sólo voy al Comando X para borrar mi firma y vamos a moverla aquí con el Comando V y poner eso para multiplicarse también. De nuevo, esto es simplemente finalizar y mover las cosas y tenemos un efecto bastante bueno aquí. Lo hemos recreado exactamente como lo tenía antes. Te quiero mostrar cómo cambiar fácilmente nuestro trabajo y tener el efecto auto actualización, te lo mostraré en el siguiente video. 5. Otros ejemplos: Lo que también he ido adelante y hecho es que he cambiado las capas para que coincidan con lo que son. Entonces mi firma, por supuesto se llama firma y el número de adición se llama adición. Aparte de eso, estamos listos y listos para irnos. Ahora he entrado, en el medio y he cambiado este objeto inteligente para tener muchas más opciones. Voy a hacer doble clic en él, y aquí es donde podríamos entrar aquí y podríamos agregar cualquier diseño o efecto. Te voy a vincular a algunas imágenes Creative Common que en realidad puedes usar, y tengo algunas aquí. Lo que voy a hacer es que voy a ocultar mi diversión de vida silvestre. Voy a subir a la cima, y este es un objeto que me bajé de Creative Commons. Lo he puesto en mi proyecto de clase y un enlace al mismo para que puedas obtener esta misma imagen exacta. El modo en que elimino el fondo es yendo a seleccionar rango de colores, seleccionaría esta obra de arte. Puedes jugar con la borrosa para asegurarte de que obtenga exactamente lo que quieres. Invertirlo, haz clic en Ok, y luego lo que harías es eliminar todo el blanco básicamente para que solo tengas un diseño de color. Ya he ido adelante y he hecho eso. Todo lo que tenemos que hacer es golpear guardar. Una vez guardado, podemos volver a nuestra imagen principal y se puede ver que la obra de arte es efecto ya está aplicada. No tuvimos que cambiar nada. Todo está muy bien preparado para nosotros. Quizás quieras entrar en la textura y jugar un poco con eso. Pero en su mayor parte, el efecto ya está hecho para nosotros, por lo que es bastante impresionante. Te voy a mostrar algunos ejemplos más. Tenemos ese pulpo fresco. Entonces vamos a seguir adelante y hacer clic en Guardar, y así así, nuestro pulpo está en el diseño. Ahora quizá quiera deshacerme de mi firma además por la facilidad, por supuesto, ya que no las dibujé. Pero es un efecto realmente cool que se puede usar en muchas variedades diferentes. Ya he mostrado y la mayoría de estos estarán en mis proyectos de clase en lugar de ir por cada uno uno uno por uno. Sólo te estoy mostrando un ejemplo. Ahora de nuevo, esto es solo para enfatizar que tus colores necesitan algún espacio entre ellos, algunos blancos para que se vean realistas. Este funciona bastante bien porque hay mucho peso entre cada color. Pero les voy a mostrar un ejemplo de uno que no funciona bien, sólo para que realmente puedan ver la diferencia. Este beisbol que diseñé y se puede ver que todo es conmovedor. Del blanco al negro al gris, todos estos colores son conmovedores. Si guardo esto, vas a ver enseguida que este efecto no funciona muy bien. No se ve muy realista. La textura realmente no se ve bastante bien en absoluto. No tiene lo correcto porque sólo está aplicando el efecto a la forma externa. Ese es un buen ejemplo de por qué necesitas deshacerte de tus blancos y asegurarte de que tu obra de arte esté realmente configurada y diseñada bien para su propósito. Si tuviéramos algo así en otra mano, y todo lo que he hecho aquí también es si hacemos doble clic en estos para abrir las opciones de mezcla, he añadido una superposición de color a algunas de ellas, pero eso es un cambio fácil. Vuelvo a golpear al Comando S para salvar, y ahí tienes. Esa es nuestra obra de arte terminada aquí. Se puede ver que eso funciona mucho mejor si se lo estás dejando a uno o dos colores. Esto es algo más de Creative Commons. hit Guardar. Ahí tienes, puedes ver el efecto aplicado. Por supuesto también, si quisieras realmente podrías usar topografía si acabamos de escribir aquí, puedo poner prueba, lindas letras grandes. golpeó Save, y ahí tienes. Por supuesto, puedes diseñar como quieras. No tienes que ser diseñador. Puedes usar esas imágenes Creative Common, o puedes agregar tu propio diseño, o simplemente puedes escribir alguna topografía con textos normales, hacer algunas letras a mano, puedes hacer lo que quieras. Espero que hayan disfrutado de la clase y solo vamos a seguir adelante y decir un rápido agradecimiento en el siguiente video y nos vemos más tarde. 6. Outro: Está bien. Entonces muchas gracias por tomar la clase. Espero que te haya parecido muy agradable. Sé que es un efecto realmente fácil, y para algunos de ustedes usuarios más avanzados, puede que sea demasiado básico, pero creo que sigue siendo un efecto divertido, y va a ser realmente útil para algunas personas, y conocer el efectos inteligentes sobre cómo agregar esas texturas podrían ser sólo un pequeño paso que algunos de ustedes pueden o no haber conocido ya. Entonces de nuevo, realmente espero que hayas disfrutado de la clase, si lo hiciste, asegúrate de revisarla y darle un pulgar arriba. Realmente ayuda tremendamente a la clase, y también me encantaría ver tus proyectos. Por supuesto también, si hicieras click en mi perfil en Skillshare, podrás ver todas las demás clases que he hecho. Ya lo he hecho bastante en este momento, este es mi 16, claro, no se ha presentado porque lo estoy haciendo ahora mismo. Pero sí, solo lo revisas. He hecho muchos cursos sobre Illustrator, algunos sobre Photoshop, y una pareja en InDesign. Por lo que estoy tratando de usar todas las diferentes plataformas de Adobe y enseñarles a todos lo que quieran. Si hay algo que crees que te gustaría aprender, solo tuitea o sácame en Instagram es @jonbrommet. Para que puedas ver mi cuenta de Instagram aquí. Tenemos un montón de ilustraciones y cosas geniales y estoy publicando bastante a menudo. También es una gran manera de estar al día con mis nuevas clases y solo técnicas. También es la forma más fácil de contactarme porque soy adicto a usarlo con demasiada frecuencia. Entonces eso es @johnbrommet. Por último, si vas a mi página web, eso es johnbrommet.com, puedes revisar mi trabajo ahí y si haces clic en “Tienda”, te traerá a mi tienda Etsy, donde tengo un montón de alfileres, parches, pegatinas, tazas, básicamente tú lo nombras, montones de cosas realmente geniales que tal vez quieras comprar. Entonces muchas gracias. Gracias por revisar mi clase y nos vemos la próxima vez. Muchas gracias. Adiós.