Página principal » cómo » La guía práctica para aprender Photoshop, Parte 7 Diseño y tipografía

    La guía práctica para aprender Photoshop, Parte 7 Diseño y tipografía

    Programas como Photoshop han permitido a nuevas generaciones de aspirantes a diseñadores saltar y crear con más facilidad que nunca. Vea cuán fácil es aprender el Panel de caracteres de tipo y aplicarlo a algunos trabajos de diseño básicos.

    Habiendo cubierto brevemente la herramienta de texto en la Parte 1, La caja de herramientas, y la creación de objetos de texto en la Parte 3, Capas, veamos más de cerca cómo configurar la tipografía en Photoshop. Por supuesto, si se ha perdido alguna parte de la Guía práctica para aprender Photoshop, cada una de ellas aún está disponible en este enlace incluido..

    Fuentes y el panel de personajes

    Si bien los programas vectoriales como Adobe Illustrator son opciones superiores para manejar formas abstractas como las fuentes, Photoshop no se queda atrás en el departamento de Tipografía. Es capaz de casi cualquier tratamiento tipográfico del que es capaz Illustrator, y algunos no lo son.

    El panel de caracteres se puede encontrar en Ventana> Carácter, si aún no está en el panel lateral derecho. Es rico en opciones para su texto, que vamos a revisar 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, "Entienda la tipografía como un diseñador profesional", o simplemente siga leyendo..

    Familia tipográfica: Donde eligió la fuente de su objeto de texto, por ejemplo, Helvetica, Arial, Times New Roman, etc..

    Estilo de fuente: Si tiene instaladas familias de fuentes, su "estilo de fuente" puede estar activo, aquí es donde puede elegir versiones alternativas de la misma cara. Por ejemplo, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, etc..

    Tamaño de fuente: Donde puedes alterar numéricamente el tamaño de tu fuente. Escriba números aquí o use el menú desplegable para los tamaños de puntos comunes sugeridos.

    Líder: 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.

    Rastreo: Similar al concepto de Kerning, Tracking ajusta el kerning general sobre un objeto de texto completo o sobre varias letras seleccionadas. Puede ajustar el seguimiento en un objeto de texto y, a continuación, realizar un 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 hacia la izquierda y hacia la derecha. Introduzca valores numéricos aquí en porcentaje del ancho del carácter original.

    Cambio de línea de base: La línea de base es la línea en la que "descansa" el texto. 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 establecido.

    Color de texto: Un área donde el color del objeto de texto puede ser ajustado.

    Idioma: Ajusta el idioma en el que se establece el texto, en caso de que se necesiten caracteres que no estén en inglés.

    Anti-aliasing: Opciones para representar texto en píxeles ajustando la cantidad de desenfoque de píxeles utilizada para describir los bordes del tipo. "Ninguno" representa las letras en píxeles de bordes duros, mientras que todos los demás utilizan varias formas de suavizado..

    Faux Bold y otras opciones del panel de personajes

    Faux Bold: El tamaño de su fuente actual se engrosa artificialmente para crear una fuente en negrita artificial. En general, es preferible utilizar una fuente en negrita real en la "Familia de fuentes" o "Estilo de fuente".
    Faux Italic: Su fuente actual está inclinada artificialmente hacia la derecha, lo que crea una apariencia de cursiva falsa. De nuevo, es preferible utilizar una fuente cursiva real en la "Familia de fuentes" o "Estilo de fuente".
    Mayúscula Transforma tu tipo en mayúsculas. Muy útil en aquellos casos en los que requiere mucho tiempo volver a escribir grandes secciones de mayúsculas y minúsculas..
    Letras minúsculas: Crea una pequeña cantidad falsa al reducir el tamaño en puntos de tus letras mayúsculas. Todas las letras minúsculas se reemplazarán con estas mayúsculas más pequeñas en su objeto de texto.
    Sobrescrito: 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 a subíndice, como en el caso de C6H12O6.
    Subrayar: Agrega un guión bajo debajo del texto u objeto de texto seleccionado.
    Tachado Agrega una huelga simple a través de todo el texto seleccionado u objeto de texto.

    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 su pantalla, en el Panel de opciones, cuando usa la herramienta de Tipo. Estos tres son:

    Orientación del texto: Alterna la dirección en la 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 Warp: Deforma los objetos de texto en una de varias formas predefinidas y ajustables, como pancartas u otros objetos.

    Diseñar una cubierta de libro simple

    Debido a que el diseño tiene que ver con la aplicación en el mundo real, analizaremos 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 polémicos) de todos los tiempos., Sobre el origen de las especies por medio de la selección natural., por Charles Darwin.

    Aparece la herramienta de niveles para ajustar la imagen de Darwin. Si bien el diseño no es necesariamente simplemente una disposición de elementos, este enfoque simplista será suficiente para fines de demostración..

    A medida que la imagen está en negro, 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..

    Editar: si su archivo no está ya en escala de grises, pero RGB o CMYK, debe ir a Imagen> Modo> Escala de grises antes de Ctrl + Clic en su canal de escala de grises. Gracias al lector HTG l3utterfish por llamar esto a mi atención.

    prensa para crear nueva capa.

    Editar> Rellenar para completar la selección en su nueva capa con blanco.

    La fotografía del icono de Darwin se ha eliminado del fondo negro y está lista para ser utilizada como un elemento..

    prensa para crear un nuevo documento en su tamaño preferido. El tamaño ilustrado es el mismo tamaño de otro libro importante, el de Robert Bringhurst. Los elementos del estilo tipográfico..

    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..

    Editar> Rellenar y asegúrese de establecer "Usar" en "Color de primer plano".

    El fondo se llena con el color del vino elegido anteriormente..

    Presione la tecla de atajo . Desplácese hasta su archivo original y arrastre su capa a su nuevo archivo con la Herramienta de movimiento seleccionada.

    La capa debería aparecer algo como esto dentro del nuevo archivo..

    prensa 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 honrar el contenido y crear una apariencia más apropiada.

    Incluso con unas pocas opciones de fuente limitadas instaladas, puede parecer abrumador. Sin embargo, elegir la fuente correcta es difícil y consume mucho tiempo, pero en general 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 simple.

    Se cambia el tamaño de la fuente y el tipo se divide en dos líneas..

    Cuando se ajusta el tamaño del punto, es posible que tengamos problemas con los principales.

    Cuando las letras chocan, los lectores tendrán problemas de legibilidad y legibilidad. Ajustar el liderato es la única respuesta.

    Aumentar el tamaño en puntos de los líderes mejora la legibilidad del título..

    Habrá que agregar información adicional, y muchas veces, Photoshop asume que desea utilizar la misma fuente que el tamaño en puntos del último objeto de texto utilizado. Esto puede o no puede ser el caso.

    Nuevos objetos de texto agregados y ajustados, podemos comenzar a acceder a nuestro diseño como un todo.

    Podemos encontrar que deseamos mover elementos alrededor.

    También podemos agregar más elementos o texto de cambio de sutileza, para mantener una línea consistente en la página. La herramienta de Texto también le permitirá ajustar los errores tipográficos, como las letras "Medios", "Natural" y "Selección", que necesitan capitalizar un título..

    Elementos adicionales también pueden ayudar a un diseño, como este esqueleto de Lucy, el famoso Australopithecus afarensis. Nuevamente, el diseño no es necesariamente una combinación simple de elementos, ya que puede involucrar al proceso que Photoshop no puede hacer. Sin embargo, a menudo es una excelente herramienta para este tipo de trabajo de gráficos..

    Consejos de Photoshop te dejó confundido? ¡Empieza por el principio! Revisa las entregas anteriores de la Guía de Cómo hacer 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

    Vuelva a How-To Geek para las últimas entregas de la Guía para el aprendizaje de Photoshop, donde concluiremos nuestra guía con un vistazo a los filtros de Photoshop..

    Crédito de la imagen: Darwin por Julia Margaret Cameron, en dominio público. Lucy por el usuario 120 de Wikipedia, disponible bajo Creative Commons.