Photoshop

Heramienta de Texto en Photoshop

29 enero, 2011

Un elemento clave en el diseño gráfico es la tipografía, por eso es tan importante saber usar la herramienta Texto, que nos permite trabajar con fuentes vectorizadas (que al igual que las formas vectorizadas no se pixelan sino que se “redibujan”).

Esto significa que podremos aplicar distintos efectos al texto, además de jugar con ciertas combinaciones a través de las capas. Si queremos, podemos también “rasterizar” la tipografía, es decir, convertirla en mapa de bits, para poder trabajarla aún más.

La Herramienta Texto en Adobe Photoshop la podemos utilizar al pichar sobre el icono de la barra de herramientas o simplemente con el teclado pulsando la tecla T.

Herramienta Texto en Photoshop

Al pulsar sobre la esquina derecha se despliega el menú y podremos ver todas las opciones disponibles. Además en la barra de opciones, arriba, tenemos el siguiente menu:

Opciones Herramienta Texto

Aquí tenemos dos opciones: o bien hacemos un sólo clic en el área de la imagen y comenzamos a escribir directamente, o bien hacemos clic y, manteniendo el botón presionado arrastramos hasta delimitar un área de texto. La diferencia de una opció a la otra es que en el area de texto solo es posible escribir hasta que completas el área marcada. Realemnte puedes escribri todo lo que quieras pero solo se mostrará el texto que esté dentro del area. Es muy útil cuando diseñamos carteles, por ejemplo.

ejemplo Texto

Un truco para poder crear un área de tamaño concreto es pulsar la tecla ALT a la vez que pulsar sobre la imagen, siempre que tengas seleccionada la herramienta texto, verás la suigente ventana donde es posible decir el ancho y alto del área de texto:

Area de Texto

Si nos fijamos en la barra de opciones:

Opciones Herramienta Texto

podemos ver que es posible seleccionar el tipo de letra, tamaño, negrita, cursiva, color …., todo a lo que estamos acostumbrados en el procesador de textos. Además podremos alinear el texto a la izquierda, cetrado y a la derecha. Para todo esto siempre es necesario tener el texto seleccionado.

Texto

En la barra de opciones en el segungo icono por la derecha  icono podemos deformar el texto, por ejemplo:

Deformar Texto

Por ejemplo, puede deformar el texto con la forma de un arco o de una onda. El estilo de deformación que selecciona es un atributo de la capa de texto. Puede cambiar en cualquier momento el estilo de deformación de una capa y así cambiar la forma general de la deformación. Las opciones de deformación le proporcionan un control preciso sobre la orientación y la perspectiva del efecto de deformación.

Ejemplo de texto deformado con el estilo Pez.

Ejemplo de texto deformado con el estilo Pez.

Para dar ma “calidad” a nuestros texto tenemos la opción de suavizado en la barra de opciones. Veremos como suavizar los textos

En la imagen al pinchar donde indica 1) se desplegará el siguiente menú donde podremos seleccionar la opción de suavizado. El texto suavizado sirve para que los bordes estén difuminados, lo que es a menudo útil para dar un aspecto más detallista al diseño.

Opciones de suavizado

Entre las opciones de suavizado se encuentra una que sirve para que el texto no tenga suavizado alguno (opción “Ninguno”), que resulta útil porque el texto sin suavizado suele tener un tamaño menor y porque este tipo de texto sirve para imitar a cómo se vería al escribirlo directamente como texto en una página web.

Los otros métodos de suavizado consisten en diversos patrones en los que se suaviza de mayor o menor manera, lo que genera resultados distintos. No obstante, muchas veces las diferencias son difíciles de ver a simple vista. Lo más habitual es la opción “Nítido” que ofrece un suavizado bastante estándar. En la siguiente imagen podemos ver varios métodos de suavizado sobre el mismo texto.

En la paleta de opciones, al pichar sobre el 2), nos da paso a una nueva ventana para configurar el texto con nuevas preferencias que no se encuentran en la barra de opciones general. La ventana de paletas de texto permite modificar tanto el estilo de carácter como el estilo de párrafo.

En las ventanas de “paletas de texto” de carácter y párrafo se encuentran diversas configuraciones que sin duda vamos a necesitar para alterar la forma de los textos creados con Photoshop. Conviene experimentar con las diversas opciones que encontraremos, aunque deberíamos destacar como opciones más interesantes de carácter la posibilidad de definir el espacio entre líneas del texto, la posibilidad de hacer subíndices, superíndices, texto subrayado, tachado, falsa negrita, etc. Entre las opciones de párrafo encontraremos identaciones y justificaciones diversas que quizás en algún momento también nos sirvan.

Herramienta texto vertical

De la misma manera que explicamos la creación de textos en horizontal, podemos hacer textos en vertical cómodamente con Photoshop con la herramienta de texto vertical. No tiene ningún misterio. Es simplemente pinchar o seleccionar un espacio en la imagen y comenzar a escribir.

Efectos sobre textos en Photoshop

Una de las típicas preguntas que podemos hacernos con respecto a la edición de textos en imágenes con Photoshop es sobre la creación de efectos típicos como sombras o trazos. Photoshop tiene un editor de efectos que resulta muy sencillo de manejar. Lo cierto es que los efectos de Photoshop los podemos aplicar sobre cualquier capa, pero en especial sobre las capas de texto, nos resultará muy fácil, rápido y sobre todo interesante para dar un toque especial a nuestros diseños.

Para mostrar la ventana de edición de efectos sobre un texto, tenemos que hacer doble clic en la ventana de capas sobre la capa de texto que queremos aplicar el efecto, o bien pulsar con el botón derecho en la capa y luego seleccionar la opción marcada como “Opciones de fusión”, como podemos ver en la siguiente imagen.

Con esto aparecerá una ventana para crear efectos, titulada “Estilo de Capa” en la que podemos seleccionar con un checkbox el efecto o los efectos que deseamos aplicar y luego haciendo clic en cada uno de los efectos, podemos configurar las opciones para cada uno de ellos.

Estilos de capa

Como ejemplo de lo dicho anterirormente:

Tipografia

También podría gustarte