Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Anunciar en SoloPhotoshop

En el Fondo del Mar | Solo Photoshop

Tutorial de Técnicas de Dibujo en Photoshop

 

Tutorial por Diego Mattei

Magnífico tutorial de Diego Mattei en el que nos muestra paso a paso como crear una escena de un barco en el fondo del mar.

Bueno, nada creativo el título, pero el resultado de este tutorial les gustará y mucho. Sobre todo por la simpleza y la amplitud para crear. Gran parte de este tutorial está sacado de 9Tutorials, aunque el trabajo final es independiente y de mi creación.

Y de que trata? El resultado será esta imagen:

Final

1º Paso. Crearemos un documento de 800 x 900 pixeles. El fondo es indistinto ya que lo cubriremos. Seleccionamos como color frontal #182035 y como color de fondo #4C64AB. Luego tomamos la herramienta de degradado (la van a tener que aprender a utilizar a la fuerza), en el panel de propiedades nos aseguramos que esté en "Lineal" y trazamos "de abajo hacia arriba" una línea. Debería verse algo así:

Degradado

Seguramente ya habrán hecho la prueba varias veces hasta llegar al resultado que buscamos, asi que sigamos.

2º Paso. Lo que haremos ahora es crear el fondo, o parte de él. Seleccionamos como color frontal #4A5165 y tomamos la herramienta Pincel. Modificamos su tamaño a 200px (aproximadamente) y la dureza la dejaremos en 0%.

Ya con esto, deslizaremos el pincel en la parte inferior. Intentaremos hacer una pasada recta, de esta forma:

Superficie

Esto lo haremos de punta a punta.

3º Paso. Aquí viene el turno de la textura del océano. Tanto en la superficie como en el fondo necesitaremos darle un poco de cuerpo, por lo que haremos esto: Creamos una nueva capa, a la cual la llamaremos "textura". Presionamos la tecla D para reestablecer los colores de la paleta a los predeterminados (negro y blanco) y los invertimos (que quede blanco frontal y negro de fondo).

Hacemos una selección rectangular, no de toda la imagen. Nos dirigimos a Filtros > Interpretar > Nubes. Esto nos cubrirá la selección con el efecto seleccionado. Presionamos CTRL+T para redimensionar las nubes y llevaremos su tamaño a sobrepasar el contexto de la imagen.

seleccion

Y por qué esto? Simplemente para focalizar mas las zonas blancas, lo cual emularán la luz (no busquen que le quede exactamente igual esta parte ya que el efecto nubes es totalmente aleatorio y se formarán distintas una y otra vez. Parece tonta la aclaración, pero vale hacerla)

Vamos a Filtros > Artístico > Plastificado y ponemos los siguientes valores (o similares):

Valores Plastificado

Tenemos nuestras nubes plastificadas!, así que lo que falta es ubicarlas donde corresponden. Presionamos CTRL + J para duplicar la capa y ocultaremos la capa original "textura" (la utilizaremos al final para lograr un efecto).

Ya en la capa "Textura Copia 1", presionamos CTRL+T. Esto nos activará la posibilidad de trasformar (redimensionar) la imagen de esa capa. Así que tomaremos la selección de la parte media superior y la achicaremos sin conservar proporciones. Algo tan simple de hacer pero tan dificil de explicar con palabras… vamos a la imagen:

Textura

4º Paso. Dividamos esta parte porque se está haciendo larga. Lo que sigue será darle un efecto de iluminación. Hacemos una selección del rectángulo con el que estamos trabajando (mantenemos CTRL presionado y hacemos click sobre la capa) y nos dirigimos a Filtros > Interpretar > Efectos de Iluminación y buscamos los siguientes valores:

Efecto de Iluminación

Ahora cambiaremos el modo de fusión de esta capa a "Luminosidad" (el efecto original es con "Sobreexposición lineal" pero a mi gusto queda mejor así) y bajaremos su opacidad a 90%. Por último, tomaremos la herramienta "Borrador" y con el tamaño de pincel en 200px y la dureza en 0% borraremos la parte recta superior.

Fondo

Si queremos mas intensa la iluminación, lo que deberemos hacer es duplicar la capa tantas veces hasta que quedemos satisfechos.

5º Paso. Duplicaremos esta última capa para ubicarla en la parte superior, a fin de que parezca la superficie. Entonces hacemos CTRL+J y luego la transformaremos: CTRL+T. Aqui lo que haremos es tomar el punto medio y subir con el propósito de reflejarlo.

Superficie

Una vez reflejada la capa, procedemos a hacer lo mismo que antes: duplicarla si queremos mas intensidad de luz.

Se supone que arriba, en la superficie, la luz debe ser mas intensa para llegar mas débil al fondo.

Superficie

Bueno, ya tenemos nuestro fondo del mar! Obviamente falta algo de contenido para que esto tenga una buena terminación. Y aquí es donde cada uno creará, a partir de su imaginación.

Por mi lado, aquí comparto un poco que se me ocurrió y que vieron al inicio.

6º Paso. Recuerdan el tutorial de creación de humo? Bueno, agregué un poco… :lol: y le cambié el modo de fusión a "Tramar" para que tome la transparencia. Suena ilógico humo debajo del agua, pero han visto que no ha quedado nada mal.

Humo

7º Paso. Ahora agregaré el barco, el cual pueden descargar desde aquí. Para esto copié la imagen en el documento de trabajo, la redimensioné y le cambié el modo de fusión a "Multiplicar". Por último, para incorporar la imagen al ambiente, el barco debía estar algo enterrado en la arena del fondo. Recuerdan el tutorial "Herramienta Máscara de Capa"? Bueno, de esa forma borré el fondo del barco.

Barco

8º Paso. Hora de darle una tonalidad uniforme. Ando algo nostálgico, así que recuerdan el tutorial "Wallpaper Dark en Photoshop"? Cree una nueva capa, volqué con el bote de pintura el color #354677 y le modifiqué el modo de fusión a "Color". Luego tomé la herramienta borrador y con una opacidad del 50% borré algunos sectores del mismo que me gustaba para mantener cierto color original del barco.

Barco

9º Paso. Por último, recuerdan el tutorial "Creando partículas en Photoshop"? Bueno, agregué algunas por ahi.

Particulas

10º Paso. Esto esta fuera de la imagen final, pero que escribiendo el tutorial surgió y me gustaría compartirlo. Recuerdan (que pesado, no?) que habíamos dejado una capa oculta? la de las nubes plastificadas cubriendo la composición. Bueno, hagámosla visible y cambien su modo de fusión a "Subexposición lineal".

Barco Fondo negro

Comentarios de En el Fondo del Mar | Solo Photoshop

↑ Tutorial

  • xader

    xader

    2008-01-02 02:01

    Excelente este Diego tiene cada tutorial que en realidad uno aprende de el te felicito y sigue enseñandonos gracias M
  • ADDJ

    ADDJ

    2008-01-02 14:58

    Hola , Muchisimas gracias por este tutorial aka le dejo mi resultado, lo llamo VENTANA HACIA EL FONDO DEL OCEANO, la que esta ai abajo es mi amiga :P http://img341.imageshack.us/img341/8103/martaoceano2copianh0.jpg ADDJ ´08M
  • cervettoleo

    cervettoleo

    2008-01-02 15:08

    esta bolao este tuto, te lo agradesco mucho desde cuba M
  • reykou

    reykou

    2008-01-03 07:08

    esta super guay aunq faltan rollos osea me refiero para saber mas bn como lo hicistes por q en alguans parates me quede trabado y yo lo hice con un avión undido me quedo chachi a ver q opinais ? http://img244.imageshack.us/img244/8458/enelfondodelmarcopiarl9.jpg al avion le puse en modo de fsion superponer por q multiplicar me salia fatal xD PD:se agradece muchisimo el tutorial ^^M
  • julitoyac

    julitoyac

    2008-01-05 14:18

    EXCELENTE TUTORIAL, LES AGRADEZCO LOS TRUCOS, SALUDOS DESDE LA BELLA GUATEMALA PAIS DE LA ETERNA PRIMAVERA, ATENTAMENTE JULIO YACM
  • carcelen

    carcelen

    2008-01-07 13:56

    Sencillamente genial, gracias por el tuto me servira de muchoM
  • rubenoscar

    rubenoscar

    2008-01-16 10:54

    MUY BUENO ,REALMENTE MUY BUENO....PREGUNTA, EL PINCEL DE HADAS SE ENCUENTRA DISPONIBLE EN EL PHOTOSHOP 7, PORQUE ME GUSTARIA APLICARLO. GRACIAS RUBEN ---ARGENTINAM
  • ShummyCroft

    ShummyCroft

    2008-01-21 10:57

    No se los demas.. pero la imagen del paso Nº 8 y la de despues del Nº4 no las veo.. y como soy nueva en esto me pierdo y no se como seguirlo.. alguien me mandaria esas imagenes a mi mail porfavor ? shummycroft_ale@hotmail.comM
  • jairen21

    jairen21

    2008-01-23 12:44

    buen tutorial, excelenteM
  • omev

    omev

    2008-01-29 22:41

    Exelente muy didactico para los que incursionamos en esta aplicación. Desde HondurasM
  • aprendiz01

    aprendiz01

    2008-02-01 15:38

    hola me puden orientar sobre un tutorial en español para fotomontages soy nuevo y empiezo a aprender ositowp@hotmail.comM
  • adrianitta

    adrianitta

    2008-02-12 15:21

    genial esta increibleeeee!!!. saludos de Oaxaca, MéxicoM
  • encor1515

    encor1515

    2008-02-14 06:10

    Hola muy bueno el tuto eh graciasss sta muyy xvr, aqui sta mi ImaGn haber que tal(maso le copie la idea a ADDJ)Link --->http://img524.imageshack.us/my.php?image=byenriczn0.jpg le agregue unas cositas y bueno le puse marco jeje, Gracias una vez mas por el tuto =)M
  • talgo200

    talgo200

    2008-02-17 20:26

    No puedo aplicar el paso 3 porque el Filtro Artistico me aparece "apagado".¿alguien puede ayudarme a resolver este pequeño problema?. GraciasM
  • xccami

    xccami

    2008-02-23 18:38

    estoy recien aprendiendo a usar pshop .. se que deberia comenzar haciendo imagenes mas simples, pero esta la encontre demasiado chora, no se como usar el degradado y no encuentro tutoriales para eso.. alguien me podria ayudar? les dejo mi msn .. kmi.figueroa@gmail.com :)M
  • xccami

    xccami

    2008-02-23 18:50

    ya logre solucionar lo del degradado.. pero porfa alguien que me agregue a msn porque no entiendo mucho.. en una parte hay que poner 0 en dureza, donde esta eso? :SM
  • ALETRIX

    ALETRIX

    2008-02-25 15:50

    HOLA... SOY NUEVO EN ESTO..!... BUENO ESQUE CREO QUE YA ME ACOSTUMBRE A USAR CORELDRAW... ALGUNA ALMA CARITATIVA..ME PODRIA AYUDAR..??... les agradesco.. aletrix_04@hotmail.com gracias....,,,BUEN TUTURIAL EH..!!...M
  • buenaonda

    buenaonda

    2008-02-29 12:04

    Hola, queda realmente increible, excelente, estoy recien comenzando en photoshop mas que mada por necesidad de trabajo, seria genial que me prestaran ayuda para crear paginas web, botones, efectos, etc. lopezvaras@hotmail.comM
  • victorhpc

    victorhpc

    2008-03-03 19:50

    DIEGO ERES UN MASTER GRACIAS ESTA EXCELENTE DE VERDAD M
  • alinsa

    alinsa

    2008-03-04 05:50

    genial! Gracias por la aportacion ^^M
  • leviram

    leviram

    2008-03-05 19:36

    Buen tutorial nada mas q no supe bajar el barco pero aun así Gracias!!!!M
  • bombon21

    bombon21

    2008-03-11 15:44

    El tutorial está excelente. Apenas estoy comenzando con photoshop, y me gustaría que me ayudaras a aprender a hacer más montajes de imágenes como este. Gracias mloreana_21@yahoo.comM
  • matiasbanque

    matiasbanque

    2008-03-20 17:56

    qiero descargar esto esta great M
  • ferrera

    ferrera

    2008-03-31 04:41

    Excelente. Saludos.M
  • eneukle

    eneukle

    2008-04-03 21:46

    bueniiiisimo... muy bueno. felicitaciones desde Ciudad Bolívar VenezuelaM
  • Tsuki7

    Tsuki7

    2008-04-07 19:23

    AL IGUAL QUE TALGO200 el Filtro Artistico me aparece apagado por lo mismo no puedo seguir y este tutorial me parece perfecto¡¡¡ AYUDA ALGUIEN . Tsuki_j4@hotmail.comM
  • gurisa

    gurisa

    2008-04-29 10:29

    muy buena la explciacion... graciasM
  • vasquezabi

    vasquezabi

    2008-08-01 12:48

    Antes de ver el tutorial pense que el fondo era una imagen ya echa y que solo era un montage pero me encontre con la sorpresa de que tu la hiciste. Felicidades esta chido graxx por la cesion M
  • DavidMy

    DavidMy

    2008-09-04 18:35

    totalmente, expectacular, muchisimas graciasM
  • Danilo5

    Danilo5

    2008-09-14 15:12

    Muy bueno! Yo habia visto uno parecido en una revista, pero se quedaba hasta tu paso 6º, eso del barco no se me habia ocurrido... wow que buena idea, felicidades!M
  • infiernox

    infiernox

    2008-10-17 10:50

    woowww!!!hermoso efecto.....yo lo he hecho i la verdad me ha quedado muy bueno... muy buen tuto!!! se despide.... saludos!! Infiernox!!! M
  • raulro08

    raulro08

    2008-12-27 12:13

    el mio: http://img187.imageshack.us/img187/9593/barcoov4.jpgM
  • Serefor

    Serefor

    2008-12-30 18:50

    RAULRO08 porfavor agregame : dany_radikals@hotmail.com Me gustaria hacerte unas cuantas preguntas sobre tu trabajo :)M
  • delistefani

    delistefani

    2009-08-29 11:47

    y el efecto humo no lo explicoM
  • miguel1000

    miguel1000

    2009-10-27 13:56

    aver si os gusta el mio http://img3.imageshack.us/img3/1133/fondodelmar.jpgM

↑ Tutorial