Trabajando con texto en Photoshop Una guía definitiva

Si está utilizando Photoshop para sus proyectos de diseño, creando logotipos, pósters, infografías o cualquier otra cosa, entonces necesitará saber sobre tipografía..

Photoshop tiene una gran cantidad de herramientas para llevar texto a tu página y hacer que se vea increíble. Pero donde empiezas?

En esta breve guía, lo guiaremos a través de todo lo que necesita saber sobre cómo trabajar con texto en Photoshop.

Escriba los fundamentos de la herramienta en Photoshop

Antes de comenzar, hagamos un resumen rápido de los conceptos básicos absolutos para trabajar con texto en Photoshop.

Usted agrega texto a un documento usando uno de los Tipo herramientas. Puede seleccionarlos en la barra de herramientas en el borde izquierdo de la pantalla, o presionando T en tu teclado.

Cuando selecciona esto, el Tipo las opciones aparecerán en el Barra de opciones en la parte superior de la pantalla. Los principales son:

• Familia tipográfica: Seleccione una fuente de las instaladas en su computadora (o de Typekit)
• Estilo de fuente: Elija un estilo para su fuente seleccionada, como las versiones en negrita u oblicuas
• Tamaño: Establece el tamaño de punto para tu tipo
• Texto alineado: Configura el texto para alinearlo a la izquierda, a la derecha o al centro
• Color: Elige un color para tu texto
• Cancelar o Cometer: Una vez que haya agregado o editado texto, debe confirmar para aplicarlo a su lienzo o cancelar para deshacerlo o eliminarlo.

Cada elemento de texto siempre va en su propia capa. Para mover o cambiar el tamaño del texto mientras edita, mantenga presionada la tecla Ctrl o Cmd llave y arrástrala a su lugar.

Puede editar el texto o cambiar la fuente, el tamaño, etc. en cualquier momento. Para ello selecciona el Tipo y utilice el cursor para resaltar el texto, tal como lo haría en un procesador de textos. No se limite a seleccionar la capa de texto..

Creación de texto para títulos y encabezados

La forma principal en que la mayoría de las personas agrega y edita texto en Photoshop Cómo agregar y editar texto en Adobe Photoshop Cómo agregar y editar texto en Adobe Photoshop Agregar, modificar y editar texto en Adobe Photoshop no podría ser más sencillo. Leer más es para seleccionar la Herramienta de tipo horizontal (o la Vertical uno si lo prefiere), haga clic en el lienzo, luego comience a escribir.

Esta es la mejor opción para títulos, encabezados u otros textos cortos de una sola línea..

Al hacer clic en el lienzo se crea un área de texto que se expande a medida que escribe. Todo el texto va en una sola línea, y nunca se ajusta a una nueva línea. Incluso cuando llegues al borde del lienzo, la línea simplemente continuará en el área de trabajo..

Si desea agregar saltos de línea, coloque el cursor y presione Entrar. Mejor aún, cree capas de texto separadas para cada línea en su encabezado. De esa forma podrás controlar y posicionar cada uno individualmente..

Trabajando con texto de párrafo

Para copias de cuerpo más largas, como párrafos o listas, cree primero un cuadro de texto.

Selecciona el Herramienta de tipo horizontal y configura tus opciones básicas de formato. Haga clic y arrastre en diagonal sobre el lienzo para crear un cuadro de texto rectangular. Ahora escribe o pega tu copia en el cuadro.

El cuadro de texto es un tamaño fijo. Cuando el texto toca el borde derecho, se ajusta a una nueva línea. Si el texto es demasiado largo, debe cambiar el tamaño del cuadro para que el resto esté visible (o puede cambiar el tamaño de la fuente, por supuesto).

Golpear Ctrl + T (Windows) o Cmd + T (Mac) luego mantenga Cambio y arrastre uno de los manillares para agrandar la caja.

Creación de formas de cuadro de texto personalizadas

