Tutorial: Como Hacer Una Isla Flotante.

Publicado por Samuel | 07.1.2009
Tutoriales

Bienvenido a este nuevo tutorial, en esta ocación te mostraré como hacer una isla flotante combinando dos fotografías y creando el escenario de fondo desde cero, ya hace tiempo que no escribia un tutorial así que empezamos a calentar de nuevo, que lo disfrutes.

Paso 1

Iniciaremos creando el escenario para la isla primero crea un documento nuevo de 1600*800 pixeles, luego da doble clic sobre la capa y aparecerá un cuadro de dialogo da clic en Ok, vuelve a dar doble clic sobre la capa y aparecerá el cuadro de diálogo estilo de capa y aplica una Superposición de degradado con estilo radial de la siguiente forma.
paso1
paso1a

Paso 2

Vamos a buscar unos buenos pinceles de nubes, yo encontré unos muy buenos llamados Cloud Brushes en DeviantArt, bueno cargalos en Photoshop y luego crea una nueva Capa presionando Ctrl+Shift+N y en esta pinta algunas nubes de forma aleatoria, las mias quedarón así.
paso2

Paso 3

Ahora necesitaremos algunas fotografías, dos para ser especifico, la primera es esta que encontré en stock.xchng, da clic sobre ella para ir al página de descarga.
paso3

Abre la fotografía en Photoshop da doble clic sobre la capa Fondo para hacerla editable y ve a Selección | Gama de Colores.. luego con el gotero debes dar clic en la parte más azul del cielo y da clic en Ok.
paso3a

Ahora tendrás una selección del cielo, pero algunas pequeñas áeras del suelo han sido seleccionadas también, toma la herramienta Marco Rectangular en modo Restar de Selección y has una selección abarcando casi toda el área inferior de la imagen.
paso3b
paso3c

Ahora que tenemos lista le selección que necesitamos presona Backspace para borrar el área del cielo, áun han quedado restos del cielo toma un borrador de bordes suaves y de tamaño adecuado para la imagen y borra alrededor del árbol, al final tendrás algo así.
paso3e

Paso 4

Ahora trasladaremos el árbol a nuestro escenario previamente preparado y seguramente tendremos que redimensionar la imagen, pero no es nada dificil solo presiona Ctrl+T para activar las opciones de redimensionamiento y ajustar el tamaño de la imágen no te olvides de presionar Shift mientras empujas desde cualquiera de las cuatro esquinas.
paso4
paso4a

Paso 5

Necesitaremos una imágen mas, para descargarla da clic en la miniatura de abajo e irás a la página de descarga.
paso5

Paso 6

Este paso es un poco complicado o más bien tedioso pues toma bastante tiempo, toma la herramienta Lazo Poligonal y haz una selección mas o menos así.
paso6

Luego presiona Ctrl+J y tendrás algo así.
paso6a

Traslada esta capa a nuestro escenario inicial y redimensiona la capa de la misma manera del paso 4.
paso6b

Paso 7

Vamos a reorientar la capa que recién agregamos, para eso da clic sobre la capa y luego ve a Edición | Transformar | Rotar 180°.. vuelve a redimensionar la capa un poco más pequeña.
paso7
paso7a
paso7b

Paso 8

Verifica que la capa del árbol este sobre la capa de las rocas y luego con el lazo poligonal o la pluma haz una selección en la capa del árbol de la siguiente forma.
paso8
Presiona Ctrl+Shift+I para invertir la selección y presiona Backspace.

Paso 9

Ubica con cuidado la capa de las rocas buscando la mejor posición para que ambas capas se junten, depués de un poco de tiempo lograrás ubicarlas de la mejor forma y seguramente tendrás que borrar pequeñas partes de ambas capas, después de unos minutos probando mi imagen quedo así.
paso9

Con un borrador de bordes suaves borra los bordes definidos de la capa del árbol en la parte donde esta se mezcla con la de las rocas, te dejo un acercamiento a mi composición, además no dejes ángulos muy agudos en el área del cielo.
paso9a

Paso 10

Ahora toma la herramienta Sub-Exponer Color y aplicala en ambas capas en el área donde se juntan así.
paso10

Paso 11

Da doble clic en la capa de las rocas y aplica Resplandor interior de la siguiente manera.
paso11

Paso 12

Da clic sobre la capa del árbol y presiona Ctrl+M y aparecerá el cuadro de dialogo Curvas, aplica una curva como la ves en la imagen inferior.
paso12

Paso 13

Descarga las siguientes texturas y agruega cualquiera la que más te guste al tope de todas las capas de la composición, luego cambia el modo de fusión a Multiplicar y ajusta la Opacidad al 20% ó 30%.
paso13

Resultado

final

Palabras Finales

Se que el resultado no es asombroso, pero si te das cuenta has usado herramientas que casi nunca usas, como la Herramieta Gama de Colores, SubExponer Color o la Curva, además es un buen tutorial para desarrollar tu creatividad viendo en fotos normales las partes de una composición más compleja.


Acerca del Autor

Samuel Bran es estudiande de Diseño Gráfico, tiene una gran pasión por el diseño gráfico y web, fan de Adobe y la edición de video. Originario de El Salvador, autor y creador de Photodesigner.Net un blog dedicado a publicar Tutoriales en Español para Adobe Photoshop, Recursos e Inspiración.

16 Comentarios en “Tutorial: Como Hacer Una Isla Flotante.”

  1. Edwin de la Cruz Dijo:

    07.2.2009

    Bien, amigo como terminas en tus palabras finales, muchas veces decimos saber usar un programa, pero en realidad hay muchas cosas que en este caso Photoshop tiene, particularmente me gusta trabajar con la gama de colores, para seleccionar un color, crear una mascara, o calar piezas con detalles, como el cabello y en tu caso el arbolito, no siendo claro la única forma de seleccionar, bueno tu también lo sabes… Buen tutorial. Es la 1ra vez que entro a curiosear en tu blog, exelente.

    Saludos

  2. Samuel Dijo:

    07.2.2009

    Gracias por tu comentario Edwin, tienes razón en todo lo que dices, con la amplia variedad de herramientas que Photoshop ofrece el dilema es cual de ellas utilizar en cada situación, una ventaja y desventaja a la vez, por eso recomiendo leer tutoriales que enseñen a usar las herramientas de Photoshop y no solo efectos especiales.

    Gracias por tu comentario. Saludos!.

  3. eL_PiShon Dijo:

    07.3.2009

    Esta muy bueno el tutorial, como tu dices no queda un efecto superdetellado pero aprendes a usar muchas herramientas que muchas veces no tomamos en cuenta, Saludos.

  4. Srivas » Blog Archive » Crea una isla flotante con photoshop Dijo:

    07.4.2009

    [...] Samuel Bran Categories : Diseño Me dió muchas ganas de mostrarles este tutorial, creado por Samuel Bran ya que ademas de ser un muy buen tutorial y muy sencillo tiene unas muy ciertas palabras finales. [...]

  5. Cómo hacer una isla flotando en el cielo Dijo:

    07.6.2009

    [...] Leer el tutorial: Cómo hacer un efecto fotográfico de una isla flotante [...]

  6. Martin Dijo:

    07.19.2009

    Me parecio extraordinario , me inicio apenas en el manejo de Photoshop y este tutorial me pareció perfecto con el me familiarise mucho con la herramienta es perfecto para dar continuidad a las bases que tenemos aunque estas sean pocas.

  7. Samuel Dijo:

    07.19.2009

    Gracias por todos sus comentarios son realmente gratificantes, siempre que los leo me dan ganas de seguir escribiendo tutoriales.

    Un saludos a todos!.

  8. caosjam Dijo:

    08.12.2009

    Parece que forma tan bakana tan buena de enseñar Photoshop y estos tutoriales son muy útiles gracias.

  9. Ansor13 Dijo:

    08.24.2009

    Que gran tutorial, de una me voy a hacerlo. Gracias.

    Me preguntaba si podria subir el tutorial a mi blog??? De nuevo gracias.

  10. Tutorial “Isla Flotante” « Ansor13 Dijo:

    08.24.2009

    [...] Via | Tutorial Isla Flotante [...]

  11. SamP0rtillo Dijo:

    09.2.2009

    Hola! buen blog!! el tutorial es muy bueno, solo un pequeño detalle.. siento que la isla deberia de star “flipeada” por que no da la luz q tiene la montaña con la gramita..

  12. Isa Dijo:

    09.11.2009

    Muy bien tutorial, acabo de conocer tu página y me ha encantado, hay muy pocas páginas como estas en español :)

  13. marcos Dijo:

    11.14.2009

    Naaa de pana que buen tutorial eso se esta usando mucho en la tv que bueno de verdad felicitaciones muy buen blog

  14. AleeX Dijo:

    04.10.2010

    Gracias amigo, oyee amigo! una pregunta ojala y tengas una respuesta ya que tu estudias Diseño grtafico, mira yo tengo esa pasion de ser Diseñador grafico y ya llevo la decicion de estudiar esa carrera… en los efectos de video es igual diseño grafico o seria más estudio? son como los efectos de el futbol (ejemplo) es muy padre lei que ak en mis estado en tabasco mexico, se estudia una carrera asi: “Licenciatura en diseño grafico y multimedia” la verdad me gustaria saber si eso incluye los efectos de video… o cual seria ese elemento para estudia el video… ojala y me respondas llevo algo de dias en buscar una respuesta…
    que tengas buen dia… ya mi correo te lo e publicado pero lo haré de nuevo aki: es TmasterX94@iambad.in
    Gracias por tu atención y estaré visitanto tu .net mas seguido…

  15. 20 Excelentes Tutoriales de Photoshop en Castellano Dijo:

    04.13.2010

    [...] Cómo hacer una isla flotando en el cielo [...]

  16. JovanyCamara Dijo:

    05.6.2010

    Hola Samuel quiero felicitarte por tu blog y los tutoriales, estaba echando un vistazo en algunos sitios y me encontre con el tuyo, amigos mios han aprendido de ti. Saludos y buena suerte.

Deja un Comentario