Engañar a las transformaciones de la capa de texto de Photoshop con este truco

Además de ser usado para el retoque fotográfico, Photoshop es también una herramienta de diseño gráfico favorita. Y en el diseño, la simetría y las medidas precisas son vitales para lograr el equilibrio visual perfecto. Si alguna vez has sentido que estás luchando con el equilibrio cuando trabajas con este tipo, no estás solo. Aquí hay un truco que te ayudará a superar esto de una vez por todas.

El problema

¿Has intentado alguna vez transformar libremente una capa de texto y has notado que sus límites parecen un poco inusuales? ¿Quizás completamente inexactos? Si has respondido que sí, ¡estás en lo cierto! Así es como se ven los límites de la transformación de una capa de texto:

Cheat Photoshop Text Layer Transformations Trick transform me text bounds photoshop traditional

Si miras más de cerca, verás que hay una cantidad inusual de espacio en la parte superior e inferior de la línea de la imagen. E incluso algo a la derecha. Esto hace que las transformaciones y el centrado sean inexactos. Así que esto es lo que tus límites deberían y se verán después de que uses nuestro pequeño truco:

Cheat Photoshop Text Layer Transformations Trick transform me text bounds photoshop cheated actual bounds smart accurate precision transform

Mucho mejor, ¿verdad? Aquí hay una comparación entre los límites de transformación promedio que sugirió Photoshop y nuestros límites «engañados».

Cheat Photoshop Text Layer Transformations Trick transform me text bounds photoshop comparison traditional cheat new bounds smart accurate

Así que pongamos este problema en perspectiva. Aquí hay un documento de muestra de Photoshop. Digamos que quiero poner el texto exactamente en el centro.

Cheat Photoshop Text Layer Transformations Trick text sample example scenario center text lines

Empezaré usando las reglas (Ctrl+R) para añadir algunas guías y marcar el centro exacto del documento. (En caso de que no sepas cómo hacer eso, tal vez veas algunos de nuestros tutoriales de Photoshop)

Cheat Photoshop Text Layer Transformations Trick text sample example scenario center text lines guides grid center bounds ruler

Ahora probemos una Transformación Libre en la capa (Ctrl+T) y veamos si podemos centrarla. Cuando intentamos centrar el texto según lo que Photoshop nos da como punto central, sabemos que la transformación está lejos de ser precisa. Hay un enorme hueco en la parte inferior de la capa de texto que empuja los límites demasiado lejos. También se pueden ver pequeñas (pero significativas) inexactitudes en los límites en la parte superior e izquierda de la caja de transformación.

Te puede interesar:  Guía y tour de Windows Live Sync Beta 2011 Ultimate

Cheat Photoshop Text Layer Transformations Trick text sample example scenario center text lines traditional transform inaccurate

Por qué sucede esto

Altura

Para los sedientos de conocimiento de ahí fuera, aquí está mi opinión sobre por qué Photoshop hace esto a las transformaciones de texto. Si esta no es su taza de té, siéntase libre de saltar a la primera solución .

En la tipografía, la línea completa consta de múltiples partes (ilustradas a continuación).

Cheat Photoshop Text Layer Transformations - Explained typography line ascender height cap height median median line baseline descent descender height x height word uppercase lowercase graphic design theory

La palabra «Esfinge» es un ejemplo perfecto de cómo funcionan las líneas en la tipografía porque incluye una letra mayúscula, una ascendente (h), una descendente (p) y caracteres que encajan dentro de la altura x (n, x). Pero no todas las palabras y frases utilizan la altura total de la línea. Por ejemplo, una palabra como «zoom» o «corredor» sólo utilizaría la altura x de la línea.

Para ilustrar mi teoría, creé una capa de texto con «Esfinge», a la izquierda. Luego usé la transformación libre y puse guías alrededor de los límites de la caja de transformación. Aunque el cuadro delimitador no se adhiere completamente a la altura de línea de la fuente actual, esto podría deberse a que Photoshop tiene una altura predefinida creada para trabajar con tipos de letra más extravagantes y poco comunes.

