Creación y trabajo con gráficos vectoriales en Adobe Photoshop

Creación y trabajo con gráficos vectoriales en Adobe Photoshop

Ilustrador Adobe 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 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 archivo pueden ser grandes y no se pueden ampliar sin perder calidad.





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. Usted puede incluso 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:

  • A Carrera es una línea que sigue el camino.
  • A 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 No 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. Por defecto, el Herramienta rectangular está resaltado. Haga clic y mantenga presionado ese ícono para revelar el conjunto completo de herramientas:





  • Herramienta rectangular
  • Herramienta 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 encontrar 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 su Llenar y Carrera colores.

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 Cambio llave.

Para dibujar un triángulo, seleccione el Herramienta de polígono . Haga clic una vez en su lienzo para abrir el Crear polígono cuadro de configuración. Colocar Número de lados para 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.

que arreglan pantallas de iphone por poco dinero

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

Elegir el Herramienta de selección directa de la barra de herramientas (haga clic y mantenga presionado el Herramienta de selección de ruta para encontrarlo, 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 otro. Ahora usa el teclas de 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 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. Cambia 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 el 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 ruta para combinarlos en un solo objeto.

encontrar ropa usada en programas de televisión

Utilizar el Herramienta de selección de ruta para seleccionar la segunda forma que dibujó. Ahora en Operaciones de ruta escoger 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 las dos formas se superponen 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. Trabajan con el Lapicera y Texto así como.

Dibujar líneas vectoriales

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

Seleccione la herramienta y configure el 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 presionado el Cambio 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, el Herramienta de forma personalizada . Establezca los colores de relleno y trazo, luego haga clic en el Forma opción en la barra de opciones. Aquí, puede elegir una de las innumerables formas personalizadas preestablecidas que proporciona Photoshop.

Para agregar más formas más allá de la selección inicial, haga clic en el Ajustes cog 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 utiliza 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. Deberías usar el Lapicera en lugar de.

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 al hacer 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:

cómo hacer que una cuenta de Google diferente sea predeterminada
  1. Selecciona el Herramienta Pluma (P) . Haga clic en el lienzo de la imagen para colocar un punto de anclaje.
  2. 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.
  3. 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.
  4. Hacer clic Ingresar para crear una ruta abierta (una línea), o haga clic en el primer punto de ancla 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:

  • Consigue el 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.
  • Selecciona el 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 anclaje, luego arrástrelo a su lugar. Esto le permite afinar su forma.

Tres herramientas de lápiz

Photoshop ofrece tres bolígrafos diferentes para dibujar:

  • los Lapicera 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 se encuentre usándolo para todo.
  • los 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 un Tableta gráfica .
  • los Herramienta Pluma de curvatura hace que sea fácil dibujar curvas sin necesidad de jugar con el manillar como lo hace con la herramienta Lápiz principal.

Trazar una imagen como un 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 acerque la imagen. Ahora seleccione el Lapicera y coloque su primer punto de anclaje en el borde del objeto que desea trazar. Su nuevo dibujo pasará automáticamente a su propia capa. Continúe haciendo clic alrededor de los bordes para crear su camino.

Si el objeto que está rastreando está sobre un fondo liso, intente el Herramienta Pluma de forma libre con el Magnético opción activada en la barra de opciones. Esto encaja su camino hacia el borde del objeto.

Trabajar con texto vectorial en Photoshop

El uso de texto en Photoshop se explica por sí mismo. 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, 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. He aquí cómo hacerlo:

  • Mover objetos seleccionándolos con el Herramienta de selección de ruta (A) y arrastrándolos a su lugar.
  • Cambiar el tamaño de los 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 para mantener la relación de aspecto original.
  • Rotar un objeto sosteniendo el mouse justo afuera de uno de los manubrios hasta que el cursor se convierta en un ícono de rotar. Ahora haga clic y arrastre.
  • Reordenar objetos haciendo clic en una capa y arrastrándola por encima o por debajo de otra capa.
  • Alinear objetos seleccionándolos 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: 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.

Cuota Cuota Pío Correo electrónico Adobe Illustrator vs. Photoshop: ¿Cuál es la diferencia?

Aclaramos cualquier confusión sobre las diferencias entre estas dos suites de edición de imágenes.

Leer siguiente
Temas relacionados
  • Creativo
  • Adobe Photoshop
  • Gráficos vectoriales
  • Adobe Creative Cloud
  • Tutorial de Photoshop
Sobre el Autor Andy Betts(221 Artículos publicados)

Andy es un ex periodista impreso y editor de revistas que ha estado escribiendo sobre tecnología durante 15 años. En ese tiempo ha contribuido a innumerables publicaciones y ha realizado trabajos de redacción publicitaria para grandes empresas de tecnología. También ha proporcionado comentarios de expertos para los medios de comunicación y ha organizado paneles en eventos de la industria.

Más de Andy Betts

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse