Trabajar con texto en Photoshop: una guía definitiva

Trabajar con texto en Photoshop: una guía definitiva

Si está utilizando Photoshop para sus proyectos de diseño, creando logotipos, carteles, infografías o cualquier otra cosa, entonces necesitará saber acerca de la tipografía.





Photoshop tiene una gran cantidad de herramientas para colocar texto en su página y hacer que se vea increíble. ¿Pero por dónde 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.





Conceptos básicos de la herramienta de texto en Photoshop

Antes de comenzar, hagamos una descripción general rápida de los conceptos básicos absolutos para trabajar con texto en Photoshop.

hisense roku tv control remoto no funciona

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



Cuando selecciona esto, el Escribe 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 la fuente seleccionada, como las versiones Negrita u Oblicua
  • Tamaño: Establezca el tamaño en puntos para su tipo
  • Texto alineado: Configure el texto para que esté alineado a la izquierda, a la derecha o al centro
  • Color: Elija un color para su texto
  • Cancelar o confirmar: Una vez que haya agregado o editado el 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 durante la edición, mantenga presionada la tecla control o Cmd y arrástrelo a su lugar.





Puede editar el texto o cambiar la fuente, el tamaño, etc. en cualquier momento. Para hacer esto, seleccione el Escribe herramienta y use el cursor para resaltar el texto, tal como lo haría en un procesador de texto. No se limite a seleccionar la capa de texto.

Creación de texto para títulos y encabezados

La principal forma en que la mayoría de la gente agregar y editar texto en Photoshop es seleccionar el Herramienta de texto horizontal (o la Vertical uno si lo prefiere), haga clic en el lienzo y 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 pasa a una nueva línea. Incluso cuando llegue al borde del lienzo, la línea simplemente continuará en el cartón.

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

Trabajar con texto de párrafo

Para el texto del cuerpo --- partes de texto más largas como párrafos o listas --- cree primero un cuadro de texto.

Selecciona el Herramienta de texto horizontal y configure sus opciones de formato básicas. Haga clic y arrastre diagonalmente en el lienzo para crear un cuadro de texto rectangular. Ahora escriba o pegue su copia en el cuadro.

El cuadro de texto tiene un tamaño fijo. Cuando el texto llega al 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 sea visible (o puede cambiar el tamaño de la fuente, por supuesto).

Pegar Ctrl + T (Windows) o Cmd + T (Mac) luego mantén presionado Cambio y arrastre uno de los manillares para agrandar el cuadro.

Creación de formas de cuadro de texto personalizadas

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

Seleccione uno de los Forma herramientas, o utilice las Lapicera . Selecciona el Modo de herramienta para Sendero en la esquina superior izquierda de la Barra de opciones , luego dibuja tu forma en el lienzo.

Ahora agarra el Herramienta de texto horizontal y haga clic dentro del camino que ha dibujado. Esto convierte la forma en un cuadro de texto. Ahora establezca la alineación del texto en Centrar y escriba o pegue su 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.

Empiece por seleccionar el Lapicera . En el Barra de opciones en la parte superior, establezca el Modo de herramienta para Sendero . Ahora dibuja una curva en el lienzo. Si necesita una introducción a esto, consulte nuestra guía para usando la herramienta Pluma de Photoshop .

A continuación, seleccione el Herramienta de texto horizontal . Pase el cursor sobre la ruta 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 que selecciona una de las herramientas de Forma en lugar de la Pluma. Nuevamente, asegúrese de configurar el Modo de herramienta para Sendero antes de dibujarlo.

Para ajustar la posición del texto en la curva, use el Herramienta de selección directa . Pase 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 a lo largo de la línea para establecer si el texto debe aparecer dentro o fuera de la forma.

Enmascaramiento de texto en Photoshop

La última de las principales herramientas de texto de Photoshop son las Herramienta Máscara de tipo horizontal y Herramienta Máscara de tipo vertical .

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

cómo eliminar una cuenta de soundcloud

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

Seleccione uno de los Tipo Máscara herramientas y configure su fuente. Ahora haga clic en el lienzo y comience a escribir. Cuando golpeas el Cometer botón su texto se convertirá en una selección.

Aquí hay tres formas de usarlo:

Agrega una textura a tu texto. Haga clic en el Agregar 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. Pegar Ctrl + Retroceso o Cmd + Retroceso para recortar el texto y reemplazarlo con el color de fondo seleccionado actualmente.

Recorta el texto del fondo. Pegar 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.

Aplicar estilo al texto en Photoshop

