3 efectos de texto creativos que te permiten desarrollar habilidades versátiles con Photoshop - Una clase de Graphic Design for Lunch™

1. Introducción a 3 efectos de texto en Photoshop: Hola, soy Helen Bradley. Bienvenido a esta clase de habilidades compartidas. Estoy haciendo tres efectos de texto muy interesantes y muy diferentes en Adobe Photoshop. He elegido estos efectos de texto porque cada uno de ellos usa un conjunto muy diferente de habilidades importantes de Photoshop. Utilizarlos para texto es solo una introducción. Una vez que veas cómo funcionan, habrá habilidades para agregar a tu kit de herramientas de Photoshop listas para que las uses en todo tipo de proyectos de Photoshop en el futuro. Te enseñaré cada uno de estos efectos paso a paso para que puedas seguirlo. Y tu proyecto es crear uno o más de estos y publicar tu trabajo en la sección de proyectos de clase. Realmente espero que disfrutes de esta clase tanto como yo he disfrutado armarla para ti. 2. Efecto de texto inverso de color: El primero de nuestros efectos de texto es este tipo de efecto de texto de color inverso o inverso. Todo aquí es totalmente editable. Para comenzar, voy a crear un archivo completamente nuevo, así que haga clic en Nuevo archivo. El mío es 1920 por 1080. El tuyo puede ser de cualquier tamaño que te guste. Queremos mostrar la paleta de capas así que presiona la tecla Función siete o ve a Ventana y Capas. Vamos a agregar una nueva capa. Haga clic en el signo más aquí abajo. Tenemos el negro como nuestro color de primer plano. Vamos a la herramienta rectángulo, y vamos a establecer estas tres opciones en píxeles. Eso es muy importante. Y luego simplemente arrastra un rectángulo sobre la mitad inferior del documento, y eso va a llenarse automáticamente con este color negro. Vamos a hacer de esto un objeto inteligente. Entonces, si está seleccionado, vaya al filtro y luego convierta para filtros inteligentes y haga clic en Bien. Y luego para convertirlos en ondas, vamos a filtrar y distorsionar y luego a ondear Ahora, con el filtro de onda, solo quieres obtener algo que se vea así, y que sea una onda sinusoidal. Estoy usando número de generadores uno porque solo quiero que se vea realmente simple así. La longitud de onda es una distancia entre las olas para que puedas hacer más o menos dependiendo de tu longitud de onda. Usted quiere que estos valores de longitud de onda aquí sean más o menos los mismos. Si arrastras uno, probablemente arrastras ambos. La amplitud es el tamaño de la onda, por lo que solo quieres establecer eso en un valor que tenga sentido para ti. Estoy pensando que un valor bastante pequeño va a funcionar para mí. Creo que quiero que mi longitud de onda sea un poco más grande. Entonces, una vez que tengas algo que te guste, simplemente haz clic en Bien. Ahora bien, esto es totalmente editable haciendo clic en la opción de onda aquí, puedes cambiar estos ajustes Creo que esto es mejor para mí. Voy a agregar mi texto ahora, así que voy a la herramienta de tipo. Estoy usando una fuente llamada anagrama NF, y sé que tiene que ser de unos 48 píxeles Puedes experimentar con lo que tiene sentido para ti para tu documento. Ahora, de manera contraintuitiva, quieres estar escribiendo en tipo blanco, así que quieres asegurarte de que esta cajita aquí arriba sea De lo contrario, no va a funcionar. Voy a hacer click aquí abajo y poner mi tipo aquí simplemente porque va a ser más fácil de ver por encima de la parte superior del negro. Y así sólo voy a hacer click y luego escribir mi tipo. El tipo de letra se ha atascado. El tamaño de tipo no tiene, así que déjame hacer eso 48. Ahora puedo posicionar mi tipo donde quiero que esté. Y como se puede ver, el blanco se está perdiendo en el fondo, pero el blanco que está cubriendo al negro es muy visible. Para hacer el efecto de texto inverso con esta capa de tipo seleccionada, vamos a elegir uno de los dos modos de fusión. No importa cuál uses. Podría ser diferencia o exclusión. Van a tener exactamente el mismo efecto. Entonces ahora este efecto se puede alterar en el sentido de que puedes, como has visto, editar tu estructura de onda, pero también puedes mover este tipo de objeto alrededor, y podrías cambiar el tipo, el tipo de letra, el tamaño de fuente, las palabras, lo que quieras Y por último, para agregar el efecto de color, vamos a hacer clic en la capa de tipo y asegurarnos de que tenemos diferentes colores aquí. Así que sólo voy a hacer clic en este icono. Entonces tengo blanco y negro. Va a hacer las cosas un poco más fáciles de ver. Ir a la capa Nueva capa de Ajuste. Vamos aquí abajo al mapa de gradientes. El mapa de degradado es una forma de aplicar colores a un documento en función de lo que hay en el documento. Si acabo de invertir este gradiente en particular, verás que los colores están invertidos porque este color aquí el blanco se está aplicando a lo que antes era negro, y este color aquí se está aplicando a lo que antes era blanco. Bueno, queremos algo un poco diferente. Así que vamos a hacer clic en el degradado, y voy a establecer mis paradas aquí. Quiero que esta parada sea azul. Realmente no importa como has visto qué parada es sich porque es muy fácil cambiarlos. Da click en éste y hazlo amarillo. Voy a hacer click Bien. Y luego si quiero, puedo hacer clic en el reverso de deshacer, así puedo revertir el degradado quisiera hacerlo tengo los colores de la manera incorrecta. Ahora bien, este efecto es totalmente editable. Las olas son editables. El texto es editable, el mapa de gradientes es editable Todo se puede cambiar. 3. Mezcla texto en una foto: Este siguiente efecto de texto es bastante sencillo. Es muy divertido de hacer. Y lo que implica es ocultar este texto detrás de algunos de los elementos de la imagen. En este caso, estamos ocultando el texto detrás de los árboles. Vamos a empezar abriendo nuestra imagen, y he tenido una abierta recientemente, así que solo voy a agarrar esta de aquí. Voy a agregar mis tipos. Voy a la herramienta tipo aquí. Va a dar click en el documento. Estoy trabajando con el tipo White aquí arriba. Y la fuente que estoy usando se llama MelgaTargular. Lo conseguí puesto en 400 puntos no va a ser lo suficientemente grande en este momento. Así que vamos a hacer clic aquí y estoy escribiendo mi texto. Ahora bien, las imágenes que estoy usando para este efecto en particular son todas de unsplash.com, y te voy a dar enlaces para Entonces solo estoy colocando mi texto aproximadamente donde quiero que esté en el documento. Este es un efecto totalmente editable, para que podamos moverlo más adelante Ir a Window y luego LAS porque quiero tener mi panel AS visible. Voy a hacer click en mi typea Voy a bajar aquí al ícono de FX Voy a hacer clic en eso, y voy por opciones de mezcla. La opción de fusión que estamos usando se llama Blend If. Aquí puedes ver las opciones de fusión de Estilos seleccionadas, y estamos usando Fusionar si. Y lo que nos permite hacer es decirle a Photoshop que si la capa subyacente es más oscura que la capa actual, queremos empezar a ocultarla. Entonces, ¿qué vamos a hacer simplemente arrastra este control deslizante sobre. Y como pueden ver, mientras lo arrastre, estamos empezando a masticar este texto aquí Ahora, puedo dividir esta pequeña diapositiva aquí manteniendo pulsada la tecla lk en una opción de PC en una mac, y solo quiero dividirla en dos porque eso va a hacer que el área de transición sea un poco más suave Y todo lo que busco es un escenario aquí que esté ocultando las partes de esta fuente aquí que están en los árboles, básicamente. Una vez que consiga lo que quiero, sólo voy a dar click en Bien. Y ahora, si movemos el tipo alrededor, verás que en realidad desaparece en los árboles. Nuevamente, esto es totalmente editable. Entonces no me gusta esta letra mayúscula T de aquí, así que sólo voy a agarrarla y hacerla minúscula creo que se ve mucho mejor Pero se puede cambiar la fuente, puede cambiar el tipo, puede cambiar el tamaño de fuente. La posición de la fuente se puede cambiar. Y, por supuesto, puedes volver a editar esa mezcla si con tan solo hacer clic en este icono aquí, verás que este tiene un pequeño icono divertido. Cuando haces doble clic en eso, realidad vas a abrir esta área de estilos de capa nuevamente, y podrías modificar esa configuración Ahora bien, hay una advertencia con este efecto es que no siempre va a funcionar a la perfección Entonces echemos un vistazo a un par de ejemplos, y solo te diré por qué hice la elección de esas imágenes y cómo voy a trabajar con ellas. Esta es la primera de las imágenes. Lo que elegí aquí fue una imagen que tenía alguna zona oscura y el primer plano y alguna zona clara en el fondo Eso es ideal para esta situación. Si estuviera usando esto, probablemente recortaría la imagen. Creo que hay demasiado, pero esto es totalmente editable, así que podría llevar el texto a otra parte, pero se puede ver aquí que el cielo está empezando a comerse en el tipo Así que solo quieres tener mucho cuidado en cuanto a tu imagen que elijas, y un buen contraste entre el primer plano y el fondo realmente ayuda Estamos viendo también un poco de fractura en el tipo. No te preocupes, pero si lo hiciste, entonces tal vez quieras tener más cuidado con la imagen que elegiste. Y entonces este, Desert Sunset, está funcionando bastante bien. De nuevo, probablemente recortaría esta imagen. Me gusta este tipo de área en el medio mejor de lo que me gustan las áreas de borde. Creo que así va a funcionar un poco mejor. Entonces, cuando estés buscando imágenes para descargar en unsplash.com, busca este contraste realmente nítido entre el fondo y el primer plano dándote algo en lo que puedas colgar tu sombrero que esa mezcla de proceso funcione para 4. Genera interés con los estilos de capa: Para este efecto de texto, vamos a crearlo usando una serie de estilos. Entonces voy a comenzar con un archivo completamente nuevo, 1920 por diez, 80. Para mi, la tuya puede ser de cualquier talla que te guste. Voy a llenar mi fondo con sólo un color con el que pueda trabajar. Voy a la herramienta Texto. Solo vamos al panel Capas. Voy a agregar una nueva capa aquí y voy a escribir mi texto. Voy a usar la fuente Blackjack, y voy a hacer el tamaño de fuente 110, que sé que funciona para este documento en particular. Para conseguir este efecto, vamos a usar estilos. Entonces con la capa de texto seleccionada, voy al icono FX. Y voy a hacer click aquí abajo sobre la superposición de patrones. Ahora, ya he localizado los viejos patrones que se enviaron con Photoshop. Lo que hice fue ir a Window y luego a los patrones, y aquí en el menú desplegable, elegí patrones heredados y más Eso me permitió volver a los patrones heredados que se enviaban con versiones anteriores de Photoshop. Y el patrón que estoy usando es uno de las superficies Artis Por lo que deberías encontrar un grupo llamado Artis surfaces si quieres usar este patrón, y este es todo Puedes escalar el patrón en el diálogo aquí, para que veas que podemos hacerlo a la escala que queramos. Voy a mantenerme bastante cerca de su tamaño original. No quiero agrandarlo demasiado porque sí pierde un poco de nitidez Se mezcla en modo normal. Ahora para obtener el color rosa para nuestro texto, vamos a usar una superposición de color. Así que vamos a añadir una nueva superposición de color. Y voy a elegir un color para usar. Voy a elegir algo bastante rico en color. Y verás aquí que el patrón ha desaparecido. Eso está bien. Quiero volver a este color más tarde, así que sólo voy a agregarlo a las muestras Eso es bastante importante porque es muy difícil encontrarlo de otra manera. Así que sólo voy a hacer click Bien. Ahora, si cambiamos el modo de fusión aquí, podremos ver el patrón debajo. Entonces podrías hacer algo como elegir multiplicar o luz suave. Para que puedas elegir el modo de mezcla que te hable. Hay muchos de ellos, y todos tienen efectos diferentes. La pantalla es otra. En realidad voy a usar pantalla. Ahora, para hacer una línea alrededor de este tipo, vamos a agregar un trazo que sea de este color, y este es el color que acabamos guardar en el panel Muestras Entonces déjame ir y mostrar el panel Muestras con ventana y luego muestras Y este es el color aquí abajo. Entonces vamos a agregar un trazo. Ahora bien, este trazo va a ser muy pequeño. Se puede decir que es sólo un píxel. Voy a hacer clic en el color, pero verás aquí que no hay forma de seleccionar realmente un color que esté en el panel Muestras Ninguna de estas opciones de diálogo te ofrece el panel Muestras, pero como lo tengo visible por aquí, solo puedo probar Entonces por eso era importante salvarla. También para tenerlo visible. Así que sólo voy a hacer click Bien. Entonces un trazo de un píxel. Lo voy a poner por fuera para que no pierda peso en mi texto. Podría hacerlo un poco más grande si quisiera. Voy a añadir otro trazo. Esta vez, va a ser blanco. Entonces voy de nuevo a agregar un trazo. Hagámoslo de un color blanco. De nuevo, la voy a poner por fuera, así que está fuera de todo, y voy a aumentar el tamaño. Todo esto es ajustable más adelante si no nos conviene. Ahora, hay un problema con este trazo en particular en que está sobre la parte superior del trazo rosa existente. Así que vamos a conseguir el trazo rosa y simplemente moverlo hacia arriba. Se puede ver que estamos apilando estos un poco mejor. Vamos a agregar otro trazo. Entonces este va a ser del mismo color rosa. Así que vamos a seleccionar de nuevo ese color rosa, asegurándonos de que ese panel de muestras siga siendo visible para que tengamos acceso a ese color Y éste va a estar, de nuevo, fuera, y queremos que sea más grande que el blanco. Un poco difícil verlo ahora mismo hasta que realmente lo movemos hacia abajo. Así que vamos a hacerlo. Vamos a moverlo detrás de todo. Entonces tenemos el trazo rosado muy pequeño arriba y luego un trazo blanco aquí, y luego este trazo rosa de contorno. Y podrías entrar y variar estos si no fueran las dimensiones adecuadas para y finalmente, nuestra sombra paralela. Entonces vamos a agregar una sombra paralela. Ahora, nuestra sombra paralela, me gustaría que viniera de esta dirección, así que voy a cambiar el ángulo sobre ella. Es muy difícil de ver en este momento porque está detrás de nuestro texto. Entonces vamos a aumentar la distancia, y ahí empieza a aparecer. Pero notarás que un ligero problema en la sombra paralela es la forma de las letras originales, por lo que en este momento no se ve muy bien. Voy a empezar a trabajar en aumentar el spread y aumentar el tamaño. El tamaño es más o menos esponjosidad, así que eso en realidad nos va a dar un poco mejor de un efecto de sombra paralela La distancia va a levantar un poco el texto de la página. Quizá queramos trabajar con el spread. Así que entre todos estos ajustes, puedes encontrar un valor ideal para tu sombra paralela. El modo de mezcla es multiplicar. Estamos usando un gris o negro aquí, y también podrías ajustar la opacidad si quieres Ahora bien, una de las cosas de este efecto es que debido a que fue creado usando estilos, en realidad podemos guardarlo. Así que volvamos al diálogo de efectos con solo hacer doble clic en la palabra efectos aquí en el panel de Las, y llamemos a esto un nuevo estilo. Yo sólo voy a llamar a esto bordes rosados y simplemente haga clic en Bien. Y ahora en el futuro, si creamos un documento completamente nuevo y le agregamos algún tipo, podemos ir al panel Estilos con Ventana y luego estilos. Y el último estilo en este panel va a ser el que acabo de crear el estilo de borde rosa. Y es simplemente cuestión de hacer clic en el estilo, y se aplicará automáticamente a tu tipo.