Cheat Photoshop Text Layer Transformations - Explained typography line ascender height cap height median median line baseline descent descender height x height word uppercase lowercase graphic design theory sample

Luego dupliqué la capa, y sólo cambié el contenido a la palabra «corredor» de altura X. Después de Transformación Libre de nuevo los límites eran los mismos.

Cheat Photoshop Text Layer Transformations - Explained typography line ascender height cap height median median line baseline descent descender height x height word uppercase lowercase graphic design theory sample explanation

Lo que esto nos dice es que la forma en que funciona la típica transformación de texto en Photoshop se basa en una línea predefinida. Eso, junto con el ajuste «Auto» por defecto para la línea de dirección (altura de la línea) da a Photoshop más y más excusas para tener una forma separada de crear cajas delimitadoras para las capas de texto.

Anchura

Aparte de las inexactitudes en la altura, nuestro anterior ejemplo de «Hola» también mostró algunos problemas con la anchura. Entonces, ¿cuál es el problema? Aparte de mantener el equilibrio con el plomo, los tipógrafos también tienen que tener cuidado con el rastreo y el kerning. El primero es el espacio colectivo entre todos los caracteres, y el segundo es el espacio entre un conjunto de letras.

Cheat Photoshop Text Layer Transformations - Explained typography line ascender height cap height median median line baseline descent descender height x height word uppercase lowercase graphic design theory kerning space characters letters individual tracking words sentences global

Debido al rastreo, Photoshop probablemente añade un espacio extra al final de cada palabra. Aunque no es muy útil para la precisión, esto puede ser algo bueno si planeas añadir más texto más tarde y quieres tener una visión más técnica de cuánto ancho ocupa tu bloque de texto actual.

Te puede interesar:  Cómo hacer un paisaje de una página en Word

En la siguiente captura de pantalla de muestra, observe cómo los límites de transformación de Photoshop insertan un pequeño espacio después del punto final, pero no antes de la primera letra. Esto coincide plenamente con mi teoría de inexactitudes en el ancho y, al igual que la altura, da al Photoshop otra razón para tener un cuadro delimitador de transformación de texto más diferente.

Cheat Photoshop Text Layer Transformations - Explained typography line ascender height cap height median median line baseline descent descender height x height word uppercase lowercase graphic design theory sample word theory width accuracy photoshop transform

¿Significa esto que la forma alternativa de transformación de Photoshop es mejor que la forma normal? Tal vez. Ya sea que llames a esto un «error» o una «característica» una cosa es segura – no es al azar, y se ha pensado en ello.

Trampa 01 – Transformando con una capa vacía

El primer método para obtener una transformación libre precisa es modificando su texto junto con una capa vacía.

Empezaré por Alt+Click- en el nuevo icono de la capa en el panel de capas.

Cheat Photoshop Text Layer Transformations Trick new layer alt click layers panel Photoshop

Esto hará que aparezca el cuadro de diálogo «Nueva capa» de Photoshop. Para mantener las cosas en orden, llama a tu capa algo como «[Ayudante de transformación]». Opcionalmente, añade un color para que destaque aún más.

Cheat Photoshop Text Layer Transformations Trick new layer dialog box name color mode transform helper layer create cheat

Asegúrate de que tu ayudante de transformación esté colocado encima o debajo de la capa de texto que vas a transformar. Con una capa seleccionada Shift+Click la segunda para añadirla a la selección.

Cheat Photoshop Text Layer Transformations Trick select layers layers panel Photoshop

Entonces, transforma libremente con Ctrl+T e inmediatamente notarás la diferencia – ¡límites adecuados que se ajustan a los bordes de nuestro texto!

Cheat Photoshop Text Layer Transformations Trick center text layer accuracy Photoshop

Una vez centrado el texto, esta vez se enfocará al 100% basado en el espacio físico que ocupa el texto.

Cheat Photoshop Text Layer Transformations Trick centered text Photoshop transformation cheat

