Krypton Solid

Dominar Photoshop con trazados

Dominar Photoshop con trazados

Residiendo de forma anómala dentro del mundo de Photoshop con cuadrículas de píxeles, hay una serie de herramientas que esperan salir de la cuadratura inherente del lienzo. Dominar estas herramientas abre el escenario para un mayor nivel de flexibilidad, lleno de líneas limpias y edición no destructiva. Aquí se presenta una guía para ayudarlo a desarrollar competencia, aumentar la productividad y desmitificar el escurridizo mundo de Paths. [Updated February/28/2017]

Creación

Lapicera

La herramienta Pluma (PAG): Fácil de usar pero difícil de dominar. Proporciona un método preciso para crear caminos, pero requiere una mano experimentada para trazar curvas de vuelo natural. El poder que se desbloquea al dominar esta herramienta bien vale la pena el tiempo necesario para hacerlo. Si bien ninguna cantidad de instrucción puede convertirlo en un maestro de Bezier, a continuación se ofrecen algunos consejos que debe tener en cuenta mientras practica.

  • Utilice siempre la menor cantidad de puntos posible.
  • Coloque un ancla en cada ángulo agudo o abrupto.
  • Deben colocarse anclajes de media curva para adaptarse cómodamente a las transiciones de curvas.
  • Para ayudar a establecer puntos de anclaje, puede activar la opción ‘Banda elástica’, ubicada en el menú desplegable junto al botón Herramienta de forma personalizada en la barra de propiedades del lápiz. Esta configuración le permitirá ver la curva que conecta el último punto de anclaje con la posición actual del mouse.


Herramienta Pluma con ajuste de goma elástica

Herramienta de forma

La herramienta Forma (U) le da acceso a formas geométricas estándar, así como a ajustes preestablecidos más complejos con la configuración de Forma personalizada. Para definir su propia forma personalizada, seleccione la forma con la herramienta de selección de ruta (A), haga clic con el botón derecho dentro del lienzo, seleccione ‘Definir forma personalizada …’, asígnele un nombre y haga clic en Aceptar. Al usar la herramienta Forma, las configuraciones más avanzadas, que incluyen tamaño, proporción, origen y ajuste de píxeles, se encuentran ocultas dentro del menú desplegable junto al botón de forma personalizada en la barra de propiedades de la herramienta.

Configuración avanzada de la herramienta Forma
Configuración avanzada de la herramienta de forma

De tipo

Convertir el tipo a una capa de forma le permite trabajar directamente con los anclajes y curvas de cada letra e incluso podría ayudar a mejorar su composición tipográfica. Esta técnica es más útil cuando sabe que el texto no cambiará, ya que tendrá que sacrificar la capacidad de editarlo. Con la capa de texto seleccionada, haga clic con el botón derecho en la capa en la paleta Capas y elija ‘Convertir texto en forma’. Ahora tiene acceso a las rutas reales utilizadas para crear el tipo. Pensar en la tipografía de esta manera, como formas en lugar de letras, puede cambiar drásticamente la forma en que trabaja. El kerning es ahora más intuitivo; seleccione una letra y muévala, ¡sin molestos números enteros que configurar!

Conversión de tipo a ruta
Conversión de tipo a ruta

De selecciones

La edición de rutas es muy superior a la de los datos ráster, especialmente cuando se trata de escalar. Si trabaja con una forma de ráster lo suficientemente simple, ¿por qué no convertirla en una ruta? Seleccione su forma. En el menú desplegable de la paleta Trazados, seleccione ‘Crear trazado de trabajo …’ u Opción + clic en el botón ‘Hacer trazado de trabajo a partir de la selección’ en la parte inferior de la paleta. Establezca la tolerancia en función de la complejidad de su forma: cuanto más simple sea la forma, mayor será la tolerancia. Haga clic en Aceptar. Notará que la conversión de píxel a ruta no es una ciencia exacta, pero con un poco de limpieza manual puede recrear efectivamente la forma original.

Conversión de tipo a ruta
Conversión de selección a ruta

Implementación

Modos

Al crear trazados a través de la herramienta Pluma o Forma, se encuentran disponibles tres configuraciones, que se encuentran en la barra de propiedades de la herramienta, para definir cómo se debe usar el trazado: Capa de forma, Trazados y Píxeles de relleno. La configuración de Capa de forma creará automáticamente una nueva capa de relleno utilizando el color y el estilo de capa establecidos a la derecha. Las rutas crearán una ruta de trabajo temporal accesible en la paleta de rutas, que la hace disponible para muchas implementaciones diferentes (ver más abajo). Los píxeles de relleno pintarán datos ráster en la capa actual, sin dejar trazados.

Conjunto de herramientas de lápiz para crear una capa de forma
Conjunto de herramientas de lápiz para crear una capa de forma

Capa de forma

