Tutorial: Como Hacer Una Isla Flotante.
Publicado por Samuel | 07.1.2009Tutoriales
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.


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í.

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.

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.

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.
![]()

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í.

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.


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.

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í.

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

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

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.



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.

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í.

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.

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

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

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.

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%.

Resultado

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.









16 Comentarios en “Tutorial: Como Hacer Una Isla Flotante.”
Edwin de la Cruz Dijo:
07.2.2009Bien, 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
Samuel Dijo:
07.2.2009Gracias 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!.
eL_PiShon Dijo:
07.3.2009Esta 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.
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. [...]
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 [...]
Martin Dijo:
07.19.2009Me 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.
Samuel Dijo:
07.19.2009Gracias por todos sus comentarios son realmente gratificantes, siempre que los leo me dan ganas de seguir escribiendo tutoriales.
Un saludos a todos!.
caosjam Dijo:
08.12.2009Parece que forma tan bakana tan buena de enseñar Photoshop y estos tutoriales son muy útiles gracias.
Ansor13 Dijo:
08.24.2009Que gran tutorial, de una me voy a hacerlo. Gracias.
Me preguntaba si podria subir el tutorial a mi blog??? De nuevo gracias.
Tutorial “Isla Flotante” « Ansor13 Dijo:
08.24.2009[...] Via | Tutorial Isla Flotante [...]
SamP0rtillo Dijo:
09.2.2009Hola! 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..
Isa Dijo:
09.11.2009Muy bien tutorial, acabo de conocer tu página y me ha encantado, hay muy pocas páginas como estas en español
marcos Dijo:
11.14.2009Naaa de pana que buen tutorial eso se esta usando mucho en la tv que bueno de verdad felicitaciones muy buen blog
AleeX Dijo:
04.10.2010Gracias 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…
20 Excelentes Tutoriales de Photoshop en Castellano Dijo:
04.13.2010[...] Cómo hacer una isla flotando en el cielo [...]
JovanyCamara Dijo:
05.6.2010Hola 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.