Alfabetos PNG para manualidades digitales en Photoshop - Una clase de Graphic Design for Lunch™.

1. alfabetos en Photoshop Introducción: Hola y bienvenidos a este curso creando alfabetos PNG para scrapbooking en Photoshop. Mi nombre es Helen Bradley y soy una maestra superior de Skillshare con más de 250 cursos aquí en Skillshare y más de 145 mil inscripciones de estudiantes. Puedo pasar mis días buceando profundamente en aplicaciones como Photoshop para encontrar nuevas herramientas y técnicas para mostrarte que te ayudarán como diseñadores a hacer lo que mejor haces, diseñar cosas geniales. En esta clase, las cosas geniales van a equiparar a hacer alfabetos PNG. Estos alfabetos que se crean una letra por archivo, y se pueden utilizar para manualidades digitales y scrapbooking. Por supuesto, puedes hacerlos y venderlos como activos digitales. Te mostraré un par de métodos para crear estos alfabetos, y una cosa en la que nos centraremos es no tener que hacer lo mismo 26 veces para crear cada letra individual. Si podemos agilizar el proceso lo haremos. Una vez que hayas completado este curso, podrás crear un alfabeto completo de 26 letras guardadas como archivos individuales en minutos y con un solo comando save. Como siempre, no sería una clase de Diseño Gráfico para Almuerzo si no fueran también un montón de útiles consejos adicionales lanzados. Si estás listo para empezar con tu primer alfabeto PNG para scrapbooking en Photoshop, vamos a empezar. 2. Pt 1 crea un archivo de letra reutilizable: El primero que vamos a ver en cuanto a crear nuestro alfabeto PNG es algunos de los conceptos básicos para asegurarnos que el proceso por el que atravesamos no tenga que pasar de cero cada vez que creamos un alfabeto. Lo primero que voy a hacer es crear un documento de Photoshop que pueda ser reutilizado. Vamos a empezar con un documento que en realidad es tamaño de papel de scrapbook, voy a elegir Archivo y Nuevo papel de scrapbook es tradicionalmente de 12 por 12 pulgadas a 300 pixeles por pulgada. Ahora si querías letras súper grandes, di letras que son una cuarta parte de la hoja de papel de álbum de recortes, entonces necesitarás comenzar con un documento mucho más grande. Pero empecemos con algo que sería un alfabeto que cabría relativamente cómodamente en papel de álbum de recortes. Obviamente se puede reducir. Se puede aumentar un poco de tamaño, pero normalmente no quieres estar pidiendo a tus usuarios que aumenten enormemente tus letras. Eso es algo que vas a tener en cuenta más adelante cuando estés creando tu propio alfabeto. Pero por ahora, mi alfabeto, quiero que sea de tamaño razonablemente cómodo en una hoja de papel de álbum de recortes, así que haré clic en Crear. Ahora la configuración que vamos a hacer para este documento en particular va a implicar la creación de un cuadro de texto lleno de nuestro alfabeto. Voy a ir a la Herramienta Tipo y voy a arrastrar una caja sobre mi documento. Ahora se llena automáticamente con solo un texto de muestra. Eso está bien. Aquí estoy señalando que mi fuente es una fuente mayúscula y minúscula. Eso es bastante importante en esta etapa, querrás elegir una fuente que tenga un conjunto de letras minúsculas. El motivo de esto es que podemos pasar de minúsculas a mayúsculas muy fácilmente pero no podemos ir al revés. Vamos a empezar con minúsculas, así que básicamente, si alguna vez pretendes usar este documento para crear letras minúsculas, hazlo ahora. Sólo voy a escribir de nuevo el alfabeto. Es realmente importante que por el bien de la estructura, que hagamos esto en orden, lo que un a través a z en orden. Sólo tienes que pasar y sólo asegúrate de que tienes cada letra del alfabeto en el orden correcto. El top es realmente pequeño. A mí me gustaría que fuera mucho más grande. Pero antes de hacerlo más grande, sé que mis letras mayúsculas van a ser más grandes que mis letras minúsculas. Voy a convertir esto en mayúsculas. Este es un proceso insuperable. Estoy seleccionando sobre todo mi tipo. Voy aquí arriba al panel Carácter. También puedes llegar a ella eligiendo Ventana y luego Carácter. El tercer icono por aquí es, hacer todo mayúsculas, así que si hago clic en eso, mis letras minúsculas se convierten en letras mayúsculas. No he tenido que volver a escribir esto otra vez. Esa es una de las formas en que podemos ahorrar tiempo y esfuerzo, y esto es fácilmente insuperable, así que eso es sólo un clic. Mis letras son realmente pequeñas, así que voy a empezar a aumentar el tamaño de ellas, así que voy al área de tipo aquí, y ese es en realidad el tamaño del tipo. Yo sólo voy a aumentar eso, asegurarme de que todo va a caber dentro de esta hoja de papel. Quizá quiera que sea aún un poco más pequeño porque quizá no quiera que mis cartas sean bastante grandes. Eliges lo grandes que quieres que sean tus cartas. Un par de cosas aquí en cuanto a construir algún espacio. Si estás un poco corto de espacio, puedes cerrar este espacio. Es el espaciado entre líneas. Está por aquí. Por el momento, está configurado en auto, y típicamente como nuestro tamaño de fuente aquí es de unos 158 puntos, eso probablemente sea algo así como unos 200. Si hago clic aquí, puedo empezar a reducir ese valor. Puedes bajar la altura de tu línea a casi el mismo tamaño que tu fuente aquí, es un 158, y todavía hay mucho espacio. Sólo voy a chequear con mis letras minúsculas. Lo que no quiero es que estas cartas con descendientes se toquen estas letras que tienen ascendentes porque necesito hacer selecciones alrededor de estas letras en un minuto. Nuevamente, construir este documento para que sea lo más fácil posible de trabajar. No queremos estar haciendo selecciones con fiddly. Bueno, claro, ahora mismo vamos a tener que hacer algunas selecciones inquietas porque esta letra i está casi encima de esta letra j Lo que haremos es que el espacio entre ellos sea más grande. Esto de aquí es lo que se llama kerning. Es el espaciado entre dos personajes, pero éste es espaciado entre cada letra. Vamos a usar este. Yo sólo voy a dar clic aquí, y voy a empezar a aumentarlo. Lo que busco es, en primer lugar, que mi fuente encaje todo en la hoja de papel, solo cambiemos a letras mayúsculas por ahora, y asegurémonos de que haya mucho espacio para que yo seleccione alrededor de estos personajes, yo y j es una de las áreas que estoy mirando en particular para asegurarme de que estos personajes estén lo suficientemente lejos el uno del otro que pueda hacer una selección bastante fácil. Vamos a revisar las minúsculas. Puedo seleccionar alrededor de todo con bastante facilidad aquí, así que estamos bastante bien en este punto. Simplemente voy a volver a la mudanza o a la herramienta de selección aquí, solo para anular la selección del tipo. No me preocupa el color de las letras porque para ésta en realidad voy a llenar los personajes con un patrón. Para llenarlos de un patrón, solo echemos un vistazo a la paleta de capas. Lo he perdido. Vayamos a Ventana y luego a Capas. Aquí tenemos el fondo que es blanco. Porque vamos a estar creando cartas de imagen PNG, no vamos a querer un fondo en un minuto, pero ahora mismo lo hacemos sólo para que podamos ver las cosas con claridad. Tenemos nuestra capa tipo aquí. Para llenar estas letras con un patrón, voy a poner una capa de relleno de patrón en la parte superior. Voy a Capa, Nueva capa de relleno, y voy a ir a Patrón y hacer clic en Ok. Este es el patrón por defecto en las versiones más recientes de Photoshop, pero puedes seleccionar otros patrones, habrá patrones que vienen con Photoshop. Es posible que también hayas hecho tus propios patrones. Sucede que tengo uno aquí que voy a usar. Puedo escalar un patrón, hacerlo más grande o más pequeño en este punto, estoy bastante contento con estos colores y este patrón. Yo sólo voy a dar click Ok. La capa de patrón está encima de la capa de tipo. Para llenar el tipo con el patrón, lo que hacemos es crear lo que se llama grupo de recorte. Para un grupo de recorte, la forma que quieres usar siempre está debajo de la cosa con la que quieres llenar una forma. Si te equivocas, va a ser realmente obvio y así solo cambias las capas. Este es el orden correcto. Voy a apuntar a la capa superior, la que es la que quiero usar para llenar las letras. Y por aquí, voy a elegir Capa y luego Crear máscara de recorte. Sólo voy a presionar Control o Comando Z para deshacer eso porque quería mostrarte otra forma que podría haber estado acostumbrado a usar o podría haber visto esto antes. También puedes pasar el ratón entre estas dos capas. Presione la tecla Control y la tecla Alt, eso es Comando y opción en un Mac. Obtienes esta flecha doblada. Eso te dice que si haces clic aquí, vas a crear este efecto de máscara de recorte. Puedes hacerlo a través de los menús. Puedes hacerlo a través del panel aquí. Obtendrás esta pequeña flecha doblada y eso te dice que esta capa está siendo recortada a la forma de las letras. Tenemos todas nuestras cartas aquí. Todo lo que tenemos aquí en este momento es totalmente editable, por lo que podemos cambiar el tipo, podemos cambiar la tipografía, el tamaño, podemos hacerlo en mayúsculas o minúsculas. Eso es todo realmente crítico, pero vamos a tener que hacer de esto sólo una sola capa al siguiente paso. Lo que vamos a hacer es que vamos a salvar esto de una manera que podamos reutilizarlo. Voy a tomar ambas capas, click en una, cambiar, click en la otra. Voy a arrastrarlos y soltarlos aquí sobre el icono Nueva capa. Obtengo dos conjuntos de esta capa, dos pares de ella. El par más de abajo, me voy a apagar. Simplemente están escondido para poder reutilizarlos en un momento. No están siendo borrados, no están siendo cambiados. Estos, vamos a cambiar. Lo que vamos a hacer con estos, es que los vamos a emparejar permanentemente juntos. Voy a hacer clic con el botón derecho en estos conjuntos de capas seleccionados y simplemente elegir Fusionar capas. He perdido mi capa de texto. He perdido mi capa de relleno de patrón, he perdido mi grupo de recorte. Con lo que he terminado es una capa que es sólo estas cartas aplanadas. Ese es un comienzo perfecto para meter estos en archivos individuales. 3. Pt 2 Extract las letras a las capas a como capas: Ahora que tenemos las letras que queremos usar, es hora de ensamblarlas de tal manera nos va a hacer realmente fácil para nosotros convertir estas en imágenes PNG. Por lo que voy a crear un archivo totalmente nuevo, solo estoy eligiendo Archivo Nuevo. Voy a usar algo que sea lo suficientemente grande para guardar estas cartas. Para eso, voy a elegir un documento 1,000 pixels por 1,000 pixels y voy a hacer esto de nuevo 300 pixels por pulgada y hacer clic en “Crear”. Tengo un documento que es más pequeño que el documento original. Voy a utilizar este documento para armar todas mis cartas. Esta es la parte tediosa de este proceso. Lo que voy a hacer es apagar el fondo para que veamos cómo van a quedar nuestras cartas. Voy a la herramienta de marquesina rectangular. Voy a seleccionar sobre la primera letra y ahora pueden ver por qué era importante para nosotros crear mucho espacio entre estas letras porque no queremos perder mucho tiempo siendo altamente precisos. Voy a usar el teclado en este punto, voy a presionar Control y la letra C para copiar y me cambio a mi otro documento Control y la letra V. Ahora en un Mac, eso es Comando C y Comando V. Sólo estamos va a hacer esto por cada una de las letras. Esta es probablemente la parte más tediosa del proceso para seleccionar ya sea cada uno de ellos Control o Control de Comando C o Comando V, y volver atrás y hacer el siguiente. Voy a seguir con esto y voy a volver en un minuto una vez que todo esté hecho. Habrán notado que mientras hacía selecciones, no me preocupaba seleccionar muy de cerca a ninguna de estas cartas. Simplemente no necesitas hacer eso porque tenemos un fondo transparente, lo único que está terminando aquí en estas capas es el contenido real por lo que no hay extra que está apareciendo alrededor de estas letras. Esta es una forma bastante eficiente de operar. Ahora que tengo todas mis cartas dentro de un archivo, notarás que tengo las capas de vuelta a frente para que corran de z en la parte superior todo el camino a una en la parte inferior. Se llaman capa 1, 2, 3, 4, etc. Para que sea más fácil para nosotros guardarlos más adelante, sería realmente útil que una de estas capas tuviera nombre de lo que vamos a llamar el archivo real. Normalmente estas letras se distribuirían como A, B, C, D, E, etc. Si no eres particularmente bueno en correr por el alfabeto en reversa, y ciertamente no lo soy, vamos a convertir nuestras capas en reversa para que pongamos a en la parte superior y luego vamos a ver una forma súper rápida de renombrar capas. Entonces voy a seleccionar capa z y voy hasta aquí abajo y voy a seleccionar capa a, no vamos a hacer nada con el fondo. Simplemente queremos revertir estos con nuestra capa seleccionada, vamos para acá al menú Capa. Nos vamos a arreglar y vamos a elegir reversa y cuando haga eso, todos están invertidos. Por lo que la letra z está en la parte inferior y la letra a está en la parte superior. Cambiar el nombre de nuestras capas es sencillez misma. Vamos a hacer doble clic aquí para seleccionar el nombre de la capa. Voy a escribir la letra a. Estoy usando minúsculas porque eso coincidirá con las letras mismas. Voy a tocar la tecla Tab del teclado que me lleva a la siguiente letra, que por supuesto es letra b tap para obtener letra c. puedo correr muy fácilmente por el alfabeto aquí, renombrando todas estas capas. Entonces ahora todos mis capas reciben el nombre de la letra que en realidad está en la capa. Estamos listos en el siguiente video para ir y guardar estas cartas como archivos individuales. 4. Pt 3 Guardar las letras como archivos: Ahora que tenemos un archivo lleno de letras, guardar estas letras como archivos individuales es sencillez misma. En primer lugar, voy a apagar la capa de fondo porque no quiero que eso se interponga. Voy a seleccionar todas estas capas. Voy a dar click en el primero, y voy a Shift-click en el último. Entonces voy a dar click derecho y elegir Exportar rápido como PNG. me pedirá que elija a dónde va mi alfabeto. Tengo una carpeta aquí llamada PNG Alfabeto. Voy a hacer clic derecho y elegir una subcarpeta aquí, y voy a llamar a este Relleno de patrón en minúsculas. Es una idea inteligente crear carpetas individuales para estos alfabetos solo para que tengas todo guardado bonito y ordenado. Podrás comprimirlos en archivos para distribución mucho más fácilmente si están en su propia carpeta. He seleccionado esta carpeta, haré clic en “Seleccionar carpeta”. Photoshop ahora va adelante y guarda cada una de esas letras como su propio archivo PNG, y está usando como nombre el nombre de la capa, la letra del alfabeto que creamos para cada una de estas capas. Va a ser a.PNG, b.PNG, etc. Podemos ir a esa carpeta usando el Explorador de archivos y solo ver qué está pasando. Aquí está la carpeta y dentro de la carpeta están todas estas letras. Ahora, al pasar el cursor sobre estas letras, verás que cada una de ellas es de un tamaño diferente, es un tamaño apropiado a la letra misma. El alto de la letra n es de aproximadamente 316 píxeles. El alto de la letra m es exactamente igual a 316 píxeles. Bueno, eso es consistente porque la letra m y la letra n deben ser aproximadamente tan altas como las demás. Pero obviamente, la letra m es mucho más ancha que la letra n. esperaríamos que la letra o sea de la misma altura o lo suficientemente cercana. Bueno, ya está lo suficientemente cerca. Esperaríamos que la letra l sea bastante alta. Son 452 píxeles, casi la misma altura que la letra k, son 460. También notaremos que la letra h debe ser aproximadamente esa misma altura porque de nuevo, tiene este ascendente en ella. A pesar de que estas letras se ven de diferentes tamaños, de hecho, se están guardando como imágenes PNG con todo el exceso recortado de ellas, pero alineadas todas estas letras se van a alinear muy bien unas al lado de otras porque eran alineado originalmente en el documento original, exactamente de esa misma manera. Están apareciendo como imágenes PNG exactamente como deberían. 5. Pt 4 Crea un segundo alfabeto con fronteras: Consideremos la situación en la que realmente nos gustan estas cartas, pero nos gustaría crear un segundo set que tuviera quizá un borde blanco a su alrededor. Vayamos a la letra a, y solo seleccionemos la letra a y ocultemos todas las demás. Voy a hacer clic derecho aquí y elegir “Mostrar/Ocultar todas las demás capas”. Sólo nos estamos centrando en la letra a. Para crear un borde blanco alrededor de esto, voy a elegir el icono fx aquí y elegir “Stroke”. Ahora esto ya está preestablecido, así que déjame borrar este trazo y vamos a añadir uno nuevo. Sólo voy a dar clic aquí en fx y vamos a elegir “Stroke”. Esto tiene la configuración predeterminada. Cuando miramos nuestra carta, podemos ver que tiene este trazo negro predeterminado a su alrededor. Aumentemos el tamaño del trazo porque aquí está pasando una cosa que quizá no queramos que suceda. Se puede decir que cuanto más grande es el trazo, más se está comiendo en el personaje. Me gustaría un trazo blanco alrededor de este personaje, pero me gustaría que fuera por fuera y no por dentro, así que aquí desde posición voy a seleccionar “Fuera”. Eso me da mis letras del mismo tamaño, solo con un borde alrededor de ellas, y por supuesto quiero que esto sea un borde blanco así que voy a asegurarme de que esto esté establecido en 255, 255, 255 aquí en el recolector de colores, y por lo que esta carta ahora tiene un bonito y grueso borde blanco a su alrededor. Podemos ajustar el tamaño, podemos ajustar cualquier cosa que nos guste antes de hacer clic en “Ok”. Voy a hacer clic derecho aquí y voy a elegir “Mostrar/Ocultar todas las demás capas” porque quiero ver todas mis demás capas también. Aquí voy a hacer clic derecho en este trazo, y voy a elegir “Copiar estilo de capa”. Voy a seleccionar cada una de las otras capas, haciendo clic en la primera capa y luego manteniendo presionada la tecla Mayús y haciendo clic en la última capa, haré clic derecho y elijo “Pegar estilo de capa”. Lo que eso hace es pegar ese mismo estilo de capa exacto con todos sus ajustes en cada letra. Apagemos nuestros antecedentes. Tengo todas mis capas seleccionadas. Bueno en realidad probablemente no tenga la primera, así que déjame ir y asegurarme de que tengo todas mis capas seleccionadas. Haré clic derecho y escogeré “Exportar rápido como PNG”. Estoy en mi alfabeto de relleno de patrón en minúsculas. En realidad voy a hacer de ésta una nueva, así que hagamos una carpeta nueva. Daré clic para seleccionar esta carpeta, y vamos a echar un vistazo al resultado. Aquí tenemos exactamente el mismo conjunto de letras, pero esta vez todos tienen bordes blancos a su alrededor. Photoshop ha exportado todos nuestros archivos para nosotros con ese efecto de borde deseado. 6. Pt 5 diseñar una segunda solución: El proceso que acabamos de pisar es muy útil cuando se quiere que cada una de estas letras recogiendo un elemento diferente en una imagen. También es realmente bueno para fotografías, porque fácilmente podríamos reemplazar el relleno de patrón que teníamos por una fotografía. Vamos a ver cómo podríamos hacer eso. Voy a agarrar el texto aquí, sólo esta capa de texto, y hacer un duplicado del mismo. En realidad no quiero hacer un duplicado del relleno de patrón, así que solo voy a volver a apagar esas capas. Voy a encontrar una imagen para usar y para esto voy a unsplash.com. Me gusta mucho esta imagen, así que la voy a usar. Voy a guardarlo en mi carpeta de descargas. Volvamos a Photoshop y coloquemos esta imagen. Escogeré Archivo y luego Colocar Embedded. Vamos a seleccionar nuestro archivo y haga clic en “Colocar”. Ahora, se coloca dentro de mi imagen sobre la parte superior de mi tipo. Se puede ver que no es lo suficientemente grande, así que voy a hacerlo un poco más grande. Ahora, solo lo estoy estirando un poco. Al hacer eso con esta imagen en particular, estiramiento no importa porque se ve bien. Si fuera algo que fuera reconocible y no se pudiera estirar, entonces necesitarías escalar eso en proporción, pero solo lo estoy estirando porque creo que se ve bien de esta manera. Ahora, exactamente de la misma manera que creamos previamente nuestro grupo de recorte, vamos a crear un grupo de recorte de esta capa de fotos y luego creamos una máscara de recorte. Ahora tenemos cada letra este alfabeto llena de una porción diferente de la imagen. Pero si quisieras acelerar el proceso y si no te preocupaba tener cada letra un poco diferente, entonces echemos un vistazo y veamos cómo podríamos hacer el proceso aún más simple. El modo en que vamos a hacer eso es una combinación de esos dos enfoques. Obviamente, necesitamos todas las letras del alfabeto, pero podríamos construirlas en un solo archivo para empezar y podríamos usar estos estilos de capa para obtener realmente el efecto que queremos. En el siguiente video, vamos a ver cómo exactamente haríamos eso. 7. Pt 6 un alfabeto Reusable: Para esta nueva solución, empecemos con una nueva marca. Nuevamente, voy a utilizar este documento de 1000 pixel por 1000 pixel. Asegúrate de que esté a 300 píxeles por pulgada y solo tienes que hacer clic en Crear. Ahora voy a mi Herramienta Tipo. Voy a dar click en el documento. Voy a escribir la primera letra. De nuevo, voy a asegurarme de que uso letras minúsculas porque eso me dará la flexibilidad más adelante de usar letras mayúsculas también. Voy a seleccionar sobre esta carta y creo que quiero hacerla un poco más grande. Vayamos a que sea de 250 píxeles de altura. Porque tengo una capa de tipo y porque la letra a se escribe en esa capa, verás que la capa en realidad se llama capa a.Eso está bien. Ese es un buen comienzo para este proceso. Voy a agarrar esta capa y arrastrarla al icono más aquí, voy a apagar la primera capa. Voy a enfocarme en este con la Herramienta Tipo. Simplemente voy a seleccionar sobre él y escribir la letra b En cuanto haga clic de distancia, verás que porque esta capa aquí tiene la letra b en ella, automáticamente se le está nombrando. Estamos acelerando un poco el proceso. Voy a soltar esto en el icono más, apaga esta capa si esta sigue seleccionada. Todavía tengo la Herramienta Tipo dirigida. No necesitaba cambiar herramientas. Voy a presionar la letra c, arrastrar esto al nuevo icono, apagar el viejo y escribir la nueva letra. A medida que vayamos verás que sólo estamos construyendo nuestro alfabeto al revés. Ahora también puedes hacer clic derecho y elegir Duplicar capa, pero es un poco más engorroso hacer eso. Simplemente puedes decidir cuál va a tener mejor sentido para ti. Voy a continuar y hacer mi archivo de letras del alfabeto. Ahora bien, mientras pasaba, sí noté que la letra m está bastante cerca del borde aquí. Puedo seleccionar todas estas capas y simplemente mover todo un poco, solo para asegurarme de que mi letra m esté totalmente en el documento. También podría hacer el documento un poco más grande. En realidad es sólo una cuestión de elección personal. Ahora si quieres, siempre puedes revertir estas letras del alfabeto. Simplemente ve y selecciona todas tus capas, ve a Capa y luego arregla e invierte. Eso pone la letra a en la parte superior. Haga clic con el botón derecho y elija Mostrar u Ocultar todas las demás capas. Hagámoslo otra vez. Simplemente puedes ver la capa en la que estás trabajando. Pensemos en la situación en la que queremos aplicar un patrón o incluso tal vez esa misma fotografía a esta imagen. Volvamos a la fotografía. En realidad lo voy a abrir. Voy a elegir Archivo y luego Abrir y vamos a abrir esa imagen que descargué de unsplash.com. El documento en el que estoy trabajando aquí es de 1000 pixels por 1000 pixels. Voy a recortar esto a un 1000 pixeles por 1000 pixeles. Vayamos a la Herramienta de Cultivo. Voy a elegir Ratio y voy a hacer una relación uno-a-uno. En otras palabras, esto va a ser una plaza. Daré clic en la marca de verificación. Ahora bien, este no es un documento de 1000 por 1000 píxeles, ahora mismo es 3024. No necesito que sea tan grande. Déjame ir a Imagen y luego Tamaño de imagen y lo vamos a hacer 1000 pixeles por 1000 pixeles. Voy a dar click bien. Esta es una versión más pequeña de la imagen, pero aún tiene todo el detalle en ella. Puedo hacer un patrón a partir de esto. Si hago un patrón a partir de una fotografía, puedo usar ese patrón para llenar mis cartas en tan solo un minuto. Lo que voy a hacer es seleccionar todo con Seleccionar y Todo y voy a editar y elijo Definir Patrón. Sólo voy a llamar a esto flores y hacer clic bien. Ahora tengo un patrón conformado por esas flores. Sólo puedo cerrar este archivo. Ya no lo necesito. Vamos a concentrarnos en nuestra carta a. En el video anterior, vimos que podíamos agregar un borde alrededor de nuestra letra a usando un estilo de capa. Bueno, podemos llenar la letra a con un patrón usando un estilo de capa. Veamos cómo vamos a hacer eso. Iremos al icono de fx y escogeremos Pattern Overlay. Ahora en este diálogo, puedo elegir mi patrón, así que bajaré esto y vamos a conseguir el patrón que acabo de crear. Lo que ha pasado y lo que estamos viendo en la pantalla, es que esta letra a ahora se llena con el patrón. Ahora si queremos usar el patrón en su escala original, solo usaríamos el 100 por ciento. Podemos rotar el patrón si queremos, por lo que podemos angularlo alrededor o simplemente podemos dejarlo de la manera en que fue diseñado para ser. Estoy eligiendo un 100 por ciento como mi opacidad y modo de mezcla como normal. Esta carta se está llenando con toda esta imagen. Aquí no hay transparencia, no se le agrega color adicional. Es solo conseguir una superposición de patrones. Voy a dar click bien. Ahora, la última vez pudimos copiar y pegar el trazo. Simplemente haga clic derecho aquí y elija Mostrar u Ocultar todas las demás capas. Vayamos y apuntemos a este efecto. Haré clic derecho y elegiré Copiar estilo de capa. Haga clic en la primera capa, quiero pegarla, desplazarla y hacer clic en la última capa, haga clic con el botón derecho y elija Pegar estilo de capa. Ahora cada una de estas letras tiene aplicado exactamente el mismo estilo de capa. Todos tienen esta flor aplicada a la letra. Pero mejor aún si no estamos seguros de que queremos usar esta fuente o si queremos otra opción. Por ejemplo, usar mayúsculas, eso también es fácil de hacer. Haré clic derecho aquí y Mostrar u Ocultar todas las demás capas que acaba de desaparecer. Mostrar todo. Seleccionemos todas estas capas. Ahora sabemos que en todas estas capas, son de tipo capa, por lo que son totalmente editables. Vayamos a la Herramienta Tipo. Vamos al panel Carácter, y vamos a dar click aquí en mayúsculas. Ahora lo que tenemos es que cada uno de estos es una letra mayúscula. Ahora, algunos de ellos están ligeramente por encima del borde, así que sólo los llevemos de vuelta al documento. Solo apuntemos a la letra, digamos aquí, haga clic derecho en el globo ocular y elija Mostrar Ocultar. Se puede ver que estamos trabajando en una C mayúscula, aquí hay una D. mayúscula Pudimos cambiar cada uno de estos personajes a un carácter mayúscula. Pero podrías estar viendo, como estoy viendo, un problema aquí. Hay una línea a través de esta carta. Vayamos a echar un vistazo a la siguiente carta. Está aquí otra vez. Lo que está sucediendo es que nuestro patrón no se está renderizando en estas letras correctamente. Es una solución fácil, pero es una que vas a querer tener cuidado. Para limpiar esto, vayamos a la parte superior del alfabeto porque sólo va a ser más fácil trabajar en la letra a. Aquí está el problema a través de la letra a. Haremos doble clic en la superposición de patrones. Este es el tema. Vamos a ajustarlo al origen y eso encaja el patrón al origen en el documento, el punto cero cero. Significa que no tenemos esa línea a través de nuestra letra a. vamos a copiar de nuevo este último estilo, haga clic derecho y elija Copiar estilo de capa. Vamos a mostrar todas las capas, vamos a apuntar a la capa b todo el camino a través de la capa z Cuáles son las que tienen el lo que ahora es el estilo de capa incorrecto aplicado a ellas. Haremos clic derecho y elegiremos Pegar estilo de capa. Eso acaba de realinear el patrón dentro de las letras. Si vamos a alguna de estas cartas y echamos un vistazo a estas letras de manera aislada. Se puede ver que ya no tienen el patrón en el lugar equivocado. El patrón está llenando completamente estas letras. Por eso realmente hice patrón que era de 1000 pixels por 1000 pixels porque el documento 1000 pixels por 1000 pixels se alinean en el origen y en una escala del 100 por ciento, que es lo que tenemos establecido en este diálogo de superposición de patrones. Tenemos una escala del 100 por ciento y snap al origen. Va a llenar cada una de estas letras exactamente a la perfección. Siempre y cuando no te importe que la letra V tenga prácticamente la misma posición de esta imagen en ella. Es la letra U y cada otra letra del alfabeto. Entonces esta es una forma realmente fácil de llenar letras con un patrón o una fotografía, siempre y cuando la conviertas en un patrón porque realidad no se puede poner una fotografía en un estilo de capa. Pero si una fotografía es un patrón, entonces puedes usarlo de esa manera. Por supuesto, ya nos hemos demostrado que podemos guardar cada una de estas capas como una imagen PNG, pesar de que tiene un estilo de capa asociado ella porque eso funcionó perfectamente cuando teníamos la línea alrededor de los personajes. No hay razón para asumir que no va a funcionar a la perfección cuando tenemos un patrón. He seleccionado todas mis capas. Si quieres deshacerte de esta superposición de patrones, la visual de la superposición de patrones, puedes simplemente hacer clic aquí, y sí tienen una superposición de patrones todavía aplicada pero solo estás viendo la capa de caracteres aquí en el Paleta de capas, no la línea adicional para el último estilo. Haremos clic derecho, vamos a elegir Exportar rápido como PNG. Estamos haciendo un alfabeto mayúscula esta vez con un relleno fotográfico. Vamos a echar un vistazo al resultado, solo abriré File Explorer. Aquí está nuestro alfabeto mayúscula con relleno de fotos. Cada una de estas cartas se llena con esta foto. Porque creamos la foto como patrón. No se puede poner una foto en un relleno de estilo de capa, pero si se trata de un patrón, se puede. Este archivo va a ser realmente útil. Puedes usarlo para aplicar patrones a tu tipo. Puedes cambiar tu tipo de mayúsculas a minúsculas con solo seleccionar todas las capas y usar esa entidad en el Panel de caracteres. También puedes cambiar el estilo de capa para todas estas capas con mucha facilidad. Este sería el archivo maestro que una vez que lo hayas creado, lo guardarías porque es reutilizable muy fácilmente, muy rápidamente, en cualquier momento que quieras hacerlo. 8. Pt 7 un alfabeto del segundo ejemplo: Entonces asumiendo ahora que hemos guardado esas dos versiones de crear un alfabeto, vamos a pasar paso a paso en cuanto a cómo usarías esas en el futuro. Vamos al primer ejemplo primero, escogeré Archivo y Abrir, y lo he guardado como versión 1 alfabeto master. En este archivo maestro del alfabeto, agrega dos capas, bueno, hay una capa de fondo que está blanca detrás de todo, pero básicamente ahí está nuestra capa superior aquí y allá está la capa de relleno de patrones. Ahora la capa de relleno de patrón puede ser reemplazada fácilmente por cualquier cosa. Podemos reemplazarlo por un relleno de color sólido, podemos reemplazarlo por un patrón diferente, o podemos sustituirlo por una fotografía. En cualquier momento que vamos a trabajar en este archivo, lo primero que haremos es hacer un duplicado de este conjunto de capas y luego apagar el original porque no queremos meternos con nuestro original en caso de que necesidad de volver a ello más adelante. Digamos que queremos hacer esto como alfabeto mayúscula, bueno, vamos a seleccionar la capa Tipo, vamos a seleccionar todo el texto aquí, vamos al panel Carácter y vamos a hacerlo en mayúsculas. Ahora tenemos letras mayúsculas con las que estamos trabajando. Echemos un vistazo y veamos cómo la llenaríamos con una fotografía, donde queríamos que cada una de estas cartas fuera diferente, en el sentido de que provendrían de diferentes áreas de una fotografía. Ahora, he ido adelante y descargado otra vez una fotografía de unsplash.com. Este es de Sergey Pesterev, ya lo he descargado. Dentro de Photoshop, voy a elegir Archivo y luego Place. Estoy usando Place Embedded, y vamos a la carpeta Descargas y vamos a buscar esa foto. Ahora, viene debajo de mi capa de relleno de patrón así que solo voy a apagar mi capa de relleno de patrón porque eso solo está confundiendo absolutamente todo. Vamos a dimensionar la foto para que cubra todo el tipo. Ahora de nuevo, no estoy realmente preocupado por el hecho de que estoy estirando un poco esto porque no es un elemento reconocible una vez que está dentro de los personajes, aunque sí quiero que encubra a los personajes. Por lo que quiero que sea lo suficientemente grande como para encubrir mis personajes en el siguiente documento. Voy a deshacerme de esta capa de relleno de patrón aquí porque eso solo está confundiendo el tema y no lo necesitamos. Este necesita ser recortado al tipo de abajo, así que voy a seleccionarlo y elegir Capa, y desde el menú de capas aquí vamos a elegir Crear máscara de recorte. Ahora cada una de estas letras tiene un elemento diferente a la foto de abajo. A mí me gustaría que fueran un poco más amarillas, así que no estoy realmente contento con esta zona de aquí arriba. Vamos a esta capa, vamos a la herramienta Mover, y sólo vamos a estirar un poco. En realidad puedo cambiar cómo se está aplicando la foto de abajo a estas letras, que pueda obtener un mejor efecto si eso es lo que estoy buscando. Entonces estoy pensando que quiero que esta letra A sea un poco más amarilla. Ahora necesitamos fusionar estas capas, voy a seleccionar ambas capas y hacer clic con el botón derecho. Ahora Fusionar capas desapareció aquí. En realidad no puedo fusionar las capas desde este menú contextual, pero vamos a Capa, y luego iremos a Fusionar capas aquí abajo porque está disponible. Ahora podríamos seguir adelante y seleccionar cada una de estas letras a su vez y copiarlas y pegarlas en un nuevo documento. Una vez que se copian y pegan a un nuevo documento, simplemente iríamos y revertiríamos las capas para que tuviéramos A en la parte superior y Z en la inferior. Después haremos doble clic para cambiar el nombre de la primera capa, y luego tabularemos el resto de las capas hasta que las tengamos etiquetadas de la A a la Z, momento en el que después podremos seleccionar cada una de esas capas, hacer clic derecho y elegir guardar rápidamente ellos como archivos PNG. Puede, por supuesto, agregar una capa de relleno de color sólido usando Capa y luego Nueva capa de relleno. Ahí está la opción Patrón aquí que puedes llenarlos con un degradado, puedes llenarlos con un color sólido. Por mi preferencia aquí, la única vez que estaría tentada de usar esto, es si quisiera usar una fotografía y tener cada letra del alfabeto llena de un elemento diferente. Por lo que cada uno de estos sería diferente, no habría ninguna repetición de elementos per se. La otra opción es ese segundo archivo que creamos, veamos cómo usaríamos eso. Escogeremos Archivo y luego Abrir y vamos a abrir nuestro archivo maestro, aquí está el Maestro del Alfabeto. Esta vez vamos a llenarlo con un gradiente. Vamos a tomar todas estas letras, de hecho, vamos a hacerlas minúsculas, una fuente diferente, y vamos a llenarlas con un gradiente. Bueno, en primer lugar, vamos a seleccionar la capa superior, Mayúss-click en la última, y vamos a ir a la herramienta Tipo. Si vamos al panel Carácter, nos mantendremos de esa manera en mayúsculas, así que por el momento, solo lo pasaremos a minúsculas. Cada uno de estos ha cambiado ahora a minúsculas, así que vamos a elegir una fuente diferente para usar, algo que es significativamente diferente. Voy a elegir Broadway aquí, así que déjame hacer click en esta fuente Broadway. Aquí puedes ver que las letras han cambiado todas, todas son minúsculas y todas son esta nueva fuente. Abramos el panel de efectos, haga doble clic en la superposición de patrones porque tenemos que cambiar esto ahora. Voy a hacer de esto una superposición de gradiente en su lugar, así que estoy desactivando la superposición de patrones, y voy a la superposición de gradiente. Bajemos esto y vayamos a buscar un gradiente para usar. Voy a elegir morados para esto, vamos a ver qué tenemos en los morados. Podemos cambiar el estilo del gradiente, por lo que podría utilizar un gradiente radial o un ángulo. Obviamente, si tienes un gradiente de ángulo, entonces puedes cambiar el ángulo del gradiente de esta manera. En realidad no me gusta eso particularmente, creo que sólo me voy a conformar con un gradiente lineal. Aquí puedes ajustar la báscula para cambiar lo que es que ves en la letra. También puedes, por supuesto, ajustar el gradiente en sí, solo entra aquí y podrías agregar más colores al gradiente, por ejemplo, podríamos agregar un amarillo aquí, estamos agregando un color amarillo en el medio de la gradiente, todo esto es totalmente editable. Una vez que estés contento con lo que tienes aquí, puedes ir y copiar este estilo de capa de este efecto de capa a las otras capas. Pero agreguemos un borde blanco a éste al mismo tiempo, solo voy a hacer doble clic aquí, y en realidad eliminemos esa superposición de patrón para que no se esté interponiendo en nuestro camino, y vamos a añadir un trazo. El trazo aquí ya está puesto en blanco porque eso es lo que usamos la última vez. Hagámoslo un poco más grande. Golpe bastante fuerte en el exterior de esta carta, estoy muy contento con eso, creo que eso se ve realmente bien. Vamos a hacer clic derecho y elegir Copiar estilo de capa, vamos a apuntar a todas las demás capas, hacer clic en la superior, desplazar y hacer clic en la parte más abajo, hacer clic derecho y elegir Pegar estilo de capa. Entonces por supuesto, solo revisaremos para asegurarnos de que obtuvimos lo que esperábamos obtener. Aquí está la letra, tiene su gradiente en ella, y tiene sus alrededores blancos. Cada una de ellas es una letra del alfabeto que podemos usar como archivo. Vamos a seleccionar sobre todos estos, sí tengo un problemita aquí, puedo ver que hay una carta sobre el borde, estoy pensando que eso no va a ser algo que yo quiera que haya pasado. Vamos a hacer clic lejos de esto y vamos a hacer la mesa de trabajo un poco más grande. Hago click en la herramienta Recortar aquí, y si solo recorto hacia afuera, puedo hacer el documento más grande. Tienes que hacer clic en la Herramienta y luego hacer clic y arrastrar para hacerlo más grande, pero ahora todas mis letras encajan realmente bien, así que estoy más feliz con eso. Volvamos atrás y seleccionemos todos ellos con el botón derecho, Exportar rápido como PNG. Vamos a crear una carpeta aquí, seleccionar la carpeta, y luego volveremos y comprobaremos porque Photoshop habrá guardado todas nuestras cartas a esa carpeta, y aquí están. Nuevamente, se puede ver que cada uno de estos está usando más o menos el mismo elemento en ese gradiente, tenemos esa barra amarilla viniendo por todas esas letras. Todos se ven esencialmente bastante similares y eso está bien, así es como funciona este proceso cuando estás usando el estilo de capa o el efecto de capa para obtener estos resultados. 9. alfabetos en Photoshop y Wrapup: Ya hemos completado la parte de video de este curso, así que se acabó para ti. Tu proyecto de clase será crear un alfabeto PNG en Photoshop. Publica una imagen de una o dos de las letras de tu alfabeto como tu proyecto de clase. Al estar viendo estos videos, habrás visto un prompt preguntando si recomendarías esta clase a otros. Por favor, si disfrutas de la clase y aprendes cosas de ella, ¿ harías dos cosas por mí? En primer lugar, contesta sí, que recomendarías esta clase a los demás y en segundo lugar, escribe incluso en pocas palabras, por qué disfrutaste de esta clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que podrían disfrutar y aprender. Si ves el siguiente enlace en la pantalla, haz clic en él y se te notificará cuando mis nuevas clases sean liberadas. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Mi nombre es Helen Bradley y espero que hayan disfrutado de este curso y que hayan aprendido cosas sobre alfabetos y archivos PNG y Photoshop de las que antes no conocían. Espero verte en otro diseño gráfico para clase de almuerzo aquí en Skillshare en el futuro.