Creando y trabajando con gráficos vectoriales en Photoshop

Adobe Illustrator es la aplicación estándar de la industria para el diseño gráfico. Es la mejor herramienta para trabajar con archivos basados ​​en vectores..

Lamentablemente, no todos tienen Illustrator, pero muchas personas tienen Photoshop. Y Photoshop tiene soporte básico para imágenes vectoriales. En esta guía, veremos cómo trabajar con gráficos vectoriales en Photoshop como reemplazo de Illustrator..

¿Qué es una imagen vectorial??

Photoshop está diseñado principalmente para imágenes rasterizadas. Estas son imágenes poligonales dibujadas píxel por píxel. Soportan grandes cantidades de detalles, por lo que se utilizan para fotos. Sin embargo, los tamaños de archivo pueden ser grandes y no se puede ampliar sin perder calidad..

Las imágenes vectoriales son líneas y curvas generadas por fórmulas matemáticas. Esto significa que puede cambiarles el tamaño infinitamente, y los tamaños de los archivos son a menudo muy pequeños. Los vectores son excelentes para el trabajo de diseño gráfico, incluido el diseño de logotipos e iconos..

Una pieza de arte vectorial consiste en múltiples objetos. Cada objeto es una línea o forma cuyo borde está definido por una ruta. En Photoshop, la ruta se muestra como una delgada línea azul (aunque es técnicamente invisible).

Puedes aplicar dos tipos de color a cada objeto..

• UNA Carrera Es una línea que sigue el camino..
• UNA Llenar Agrega un color sólido o patrón al espacio rodeado por el camino..

Establece ambos en la barra de opciones en la parte superior de la pantalla. También puede configurar Sin color Si quieres que se queden en blanco. Para el trazo, también puede establecer el grosor en píxeles y el estilo. Una línea continua es la predeterminada..

En Photoshop, dibuja imágenes vectoriales con formas, líneas y texto..

Dibujar formas y líneas vectoriales

Photoshop viene con herramientas para dibujar varias formas comunes. Por defecto, el Herramienta rectangular está resaltado. Haz clic y mantén presionado ese ícono para revelar el conjunto completo de herramientas:

• Herramienta rectangular
• Herramienta de rectángulo redondeado
• Herramienta elipse
• Herramienta de polígono
• Herramienta de línea
• Herramienta de forma personalizada

Siempre puede seleccionar la herramienta resaltada presionando U en tu teclado Alternativamente, presione Mayús + U para recorrer las herramientas hasta que encuentre la que desea. Accesos directos del teclado Adobe Photoshop Accesos directos del teclado 101: los comandos más útiles Adobe Photoshop Accesos directos del teclado 101: los comandos más útiles Ya sea un principiante o un profesional, estos accesos directos del teclado de Photoshop le ahorrarán horas de tiempo. ¡Clic aquí para la lista completa! Leer más es una buena manera de navegar rápidamente en Photoshop.

Dibujar formas vectoriales básicas

Seleccione la herramienta para la forma que desea dibujar, luego agregue su Llenar y Carrera colores.

Ahora haz click y arrastra en tu lienzo. La forma se dibuja desde la esquina en la dirección que esté arrastrando. Para crear una forma simétrica, como un círculo o un cuadrado, mantenga presionada la tecla Mayús.

Para dibujar un triángulo, seleccione la Herramienta de polígono. Haga clic una vez en su lienzo para abrir el Crear polígono cuadro de configuración. Conjunto Número de lados a 3.

Modificar y editar formas vectoriales

No está restringido a formas básicas al crear gráficos vectoriales en Photoshop. Se pueden modificar muy rápidamente..

Primero, seleccione la forma. Esto resaltará la forma y mostrará los puntos de anclaje a lo largo de su trayectoria. Estos son puntos donde la forma tiene esquinas o curvas..

Elegir la Herramienta de selección directa desde la barra de herramientas (haga clic y mantenga Herramienta de selección de ruta icono para encontrarlo). Haga clic en uno de los puntos de anclaje y arrástrelo en cualquier dirección para deformar la forma.

Para ediciones más avanzadas, mueva dos o más puntos de anclaje al mismo tiempo. Haga clic en uno para resaltarlo, luego Shift + clic otro. Ahora usa el teclas de cursor en tu teclado para mover ambos puntos simultáneamente.

Combinar y combinar formas vectoriales

Para formas aún más complejas, puedes usar Operaciones de camino. Esto le permite combinar múltiples formas en nuevas y únicas.

Empieza por dibujar una forma en tu lienzo. A continuación, haga clic en Operaciones de camino Botón en la barra de opciones en la parte superior de la pantalla. Normalmente, cada nuevo camino o forma va en su propia capa. Cambiar eso haciendo clic Combinar formas.

Ahora dibuja otra forma. Esto irá en la misma capa que su primera forma. Cuando necesite mover los objetos individualmente, use la Herramienta de selección de ruta.

