Scroll to top

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Si quieres aprender a dibujar una línea en Photoshop CC, en este corto tutorial te mostraré los métodos populares para dibujar muchos tipos de líneas; por ejemplo, te mostraré cómo dibujar una línea recta, una línea curva o una línea discontinua.

Lo que aprenderás en este tutorial de Photoshop

  • Cómo dibujar una línea recta en Photoshop
  • Cómo dibujar una línea curva en Photoshop
  • Cómo dibujar una línea vertical u horizontal en Photoshop
  • Cómo dibujar una línea en cualquier ángulo en Photoshop
  • Cómo cambiar el grosor y el color de la línea en Photoshop

Sigue los pasos con nosotros en nuestro canal de YouTube de Envato Tuts+:

1. Cómo dibujar una línea recta en Photoshop

Paso 1

Primero te mostraré cómo dibujar una línea recta en Photoshop. La manera más sencilla es usando la herramienta diseñada para este propósito, que es la Herramienta línea (U):

select line toolselect line toolselect line tool

Paso 2

Establece su Modo en Píxeles.

set mode to pixelsset mode to pixelsset mode to pixels

Paso 3

Después, simplemente haz clic y arrastra para dibujar una línea recta en cualquier ángulo.

draw a straight line in photoshop with line tooldraw a straight line in photoshop with line tooldraw a straight line in photoshop with line tool

Paso 4

También puedes usar la Herramienta pincel (B). Haz clic en donde quieras que comience tu línea, mantén presionada la tecla Shift y haz clic en el punto final de la línea. ¡Photoshop la dibujará por ti!

draw straight line with brush tooldraw straight line with brush tooldraw straight line with brush tool
Estas líneas usan tu pincel actual como base

2. Cómo dibujar una línea quebrada en Photoshop

Muy bien, pero ¿cómo puedes dibujar una línea quebrada en Photoshop? Puedes usar el mismo método para este propósito. SI haces clic primero, y luego presionas Shift, dibujarás una línea recta individual. Pero si sigues presionando Shift y haces clic de nuevo, el punto final de la línea anterior se convertirá en el punto de inicio de la nueva. Así que recuerda el orden: haz clic y presiona Shift para obtener una línea separada, presiona Shift y haz clic para obtener una línea quebrada continua.

broken lines in photoshopbroken lines in photoshopbroken lines in photoshop
1: clic, presiona Shift, clic, suelta Shift, 2: clic, presiona Shift, clic, clic, clic...

3. Cómo dibujar una línea a 90 grados en Photoshop

Ahora déjame mostrarte cómo dibujar una línea a 90 grados en Photoshop. La tecla Shift también es útil aquí. Mantén presionada la tecla Shift y comienza a dibujar hacia la izquierda o derecha para dibujar una línea horizontal, y hacia arriba o abajo para dibujar una línea vertical. Photoshop las enderezará por ti.

90 Degree Lines in Photoshop90 Degree Lines in Photoshop90 Degree Lines in Photoshop

4. Cómo dibujar una línea curva en Photoshop

Paso 1

Así que esa fue una línea recta, pero ¿cómo puedes dibujar una línea curva en Photoshop? Por supuesto, puedes usar la Herramienta pincel (B) para simplemente dibujar cualquier línea que desees, pero si no tienes una tableta gráfica puede ser difícil controlar su forma. En su lugar, usemos la Herramienta pluma de curvatura (P).

 Bend Line in Photoshop Bend Line in Photoshop Bend Line in Photoshop
¿Cómo puedes dibujar una línea curva en Photoshop con un ratón? Puedes usar la Herramienta pincel, pero...

Paso 2

La Herramienta pluma de curvatura está oculta dentro del menú de la Herramienta pluma:

select curvature pen toolselect curvature pen toolselect curvature pen tool

Paso 3

Establece su Modo en Forma, elimina el Relleno, agrega un color al Trazo y ajusta el grosor de la línea.

adjust shape settingsadjust shape settingsadjust shape settings

Paso 4

Esta herramienta te permite dibujar una línea curva haciendo clic y arrastrando. Lo mejor de esto es que la línea permanece completamente editable: solo haz clic y arrastra cualquiera de sus puntos para modificar su forma. Presiona control-clic para terminar de dibujar, y usa la Herramienta selección directa (A) para seleccionar la línea de nuevo.