La forma más sencilla de crear una Capa de forma es utilizar una herramienta de dibujo de ruta configurada en Capa de forma. Sin embargo, el uso de la herramienta establecida en Trazados le permite especificar el tipo de relleno utilizado. Primero, dibuja tu camino. Luego, haga clic en ‘Crear nueva capa de relleno o ajuste’ en la paleta de Capa y elija entre Sólido…, Degradado… o Patrón…. Tenga en cuenta que también puede crear una capa de ajuste con una máscara vectorial de la misma manera.

Crear una capa de forma de degradado
Crear una capa de forma de degradado

Máscara de vector

Las máscaras vectoriales son a menudo más preferibles que una máscara ráster, ya que se pueden modificar o escalar fácilmente y aún así producir un borde nítido. Con la introducción de CS4 de la paleta Máscaras, las Máscaras vectoriales son más poderosas que nunca. Ahora, también puede difuminar los bordes y ajustar la densidad de una máscara vectorial. La forma más rápida de crear una máscara vectorial es seleccionar la capa que desea enmascarar. Luego, seleccione la ruta usando la Herramienta de selección de ruta (A) y presione Comando y haga clic en el botón ‘Agregar máscara de capa’ en la parte inferior de la paleta de capas.

Comando + clic para crear rápidamente una máscara vectorial
Comando + clic para crear rápidamente una máscara vectorial

Rutas de tipo: en y en

Hay dos formas de utilizar trazados con la herramienta Texto: definiendo la línea de base y creando una forma de cuadro de texto personalizada. Seleccione la ruta de trabajo que le gustaría usar y con la herramienta Texto (T) coloque el mouse sobre la ruta. El cuadrado punteado del cursor cambiará de un cuadrado a una línea curva. Haga clic en la ruta y verá que el tipo fluye a lo largo de la ruta. Después de confirmar el tipo (Comando + Entrar), puede utilizar la herramienta de selección de ruta (A) para mover los puntos inicial y final, indicados con una ‘x’ y un círculo negro respectivamente, o para cambiar el tipo de letra desde la parte superior de la línea hacia la inferior. Si usa una ruta cerrada, puede hacer clic dentro de ella para crear un cuadro de texto con forma personalizada.

Escribe en un camino
Escribe en un camino

Escribe una ruta
Escribe una ruta

Relleno y trazo

La paleta Trazados proporciona una interesante variedad de opciones para rellenar y trazar un Trazado de trabajo. Estas opciones están disponibles solo cuando la capa actual es una capa ráster; puede crear rápidamente una nueva capa ráster usando Comando + Opción + Mayús + N. Entonces por Opción + clic en el botón ‘Rellenar ruta con color de primer plano’ o ‘Trazar ruta con pincel’, puede abrir los cuadros de diálogo Relleno o Trazo. Desde aquí puede establecer el tipo de relleno, los modos de fusión, la transparencia, el desvanecimiento o la herramienta de trazo, que adoptará la configuración actual de esa herramienta.

Cuadro de diálogo Rellenar ruta
Cuadro de diálogo Rellenar ruta

ruta-photoshop9
Herramientas de trazo

Operadores booleanos

Usar

Para permitir formas más complejas, se pueden agrupar varias rutas en una ruta compuesta, en la que se pueden establecer operaciones booleanas. Estos son accesibles en la barra de propiedades de la herramienta de selección de ruta (A) e incluir: Agregar (+), Restar (), Intersecar y excluir. Agregar especifica un área de relleno y Restar define un área que no está llena; si solo existe una ruta, todo el lienzo se considera el área de relleno de la que se resta la forma. Intersecar establece el relleno en las áreas incluidas en todos los trazados, mientras que Excluir rellena todas las áreas del trazado excepto las que se superponen; estos modos funcionan solo en trayectos compuestos.

Modos booleanos
Modos booleanos

Orden de apilamiento

Al crear rutas compuestas, es importante tomar nota de las posiciones de las rutas en el orden de apilamiento. Una forma compuesta con una ruta de adición en la parte inferior y una resta en la parte superior será completamente diferente con profundidades intercambiadas. El operador booleano de una ruta tiene efecto en todas las rutas que se encuentran debajo. Desafortunadamente, no hay comandos o paletas para simplemente intercambiar profundidades en Photoshop; necesitará utilizar una serie de Cut (Comando + X) y Pegar (Comando + V) para reorganizarlos.

Orden de apilamiento de rutas
Orden de apilamiento de rutas

Combinatorio

La combinación de rutas puede ayudar a reducir la complejidad al crear una sola ruta desde el perímetro del área de relleno de una ruta compuesta. Para hacerlo, seleccione las rutas para combinar usando la Herramienta de selección de ruta (A) y haga clic en el botón Combinar en la barra Propiedades de la herramienta.

Reducir la complejidad mediante la combinación de rutas
Reducir la complejidad mediante la combinación de rutas

Importación / Exportación

Importador