Arrastre la segunda forma para que se superponga a la primera. Los dos se fusionan en una sola forma, aunque permanecen como objetos separados. Hacer clic Fusionar componentes de forma en Operaciones de camino para combinarlos en un solo objeto.

Utilizar el Herramienta de selección de ruta para seleccionar la segunda forma que dibujaste. Ahora en Operaciones de camino escoger Resta la forma del frente. Ahora se elimina la forma, junto con el área donde se superpone con la primera forma.

Resalte ambas formas. En Operaciones de camino seleccionar Intersectar áreas de forma. Esto elimina ambas formas, aparte de las áreas donde se superponen. Estamos usando esta opción para crear un semicírculo.

Finalmente, resalta ambas formas y selecciona Excluir formas superpuestas. Esto elimina el área donde las dos formas se superponen y deja todo lo demás intacto..

Estas herramientas son una forma efectiva de construir nuevas formas, o de dividir o cortar piezas de las existentes. Trabajan con la herramienta Pluma y texto también.

Dibujar líneas vectoriales

Hay otras dos herramientas relacionadas con la forma que debes conocer. Primero es el Herramienta de línea.

Seleccione la herramienta, y establezca la Altura en la barra de opciones Esto establece el grosor de la línea. Luego haga clic y arrastre en su documento para dibujarlo. Mantenga presionada la tecla Mayús para ajustar la línea a cero o 90 grados.

Esta herramienta tiene algunas características ocultas, pero en su mayor parte la usarás para dibujar una línea recta.

Dibujar formas de vectores personalizados

Finalmente, el Herramienta de forma personalizada. Establezca los colores de relleno y trazo, luego haga clic en Forma Opción en la barra de opciones. Aquí, puede elegir una de las innumerables formas personalizadas preestablecidas que Photoshop proporciona.

Para agregar más formas más allá de la selección inicial, haga clic en Ajustes coger y elegir una categoría para añadir. Hay formas para todos los usos: íconos, bocadillos, flechas, texturas y más. También puedes cargar formas de terceros..

Haga clic y arrastre para agregar la forma a su imagen. También puede hacer clic en el lienzo para especificar un ancho y alto exactos.

Dibujando vectores con la herramienta Pluma

Si tiene experiencia con Illustrator, sabrá que utiliza la herramienta Pincel para dibujar a mano alzada. Photoshop tiene una herramienta de pincel que hace un trabajo similar. Pero en Photoshop, la herramienta no está basada en vectores, por lo que no debe usarla para dibujar. Deberías usar el Lapicera en lugar.

La herramienta Pluma es una de las funciones más potentes de Photoshop. Lo usarás mucho en la edición de fotos en Photoshop Aprende sobre edición de fotos en Photoshop: Bájate lo básico en 1 hora Aprende Edición de foto en Photoshop: Básate en lo básico en 1 hora Photoshop es un programa intimidante, pero con solo una hora Puedes aprender todos los conceptos básicos. ¡Toma una foto que quieras editar y comencemos! Leer más, ya que le permite crear selecciones muy precisas. También es ideal para el dibujo y el arte vectorial..

Comience con la herramienta Pluma

La herramienta Pluma funciona al dibujar una ruta entre los puntos de anclaje que crea al hacer clic en el lienzo. Agrega un trazo al trazado y puedes dibujar un contorno; Agrega un relleno y puedes dibujar un objeto sólido. Para más información, consulte nuestra guía completa sobre cómo usar la herramienta Lápiz Cómo usar la herramienta Lápiz Photoshop Cómo usar la herramienta Lápiz Photoshop Leer más .

Aquí hay una introducción rápida para comenzar:

1. Selecciona el Herramienta Pluma (P). Haga clic en el lienzo de la imagen para soltar un punto de anclaje..
2. Mueva el cursor unos centímetros y vuelva a hacer clic para soltar otro punto de anclaje. Se creará una ruta para conectar los dos. Configura el trazo a 5px, negro, para ayudarte a verlo mejor.
3. Haga clic unas cuantas veces más para desarrollar el camino. Haga clic y arrastre para crear una ruta curva. Esto también agregará manillares al punto de anclaje. Arrastra estos para controlar el ángulo y la profundidad de la curva..
4. Hacer clic Entrar para crear una ruta abierta (una línea), o haga clic en el primer punto de anclaje para crear una ruta cerrada (una forma).

Lo que hace que la herramienta Pluma sea tan útil es que puede regresar y editar su forma en cualquier momento:

• Consigue el Herramienta de selección directa (A). Seleccione un punto de anclaje en la ruta y arrástrelo a una nueva posición. Utilice esta herramienta con los manillares de un punto de anclaje para editar una curva, también.
• Selecciona el Agregar herramienta de punto de anclaje haciendo clic y manteniendo pulsada la herramienta Pluma. Haga clic en algún lugar de la ruta para agregar manualmente un nuevo punto de anclaje, luego arrástrelo a su lugar. Esto le permite afinar su forma.

