Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutoriales 19 julio 2011 | 8 Comentarios



Etiquetas: , , , , ,








Tutorial : Dibujar luminosa

En este tutorial  y con ayuda de los pinceles de photoshop, trazados y la herramienta pluma dibujaremos en Photoshop CS5 una guitarra y luego aplicaremos luminosidades para lograr un efecto abstracto, este es un tutorial photoshop bastante fácil de seguir que he acompañado con impresiones de pantalla a lo largo del tutorial.

El proceso para realizar el tutorial de photoshop es sencillo, abrimos la imagen en Photoshop CS5 y con la herramienta pluma con la opcion de trazados seleccionada, dibujamos el contorno de la guitarra, luego configuramos los pinceles para que actúen directamente sobre el contorno del dibujo, las configuraciones de los pinceles hay que variarlos para cada elemento del dibujo, el color que utilizaremos de primer plano es blanco y el color de fondo de nuestro documento será negro, al menos inicialmente ya que en el transcurso del tutorial cambiaremos un poco los valores del fondo y los colores de los pinceles.

Este es el resultado final de este tutorial de Photoshop Cs5:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Comencemos con el tutorial para dibujar una guitarra luminosa en photoshop

Creamos un documento en photoshop CS5 con dimensiones 1280px X 2000px, con 72 dpi. Este tamaño de documento corresponde al tamaño de la foto de la guitarra, que para efectos del tutorial extraje de sxc.hu

La herramienta pluma en photoshop tiene dos formas de trabajar, la primera es la más conocida que es de “forma” que lo que hace es dibujar una forma rellena dentro de nuestro documento de Photoshop, la otra, y no tan conocida, es la de Trazados, que es la que utilizaremos para dibujar el contorno de la guitarra.

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Fíjate (imagen superior) como he hecho la selección unicamente del tambor de la guitarra, jeje, yo le llamo tambor, mis conocimientos musicales son mínimos así que no me conozco las partes de la guitarra y otros instrumentos.

Ahora en la ventana Trazados, inserta una nueva capa, si, al igual que las capas los trazados tienen capas tambien, pero a diferencia de las primeras utilizaremos las capas de los trazados para ir creando trazados independientes que luego nos servirán para contornearlos de manera independiente, recuerda que al inicio de este tutorial de photoshop te mencioné que vamos a configurar los pinceles con distintos tamaños para los elementos independientes, pues bien, si no separamos los trazados en capas no va a haber forma posible de aplicar trazados distintos a distintas zonas, pues quedaría como un todo.

En tu nueva capa de trazado dibuja la forma del Mango de la guitarra, recuerda solo seguir el contorno.

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Dibuja en una capa nueva los soportes de las lineas, son los cuadros rectangulares que te señalo en la imagen inferior

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Inserta otra capa (en los trazados) y dibuja las 3 lineas izquierdas, pero te deben quedar en la misma capa, ¿cómo se hace eso?, al finalizar la primera linea haz clic en cualquier otra capa de trazado, regresa a la capa donde tienes la linea y dibuja la siguiente, así hasta que completes la tercera, debes comenzar y finalizar cada linea conforme la imagen.

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

En una nueva capa repite el proceso para las lineas de la derecha.

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Hasta aqui hemos contorneado satisfactoriamente toda la guitarra, ya sé que en el tutorial se ve algo complejo, pero en la práctica es muy rápido y no creo que te lleve más de 10 minutos.

La parte interesante de este tutorial de photoshop es la configuración de los pinceles, sigue las instrucciones en las pantallas:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Una vez configurados los pinceles regresamos a la ventana Capas e insertamos una Capa Nueva, a esta altura la foto ya cumplió su cometido y la puedes eliminar de tu documento.

Si el fondo de tu documento aun no está en Negro, hazlo ahora rellénalo de negro, y si aun no has insertado la capa nueva en la Ventana “Capas” hazlo ahora también, luego regresa a los trazados selecciona el primer trazado que hiciste (el del cuerpo de la guitarra) y con la herramienta pincel seleccionada presiona “Contornear Trazado con Pincel”.

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Regresamos a la ventana Pinceles en nuestra Barra de Menú de Photoshop Cs5 y los configuramos conforme se indica en las siguientes pantallas:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Esta segunda configuración de los pinceles de photoshop corresponde a la necesidad de aplicar un pincel más fino al Mango de la guitarra y a los cuadros que soportan las cuerdas.