Curved Line in Photoshop Curved Line in Photoshop Curved Line in Photoshop
... ¡la Herramienta pluma de curvatura es mucho mejor para este propósito!

Puedes aprender más acerca del uso de la Herramienta pluma de curvatura aquí:

5. Cómo dibujar una línea discontinua en Photoshop

Paso 1

Esta es la manera en la que puedes dibujar una línea discontinua en Photoshop. Si haces clic en la línea que se encuentra a un lado del grosor del trazo, verás un par de ajustes preestablecidos, incluyendo líneas discontinuas.

dashed line presetsdashed line presetsdashed line presets

Paso 2

Haz clic en el ajuste preestablecido de tu elección y simplemente comienza a dibujar la línea:

Dashed Line in PhotoshopDashed Line in PhotoshopDashed Line in Photoshop

Paso 3

Si quieres crear tu propio ajuste preestablecido para una línea discontinua, haz clic en Más opciones...

add more dashed linesadd more dashed linesadd more dashed lines
Haz clic en "Más opciones" para crear un ajuste preestablecido personalizado para una línea discontinua

Paso 4

... y ajusta las configuraciones. Haz clic en Guardar para guardar el ajuste preestablecido y usarlo posteriormente.

custom dashed lines photoshopcustom dashed lines photoshopcustom dashed lines photoshop

6. Cómo dibujar una línea negra en Photoshop

Paso 1

Si te preguntas cómo dibujar una línea negra en Photoshop, esto funciona igual para todos los colores. Para dibujar una línea de cualquier color con la Herramienta pincel (B) u otra herramienta en el modo Píxeles, ajusta el color en el panel Color.

pick color for your pixel linepick color for your pixel linepick color for your pixel line
Usa el Selector de color para tus líneas de píxeles...

Paso 2

Si prefieres la Herramienta pluma de curvatura (P), o cualquier otra herramienta en el modo Forma, ajusta el color en el panel Trazo (puedes hacerlo incluso después de haber dibujado la línea).

change vector line colorchange vector line colorchange vector line color
... y las configuraciones de Trazo para tus líneas vectoriales

7. Cómo dibujar una línea gruesa en Photoshop

Paso 1

Si quieres saber cómo dibujar una línea gruesa en Photoshop, tienes dos opciones: ya sea aumentar el tamaño del pincel con el que estés dibujando usando las teclas de los corchetes ([), (])...

bold lines drawn in photoshopbold lines drawn in photoshopbold lines drawn in photoshop
El grosor de las líneas de píxeles no puede cambiarse una vez que hayan sido dibujadas...

Paso 2

... o, si estás en modo Forma, solamente el grosor del Trazo en las configuraciones.

change line thicknesschange line thicknesschange line thickness
... ¡pero las líneas vectoriales no están limitadas de esta forma!

8. Cómo dibujar una línea a 45 grados en Photoshop

Paso 1

Pero ¿cómo dibujar una línea a 45 grados en Photoshop, o en cualquier otro ángulo? Este es el truco: usa la Herramienta Rotación de Vista (R).

select rotate toolselect rotate toolselect rotate tool

Paso 2

Escribe tu ángulo en el campo Ángulo de rotación y presiona Enter.

rotate screenrotate screenrotate screen
Observa el icono a un lado del campo Ángulo de rotación para ver una vista previa de tu línea

Paso 3

Ahora simplemente dibuja una línea recta.

draw a straight linedraw a straight linedraw a straight line

Paso 4

Presiona Escape para regresar a la vista predeterminada y ver la línea en el ángulo correcto.

angled line in photoshopangled line in photoshopangled line in photoshop

¡Buen trabajo!

¡Ahora sabes cómo dibujar una línea en Photoshop! Quizá no parezca gran cosa, pero toda obra de arte comienza con una línea. Simplemente visita la sección de gráficos de Envato Elements para ver cómo es que las líneas simples pueden usarse con éxito en el diseño gráfico.

how to draw a line in photoshophow to draw a line in photoshophow to draw a line in photoshop

Si quires aprender más sobre los conceptos básicos de Photoshop, aquí puedes encontrar un par de tutoriales para principiantes: