Crear y trabajar con gráficos vectoriales en Adobe Photoshop
Adobe Illustrator es la aplicación estándar de la industria para diseño gráfico. Es la mejor herramienta para trabajar con archivos basados en vectores.
Lamentablemente, no todo el mundo tiene Illustrator, pero mucha gente tiene Photoshop. Y Photoshop tiene soporte básico para imágenes vectoriales. En esta guía, veremos cómo hacer arte vectorial en Photoshop como reemplazo de Illustrator.
¿Qué es una imagen vectorial?
Photoshop está diseñado principalmente para imágenes rasterizadas. Se trata de imágenes poligonales dibujadas píxel a píxel. Admiten una gran cantidad de detalles y se utilizan para fotografías. Sin embargo, los tamaños de los archivos pueden ser grandes y no se pueden ampliar sin perder calidad.
Las imágenes vectoriales son líneas y curvas generadas por fórmulas matemáticas. Esto significa que puede redimensionarlos infinitamente y los tamaños de los archivos suelen ser muy pequeños. Los vectores son excelentes para el trabajo de diseño gráfico, incluido el diseño de logotipos e íconos. Incluso puede convertir imágenes a gráficos vectoriales en Adobe Illustrator .
Una obra de arte vectorial consta de varios objetos. Cada objeto es una línea o forma cuyo borde está definido por un camino. En Photoshop, la ruta se muestra como una delgada línea azul (aunque técnicamente es invisible).
Puede aplicar dos tipos de color a cada objeto:
- Un trazo es una línea que sigue el camino.
- Un relleno agrega un color sólido o un patrón al espacio rodeado por la ruta.
Establece ambos en la barra de opciones en la parte superior de la pantalla. También puede configurar Sin color si desea que permanezcan 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. De forma predeterminada, la herramienta Rectángulo está resaltada. Haga clic y mantenga presionado ese icono para revelar el conjunto completo de herramientas:
- Herramienta rectangular
- Herramienta Rectángulo redondeado
- Herramienta Elipse
- Herramienta Polígono
- Herramienta de línea
- Herramienta de forma personalizada
Siempre puede seleccionar la herramienta resaltada presionando U en su teclado. Alternativamente, presione Shift + U para recorrer las herramientas hasta que encuentre la que desea.
Para trabajar más rápidamente, es una buena idea aprender más atajos de teclado de Photoshop .
Dibujar formas vectoriales básicas
Seleccione la herramienta para la forma que desea dibujar, luego agregue sus colores de Relleno y Trazo .
Ahora haga clic y arrastre en su lienzo. La forma se dibuja desde la esquina en cualquier dirección que arrastre. 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 Polígono . Haga clic una vez en su lienzo para abrir el cuadro de configuración Crear polígono . Establezca Número de lados en 3 .
Modificar y editar formas vectoriales
No está restringido a formas básicas al crear gráficos vectoriales en Photoshop. Pueden modificarse muy rápidamente.
Primero, seleccione la forma. Esto resaltará la forma y mostrará puntos de ancla a lo largo de su trayectoria. Estos son puntos donde la forma tiene esquinas o curvas.
Elija la Herramienta de selección directa de la barra de herramientas (haga clic y mantenga presionado el icono de la Herramienta de selección de ruta para encontrarla, o presione Mayús + A ). Ahora haga clic en uno de los puntos de ancla y arrástrelo en cualquier dirección para deformar la forma.
Para ediciones más avanzadas, mueva dos o más puntos de ancla al mismo tiempo.
Haga clic en uno para resaltarlo, luego Mayús + clic en otro. Ahora use las teclas del cursor en su teclado para mover ambos puntos simultáneamente.
Fusionar y combinar formas vectoriales
Para formas aún más complejas, puede usar Operaciones de ruta . Esto le permite combinar varias formas en otras nuevas.
Comience dibujando una forma en su lienzo. A continuación, haga clic en el botón Operaciones de ruta en la barra de opciones en la parte superior de la pantalla. Normalmente, cada nuevo camino o forma va a su propia capa. Cambie eso haciendo clic en 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. Haga clic en Combinar componentes de forma en Operaciones de ruta para combinarlos en un solo objeto.
Utilice la herramienta de selección de ruta para seleccionar la segunda forma que dibujó. Ahora, en Operaciones de ruta, elija Restar forma frontal . La forma se elimina, junto con el área donde se superpone con la primera forma.
Resalta ambas formas. En Operaciones de ruta, seleccione Intersectar áreas de forma . Esto elimina ambas formas, además de las áreas donde se superponen. Estamos usando esta opción para crear un semicírculo.
Finalmente, resalte ambas formas y seleccione Excluir formas superpuestas . Esto elimina el área donde se superponen las dos formas y deja todo lo demás intacto.
Estas herramientas son una forma eficaz de crear nuevas formas o de dividir o cortar piezas de las existentes. También funcionan con la herramienta Pluma y el texto .
Dibujar líneas vectoriales
Hay otras dos herramientas relacionadas con la forma que debe conocer. Primero está la herramienta 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 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á para dibujar una línea recta.
Dibujar formas vectoriales personalizadas
Finalmente, la herramienta Forma personalizada . Establezca los colores de relleno y trazo, luego haga clic en la opción Forma en la barra de opciones. Aquí, puede elegir una de las innumerables formas personalizadas preestablecidas que ofrece Photoshop.
Para agregar más formas más allá de la selección inicial, haga clic en la rueda dentada Configuración y elija una categoría para agregar. Hay formas para todos los usos: iconos, bocadillos, flechas, texturas y más. También puede 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 un alto exactos.
Dibujar vectores con la herramienta Pluma
Si tiene alguna experiencia con Illustrator, sabrá que usa la herramienta Pincel para dibujar a mano alzada. Photoshop tiene una herramienta Pincel que hace un trabajo similar. Pero en Photoshop, la herramienta no está basada en vectores, por lo que no debe usarla para dibujar. En su lugar, debería utilizar la herramienta Pluma .
La herramienta Pluma es una de las funciones más poderosas de Photoshop. Lo usará mucho al editar fotos en Photoshop , ya que le permite crear selecciones muy precisas. También es ideal para dibujar y arte vectorial.
Introducción a la herramienta Pluma
La herramienta Pluma funciona dibujando una ruta entre los puntos de ancla que crea cuando hace clic en el lienzo. Agregue un trazo al trazado y podrá dibujar un contorno; agregue un relleno y podrá dibujar un objeto sólido.
Aquí hay una introducción rápida para comenzar:
- Seleccione la herramienta Pluma (P) . Haga clic en el lienzo de la imagen para colocar un punto de anclaje.
- Mueva el cursor unos centímetros y haga clic de nuevo para colocar otro punto de anclaje. Se creará una ruta para conectar los dos. Establece el trazo en 5px, negro, para ayudarte a verlo mejor.
- Haga clic unas cuantas veces más para desarrollar la ruta. Haga clic y arrastre para crear una trayectoria curva. Esto también agregará manubrios al punto de anclaje. Arrástrelos para controlar el ángulo y la profundidad de la curva.
- Haga clic en 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 volver atrás y editar su forma en cualquier momento:
- Obtén la herramienta de selección directa (A) . Seleccione un punto de ancla en la ruta y arrástrelo a una nueva posición. Utilice esta herramienta con los manillares de un punto de ancla para editar una curva también.
- Seleccione la herramienta Agregar punto de ancla haciendo clic y manteniendo presionada la herramienta Pluma. Haga clic en algún lugar de la ruta para agregar manualmente un nuevo punto de ancla, luego arrástrelo a su lugar. Esto le permite ajustar su forma.
Tres herramientas de lápiz
Photoshop ofrece tres bolígrafos diferentes para dibujar:
- La herramienta Pluma es la opción predeterminada y más flexible. Para los principiantes, recomendamos usar esto principalmente para dibujar líneas rectas. A medida que avanza, es posible que lo use para todo.
- La herramienta Pluma de forma libre le permite dibujar a mano alzada, similar a la herramienta Pincel. Todavía crea una ruta que puede modificar y editar más tarde. Los puntos de ancla se generan automáticamente a medida que dibuja. Esta es una gran herramienta si usa una tableta gráfica .
- La herramienta Pluma de curvatura facilita el dibujo de curvas sin necesidad de jugar con el manillar como lo hace con la herramienta Pluma principal.
Trazar una imagen como vector en Photoshop
Una vez que haya aprendido a utilizar las diferentes herramientas de lápiz, puede utilizarlas 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 herramienta Pluma y coloque su primer punto de anclaje en el borde del objeto que desea trazar. Su nuevo dibujo irá automáticamente a su propia capa. Continúe haciendo clic alrededor de los bordes para crear su camino.
Si el objeto que está trazando está sobre un fondo plano, pruebe la herramienta Pluma de forma libre con la opción Magnética activada en la barra de opciones. Esto encaja su camino hacia el borde del objeto.
Trabajar con texto vectorial en Photoshop
Usar texto en Photoshop es bastante autoexplicativo. Seleccione la 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, tal como lo haría en cualquier otra aplicación.
Para texto normal, establezca un color de relleno pero sin trazo. Solo aplique un trazo para texto muy estilizado.
Cuando haya terminado, puede convertir el texto en un objeto vectorial. Seleccione el texto y vaya a Tipo> Convertir a forma . Esto le permite acceder a los puntos de anclaje de cada personaje, para que pueda modificarlos individualmente. Es bueno para cambiar el color de una sola letra o modificar el aspecto de la fuente.
Una vez convertido, el texto ya no se puede editar. Es una buena idea duplicar y luego 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. A continuación, le indicamos cómo hacerlo:
- Mueva los objetos seleccionándolos con la herramienta de selección de ruta (A) y arrastrándolos a su lugar.
- Cambie el tamaño de los objetos seleccionándolos con la herramienta de selección de ruta y luego presionando 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. Mantenga presionada la tecla Mayús para mantener la relación de aspecto original.
- Gire un objeto sosteniendo el mouse justo afuera de uno de los manubrios hasta que el cursor se convierta en un ícono de girar. Ahora haga clic y arrastre.
- Reordene los objetos haciendo clic en una capa y arrastrándola por encima o por debajo de otra capa.
- Alinee los objetos seleccionándolos todos con la herramienta Mover (V) (o manteniendo presionada la tecla Mayús y haciendo clic en varias capas), luego use los controles de alineación en la barra de opciones.
Gráficos vectoriales en Photoshop: júntelo todo
Ahora que sabe cómo usar todas las herramientas, puede juntarlas para crear sus propias piezas de arte vectorial:
Si bien Photoshop no es una alternativa genuina a Illustrator para el diseño gráfico profesional, es sorprendentemente poderoso. Para cosas simples como logotipos, íconos e imágenes pequeñas que desea usar en otros documentos, es más que suficiente.