Ahora selecciona la capa (en la ventana Trazados) que tiene los cuadros de los soportes de las cuerdas y presiona “Contornear Trazado con Pincel”, haz lo mismo con la capa que contiene el Mango de la guitarra. Al finalizar deberías tener algo como esto:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Para las cuerdas de la guitarra necesitamos pinceles de photoshop más finos, para ello los configuramos los pinceles de la siguiente manera:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Aplica el contorno a las cuerdas izquierdas.

Para las cuerdas derechas necesitamos pinceles más finos aún, para ello utiliza la siguiente configuración de pinceles y cuando finalices aplica el contorno.

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Si has seguido el proceso paso a paso del tutorial tu documento de photoshop debería mostrar una guitarra como la siguiente:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Con la figura de la guitarra terminada, vamos a regresar a los pinceles y con el color frontal #00fffc vamos a seleccionar este pincel y le ponemos tamaño 192px:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Ahora lo vas a aplicar sobre el contorno de la guitarra varias veces, vas a duplicar hasta tener el cuerpo completo:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Ahora, continuando con nuestro tutorial photoshop, vamos a aplicar la imagen que guardamos de sxc.hu (enlazada al inicio del tutorial de Photoshop), una vez colocada la rotamos de forma que quede vertical, nos dirijimos al menu Edicion / Transformar / Deformar y deformamos la imagen empujando sus extremos izquierdo y derecho al centro de forma tal que sigan el contorno del mango de la guitarra:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Duplica la capa y presiona CTRL + T y selecciona voltear Horizontal y arrástrala hacia el costado derecho del mango de la guitarra, aplica una mascara rapida a la primera imagen y elimina de la imagen la parte central, lo que pasa en medio de las cuerdas, deberías tener algo así en tu documento de photoshop:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Ahora hacemos lo propio con la parte inferior de la guitarra, para ello debes colocar nuevamente la imagen de la constelación y deformarla siguiendo el patron de la parte inferior, para que al final te quede como esto:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Duplica la capa de la constelacion y cambia el modo de fusión a “Subexposición lineal”, utiliza una mascara rapida para ocultar las partes negras que no dejan ver el resto.

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Y ya hemos terminado el tutorial, el resultado final es:

Tutorial de Photoshop CS5: Dibujar una guitarra luminosa

Practica el tutorial photoshop, utiliza tus propias configuraciones en los pinceles, al final lo que interesa que practiques con photoshop y domines las técnicas que te ayudarán a sacarle el jugo a photoshop  a tu imaginación.

Acompaño este tutorial con el psd del resultado, que puedes descargar desde Mediafire, en archivo encontrarás la foto de la guitarra que descargamos de sxc.hu, que utilizamos como modelo para el presente tutorial de Photoshop CS5.

Si te ha gustado este tutorial  de Photoshop CS5 deja un comentario, te lo voy a agradecer, Tutorial de Photoshop CS5: Dibujar una guitarra luminosa .





8 Responses on “Tutorial de Photoshop CS5: Dibujar una guitarra luminosa”

  1. @ivy_1969 dice:

    Walter! Me encantóoo! Justo pasaba mi hijo por al lado de la lap cuando abría tu DM y quedó flasheado, jajaja!
    1º porque está aprendiendo a tocar la guitarra y le encantó como quedó la imagen y 2º porque está incursionando y dibujando animé (él solito empezó porque le gusta y le sale muy bien, ok, soy la madre, jajaja!, pero en serio, le sale muy bien!) y me dijo: "con el photoshop puedo hacer animé también, ¿sabías?" Así que me parece que voy a tener que decidirme e instalar Photoshop en la compu para que al menos mi hijo aprenda a usarlo usando tus tutoriales, obvio! =)
    Gracias por compartir el post!
    Cariños desde la Patagonia! =)

  2. alex dice:

    Walter esta de pelos el post ojala y me sigas mandando mas tutoriales apenas estoy aprendiendo a utilizar photoshop.
    gracias
    Saludos desde Puebla México

  3. fidencio dice:

    esta fantastica la guiarra y el tutorial igual que alex estoy enpesando con photoshop.saludos desde SF CA Y DE LA BLANCA MERIDA DE YUCATAN

Leave a Reply

Photoshop y Tutoriales, es un blog de diseño: PSD gratis, tutoriales, vectores, y mucho más. Todos los derechos reservados. Los logos corresponden a sus respectivos dueños