No estás limitado a trabajar con cuadros de texto rectangulares. Puede utilizar varias herramientas de forma o dibujar nuevas formas manualmente con el Lapicera, y luego rellenarlos con texto.

Seleccione una de las Forma herramientas, o utilizar el Lapicera. Selecciona el Modo de herramienta a Camino en la esquina superior izquierda de la Barra de opciones, luego dibuja tu forma en el lienzo.

Ahora agarra el Herramienta de tipo horizontal y haga clic dentro del camino que ha dibujado. Esto convierte la forma en un cuadro de texto. Ahora establece la alineación del texto a Centrar, y escribe o pega tu texto en el cuadro.

Las formas personalizadas son útiles cuando necesita ajustar texto alrededor de imágenes u otros objetos en su diseño.

Colocar texto en una curva en Photoshop

También puede configurar su texto para que siga la línea de una curva..

Comience seleccionando Lapicera. En el Barra de opciones en la parte superior, establece el Modo de herramienta a Camino. Ahora dibuja una curva en el lienzo. Si necesita una introducción a esto, consulte nuestra guía para utilizar la herramienta de la pluma de Photoshop.

A continuación, seleccione la Herramienta de tipo horizontal. Desplace el cursor sobre el camino que acaba de dibujar. Cuando el cursor se convierta en una línea ondulada, haga clic. Esto ancla un cuadro de texto a la ruta..

Ahora escribe tu texto.

También puede configurar su texto para que siga el contorno de una forma. El proceso es el mismo, solo selecciona una de las herramientas de Forma en lugar de la Pluma. Una vez más, asegúrese de establecer la Modo de herramienta a Camino antes de que lo dibujes.

Para ajustar la posición del texto en la curva, use la Herramienta de selección directa. Desplace el puntero del mouse sobre el texto y se convertirá en un cursor con dos flechas. Haga clic y arrastre a lo largo de la línea para desviar el texto a lo largo de la línea.

Haga clic y arrastre en la línea para establecer si el texto debe correr dentro o fuera de la forma.

Enmascarar texto en Photoshop

Las últimas herramientas de texto de Photoshop son las Herramienta de máscara de tipo horizontal y Herramienta de máscara de tipo vertical.

Estas herramientas no colocan texto en el lienzo. En su lugar, crean formas basadas en texto que puede utilizar en sus diseños. Debido a esto, es importante que elija la fuente correcta antes de comenzar. No puedes volver atrás y editarlo más tarde..

Comience abriendo una imagen en Photoshop o seleccionando una capa que contenga algo de color..

Seleccione una de las Tipo de máscara Herramientas y establecer su fuente. Ahora haga clic en el lienzo y comience a escribir. Cuando llegas al Cometer botón de su texto se convertirá en una selección.

Aquí hay tres formas de usarlo:

Añade una textura a tu texto.. Haga clic en el Añadir máscara de capa botón en la parte inferior de la Capas panel. Esto hace que el fondo sea transparente, dejando solo las formas de texto que contienen la textura de la imagen original..

Rellena el texto con el color de fondo.. Golpear Ctrl + Retroceso o Cmd + Retroceso para cortar el texto y reemplazarlo con el color de fondo seleccionado actualmente.

Cortar el texto del fondo.. Golpear Mayús + Ctrl + I o Mayús + Cmd + I para invertir su selección. Ahora presiona Ctrl + J o Cmd + J. Oculte la capa inferior y ahora tendrá la imagen original con un recorte transparente en la forma de su texto.

Estilo de texto en Photoshop

Ahora que conoce las formas principales de incluir texto en su página, ¿cómo hace para darle estilo? Ya vimos las configuraciones básicas en la barra de opciones. Hay algunos más que conocer, también.

• Dirección del texto: Alternar entre texto horizontal y vertical
• Anti-aliasing: Establece qué nítido o suave quieres que se vea tu texto
• Texto de deformación: Distorsiona el texto con 15 estilos preestablecidos.
• Abrir el panel de caracteres / párrafos: Abra el panel para ajustar la configuración de caracteres
• 3D: Cambiar a la vista 3D de Photoshop

