Trabajar con texto en Photoshop: una guía definitiva

Anuncio

Si está utilizando Photoshop para sus proyectos de diseño (creación de logotipos, carteles, infografías o cualquier otra cosa), deberá conocer la tipografía.

Photoshop tiene muchas herramientas para obtener texto en su página y hacer que se vea increíble. ¿Pero por dónde empiezas?

En esta breve guía, le mostraremos todo lo que necesita saber sobre cómo trabajar con texto en Photoshop.

Conceptos básicos 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.

Agrega texto a un documento utilizando 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 la fuente seleccionada, como las versiones en negrita u oblicua
instagram viewer
• Talla: Establezca el tamaño de punto para su tipo
• Texto alineado: Configure el texto para que quede alineado a la izquierda, a la derecha o al centro
• Color: Elige un color para tu texto
• Cancelar o confirmar: Una vez que haya agregado o editado el texto, debe confirmar que lo aplicará a su lienzo o cancelarlo 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 Ctrl o Cmd clave 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 Tipo herramienta y use el cursor para resaltar el texto, tal como lo haría en un procesador de textos. No solo seleccione la capa de texto.

Crear texto para títulos y encabezados

La forma principal en que la mayoría de las personas agregar y editar texto en Photoshop Cómo agregar y editar texto en Adobe PhotoshopAgregar, modificar y editar texto en Adobe Photoshop no podría ser más simple. Lee mas es seleccionar el Herramienta de tipo horizontal (o el Vertical uno si lo prefiere), haga clic en el lienzo y 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 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 Entrar. Mejor aún, cree capas de texto separadas para cada línea en su encabezado. De esa manera puede controlar y posicionar cada uno individualmente.

Trabajando con texto de párrafo

Para la copia del cuerpo (fragmentos de texto más largos, como párrafos o listas), cree primero un cuadro de texto.

Selecciona el Herramienta de tipo horizontal y configure sus opciones básicas de formato. Haga clic y arrastre en diagonal sobre 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 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 sea visible (o puede cambiar el tamaño de la fuente, por supuesto).

Golpear Ctrl + T (Windows) o Cmd + T (Mac) luego sostenga Cambio y arrastre uno de los manillares para agrandar el cuadro.

Crear formas de cuadro de texto personalizadas

No está limitado a trabajar con cuadros de texto rectangulares. Puede usar varias herramientas de formas o dibujar nuevas formas manualmente con el Lapiceray luego llénalos con texto.

Seleccione uno de los Forma herramientas, o use 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 configure la alineación del texto en Centrary 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.

Colocación de texto en una curva en Photoshop

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

Comience seleccionando el Lapicera. En el Barra de opciones en la parte superior, configure el Modo de herramienta a Camino. Ahora dibuja una curva en el lienzo. Si necesita una cartilla sobre esto, consulte nuestra guía para utilizando la herramienta Photoshop Pen.

A continuación, seleccione el Herramienta de tipo horizontal. Coloca el cursor sobre el camino que acabas 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 usted selecciona una de las herramientas de Forma en lugar del Lápiz. Nuevamente, asegúrese de configurar el Modo de herramienta a Camino 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 derivar el texto a lo largo de la línea.

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

Enmascarar texto en Photoshop

Las últimas herramientas de texto principales 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 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 puedes volver y editarlo más tarde.

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

Seleccione uno de los Tipo de máscara herramientas y configurar su fuente. Ahora haga clic en el lienzo y comience a escribir. Cuando golpeas el Cometer abotone 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.

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

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

Texto de estilo en Photoshop

Ahora que conoce las principales formas de obtener texto en su página, ¿cómo hace para diseñarlo? Ya hemos visto la configuración básica en la barra de opciones. También hay algunos más para saber.

• Dirección del texto: Alternar entre texto horizontal y vertical
• Anti-aliasing: Establezca qué tan nítido o suave desea que se vea su texto
• Texto de deformación: Distorsiona el texto con 15 estilos preestablecidos
• Panel abierto de caracteres / párrafos: Abra el panel para ajustar la configuración de los 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 refinar 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.
• Líder: Esto le permite ajustar la altura de la línea para su texto. Dejándolo establecido en 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 dejar que Photoshop lo configure automáticamente.
• Rastreo: Controla el espacio entre todos los caracteres en 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 Los 8 mejores sitios web de fuentes gratuitas para fuentes gratuitas en líneaNo todos pueden pagar una fuente con licencia. Estos sitios web lo ayudarán a encontrar la fuente gratuita perfecta para su próximo proyecto. Lee mas .
• Cambio de línea de base: Mueve los caracteres seleccionados por encima o por debajo de la línea base. Se usa más comúnmente para escribir caracteres de subíndice o superíndice.
• Falso negrita y cursiva: Evítelos siempre que sea posible: use siempre las versiones en negrita u oblicuas de la fuente elegida, si las tiene.
• Todas las mayúsculas y minúsculas: Automáticamente capitaliza tu texto.
• Otras opciones: Diversas 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 desea utilizar o no la separación silábica.

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 en 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 y ajustar la configuración incluyendo Opacidad, Ánguloy Distancia. Asegúrate que Avance el botón está marcado, para obtener una vista en tiempo real del efecto. Hacer clic Okay cuando termines.

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

Rotación o inclinación de 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, mantenga Shift + Ctrl o Shift + Cmd y agarra uno de los manillares en el borde de la caja. Arrastre hacia los lados, luego presione Entrar para confirmar.

Recuerde que demasiado sesgado puede distorsionar su fuente.

Trabajando con fuentes en Photoshop

Elegir la fuente correcta Estrategias y herramientas de combinación de fuentes para combinaciones de fuentes perfectasEl emparejamiento de fuentes es en parte arte y en parte ciencia. Estas estrategias y herramientas de emparejamiento de fuentes lo ayudarán a elegir el emparejamiento de fuentes perfecto para cualquier tarea. Lee mas , o par de fuentes, es una de las partes más esenciales del diseño gráfico.

Seleccione fuentes usando el Fuentes desplegable en el Barra de opciones. Verá una pequeña vista previa para cada uno.

Marque sus fuentes favoritas haciendo clic en el Estrella icono junto a ellos. Para encontrarlos nuevamente, presiona el Estrella icono 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 Agregar fuentes de Typekit icono en el Fuentes Menú desplegable.

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

Fuentes coincidentes de otras imágenes

A menudo, puede tener otra imagen que contiene una fuente que le gustaría usar, pero no la reconoce. Photoshop Match Fonts La herramienta puede ayudar a identificar estas fuentes misteriosas, o al menos ofrecer algunas alternativas similares.

Abre la imagen y ve a Tipo> Fuente de coincidencia. 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. Elige uno y haz clic Okay.

Ajustar una fuente

Cuando estas diseñando un logo Cómo diseñar un logotipo simple en PhotoshopPhotoshop puede hacer mucho más que solo editar fotos: es más que capaz de un trabajo de diseño simple. Aquí te mostramos cómo hacer un logotipo geométrico simple. Lee mas , un truco rápido que puedes hacer para darle un giro único es ajustar la fuente que estás usando. Puedes hacerlo fácilmente en Photoshop.

Seleccione el texto y vaya 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 de su texto.

Utilizar el Herramienta de selección directa para mostrar el camino para 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 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 la apariencia del texto en su página.

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