Tres herramientas de pluma

Photoshop ofrece tres bolígrafos diferentes para dibujar..

los Lapicera Es la opción por defecto, y la más flexible. Para los principiantes, recomendamos usar esto principalmente para dibujar líneas rectas. A medida que vaya avanzando, podrá utilizarlo para todo..

los Herramienta de lápiz de forma libre Te permite dibujar a mano alzada, similar a la herramienta Pincel. Todavía crea una ruta que puedes modificar y editar más tarde. Los puntos de anclaje se generan automáticamente al dibujar. Esta es una gran herramienta si usa una tableta gráfica Las mejores tabletas gráficas y programas gráficos para el diseño digital Las mejores tabletas gráficas y programas gráficos para el diseño digital Hemos reunido las mejores tabletas y software de diseño gráfico para usar si quiere romper En dibujos animados y otras formas de arte digital. Lee mas .

los Herramienta de pluma de curvatura facilita dibujar curvas sin necesidad de jugar con los manillares como lo hace con la herramienta de lápiz principal.

Trazar una imagen como un vector en Photoshop

Una vez que haya aprendido a usar las diferentes herramientas de lápiz, puede usarlas para trazar imágenes. Así es como convierte un boceto que ha escaneado, o un objeto en una foto, en una imagen vectorial.

Abra la imagen en Photoshop y amplíe. Ahora seleccione la Lapicera y coloque su primer punto de anclaje en el borde del objeto que desea rastrear. Tu nuevo dibujo irá automáticamente a su propia capa. Continúa haciendo clic alrededor de los bordes para crear tu camino..

Si el objeto que está rastreando está contra un fondo liso, intente Herramienta de lápiz de forma libre con el Magnético Opción activada en la barra de opciones. Esto ajusta tu camino hacia el borde del objeto.

Trabajar con texto vectorial en Photoshop

Usar texto en Photoshop es bastante autoexplicativo. Selecciona el Herramienta de texto horizontal (T), haga clic en el lienzo de la imagen para crear un cuadro de texto, luego escriba. Puede ajustar la fuente, el tamaño, el peso y todo lo demás, como lo haría en cualquier otra aplicación.

Para el texto normal, establezca un color de relleno pero sin trazo. Solo aplica un trazo para texto muy estilizado.

Cuando haya terminado, puede convertir el texto en un objeto vectorial. Selecciona el texto y ve a Tipo> Convertir a forma. Esto le permite acceder a los puntos de anclaje en cada personaje, por lo que puede ajustarlos individualmente. Es bueno para cambiar el color de una sola letra o para modificar el aspecto de la fuente..

Una vez convertido, el texto ya no es editable. Es una buena idea duplicar y ocultar la capa de texto original, en caso de que necesite una copia de seguridad..

Gestión de objetos vectoriales

Para crear su obra de arte, necesita que todos estos objetos estén en la posición correcta y en el tamaño correcto. Aquí es cómo hacer eso.

• Mover objetos seleccionándolos con el Herramienta de selección de ruta (A) y arrastrándolos a su lugar.
• Redimensionar objetos seleccionándolos con el Herramienta de selección de ruta luego golpeando Ctrl + T en Windows o Cmd + T en mac Esto muestra un cuadro alrededor del objeto. Agarre un manillar a lo largo del borde y arrastre hacia adentro o hacia afuera para cambiar el tamaño. Sostener el Cambio clave para mantener la relación de aspecto original.
• Rotar un objeto sosteniendo el mouse justo afuera de uno de los manillares hasta que el cursor se convierta en un ícono de rotación. Ahora haga clic y arrastre.
• Reordenar objetos haciendo clic en una capa y arrastrándola encima o debajo de otra capa.
• Alinear objetos seleccionándolos a todos con el Mover herramienta (V) (o sosteniendo Cambio y haciendo clic en varias capas), luego use los controles de alineación en la barra de opciones.

Gráficos vectoriales en Photoshop: Ponlo todo junto

Ahora que sabe cómo usar todas las herramientas, puede juntarlas para crear sus propias piezas de arte vectorial..

Photoshop no es una alternativa genuina a Illustrator El mejor software de vectores para diseñadores de Mac con un presupuesto El mejor software de vectores para diseñadores de Mac con Adobe Illustrator puede ser el estándar de oro cuando se trata de software de vectores para Mac, pero usted no lo hace. t siempre tiene que gastar una fortuna en software de diseño. Lea más para cualquier persona que sea seria sobre diseño gráfico. Pero para cosas simples como logotipos, íconos e imágenes pequeñas que desea usar en otros documentos, es más que suficiente.

¿Utilizas Photoshop para gráficos vectoriales? ¿Qué otros consejos tienes para crear vectores en Photoshop? Comparte tus pensamientos a continuación!

Obtenga más información sobre: ​​Adobe Photoshop, Photoshop Tutorial, gráficos vectoriales.