15Sep
Los programas como Photoshop han permitido a las nuevas generaciones de aspirantes a diseñadores saltar y crear con mayor facilidad que nunca. Vea lo fácil que es aprender el Panel de caracteres de tipo y aplicarlo a algunos trabajos de diseño básicos.
Tras haber cubierto brevemente la herramienta de texto en la Parte 1, The Toolbox, y la creación de objetos de texto en la Parte 3, Capas, echemos un vistazo más de cerca a cómo establecer la tipografía en Photoshop. Por supuesto, si se ha perdido alguna parte de la Guía de How-To Geek para aprender Photoshop, cada una de ellas está disponible en este enlace. Fuentes
y el panel de caracteres
Aunque los programas vectoriales como Adobe Illustrator son opciones superiores para manejar formas abstractas como fuentes, Photoshop no se queda atrás en el departamento de tipografía. Es capaz de casi cualquier tratamiento tipográfico que Illustrator sea capaz de hacer, y otros que no lo es.
El panel de caracteres se puede encontrar yendo a Window & gt;Carácter, si no está ya en el panel lateral derecho. Es rico en opciones para su texto, que veremos ahora. Tenga en cuenta que esta sección contiene términos tipográficos complicados que puede o no conocer. Refresque sus términos de tipografía con el artículo How-To Geek, "Entender la tipografía como un diseñador profesional", o simplemente siga leyendo.
Familia de fuentes: Donde eligió la fuente en la que está establecido su objeto de texto, por ejemplo, Helvetica, Arial, Times New Roman, etc.
Estilo de fuente: Si tiene familias de fuentes instaladas, su "estilo de fuente" puede estar activo, aquí es donde puedes elegir versiones alternativas de la misma cara. Por ejemplo, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, etc.
Tamaño de letra: Donde puede modificar numéricamente el tamaño de su fuente. Escriba aquí los números o use el menú desplegable para los tamaños de puntos comunes sugeridos.
Leading: Término tipográfico para el espacio entre líneas de texto de párrafo, establecido en puntos.
Kerning: Espaciado horizontal entre pares de letras. Los valores numéricos negativos aquí cerrarán los espacios entre los caracteres, mientras que los valores positivos agregarán espacio entre las letras.
Tracking: Similar al concepto de Kerning, Tracking ajusta el interletraje general sobre un objeto de texto completo o sobre varias letras seleccionadas. Puede ajustar el seguimiento en un objeto de texto, y luego kern entre letras individuales, si lo desea. Escala vertical
: Una forma controlada de estirar y aplastar la tipografía hacia arriba y hacia abajo. Introduzca valores numéricos aquí en porcentaje de la altura del carácter original.
Escala horizontal: Una forma controlada de estirar y aplastar la tipografía a la izquierda y a la derecha. Ingrese valores numéricos aquí en porcentaje del ancho del carácter original.
Baseline Shift: La línea base es la línea en la que el texto "descansa".Mueva ciertos caracteres seleccionados fuera de la línea de base para que aparezcan más altos o más bajos que el resto del texto configurado.
Color de texto: Un área donde se puede ajustar el color del objeto de texto.
Idioma: Ajusta el idioma en el que se establece el texto, en caso de que se necesiten caracteres que no sean en inglés.
Anti-Aliasing: Opciones para representar texto en píxeles ajustando la cantidad de borrosidad de píxel utilizada para describir los bordes de tipo."Ninguno" representa las letras en píxeles de bordes duros, mientras que las demás usan varias formas de anti-aliasing.
Faux Negrita y otras opciones de panel de caracteres
| Faux Bold: El tamaño de la fuente actual se engrosa artificialmente para crear una fuente en negrita artificial. En general, es preferible utilizar una fuente en negrita real en "Familia de fuentes" o "Estilo de fuente". |
| Faux Italic: Su fuente actual está inclinada artificialmente hacia la derecha, creando un aspecto de cursiva falsa. De nuevo, es preferible utilizar una fuente cursiva real en "Familia de fuentes" o "Estilo de fuente". |
| Mayúscula: Transforma tu tipo en mayúsculas. Muy útil en los casos en que lleva mucho tiempo volver a escribir secciones grandes de texto en mayúscula y minúscula. |
| Small Caps: Crea falsas letras pequeñas al reducir el tamaño de las letras mayúsculas. Todas las letras minúsculas serán reemplazadas por estas mayúsculas más pequeñas en su objeto de texto. |
| Superíndice: Cambia el texto seleccionado o el objeto de texto a superíndice, como en el caso de 28. |
| Subíndice: Cambia el texto seleccionado o el objeto de texto al subíndice, como en el caso de C6H12O6. |
| Subrayado: Agrega un guion bajo simple debajo del objeto de texto u texto seleccionado. |
| Tachado: Agrega un simple golpe a través de todo el texto u objeto de texto seleccionado. |
El panel de opciones y la herramienta de tipo
Algunas opciones que no están disponibles en el Panel de caracteres están esperando en la parte superior de la pantalla, en el Panel de opciones, cuando utiliza la herramienta Texto. Estos tres son:
| Orientación del texto: Alterna la dirección en que se ejecuta el texto en el objeto de texto, ya sea horizontal o verticalmente. |
| Alineación: Establece la alineación de su objeto de texto en Alineado a la izquierda, Alineado en el centro o Alineado a la derecha. |
| Texto de deformación: deforma los objetos de texto en una de varias formas predefinidas y ajustables, como pancartas u otros objetos. |
Diseño de una portada de libro simple
Dado que el diseño se trata de la aplicación en el mundo real, estudiaremos la creación de un diseño de portada de libro básico para uno de los libros científicos más importantes( por no decir controvertidos) de todos los tiempos, On The Origin ofEspecies por medio de la selección natural , por Charles Darwin.
muestra la herramienta de niveles para ajustar la imagen de Darwin. Si bien el diseño no es necesariamente una mera disposición de elementos, este enfoque simplista será suficiente para fines de demostración.
Cuando la imagen se oscurece, presione Ctrl y haga clic en el canal Gris en el panel de canales. Esto crea una selección de todo el blanco en la imagen.
Edit: si su archivo aún no está en escala de grises, pero RGB o CMYK, debe ir a Image & gt;Modo & gt;Escala de grises antes de Ctrl + clic en su canal de escala de grises. Gracias al lector de HTG l3utrterfish por traer esto a mi atención.
Presione para crear una nueva capa.
Edit & gt;Rellene para completar la selección en su nueva capa con blanco.
La fotografía de icono de Darwin ahora se elimina del fondo negro y está lista para ser utilizada como elemento.
Presione para crear un nuevo documento con su tamaño preferido. El tamaño ilustrado es del mismo tamaño que otro libro importante, de Robert Bringhurst, The Elements of Typographic Style .
Y aquí está nuestro espacio de trabajo muy alto para la portada del libro.
Elija un color de primer plano en el en su caja de herramientas. Cualquier color será suficiente, aunque en esta demostración, es preferible un color oscuro.
Edit & gt;Rellene y asegúrese de establecer "Usar" en "Color de primer plano".
El fondo se llena con el color de vino elegido anteriormente.
Presione la tecla de método abreviado. Navegue a su archivo original y arrastre su capa a su nuevo archivo usando la herramienta de movimiento seleccionada.
La capa debería aparecer algo así dentro del archivo nuevo.
Presione o seleccione la herramienta de tipo, ilustrada arriba para comenzar a configurar el tipo.
No todas las fuentes son apropiadas para el contenido. Esta fuente pixelada es muy mala para este concepto.
Una fuente más conservadora puede respetar el contenido y crear un aspecto más apropiado.
Con incluso algunas opciones de fuente limitadas instaladas, puede parecer abrumador. Sin embargo, elegir la fuente correcta es difícil y lleva mucho tiempo, pero en conjunto es muy importante para una pieza de diseño.
Cuando se encuentra la fuente correcta, ajustarla con el Panel de caracteres es una cuestión sencilla.
El tamaño de fuente se cambia y el tipo se divide en dos líneas.
Cuando se ajusta el tamaño del punto, podemos encontrar problemas con el liderazgo.
Cuando las letras colisionan, los lectores tendrán problemas de legibilidad y legibilidad. Ajustar el liderazgo es la única respuesta.
Aumentar el tamaño del punto del líder mejora la legibilidad del título.
Se deberá agregar información adicional, y muchas veces, Photoshop asume que desea usar la misma fuente que el tamaño de punto como el último objeto de texto utilizado. Este puede o no ser el caso.
Se agregaron y ajustaron nuevos objetos de texto, podemos comenzar a acceder a nuestro diseño como un todo.
Es posible que deseemos mover los elementos.
También podemos agregar más elementos o texto de desplazamiento de sutileza, para mantener una línea consistente en la página. La herramienta Texto también le permitirá ajustar errores tipográficos, como las letras "Medios", "Natural" y "Selección" que necesitan capitalizar en un título.
Elementos adicionales también pueden ayudar a un diseño, como este esqueleto de Lucy, el famoso Australopithecus afarensis. Una vez más, el diseño no es necesariamente una combinación simple de elementos, ya que puede implicar que el proceso de Photoshop sea completamente incapaz de hacerlo. Sin embargo, a menudo es una excelente herramienta para este tipo de trabajo de gráficos.¿
Photoshop te dejó confundido? Comience por el principio! Consulte las entregas anteriores de la Guía práctica de Geek para aprender Photoshop.
- Parte 1: La caja de herramientas
- Parte 2: Paneles básicos
- Parte 3: Introducción a las capas
- Parte 4: Menús básicos
- Parte 5: Edición de fotos para principiantes
- Parte 6: Arte digital
- Parte 7: Diseño y tipografía
- Parte 8: Filtros
Crédito de la imagen: Darwin por Julia Margaret Cameron, en el dominio público. Lucy por el usuario de Wikipedia 120, disponible bajo Creative Commons.