Como se mencionó anteriormente, debe seleccionar su texto con el cursor antes de poder cambiar su formato.

Los paneles de caracteres y párrafos

Haga clic en el Panel de personajes y párrafos botón en el Barra de opciones. La primera pestaña contiene un conjunto de opciones para formatear caracteres. Algunas duplican las opciones que ya hemos visto (como elegir fuentes y colores), mientras que el resto le permite ajustar su tipo.

• Menú del panel: Esto incluye Sin descanso, que coloca un espacio sin separación entre dos palabras para garantizar que permanezcan en la misma línea.
• Líder: Esto le permite ajustar la altura de la línea de su texto. Dejándolo puesto a Auto suele ser lo suficientemente bueno.
• Kerning: Establece el espaciado entre un par de caracteres. Establece la opción a Métrica para utilizar el diseño predeterminado para su fuente, o Óptico dejar que Photoshop lo configure automáticamente.
• Rastreo: Controla el espaciado entre todos los caracteres de tu texto. Elija un seguimiento más estricto (un número negativo) para agregar fuerza y ​​urgencia a sus encabezados.
• Escala vertical y horizontal Estas opciones estiran o reducen su fuente vertical u horizontalmente. Utilícelas solo para casos de diseño específicos; si necesita una más ancha o alta, elija una fuente diferente ¿Quiere Gorgeous Free Fonts? Aquí hay más de 25 sitios donde los encontrarás ¿Quieres tener hermosas fuentes gratuitas? Aquí hay más de 25 sitios donde los encontrará. En lugar de leer cientos de fuentes, aquí hay algunos sitios que lo ayudarán a mantenerse al día con todas las fuentes nuevas que querrá usar en su próximo diseño. Lee mas .
• Cambio de línea de base: Mueve los caracteres seleccionados por encima o por debajo de la línea de base. Más comúnmente usado para escribir subíndices o superíndices.
• Faux negrita y cursiva: Evítelas cuando sea posible: siempre use las versiones en negrita u oblicuas de la fuente elegida, si las tiene.
• Todos los casquillos y pequeños casquillos: Capitaliza automáticamente tu texto.
• Otras opciones: Diversas configuraciones para crear caracteres sub y superíndices, subrayar o controlar ciertas fuentes OpenType.

Haga clic en el Párrafo pestaña para ver las opciones para formatear el diseño de trozos de texto más grandes.

Aquí, puede sangrar los márgenes izquierdo o derecho de su cuadro de texto, así como elegir si desea usar o no guiones..

Efectos de texto en Photoshop

Photoshop le permite agregar efectos a cualquier capa, y esto incluye una capa de texto. Le permite agregar una sombra que hace que su texto se destaque sobre el fondo de su diseño, o tal vez para agregar un efecto brillante.

Haga doble clic en la capa para abrir el Estilo de capa caja.

Seleccionar Sombra paralela y ajustar la configuración incluyendo Opacidad, Ángulo, y Distancia. Asegúrate que Avance botón está marcado, por lo que obtiene una vista en tiempo real del efecto. Hacer clic DE ACUERDO cuando termines.

El mismo enfoque le permite agregar un brillo exterior al texto, o aplicar una textura a la fuente.

Rotación o sesgo de texto en Photoshop

Para girar o sesgar el texto, seleccione la capa de texto y presione Ctrl + T o Cmd + T para abrir el Herramienta de transformación gratuita.

Desplace el puntero del mouse sobre la esquina del cuadro delimitador hasta que el cursor se convierta en una flecha curva. Ahora haga clic y arrastre para girar.

Para sesgar el texto, mantenga Mayús + Ctrl o Shift + Cmd y agarra uno de los manillares en el borde de la caja. Arrastra hacia los lados, luego pulsa Entrar para confirmar.

Recuerda que demasiado sesgo puede distorsionar tu fuente..

Trabajar con fuentes en Photoshop

Elección de la fuente correcta Estrategias y herramientas de emparejamiento de fuentes para combinaciones de fuentes perfectas Estrategias y herramientas de emparejamiento de fuentes para combinaciones de fuentes perfectas Estas estrategias y herramientas de emparejamiento de fuentes te ayudarán a elegir el emparejamiento de fuentes perfecto para cualquier tarea. Leer más, o un par de fuentes, es una de las partes más esenciales del diseño gráfico..

Seleccione las fuentes utilizando Fuentes caer en el Barra de opciones. Verás una pequeña vista previa de cada uno..

Marque sus fuentes favoritas haciendo clic en el Estrella icono junto a ellos. Para encontrarlos de nuevo pulsa el Estrella icono en la barra de menú.

Seleccione una fuente y elija Fuentes similares para navegar a través de todos sus tipos de letra disponibles con características similares.

Para aumentar sus opciones de fuente, haga clic en Añadir fuentes de Typekit icono en el Fuentes Menú desplegable.

Esto lanza el sitio web de Adobe Typekit. Inicie sesión si lo necesita, luego navegue y seleccione las fuentes que desee agregar. Haga clic en el Sincronizar todo Botón para que todos los estilos de esa fuente estén disponibles en Photoshop. Alternativamente, sincronice solo los estilos y pesos que necesita.

Fuentes a juego de otras imágenes

A menudo, es posible que tenga otra imagen que contenga una fuente que le gustaría usar, pero que no reconozca. De Photoshop Fuentes del partido La herramienta puede ayudar a identificar estas fuentes misteriosas, o al menos ofrecer algunas alternativas similares..

Abre la imagen y ve a Tipo> Fuente coincidente. La herramienta coloca una superposición en tu lienzo. Ajuste las marcas de recorte para resaltar la fuente que desea hacer coincidir.

Algunas sugerencias se harán después de unos segundos. Elija uno y haga clic DE ACUERDO.

Retocar una fuente

Cuando diseña un logotipo Cómo diseñar un logotipo simple en Photoshop Cómo diseñar un logotipo simple en Photoshop Photoshop puede hacer mucho más que solo editar fotos: es más que capaz de realizar trabajos de diseño simples. Aquí te mostramos cómo hacer un logotipo geométrico simple. Leer más, un truco rápido que puedes hacer para darle un giro único es modificar la fuente que estás usando. Puedes hacerlo fácilmente en Photoshop..

Selecciona el texto y ve a Tipo> Convertir a forma. Esto hace que el texto ya no sea editable..

Toma el Herramienta de selección de ruta (UNA) para seleccionar caracteres individuales. Ahora puede cambiar su color, moverlos o rotarlos independientemente del resto del texto..

Utilizar el Herramienta de selección directa para mostrar el camino de cada personaje. Arrastre los puntos de anclaje para modificar el aspecto de la fuente, e incluso puede utilizar el Lapicera Añadir nuevas curvas a tus letras..

¿Que sigue? Más consejos de Photoshop

El tipo es una parte integral del diseño gráfico, y Photoshop ofrece algunas herramientas bastante poderosas para controlar cómo se ve el texto en tu página.

El siguiente paso es aprender cómo incorporarlo en el resto de sus proyectos. Consulte nuestra guía para trabajar con gráficos vectoriales en Photoshop. Crear y trabajar con gráficos vectoriales en Photoshop. Crear y trabajar con gráficos vectoriales en Photoshop. Photoshop es una alternativa sorprendentemente capaz de Illustrator para gráficos vectoriales. Aquí hay un tutorial introductorio sobre cómo crear gráficos vectoriales en Photoshop. Lea más y estará listo para comenzar a crear íconos, logotipos, carteles y mucho más..

Explorar más sobre: ​​Adobe Photoshop, Fuentes, Tipografía.