Aunque Photoshop proporciona herramientas vectoriales suficientes para muchas tareas básicas, de ninguna manera se compara con la facilidad y el poder de Illustrator. Afortunadamente, los productos de Adobe funcionan al unísono. Puede crear sus trazados en Illustrator e importarlos fácilmente copiando (Comando + C) y pegar (Comando + V) en Photoshop. En el cuadro de diálogo Pegar, seleccione ‘Ruta’ para importar una ruta de trabajo o ‘Capa de forma’ para crear una capa de relleno con el color de primer plano.

Cuadro de diálogo Pegar ruta
Cuadro de diálogo Pegar ruta

Exportador

En el caso de que necesite traducir sus trazados en la dirección opuesta, copiar y pegar funcionará de la misma manera que el anterior o puede usar Exportar → ‘Trazados a Illustrator …’ para crear un nuevo documento de Illustrator con las mismas dimensiones y posiciones como el documento actual de Photoshop.

Rutas a Illustrator…
Rutas a Illustrator…

Precisión de píxeles

Las posiciones de los puntos de ancla y las líneas que los conectan no corresponden a la cuadrícula de píxeles de la imagen. Esto puede provocar un efecto anti-aliasing no deseado, más notable a lo largo de los bordes horizontales y verticales. Para evitar estos bordes sucios, puede acercar (Comando + ‘+’) y utilice la herramienta de selección directa (A) para seleccionar y mover los puntos de anclaje de modo que se encuentren en coordenadas de píxeles exactas; Pixel Grid (Mostrar → Pixel Grid) puede ser muy útil al hacer esto.

Comparación de bordes de píxeles con y sin píxeles
Comparación de bordes de píxeles con y sin píxeles

Atajos de teclado

Herramienta Pluma (P)

  • Mayús + P – alternar entre la herramienta Pluma y la herramienta Pluma de forma libre
  • Cambiar – limita a ángulos de 45 °
  • Opción – cambie a la herramienta Convertir a punto, que se utiliza para establecer controles direccionales
  • Mando – cambie a la herramienta de selección directa, que se utiliza para mover puntos de anclaje o estirar segmentos de línea
  • Comando + Mayús – seleccione múltiples puntos de ancla y segmentos
  • Comando + Opción – cambiar a la herramienta de selección de grupos, que se utiliza para seleccionar rutas completas
  • Comando + Opción + Mayús – seleccione múltiples rutas
  • + – establecer el modo booleano en Agregar
  • – establecer el modo booleano en Restar

Herramienta de forma (U)

  • Mayús + U – rotar a través de las herramientas de forma
  • Cambiar – restringir las proporciones
  • Opción (mientras arrastra) – dibujar desde el centro de la forma
  • Opción (antes de hacer clic, si está configurada para crear capas de forma) – cambiar temporalmente a la herramienta Cuentagotas
  • Opción (antes y mientras se arrastra, si está configurada para crear rutas) – establecer el modo booleano en Restar
  • Opción + Mayús (antes y mientras se arrastra, si está configurado para crear Trazados) – establecer el modo booleano en Intersect
  • Mando – cambiar a la herramienta de selección de rutas, que se utiliza para seleccionar y mover rutas
  • Comando + Mayús – seleccione múltiples rutas
  • + – establecer el modo booleano en Agregar
  • – establecer el modo booleano en Restar
  • Barra espaciadora (mientras arrastra) – mover el origen de la forma

Herramienta de selección de ruta (A)

  • Mayús + A o Comando + clic dentro de la ventana del documento – alternar entre la herramienta de selección de ruta y la herramienta de selección directa
  • Mayús + clic – seleccionar varios
  • Mayús + Arrastrar – mover y ajustar a ángulos de 45 °
  • Comando + Opción – Herramienta Convertir a forma
  • Comando + Opción + Mayús – Herramienta Convertir a forma (restringida a ángulos de 45 °)
  • Opción – cambiar a la herramienta de selección de grupos
  • Opción-clic-arrastrar – Ruta seleccionada duplicada
  • Tecla de flecha – Empuje la ruta seleccionada o el punto de anclaje 1px
  • Mayús + tecla de flecha – Empuje la ruta seleccionada o el punto de anclaje 10px
  • Opción + tecla de flecha – Duplique la ruta seleccionada o el punto de anclaje y mueva la copia 1px
  • Opción + Mayús + tecla de flecha – Duplique la ruta seleccionada o el punto de anclaje y mueva la copia 10px

Ruta de destino

  • Ingresar – Descartar ruta de destino
  • Comando + Entrar – Selección de la ruta de destino
  • Comando + Opción + Entrar – restar el área de la ruta de la selección actual
  • Comando + Opción + Mayús + Entrar – intersectar el área de la ruta de la selección actual
  • Comando + T – Ruta de transformación libre
  • Comando + Mayús + T – Ruta de transformación libre de nuevo
  • Comando + C – Copiar ruta o punto de ancla con puntos vecinos
  • Comando + X – Cortar ruta o punto de anclaje con

Otras lecturas en SmashingMag:

Deja un comentario