Como bonus, veamos si este truco funcionará si activamos varios efectos en nuestra capa de texto, incluyendo el brillo exterior y la sombra.

Cheat Photoshop Text Layer Transformations Trick layer effects blending mode effects stroke outer glow drop shadow enable visible turn on Photoshop cheat

Como pueden ver, el brillo y la sombra caen libremente fuera de la caja delimitadora de la transformación y no tienen ningún efecto sobre ella. Así que siéntete libre de usar las Opciones de Mezcla, con la certeza de que tu fiel ayudante de la transformación seguirá funcionando.

Cheat Photoshop Text Layer Transformations Trick perfect bounding box Photoshop text transform cheat

¡Pero eso no es todo! Dirígete a Trampa 05 para averiguar por qué.

Trampa 02 – Transformación por agrupación

Si no te apetece crear una capa cada vez, este segundo método puede ser para ti.

Te puede interesar:  Cómo crear una unidad flash de arranque de Windows 8

Simplemente arrastra tu capa de texto al icono «Nuevo Grupo» (al que llamo frecuentemente «Nueva Carpeta»).

Cheat Photoshop Text Layer Transformations Trick add layer to group Photoshop layers panel

Y luego asegúrate de que has seleccionado tu grupo antes de transformarte.

Cheat Photoshop Text Layer Transformations Trick select group

Tendrás los mismos límites de precisión, listo para encajar tu texto justo en el centro.

Cheat Photoshop Text Layer Transformations Trick centered text bounding box accuracy Photoshop

Y eso es todavía no todo! Salta a Trampa 05 para averiguar por qué.

Trampa 03 – Transformando por rasterización

Este es un método que no recomendaría ya que convierte tu capa de texto en una normal de raster. Esto significa que pierdes la capacidad de escalar y transformar sin pérdida de calidad. Peor aún: no podrás cambiar el contenido de tu capa de texto después. Dicho esto, si todo lo que buscas es una solución rápida, esta solución funciona perfectamente.

Haga clic con el botón derecho del ratón en su capa de texto y seleccione Rasterize Type.

Cheat Photoshop Text Layer Transformations Trick rasterize type layer layers panel Photoshop raster layer

De nuevo, un cuadro delimitador perfecto que no tiene en cuenta ningún efecto adicional.

Cheat Photoshop Text Layer Transformations Trick center accurate bounding box

Trampa 04 – Transformando al convertir en un objeto inteligente

A mis ojos, lo opuesto a la rasterización es convertirse en un objeto inteligente. Irónicamente, esto también funciona como una solución a nuestro problema de transformación, pero parcialmente.

Comienza por Haciendo clic con el botón derecho del ratón en tu capa de texto y seleccionando Convertir a Objeto Inteligente.

Cheat Photoshop Text Layer Transformations Trick layers panel layer convert to smart object smart layer Photoshop cheat

Presiona Ctrl+T para transformar y, ¡uh-oh! Parece que el objeto inteligente está tratando de llevar nuestro masivo brillo exterior dentro de los límites de la transformación.

Cheat Photoshop Text Layer Transformations Trick bad bounding box effects included smart object Photoshop

Intentémoslo de nuevo, pero sólo esta vez con nuestros efectos desactivados .

Cheat Photoshop Text Layer Transformations Trick layer effects disabled layers panel Photoshop convert to smart object

¡Hurra! De vuelta a la perfecta caja delimitadora que conocemos y amamos de nuestros anteriores tramposos.

<img wp-image-96821 size-medium" src="https:/www.groovypost.comwp-contentuploads20160622-Cheat-Photoshop-Text-Layer-Transformations-Trick-640×347.jpg" alt="Truco de transformación de capas de texto de Photoshop Truco de transformación de caja de delimitación exacta de Photoshop" height="347" srcset="https:/www.groovypost.comwp-contentuploads20160622-Cheat-Photoshop-Text-Layer-Transformations-Trick-640×347.jpg 640w, https:/www.groovypost.comwp-contentuploads20160622-Cheat-Photoshop-Text-Layer-Transformat…

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies