Dibujar formas de vectores contra píxeles en Photoshop CS6

Dibujar formas de vectores contra píxeles en Photoshop CS6

Un cuento de dos formas

Como trataré todo lo que necesitamos saber sobre el dibujo de formas vectoriales al siguiente tutorial, ahorraremos un poco de tiempo aquí empezando por un documento que ya he creado. Aquí vemos un documento sencillo que contiene lo que parece dos formas idénticas. Aunque 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.

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

Si nos fijamos en mi Panel de capas, Vemos cada forma sentada sobre su propia capa. He seguido adelante y he cambiado el nombre de las capas para facilitar las cosas. La forma basada en píxeles se encuentra en la capa superior «Forma de píxel» y la forma basada en vectores se encuentra en la capa llamada inteligentemente «Forma de vector» que hay debajo:

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.

Detectando la capa de forma

Incluso si no los hubiera cambiado de nombre, aunque habría una manera sencilla de saber qué capa tiene la forma del vector, y esto es buscando el pequeño icono de forma en la parte inferior derecha de la capa miniatura de vista previa. Este icono nos indica 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 previsualización de la capa de forma.

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

Escalar la forma vectorial

Como he mencionado, ambas formas tienen un aspecto idéntico en este momento, pero vamos a ver qué pasa cuando las escalamos. Empezaré por la forma vectorial. Primero, tengo que seleccionarlo y, por tanto, haré clic en la capa «forma vectorial» el panel Capas:

Selección de la forma vectorial.

Selección de la forma vectorial.

Para escalar la forma del vector, subiré al editar en la barra de menús de la parte superior de la pantalla y elija Camino de transformación libre:

Vaya a Editar> Freno Transform Path. » width =»268″ height =»150″ src =»https://tutorialesphotoshop.com/wp-content/uploads/2020/10/1603739016_543_Dibujar-formas-de-vectores-contra-pixeles-en-Photoshop-CS6.gif»/><noscript><img loading=

El cuadro Transformación libre aparece en torno a la forma del vector.

Quiero asegurarme de que escalamos las dos formas exactamente en la misma medida, por lo que en lugar de arrastrar manualmente las asas de transformación libre, subiré a la barra de opciones en la parte superior de la pantalla Largeur (W) y hauteur (H) Valores de la forma al 10%:

DOSSIER Descarga gratuita de Adobe Edge, versión 5

Escalando la forma del vector hasta el 10 por ciento de su tamaño original.

Estableciendo la anchura y la altura de la forma del vector en un 10%.

apretó entra (Ganar) / vuelve (Mac) en mi teclado para aceptar el nuevo tamaño, y ahora la forma vectorial a la izquierda es mucho más pequeña:

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

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

A ver qué pasa si reduzco la forma del vector al tamaño original. En lugar de volver al editar menú en la parte superior de la pantalla y eligiendo Camino de transformación libre, Esta vez usaré el acceso rápido más rápida, Ctrl + T (Ganar) / Orden + T (Mac). Esto coloca la misma caja de transformación libre y los mangos en torno a la forma del vector:

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

Pulsando Ctrl + T (Win) / Command + T (Mac) para seleccionar rápidamente el camino de transformación libre.

Como he reducido la forma reduciéndola al 10%, la volveré a ampliar a su tamaño original configurando los dos Largeur y hauteur en la barra de opciones a 1.000%:

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

Configuración de la anchura y la altura de la forma del vector al 1000%.

Volveré a pulsar entra (Ganar) / vuelve (Mac) en mi teclado para aceptarlo y, ahora, la forma del vector vuelve a su tamaño original. Tenga en cuenta que, aunque la he reducido más pequeño y después la he ampliado, la forma del vector aún parece buena como nueva. Sus bordes se mantienen tan nítidas y nítidas como eran originalmente:

La forma vectorial conserva sus bordes nítidos y nítidas incluso después de ser reducida.

La forma vectorial de la izquierda conserva los bordes nítidas y nítidas incluso después de haber sido reducida.

Conector de códigos cortos, acciones y filtros: error al código corto [ads-basics-middle]

Escalar la forma del píxel

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

Selección de la capa de forma de píxel.

Selección de la forma del píxel.

Con la capa de forma de píxel seleccionada, subiré el archivo editar en la parte superior de la pantalla y elija Transformación gratuita:

Seleccionando Transformación gratuita en el menú Editar.

Vaya a Editar> Transformación gratuita.

Transformación libre vs camino de transformación libre

Fíjese que esta vez la orden se llama Transformación libre, no Transformación libre camino. Veremos los caminos en otro tutorial, pero básicamente, una forma vectorial se compone de dos partes; el esquema básico de la forma, conocido como camino, Y el color con el que se llena el esquema (el camino). Cuando editamos o escalamos una forma vectorial, realmente estamos editando y escalando el esquema del camino. Es por ello que, cuando seleccioné la capa de forma vectorial, la orden se llamó Camino de transformación libre. Ahora que tengo seleccionada una capa de píxeles normal, estamos editando píxeles, no caminos, por lo que el nombre de la orden ha cambiado para transformarse libremente. De nuevo, cubriremos los caminos con más detalle más adelante.

DOSSIER Guía de poses para fotógrafos y modelos: aquí está el libro electrónico

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

El cuadro Transformación libre aparece en torno a la forma del píxel.

El cuadro Transformación libre aparece en torno a la forma del píxel.

Al igual que hice con la forma vectorial, reduciré la forma del píxel estableciendo el archivo Largeur y hauteur un 10% en la barra de opciones:

Definir la anchura y la altura de la forma del píxel al 10% en la barra de opciones.

Definir la anchura y la altura de la forma del píxel al 10%.

apretó entra (Ganar) / vuelve (Mac) en mi teclado para aceptarlo y ahora la forma del píxel es mucho más pequeña. Hasta ahora, todo bien. Incluso después de escalar la forma del píxel hasta el 10%, parece 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 de píxel después de reducirla al 10%.

Pero ahora, la verdadera prueba. ¿Qué pasará cuando reduzca la forma del píxel al tamaño original? apretó Ctrl + T (Ganar) / Orden + T (Mac) en mi teclado para seleccionar rápidamente el archivo transformación libre , Y para redimensionar la forma del píxel, configuraré el archivo Largeur y hauteur en la barra de opciones a 1.000%:

Definir la anchura y la altura de la forma del píxel al 1000 por ciento en la barra de opciones.

Se reduce el tamaño del píxel al tamaño original.

apretó entra (Ganar) / vuelve (Mac) para aceptarlo y cerrar el orden Transform libre. Y ahora, la diferencia entre las formas basadas en vectores y píxeles se hace evidente. Aunque he redimensionado ambas formas con las mismas cantidades, y que ambas formas conservan sus bordes nítidos cuando se reduce el tamaño, la forma de píxel no se puede aguantar de nuevo. Ahora sus bordes afilados parecen suaves, borrosas y bloqueadas:

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

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

Acercaremos para verla de cerca. El motivo por el que los bordes de la forma del píxel se ven mucho peor ahora es que, cuando la he reducido hasta el 10% del tamaño original, Photoshop tuvo que tirar el 90% de los píxeles que formaban la forma inicial. Hubiera estado bien si No había que hacer una copia de seguridad. Photoshop no puede recrear píxeles mágicamente, de modo que, cuando el amplié, todo lo que pudo hacer Photoshop fue coger los píxeles restantes y hacerlos más grandes. Por ello, realmente podemos ver un efecto de escala a lo largo del borde de la forma. Estas son los bordes de los píxeles individuales. Parecen suaves y borrosos porque eso es lo que sucede en los píxeles cuando los hacemos mayores. Cuanto más las ampliamos, más suaves son. Las formas vectoriales, en cambio, no tienen este problema. Sólo son puntos conectados entre sí por líneas y curvas, y podemos redimensionar tanto como queramos sin perder nunca la calidad:

DOSSIER El nuevo logo de Uber

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

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

Como hemos visto en este tutorial, las formas vectoriales y las formas de píxeles pueden parecer idénticas cuando las dibujamos por primera vez, y ambas se ven igual de buenas cuando se reducen a tamaños más pequeños. Pero cuando los tenemos que escalar más grandes, las formas vectoriales tienen literalmente la ventaja. Esto es cierto no sólo cuando se visualizan en pantalla, sino también cuando se imprime. Al igual que las fotos digitales, es una forma dibujada con píxeles depende de la resolución, Es decir, sólo se puede imprimir tan grande antes de empezar a parecer suave y apagado, tal como hemos visto en el ejemplo anterior. Una forma vectorial, en cambio, es independiente de la resolución. Se puede imprimir en cualquier tamaño, incluso tan grande como una cartelera, y siempre tendrá un aspecto nítido, limpio y bueno como nuevo.

Dónde ir después …

Las formas vectoriales también tienen otras ventajas que las hacen mucho más flexibles de trabajar que los píxeles, pero antes de saltar demasiado adelante, aprendemos a dibujar formas vectoriales en Photoshop CS6. Visita nuestra sección Conceptos básicos de Photoshop para obtener más información sobre Photoshop.

Monter

Nous utilisons nos propres cookies et ceux de tiers pour améliorer l’expérience utilisateur. Plus d’informaticon