Transcripciones
1. Texto sobre efectos de imagen en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, crea texto sobre efectos de imagen en Adobe Photoshop. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. hoy, estamos haciendo efectos de texto sobre imagen en Photoshop. Vamos a encontrar algunas formas diferentes de aplicar texto sobre una imagen. Vas a aprender a rellenar texto con una foto. Vas a aprender a acceder a las fuentes dingbat y glifo en Photoshop. Vas a aprender algunas técnicas para trabajar con texto en Photoshop. Conforme estás pasando por este video cuando veas el prompt para darle un pulgar arriba, por favor, si estás disfrutando el video, dale un pulgar arriba. Eso ayuda a otras personas a identificar que este es un curso que también pueden querer tomar y por favor, si quieres dejar un comentario, leo todos tus comentarios y veo todos tus proyectos. Si estás listo, empecemos con el texto de clase de hoy sobre los efectos de imagen.
2. Texto sobre efectos de imagen parte 1: Antes de empezar con estos efectos de texto, quiero presentarles un sitio llamado unsplash.com. Ahora, unsplash.com, obtienes acceso a una gran cantidad de fotos que puedes usar para tus propios proyectos. No hay límite a lo que se puede hacer con estas fotos. Tendrás que registrarte en el sitio, pero puedes descargar esas fotos de forma gratuita y utilizarlas para cualquier propósito. Entonces lo que estoy usando en este conjunto particular de videos es una serie de imágenes de este sitio, solo para que puedas descargar y seguir junto con el tutorial. El otro motivo por el que me gusta mucho este sitio es porque la calidad de las imágenes es realmente bastante alta. Tienen imágenes muy, muy artísticas, y así se prestan al tipo de proyecto que hoy estamos haciendo aquí. Ahora, la primera de las imágenes que vamos a utilizar es del sitio aquí, y solo te voy a mostrar cómo vas adelante y descargarla. Esta es la imagen que vamos a usar, así que solo voy a dar clic en ella para abrirlo en una nueva ventana del navegador. Voy a hacer clic derecho y elegir “Guardar imagen como”, y sólo
puedo guardarla en mi disco y abrirlo en Photoshop, y es tan fácil como eso de hacer. Adelante ahora y hagamos justamente eso, y voy a abrir la imagen que ya descargué
anteriormente, y aquí está aquí. Ahora, quiero empezar con esta imagen recortándola, así que voy a dar clic en la herramienta “Recortar” aquí para seleccionarla, y quiero hacer un recorte cuadrado, que es una proporción de 1:1. En versiones posteriores de Photoshop, puedes hacer clic en el enlace de relación original aquí y simplemente elegir algo como 1:1 Square. También puedes, en versiones anteriores de Photoshop, simplemente arrastra hacia fuera el rectángulo de recorte sosteniendo Shift mientras lo haces, y luego estarás limitado a una forma cuadrada. Entonces solo voy a recortar esto a una imagen de tamaño completo porque quiero la altura completa de la imagen, pero quiero que sea cuadrada, así que daré clic en la marca de verificación aquí. Ahora, el efecto de texto que vamos a crear van a ser tres líneas de texto. Voy a dar clic en la herramienta “Texto” aquí, y sólo voy a dar clic en la imagen, y vamos a ver cómo vamos aquí. Bueno, la fuente es realmente pequeña. Se puede ver que este pequeño indicador sólo es visible. Entonces porque esta es una imagen realmente grande, quiero un tamaño de fuente muy grande, así que voy a empezar con cerca de 72. Yo lo voy a hacer negro, y voy a hacer que se quede justificado. Sólo voy a dar clic en “Izquierda justificada” aquí, ahora mismo, y quiero que esta sea una fuente cursiva porque quiero que esta sea la palabra el, y quiero que sea por sí misma. Elegí una fuente para usar que puedas o no tener en tu computadora, pero deberías poder encontrar algo que vaya a hacer igual de bien. El tipo de letra que estoy usando se llama Pristina, y es Pristina Regular. En la lista aquí, se puede ver que se ve como una fuente ligeramente script, una fuente ligeramente cursiva. Simplemente va a tener un poco de carácter, así que elige cualquier cosa de tu lista de fuentes que creas que podría ser apropiado. Yo sólo voy a escribir la palabra el, y va a ser en minúsculas, y voy a dar clic en la marca de verificación. Sólo voy a ignorar el tamaño y todo por ahora. Yo solo quiero bajar mis elementos de texto. Voy a dar clic aquí para la siguiente pieza de texto y esto necesita ser mucho más grande aún. Se puede ver aquí en los libros de texto que nos quedamos sin tamaños de punto como, bueno, eso es un [inaudible]. Simplemente puedes hacer clic en el cuadro y escribir lo que quieras, o puedes presionar Mayús flecha arriba para simplemente aumentar el tamaño de la fuente a un tamaño de fuente bastante grande. Voy a escoger 222 por ahora. Izquierda justificada, y la fuente que voy a usar es una que tendrás instalada, y es sólo Myriad Pro Regular, y es una tipota bonita. Es sólo una fuente sobria. Por lo que he seleccionado aquí ahora, Myriad Pro Regular, y sólo voy a escribir la palabra VIAJE en mayúsculas, y hacer clic en la marca de verificación, no me preocupa que haya demasiado encima el uno del otro por ahora. A continuación voy a hacer una última pieza de texto. Todavía lo voy a hacer en Myriad Pro Regular por ahora, pero lo voy a hacer en minúsculas. Entonces la cita es: “El VIAJO es mi hogar”. Sólo voy a dar clic a la marca de verificación aquí. Ahora, quiero hacer algo con esta pieza de tipo en particular, la última que meto porque no quiero que sea igual a esta de aquí, pero ya he usado dos tipografías en mi documento y para tirar otra en es probablemente uno demasiados. Pero Myriad Pro viene en un montón de variedades. Entonces voy a seleccionar esta capa. Voy a seleccionar la herramienta “Texto”. Voy a arrastrar como se selecciona mi sólido de texto, y luego voy a echar un vistazo y ver qué viene con Myriad Pro Regular. La respuesta es que Myriad Pro viene con un montón de otras variedades de Myriad Pro y es aceptable usar esto como un tipo de fuente diferente, pero aún manteniendo dentro de la misma familia de fuentes. Lo que quiero hacer es usar Myriad Pro Light Semi Extended. Ahora bien, esta es una fuente semi-extendida, pero es más ligera, por lo que tiene un carácter ligeramente diferente al Myriad Pro Regular, así que voy a seleccionar eso, y vamos a hacer clic en la marca de verificación. Ahora voy a mirar estos pasos en posiciones. Me voy a mudar es mi casa más o menos a la posición en la que quiero que esté. Voy a mover VIAJE a más o menos la posición en la que quiero que esté. Entonces voy a seleccionar la palabra “el”, y voy a hacer más o menos lo mismo con eso. Ahora quiero poner la derecha sobre
la parte superior de “VIAJE”, pero creo que es un poco pequeña, así que sólo voy a sostener la tecla Shift mientras agrandaba un poco y la coloco en posición. Estoy bastante contento con el y VIAJE, pero no estoy contento con es mi hogar. El motivo por el que no estoy contento es en primer lugar, está perdiendo un poco en el resto de la imagen, y en segundo lugar, no está muy bien posicionada. Por lo que el perderse en el resto del problema de imagen se resuelve fácilmente. Voy a ir por debajo de todos mis objetos de texto, realidad solo
voy a dar clic en la capa de fondo, y voy a dar clic para agregar una nueva capa. Voy a arrastrar sobre un rectángulo. Entonces voy a una herramienta de marquesina rectangular. Simplemente lo voy a probar contra VIAJES porque quiero que sea aproximadamente del mismo tamaño que la palabra VIAJE. A lo mejor un poco más alto, pero ciertamente sobre el mismo ancho, así que puedo probarlo simplemente dibujándolo aquí, y este es mi rectángulo. Voy a llenarlo de blanco. Tengo mi capa vacía seleccionada, blanco es mi color de primer plano. Presionaré Alt Backspace Option Delete en un Mac para llenar esa selección de blanco. Ahora voy a la herramienta Mover y voy a mover esa selección hacia abajo porque quiero que aparezca donde está mi casa, porque voy a poner este texto sobre la parte superior de esta caja. Entonces sólo voy a alinear las cosas razonablemente bien aquí en este momento, y ahora vamos a buscar el texto. Por lo que voy a dar clic en la herramienta “Texto”, voy a volver al objeto de texto, y voy a seleccionar sobre él. Ahora, mi fuente es demasiado grande, así que voy a empezar a reducirla. Voy a dar click aquí en el cuadro de fuentes. Sólo voy a presionar Shift Down Arrow para empezar a reducirlo. Si me estoy acercando a donde quiero que esté, sólo
puedo presionar la flecha hacia abajo. Voy a hacer clic en la marca de verificación, y ahora vamos a moverlo a su posición y ver cómo se ve sobre este fondo. Pero el fondo todavía está seleccionado en este momento así que voy a presionar Control o Comando D para anular la selección para que pueda mover mi texto a su lugar. Si quiero mi texto en este recuadro, sigue siendo un poco demasiado grande. Nuevamente, vamos a volver a la herramienta Texto, vuelta a seleccionar sobre el texto, y sólo lo voy a hacer un poco más pequeño y volver a posicionarlo. Lo que busco es la alineación de la caja blanca para estar a lo largo del costado de la J y la Y aquí. Puedo comprobarlo si quiero eligiendo “Ver” y asegurándome de que Rulers tenga una marca de verificación. Si no lo hace, lo voy a seleccionar, pero la mía sí, así que sólo voy a hacer clic lejos de aquí. Sólo puedo arrastrar algunas guías hacia adentro. Entonces sólo voy a arrastrar una guía al inicio de la letra J, solo para probar y ver cómo está mi caja ahí. Voy a hacer lo mismo justo hasta el final de la letra Y. Bueno, parece que mi caja es solo un poco grande, así que voy a acercar, agarrar la herramienta Mover, seleccionar mi capa de caja, y simplemente arrástrelo para alinearse con estas guías. Para mover la imagen, solo estoy sosteniendo la barra espaciadora mientras muevo la imagen. Si todo se ve bien, voy a hacer clic en la marca de verificación y luego deshacerme de las guías eligiendo “Ver”, y luego “Borrar guías”. Ahora, voy a conseguir es mi casa otra vez y sólo voy a moverla un poco
hacia abajo a esa caja. Por lo que voy a presionar Control o Comando 0 para alejar el zoom. Creo que la caja blanca ahora es de dos blancos, así que voy a dar clic en esta capa y sólo reducir la opacidad de la misma. Eso muestra un poco de la imagen debajo, pero sí proporciona un fondo para ese texto más fino por lo que es un poco más fácil verlo. Si queremos asegurarnos de que todo esté bien centrado, vamos a seleccionar todo lo que necesite estar bien centrado. Es decir, la capa blanca, la capa VIAJE, así que estoy Control o Comando dando clic en eso y el es mi capa home. No estoy seleccionando el porque no quiero centrar eso. Ahora bien, si presiono Control o Comando A para seleccionar la imagen general, puedes ver que consigo estas herramientas de alineación aquí arriba y
quiero alinear todo para que esté bien centrado. Entonces voy a hacer clic en “Alinear centros horizontales”, y eso sólo alinea todo de manera ordenada. Presionaré Control o Comando D deseleccionar la selección, y ahí está el efecto de texto completado.
3. Texto sobre efectos de imagen parte 2: Este es el siguiente efecto de texto que vamos a crear. Para esto vas a necesitar unos pedacitos y piezas. En primer lugar quieres la imagen. Eso puedes descargar desde unsplash.com y está en la sección de viajes. Ve a buscar la palabra viaje. Cuando localices esta imagen, solo tienes que dar click en el enlace de descarga. Entonces, cuando se abra en tu navegador, solo
tienes que hacer clic derecho y elegir Guardar imagen como y simplemente guardarla en tu disco. Es una de las piezas que necesitas. El siguiente que quieres es esta fuente llamada Amatic. Creo que es una fuente muy, muy bonita y va a funcionar muy bien para este proyecto en particular. Te voy a dar el link para descargar esto desde fontsquirrel.com y es la fuente Amatic que quieres. Tendrás que seguir adelante e instalarlo. Hay dos fuentes que instalas fuera de esta descarga, instalarás la versión regular y luego la versión negrita. Por último, vas a necesitar una fuente dingbat. El tipo de letra dingbat que quieres como se llama Nymphette. Es de DaFont. De nuevo, te voy a dar el enlace para localizar eso y descargar eso. Es 100 por ciento gratis por lo que está disponible para fines comerciales y personales. Basta con hacer click para descargarlo y seguir adelante e instalar eso. Una vez que tienes las dos fuentes y la imagen, ya
estás listo para empezar. Voy a abrir la imagen que acabo de descargar. Ahora esto tiene un tamaño 100 por ciento, lo que se trata de una imagen muy pequeña. Tan solo ten en cuenta que es bastante pequeña. Un poco inusual para Unsplash ya que sus imágenes suelen ser un poco más grandes que esto. Voy a hacer clic en la herramienta de texto y voy a asegurarme de que tenga seleccionada
mi fuente descargada e instalada, eso es Amatic SC regular. Sólo voy a usar la versión regular. Sí también por supuesto vienen en la versión negrita que está justo aquí pero voy a seleccionar regular. Voy a asegurarme de que mi texto por ahora se deje justificado. Por lo que solo voy a dar clic aquí en esta opción de texto alineado a la izquierda. Voy a probar la fuente. Sólo voy a dar clic aquí en la imagen y sólo a ver cómo se ve la fuente. Bueno, el indicador aquí me está diciendo que es realmente bastante pequeño, así que creo que es un poco demasiado pequeño. Voy a seleccionar ahora algo más grande aquí, algo así como 36 puntos. Se puede ver que el indicador ahora nos está mostrando que es bastante más grande. Estoy listo para seguir adelante y para escribir mi cotización. Ahora, Amatic es una de las fuentes all caps así que no te sorprendas que no te mezclen mayúsculas con esto, todo es mayúscula. Tengo una línea dentro. Voy a hacer esto como dos líneas separadas. Yo sólo voy a dar click para poner eso dentro. Voy a volver a hacer clic para crear la segunda línea. Ahora he cometido deliberadamente un error ortográfico aquí. Voy a dar clic a la marca de verificación y sólo
vamos a seguir trabajando en esto pero te voy a mostrar cómo
puedes revisar ortografía en Photoshop y probablemente deberías porque es fácil cometer errores. Tengo al autor de la cita también para entrar aquí. Sólo voy a copiar eso porque lo tengo abierto en una ventana de navegador aquí. Acabo de copiarlo. Vayamos a la última paleta. Voy a añadir una nueva capa para esto con la Herramienta Texto. Sólo voy a dar clic y luego voy a pegar su nombre con Control o Comando V, porque lo copié de la Web y haré clic en la marca de verificación. Ahora como cada una de estas piezas de texto están en líneas separadas, va a ser fácil moverlas. Con éste, quizá quiera hacer justamente eso. Ciertamente sí quiero agrandar el tipo. Voy a volver para asegurarme de que la capa esté seleccionada. Tengo esta línea de viaje seleccionada, voy a volver a la herramienta de tipo, voy a tener mucho cuidado con sólo arrastrar sobre el texto y ahora puedo aumentar el tamaño de la fuente. Voy a dar click aquí. Puedo probar a las 48. Sigo pensando que eso es un poco pequeño así que solo voy a presionar la flecha arriba para simplemente ampliarla. Voy a hacer una nota de lo que elijo para mi tamaño de fuente y estoy eligiendo 55 en este momento, así que haré clic en la marca de verificación aquí. Yo voy a hacer lo mismo con esta siguiente línea. Nuevamente, seleccionando capa, asegurándome de que tenga seleccionada la herramienta Texto, seleccione sobre la fuente, teniendo mucho cuidado de recogerla y luego solo haciendo este 55, haga clic en la marca de verificación. Ahora sólo voy a reorganizar estas piezas. Voy a llevar aquí al autor de la cita. Voy a llevarme cada una de esas piezas. Creo que los voy a alinear a la derecha pero eso se va a hacer
fácilmente simplemente seleccionando todas esas capas. Voy a seleccionar en todas estas tres capas de texto. Eso muestra estas opciones aquí arriba en la barra de herramientas porque tengo seleccionada la Herramienta Mover. Simplemente puedo hacer clic en esta opción la cual se ha ido a alinear todo a los bordes correctos y solo lo arregla todo bien. Ahora como dije, aquí hubo un error ortográfico, al
menos uno que puedo ver. Vamos a ver cómo haríamos ortografía en Photoshop. Vamos a elegir “Editar”, Comprobar ortografía. Photoshop va a pasar no sólo por la pieza que había seleccionado, que en realidad era esta línea superior, sino también por el resto del documento y se va a revisar todo mi texto. Aquí está la falta de ortografía, y sí quiero cambiarla a esta ortografía correcta así que voy a dar clic en “Cambiar”. Se recogió el nombre del autor como un error ortográfico. Bueno, eso no es correcto, así que le voy a decir que ignore eso. comprobación ortográfica está completa. Ahora bien, la ortografía de esto y la corrección del error también ha noqueado la alineación. Voy a querer volver a seleccionar esas capas y simplemente volver a comprobar la alineación y conseguir todo alineado bien. Ahora lo que quiero poner es una especie de swash de la fuente Nymphette. Ahora Nymphette es lo que se llama una fuente dingbat. Si voy a la herramienta de texto aquí, pero solo suelta esto y vamos a echar un vistazo a Nymphette, va a estar en la lista aquí. Puedes ver que todo lo que estás viendo aquí son los elementos de las fuentes. Va a ser muy difícil para nosotros averiguar exactamente dónde están los elementos en la fuente y cómo vamos a tener acceso a ellos. Pero hay una herramienta en Photoshop que te va a dar acceso a esas fuentes. Está en el panel de glifos. Voy a la ventana y voy a elegir glifos. Voy a ir a buscar mi fuente Ninfette. Estoy seleccionando Ninfette y el panel de glifos me
muestra cómo se ven todos los personajes en esta fuente. Aquí hay un pequeño deslizador para que puedas hacerlos más grandes o más pequeños como quieras. Ahora, el que quiero es uno de los que tiene una especie de forma de corazón en él. Una de estas, y estoy pensando que ésta es la que quiero. Una vez que logramos seleccionarlo, ahora tenemos que meterlo en el documento y lo hacemos yendo a la última paleta. Yo sólo voy a sacar esto del camino por un minuto. Voy a añadir una nueva capa y voy a seleccionar la herramienta Texto. Voy a dar click más o menos a donde quiero que vaya mi personaje. Ahora que he seleccionado todo eso y he puesto a Photoshop para que escriba algo. Solo voy a hacer doble clic aquí en el personaje que
realmente quiero usar y Photoshop simplemente lo agrega al documento. Esa es una forma muy útil de obtener acceso a tus fuentes dingbat que de otra manera sería
realmente, muy difícil de obtener acceso a. Sólo voy a dar clic a la marca de verificación. Voy a acercarme aquí un poco porque lo que quiero hacer es acercarme un poco más al resto del texto. En realidad quiero agrandarlo un poco. Voy a mantener presionada la tecla Mayús mientras la arrastro hacia fuera para que sea un personaje un poco más grande. Entonces sólo voy a moverlo a su posición. Yo quiero que salga del texto aquí. Voy a presionar Control o Comando cero para alejar el zoom. Ahora, otra cosa que quizá quieras hacer con esto es simplemente aligerar esta imagen debajo. Para ello, vamos a seleccionar el fondo y lo vamos a desbloquear. Podemos hacer eso de varias maneras. Una forma sencilla es simplemente hacer clic para deshacerse del icono del candado. Pero en versiones anteriores de Photoshop eso no está disponible. Puedes arrastrarlo y soltarlo sin embargo en la papelera y eso solo libera esta capa. Al liberar la capa, nos
permite poner algo debajo de ella. Voy a Control o Comando haga clic en el icono Nueva capa para que esta nueva capa pase por debajo de la capa de imagen. Como el blanco es mi color de primer plano aquí, solo
voy a llenarlo de blanco con opción de retroceso Alt Eliminar. Ahora que tengo una capa blanca detrás de ésta, solo puedo hacer clic en esta capa y simplemente ajustarme a la opacidad. Vamos a ver a través de esta capa hasta la capa de abajo. Eso sólo aclara un poco la imagen. Es solo la capa de imagen la que está teniendo reducida su opacidad. El presupuesto de viaje en sí se convierte más en una característica de esta imagen. Hay otra forma de colocar texto sobre una imagen.
4. Texto sobre efecto de imagen: parte 3: Para este siguiente efecto de texto en Photoshop, vamos a utilizar esta imagen. De nuevo, es de unsplash.com. De nuevo, puedes encontrarlo buscando viajes y querrás
descargarlo a tu computadora y luego abrirlo en Photoshop. Lo tengo abierto aquí. Ahora vamos a recortar este a una proporción uno a uno también. Tengo seleccionada la herramienta Recortar, de la lista desplegable Relación, voy a elegir el cuadrado Uno a uno y luego hacer clic en la marca de verificación. Si estás trabajando con versiones anteriores de Photoshop, entonces puedes simplemente arrastrar la herramienta Recortar sobre la imagen sosteniendo Shift mientras lo haces para limitarla a un cuadrado. Quieres la versión más grande de esta imagen que puedas obtener. Ahora la imagen en sí está en una capa de fondo aquí, y necesitamos desbloquear esto para que podamos trabajar debajo de esta capa. Para ello, voy a dar clic en el icono del candado. Si estás trabajando con versiones anteriores de Photoshop, solo
puedes arrastrar el icono de Bloqueo a la papelera. Voy a añadir una capa debajo la capa actual haciendo clic Control en el icono Nueva capa. El blanco es mi color de primer plano, así que presionaré Opción de Retroceso Alt Eliminar para llenar esta capa de blanco. Lo que quiero hacer es que quiero recortar esta capa aquí. Yo quiero recortarlo a un círculo. Voy a ir a por la herramienta Carpa Elíptica. Voy a mantener presionada la tecla Mayús mientras arrastro una forma de círculo aquí. Ahora bien, no quiero que sea del tamaño del propio documento. Quiero que haya algún espacio alrededor y
quiero eliminar el exterior y captar mi elipse, así que necesito invertir mi selección. Escogeré Seleccionar, Inverso. Ahora lo que fue seleccionado ya no está seleccionado, y lo que no fue seleccionado está seleccionado. He seleccionado todo el exterior de esta forma. Sólo voy a presionar la tecla Eliminar y eso sólo se
deshace de todo el exceso que no quiero. Ahora vuelvo a la herramienta Mover y solo quiero
asegurarme de que esta forma esté centrada en los documentos. Voy a presionar Control o Comando D para anular la selección. Entonces voy a seleccionar esta capa. Yo lo voy a hacer Control haciendo clic en la miniatura de la capa y luego asegurarme de que la capa esté seleccionada. Ahora voy a presionar Control o Comando A para seleccionar todo. Esto muestra estos iconos aquí, y voy a hacer clic en los dos centrales. Voy a alinear centros verticales, y luego voy a alinear centros horizontales para
que esta forma ahora esté centrada justo en medio de la imagen. Ahora estoy listo para seguir adelante y para agregar mi tipo. Voy a dar clic aquí para agregar una nueva capa al documento, y voy a seleccionar la herramienta Tipo. Ahora, estoy escribiendo en negro, lo cual está bien y mi texto estará centrado, lo cual está bien. He seleccionado Myriad Pro Semibold, pero creo que eso probablemente no va a ser lo suficientemente audaz así que voy a elegir Myriad Pro Bold. Quiero una fuente bastante gruesa para esto, Myriad pro es una bonita fuente llana, pero es bastante gruesa porque quiero poder ver a través de ella. Sólo voy a dar clic aquí y empezar a escribir. Estoy revisando el tamaño de mi fuente, eso son 250 puntos. Creo que eso probablemente va a ser un poco pequeño, así que voy a escribir 300 aquí. Adelante y tecleemos la cotización que es 'comer bien viajar a menudo'. Voy a dar clic a la marca de verificación. Voy a mover el tipo al medio del documento. Ahora, creo que es un poco demasiado pequeño, un tamaño de fuente todavía, así que voy a ir y volver a seleccionar la herramienta Tipo, seleccionar sobre el texto porque acabo de presionar Enter o Return al final de cada línea, y voy a aumentar el tamaño de la fuente haciendo clic en el cuadro de fuente allí y simplemente presionando la flecha Shift Up. Eso lo incrementará bastante cada paso. Ahora, lo voy a subir un poco más grande de lo que podrías pensar que es seguro para esto. Voy a hacer clic en la marca de verificación y sólo volvamos a moverla a su posición. Ahora, creo que la fuente sigue siendo un poco demasiado pequeña, pero el problema va a ser que si la hago demasiado grande, se va a extender por el borde de la forma. Bueno, podemos resolver eso porque hay mucho espacio
desperdiciado entre estas líneas de tipo. Cuando se tiene un tipo realmente grande, se
puede cerrar la brecha o el embarque entre estas líneas. Nuevamente, voy a volver a la herramienta Tipo. Voy a seleccionar sobre mi texto y voy a ir a este cuadro de caracteres aquí. También puedes llegar a eso eligiendo Ventana, y luego Carácter. Este es el diálogo de caracteres y tiene en él la herramienta para ajustar el interlineado o el embarque. Aquí está aquí. Por el momento está configurado en auto. Yo sólo voy a empezar a reducirlo. Bueno, lo reduje a cero, así que ahora sólo vamos a empujarlo hacia fuera para que podamos establecer las líneas de tipo simplemente separadas entre sí, pero mucho más cerca de lo que estaban antes. He establecido esto en alrededor de 407, que es sólo un poco más pequeño que un tipo de letra es en sí mismo. Es de 460 puntos. Voy a hacer clic en eso para seleccionarlo. Volviendo aquí, sólo
voy a hacer que el tamaño de la fuente sea un poco más grande aún. He tomado hasta 530 puntos y sólo voy a aumentar el embarque sólo un poquito para compensar eso. Aquí está mi tipo, y está tomando un poco justa de la forma. También puedes ver que aparece esa pequeña guía rosa cuando la tengo centrada. Esa es una guía inteligente. Tendrás esos en las versiones más recientes de Photoshop. Si no tienes una versión reciente de Photoshop, puedes venir a la paleta Capas aquí, click en esta capa,
esta capa de texto para que la tengas seleccionada, pulsa Control o Comando A para seleccionar todo el documento, y simplemente centrarlo usando esta herramienta aquí. Eso centrará el texto dentro del documento. Presione Control o Comando D para desseleccionar su selección. terminé con la paleta Carácter aquí, así que sólo la voy a cerrar. Lo que quiero hacer es que quiero cortar la fuente de la imagen de abajo, pero también quiero la imagen de abajo así así que ordeno tener mi pastel y comerlo también. Voy a llevar esta capa aquí y la voy a duplicar. Tengo dos capas de círculo, voy a mover una de ellas por encima del texto. Voy a apagar el de abajo solo por ahora, porque no podremos ver el efecto si eso está encendido. Voy al círculo más alto y voy a crear una máscara de recorte. Voy a hacer eso eligiendo Capa, Crear Máscara de Recorte. Lo que eso hace es que recorte la imagen al texto de abajo. Lo que efectivamente tenemos es un corte de esta imagen que es la forma del texto. El bello de esto es que el texto sigue siendo editable. Todavía hay un objeto de texto aquí en esta capa y si hemos cometido un error ortográfico, por ejemplo, podríamos simplemente entrar y editar el texto y todo estaría bien. Tengo mi efecto de texto, pero lo que quiero hacer es traer un poco de la imagen original así que tengo una forma circular en mi documento. Si lo traigo de vuelta a plena opacidad, se
puede ver que esto sucede. No soy capaz de ver mi efecto de texto. Voy a seleccionar en esta capa y voy a reducir su opacidad. Tengo la impresión de la imagen debajo con el texto a través de ella, y el texto, por supuesto, porque está usando exactamente la misma copia de la imagen, estos elementos que vemos a través del texto son en realidad exactamente el mismo elemento que está en la imagen debajo. Por el momento, tan bueno. Este es un efecto realmente bonito, pero creo que sería mejor que
pudiéramos leer el texto un poco más claramente. Quiero que mi texto se oscurezca un poco. Para ello, voy a usar un estilo de capa. Voy a hacer clic en la capa de texto porque es la capa de texto que quiero aplicar. Vamos a dar clic aquí en el icono “Fx” y voy a elegir Interno Glow. Debido a que el resplandor interno se puede usar para oscurecer las cosas, Por defecto, se usa para aclarar las cosas porque está configurado en modo de mezcla de pantalla. Pero podemos configurarlo para que se multiplique y lo use para oscurecer las cosas. Voy a seleccionar la muestra de color aquí, y sólo voy a hacer clic en un color en la imagen subyacente. Yo quiero un verde oscuro. Acabo de hacer clic en eso para seleccionarlo. Tengo multiplicar seleccionado. Tengo una alta opacidad aquí, pero ahora mismo, tengo mi efecto en el borde mismo del texto. Yo lo voy a mover al centro. Se puede ver que eso tiene el efecto inmediato de oscurecer el texto. También me muestra que tengo un nivel demasiado alto en mi opacidad. Yo sólo voy a volver a marcar desde mi opacidad. Pero echemos un vistazo a lo anterior. Este es el antes. El efecto que queremos poner, el texto no era lo suficientemente oscuro como para poder ser visto con claridad. Enciende la vista previa y ahora tenemos un texto más oscuro. Es exactamente el mismo texto, es exactamente el mismo efecto de recorte, pero usar este modo de mezcla Multiplicar con un color que se obtiene de la imagen misma y configurándola en centro en lugar de en borde, nos
ha dado esto efecto de resplandor interior, que oscurece eficazmente nuestros textos. Voy a dar click en “Ok”. Aquí te dejamos otro efecto de texto creado en Photoshop. Hemos cortado una forma circular de una imagen. Hemos hecho un duplicado de la misma. Hemos agregado texto y después hemos recortado una de estas formas al texto. Después hemos alterado la opacidad de la segunda versión de la forma bastante baja, para que tengamos un efecto de aclaramiento detrás de ella. Entonces no contentos de que nuestro texto estuviera lo suficientemente oscuro, hemos aplicado un efecto de resplandor interno usando modo de mezcla
Multiplicar y un color más oscuro para oscurecer el texto. Tu proyecto para esta clase de Photoshop for Lunch será
tomar uno o más de los efectos de texto que has visto en este video, y reproducirlos tú mismo. Acude a unsplash.com para descargar una imagen o usa una imagen que te hayas disparado. Puedes encontrar una fuente para usar si quieres, dafont.com es un buen lugar para buscar fuentes o usar una de las fuentes que ya tienes en tu computadora. Esperaré ver tus proyectos mientras los publicas. Por favor si ves un letrero de pulgares arriba y si disfrutaste de esta clase, dale un pulgar arriba que ayude a otras personas reconocer que esta es una clase que ellos también podrían querer tomar. Si quieres dejar un comentario, leo todos tus comentarios y veo todos tus proyectos. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte en un próximo episodio, pronto.
5. Taller de panel de Glyphs para CS6 y temprano: Este es un add on video para cualquier persona que esté usando una versión anterior de Photoshop que no tenga un panel Glifos disponible en él. Entonces si estás usando Photoshop CS6 o anterior y no tienes un panel Glifos disponible, esto es lo que vas a hacer. Ahora, la solución es diferente en un Mac a lo que es en un PC por el manejo de fuentes en cada uno de estos sistemas operativos. Entonces vamos a mirar primero al Mac. Tengo Photoshop abierto aquí en mi Mac, tengo mi herramienta Tipo seleccionada. Voy a seleccionar mi fuente porque sé que quiero algo fuera de mi fuente regular Wingdings, pero no sé cuáles son los caracteres en esa fuente. Entonces voy a abrir Font Book. Puedes encontrar Font Book yendo a Finder y luego ir a Aplicaciones y buscar Font Book, y cuando lo abres, tienes acceso a todas las fuentes de tu sistema. Entonces voy a Wingdings aquí porque quiero un personaje fuera de la fuente Wingdings. Todo lo que necesito hacer es seleccionar el personaje que quiero usar. Entonces vamos a seleccionar este cráneo y huesos cruzados, y presionar “Comando” decir copiar ese personaje al portapapeles de Mac. Por lo que ahora puedo hacer clic para volver a mi documento de Photoshop, volver a la Herramienta Tipo, clic en el documento y simplemente presionar Comando V para pegar este símbolo en. Ahora de igual manera, puedo volver a Font Book y probar una fuente diferente. Ahora sé que en Webdings tengo algunos personajes interesantes aquí, y digamos que queremos usar esta isla con una palmera en ella. Entonces lo voy a seleccionar y presionar “Comando” digamos, lo
he copiado en el portapapeles de Mac, pero sí quiero anotar la fuente de la que viene. Entonces voy a volver a mi documento, voy a la herramienta Tipo, sólo voy a dar clic y voy a presionar “Comando V”. Ahora bien, no consigo el personaje correcto, y eso es porque Photoshop sigue usando Wingdings en lugar de Webdings. Entonces voy a seleccionar sobre este personaje y voy a escribir en Webdings, y cuando seleccione Webdings Regular, entonces obtengo el carácter de fuente que esperaba ver. Por lo que podrás ver el interior de tus fuentes muy fácilmente si abres Font Book, y luego solo puedes copiar y pegar esas fuentes en cualquier documento normal de Photoshop, y se comportan igual que los caracteres normales. Todo lo que estás haciendo es usar Font Book como una forma de echar un vistazo a tus personajes de glifo. Para que puedas recolorear las cosas. Por ejemplo, podríamos ir a hacer de esto un azul turquesa oscuro, y también podemos redimensionar el personaje en caso de que así lo deseemos. Esa es la solución para el Mac. Ahora, la solución al panel Glifos faltante en Photoshop CS6 y anteriores, si estás en un PC, es esta. Vas a ir a tu menú Inicio y vas a teclear aquí, charmap, está deletreado C-H-A-R-M-A-P, y vas a ejecutar la aplicación llamada charmap.exe. Ahora bien, esta es una herramienta Mapa de caracteres. Por lo que tienes todo un montón de fuentes aquí disponibles en tu PC, y puedes ir y seleccionar una de estas fuentes. Vamos a la fuente Webdings que estábamos usando en el Mac, y aquí tenemos acceso a estas fuentes. Por lo que solo puedes hacer clic en cualquiera de estos caracteres que quieras utilizar en tu documento. Vamos a buscar la misma palmera que estábamos usando. Vamos a hacer clic aquí para seleccionarlo, y luego vamos a hacer clic para copiarlo,
y se copia de nuevo en el portapapeles de Windows. Ahora, puedo volver a Windows con la Herramienta Tipo, y solo voy a elegir Editar, Pegar. También podría presionar “Control V”. Ahora, estoy viendo un personaje aquí de una fuente que tengo aquí que Photoshop está configurado para usar. Todo lo que necesito hacer es escribir el nombre de la fuente que realmente quiero usar, y eso es por supuesto, Webdings. Por lo que solo presionaré “Enter” y luego el personaje se reproduce en la fuente Webdings. Por supuesto, tendrá que asegurarse de seleccionar el carácter antes de volver a aplicar el tipo de fuente. Entonces volvamos al charmap, y vayamos a buscar algo, esta vez de Wingdings. Entonces sólo voy a la fuente regular Wingdings, y voy a conseguir un personaje aquí. Tomemos este viejo teléfono. Voy a quitar éste. Voy a dar clic en “Seleccionar” para añadir este personaje. Voy a dar clic en “Copiar” para copiarlo. Volviendo a Photoshop, vuelta a la herramienta Texto, haga clic y pegue. Entonces solo voy a presionar Control V esta vez, no
es el personaje que esperaba porque no estoy usando la fuente correcta. Para ir teclea aquí Wingdings, y pulsa “Enter” y nos queda el personaje que sí queríamos. Por lo que está tu solución para un PC con Windows donde no tienes acceso al panel Glifos porque estás usando Photoshop CS6 y versiones anteriores. La herramienta CharMap ha estado en Photoshop desde el punto del año, por lo que va a estar ahí en algún lugar de tu sistema. Espero que esto te ayude a hacer personajes a partir de fuentes Dingbat y glifos dentro de archivos de fuentes, un poco más accesibles.
Helen Bradley, Graphic Design for Lunch™