Ahora que conoce las principales formas de colocar texto en su página, ¿cómo puede modificar el estilo? Ya hemos visto la configuración básica en la barra de opciones. También hay algunos más para conocer.

  • Dirección del texto: Alternar entre texto horizontal y vertical
  • Anti-aliasing: Establezca qué tan nítido o suave desea que se vea el texto
  • Texto de deformación: Distorsiona el texto con 15 estilos preestablecidos
  • Panel de carácter / párrafo abierto: 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 caracteres y párrafos botón en el Barra de opciones . La primera pestaña contiene un conjunto de opciones para formatear caracteres. Algunos duplican las opciones que ya hemos visto (como elegir fuentes y colores), mientras que el resto le permite perfeccionar su tipo.

  • Menú del panel: Esto incluye Sin descanso , que coloca un espacio sin interrupciones entre dos palabras para garantizar que permanezcan en la misma línea.
  • Principal: Esto le permite ajustar la altura de la línea de su texto. Dejándolo configurado para Auto suele ser lo suficientemente bueno.
  • Interletrado: Establece el espacio entre un par de caracteres. Establezca la opción en Métrica para usar el diseño predeterminado para su fuente, o Óptico para permitir que Photoshop lo configure automáticamente.
  • Seguimiento: Controla el espacio entre todos los caracteres de su texto. Elija un seguimiento más estricto (un número negativo) para agregar fuerza y ​​urgencia a sus encabezados.
  • Escala vertical y escala horizontal: Estas opciones estiran o encogen su fuente vertical u horizontalmente. Úselos solo para casos de diseño específicos --- si necesita uno más ancho o más alto, elige una fuente diferente .
  • Cambio de línea de base: Mueve los caracteres seleccionados por encima o por debajo de la línea de base. Se utiliza más comúnmente para escribir caracteres de subíndice o superíndice.
  • Negrita falsa y cursiva: Evítelos siempre que sea posible --- use siempre las versiones Negrita u Oblicua de la fuente elegida, si las tiene.
  • Todas las mayúsculas y minúsculas: Ponga en mayúsculas automáticamente su texto.
  • Otras opciones: Varias configuraciones para crear caracteres de subíndice y superíndice, subrayar o controlar ciertas fuentes OpenType.

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

Aquí, puede sangrar los márgenes izquierdo o derecho de su cuadro de texto, así como elegir si usar o no la separación de sílabas.

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 paralela que hace que su texto se destaque sobre el fondo de su diseño, o tal vez agregar un efecto brillante.

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

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

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

Girar o sesgar texto en Photoshop

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

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

Para sesgar el texto, mantén presionado Mayús + Ctrl o Mayús + Cmd y agarre uno de los manillares en el borde de la caja. Arrastra hacia los lados, luego presiona Ingresar para confirmar.

Recuerde que demasiada distorsión puede distorsionar su fuente.

Trabajar con fuentes en Photoshop

Elegir la fuente correcta , o par de fuentes, es una de las partes más esenciales del diseño gráfico.

Seleccione fuentes con el 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, presione el Estrella en la barra de menú.

Seleccione una fuente y elija Fuentes similares para navegar por todos los tipos de letra disponibles con características similares.

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

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

Coincidencia de fuentes de otras imágenes

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

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

Se harán algunas sugerencias después de unos segundos. Elija uno y haga clic OK .

Ajustar una fuente

Cuando estás diseñando un logo, un truco rápido que puedes hacer para darle un giro único es modificar la fuente que estás usando. Puede hacer esto fácilmente en Photoshop.

Seleccione el texto y vaya a Tipo> Convertir a forma . Esto hace que el texto ya no se pueda editar.

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

Utilizar el Herramienta de selección directa para mostrar la ruta de cada personaje. Arrastre los puntos de anclaje para modificar el aspecto de la fuente, e incluso puede usar el Lapicera para agregar nuevas curvas a sus letras.

¿Que sigue? Más consejos de Photoshop

La tipografía 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 su página.

cómo reparar bsod windows 10

El siguiente paso es aprender a incorporarlo al resto de sus proyectos. Consulte nuestra guía para trabajar con gráficos vectoriales en Photoshop y estará bien preparado para empezar a crear iconos, logotipos, carteles y mucho más.

Cuota Cuota Pío Correo electrónico 6 alternativas audibles: las mejores aplicaciones de audiolibros gratuitas o económicas

Si no te apetece pagar por audiolibros, aquí tienes algunas aplicaciones geniales que te permiten escucharlos gratis y legalmente.

Leer siguiente
Temas relacionados
  • Creativo
  • Fuentes
  • Adobe Photoshop
  • Tipografía
Sobre el Autor Andy Betts(221 Artículos publicados)

Andy es un ex periodista impreso y editor de revistas que ha estado escribiendo sobre tecnología durante 15 años. En ese tiempo ha contribuido a innumerables publicaciones y ha realizado trabajos de redacción publicitaria para grandes empresas de tecnología. También ha proporcionado comentarios de expertos para los medios de comunicación y ha organizado paneles en eventos de la industria.

Más de Andy Betts

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse