Formas vectoriales vs formas de píxeles en Photoshop

Vectores vs píxeles

Una historia de dos formas

Dado que cubriré todo lo que necesitamos saber sobre el dibujo de formas vectoriales en el próximo tutorial, nos ahorraré un poco de tiempo aquí comenzando con un documento que ya he creado. Aquí, vemos un documento simple que contiene lo que parecen dos formas idénticas. Si bien parecen iguales en este momento, en realidad son muy diferentes. La forma de la izquierda es una forma vectorial, mientras que la de la derecha se hizo con píxeles:

Una forma vectorial a la izquierda y una forma de píxel a la derecha.

Si miramos en mi Panel de capas, vemos cada forma sentada en su propia capa. Seguí adelante y renombré las capas para facilitar las cosas. La forma basada en píxeles está en la capa superior «Forma de píxel» y la forma basada en vectores está en la capa «Forma vectorial» inteligentemente llamada debajo de ella:

El panel Capas que muestra las formas de píxeles y vectores en capas separadas.

El panel Capas que muestra las formas vectoriales y de píxeles en capas separadas.

Detectar la capa de forma

Incluso si no los hubiera renombrado, todavía habría una manera fácil de saber qué capa tiene la forma del vector, y es buscando el pequeño icono de forma en la parte inferior derecha de la capa vista previa en miniatura. Este icono nos dice que es un Capa de forma, no una capa de píxeles normal:

El icono de forma en la parte inferior derecha de la miniatura de vista previa de la capa de forma.

Las capas de formas se identifican fácilmente mediante el pequeño icono en la parte inferior derecha de la miniatura de vista previa.

Escalar la forma vectorial

Como mencioné, ambas formas se ven idénticas en este momento, pero veamos qué sucede cuando las escalamos. Empezaré con la forma del vector. Primero, necesito seleccionarlo, así que haré clic en la capa «Forma vectorial» en el panel Capas:

Seleccionar la forma del vector.

Seleccionar la forma del vector.

Para escalar la forma vectorial, subiré al Editar menú en la barra de menú en la parte superior de la pantalla y elija Ruta de transformación libre:

Ir a Editar> Ruta de transformación Fre. » width=»268″ height=»150″ src=»https://fotosguia.com/wp-content/uploads/2021/10/1633845527_0_Formas-vectoriales-vs-formas-de-pixeles-en-Photoshop.gif»/><noscript><picture>
<source type= Ruta de transformación Fre. » width=»268″ height=»150″/>

Ir a Editar> Ruta de transformación libre.

Esto coloca el cuadro Transformación libre y los controles alrededor de la forma del vector a la izquierda:

El cuadro Transformación libre aparece alrededor de la forma del vector.

El cuadro Transformación libre aparece alrededor de la forma del vector.

Quiero asegurarme de escalar ambas formas exactamente al mismo tamaño, así que en lugar de arrastrar los controles de Transformación libre manualmente, iré a la barra de opciones en la parte superior de la pantalla y cambiaré tanto Ancho (W) y Altura (H) valores de la forma al 10%:

Escalar la forma del vector al 10 por ciento de su tamaño original.

Estableciendo tanto el Ancho como el Alto de la forma vectorial al 10%.

Voy a presionar Ingresar (Ganar) / Regreso (Mac) en mi teclado para aceptar el nuevo tamaño, y ahora la forma vectorial de la izquierda es mucho más pequeña:

La forma vectorial es ahora un 10 por ciento del tamaño de la forma de píxel.

La forma vectorial es ahora un 10% del tamaño de la forma de píxel.

Veamos qué sucede si vuelvo a escalar la forma del vector a su tamaño original. En lugar de volver a la Editar en la parte superior de la pantalla y seleccionando Ruta de transformación libre, esta vez usaré el método abreviado de teclado más rápido, Ctrl + T (Ganar) / Comando + T (Mac). Esto coloca el mismo cuadro de Transformación libre y maneja alrededor de la forma del vector:

Presionando Ctrl + T (Win) / Command + T (Mac) para seleccionar rápidamente Free Transform Path.

Presionando Ctrl + T (Win) / Command + T (Mac) para seleccionar rápidamente Free Transform Path.

Como hice la forma más pequeña reduciéndola al 10%, la volveré a agrandar a su tamaño original configurando tanto el Ancho y Altura valores en la barra de opciones para 1000%:

Escalando la forma del vector al 1000% de su tamaño actual.

Estableciendo el Ancho y Alto de la forma vectorial en 1000%.

Presionaré de nuevo Ingresar (Ganar) / Regreso (Mac) en mi teclado para aceptarlo, y ahora, la forma vectorial ha vuelto a su tamaño original. Tenga en cuenta que, aunque lo reduje y luego lo amplié, la forma del vector todavía se ve como nueva. Sus bordes permanecen tan nítidos y afilados como lo eran originalmente:

La forma vectorial conserva sus bordes nítidos y afilados incluso después de escalarla.

La forma vectorial de la izquierda conserva sus bordes nítidos y afilados incluso después de escalarla.

Complemento de códigos cortos, acciones y filtros: error en el código corto [ads-basics-middle]

Escalar la forma de píxel

Intentemos lo mismo con la forma de píxel de la derecha. Primero, lo seleccionaré haciendo clic en la capa «Forma de píxel» en el panel Capas:

Seleccionar la capa de forma de píxel.

Seleccionar la forma del píxel.

Con la capa de forma de píxel seleccionada, subiré al Editar en la parte superior de la pantalla y elija Transformación libre:

Seleccionando Transformación libre en el menú Editar.

Ir a Editar> Transformación libre.

Transformación libre vs ruta de transformación libre

Tenga en cuenta que esta vez, el comando se llama Transformación libre, no Transformación libre Sendero. Veremos las rutas en otro tutorial, pero esencialmente, una forma vectorial se compone de dos partes; el contorno básico de la forma, conocido como el senderoy el color con el que se rellena el contorno (la ruta). Cuando editamos o escalamos una forma vectorial, realmente estamos editando y escalando el contorno de la ruta. Por eso, cuando tenía la capa de forma vectorial seleccionada, el comando se llamaba Ruta de transformación libre. Ahora que tengo una capa de píxeles normal seleccionada, estamos editando píxeles, no rutas, por lo que el nombre del comando ha cambiado a simplemente Transformación libre. Nuevamente, cubriremos caminos con más detalle más adelante.

Esto coloca el cuadro Transformación libre alrededor de la forma de píxel a la derecha:

El cuadro Transformación libre aparece alrededor de la forma del píxel.

El cuadro Transformación libre aparece alrededor de la forma del píxel.

Al igual que hice con la forma vectorial, escalaré la forma del píxel estableciendo el Ancho y Altura para 10% en la barra de opciones:

Estableciendo el Ancho y Alto de la forma de píxel al 10 por ciento en la Barra de Opciones.

Estableciendo el Ancho y Alto de la forma de píxel al 10%.

Voy a presionar Ingresar (Ganar) / Regreso (Mac) en mi teclado para aceptarlo, y ahora la forma de píxel es mucho más pequeña. Hasta aquí todo bien. Incluso después de escalar la forma del píxel al 10%, se ve tan nítida como originalmente, y todavía no hemos visto ninguna diferencia entre la forma del vector y la forma del píxel:

La forma de píxel es ahora el 10 por ciento del tamaño de la forma vectorial.

La forma del píxel después de reducirla al 10%.

Pero ahora, la verdadera prueba. ¿Qué pasará cuando vuelva a escalar la forma de píxel a su tamaño original? Voy a presionar Ctrl + T (Ganar) / Comando + T (Mac) en mi teclado para seleccionar rápidamente el Transformación libre comando, y para escalar la forma de píxel de nuevo, estableceré el Ancho y Altura en la barra de opciones para 1000%:

Estableciendo el Ancho y Alto de la forma de píxel al 1000 por ciento en la Barra de Opciones.

Escalando la forma de píxel de nuevo a su tamaño original.

Voy a presionar Ingresar (Ganar) / Regreso (Mac) para aceptarlo y cerrar el comando Transformación libre. Y ahora, la diferencia entre formas vectoriales y basadas en píxeles se hace evidente. A pesar de que escalé ambas formas exactamente en las mismas cantidades, y ambas formas conservaron sus bordes nítidos cuando se redujeron, la forma de píxel no pudo soportar que se volviera a escalar. Sus bordes que alguna vez fueron afilados ahora parecen suaves, borrosos y en bloques:

Una comparación de la forma del vector y la forma del píxel después de la ampliación.

La forma del vector sobrevivió intacta después de ser ampliada. ¿La forma de píxel? No tanto.

Acerquémonos para ver más de cerca. La razón por la que los bordes de la forma de píxel se ven mucho peor ahora es porque, cuando la reduje al 10% de su tamaño original, Photoshop tuvo que descartar el 90% de los píxeles que formaban la forma inicial. Eso hubiera estado bien si No necesitaba volver a escalarlo. Photoshop no puede recrear píxeles mágicamente, así que cuando lo amplié, todo lo que Photoshop pudo hacer fue tomar esos píxeles restantes y agrandarlos. Es por eso que podemos ver un efecto de escalón a lo largo del borde de la forma. Esos son los bordes de los píxeles individuales. Se ven suaves y borrosos porque eso es lo que les sucede a los píxeles cuando los agrandamos. Cuanto más los agrandamos, más suaves se vuelven. Las formas vectoriales, por otro lado, no tienen este problema. Son solo puntos conectados entre sí por líneas y curvas, y podemos cambiar su tamaño tanto como queramos sin perder calidad:

Un primer plano de los bordes de forma vectorial y de píxel.

Un primer plano de los bordes de forma vectorial y de píxel.

Deja un comentario