Comunidad de diseño web y desarrollo en internet

Fotografía Tilt-shift con Photoshop

En este pequeño tip crearemos una fotografía Tilt-shift con Photoshop; este tipo de fotografías consiste en lograr que una imagen que parezca una especie de maqueta, suelen ser fotografías aéreas ó simplemente que tengan un punto de vista elevado, por lo que necesitarás tomar la imagen desde algún lugar alto.

Si quieren algunos ejemplos, pueden ver álgunos ejemplos en Flickr ó una recopilación por parte de HongKiat.

Empezaré diciendo cómo debemos de tomar la fotografía.

No voy a decir que usen una cámara avanzada, ni que compren un lente especial ni nada de eso; usaremos una cámara común y corriente (OK, tiene que ser digital de preferencia, pero, ¿alguien siquiera conoce otro tipo de cámara?).

Qué es necesario para saber si mi montaje quedará bien


Desde el momento en que tomaremos la fotografía debemos saber que hacer para que no salga mal y el montaje se vea bien.

Básicamente se necesitan 3 cosas:

  • Un punto de vista elevado
  • Mucha gente ó tráfico (no de C_C :P )
  • Elementos pequeños (sillas, luces, árboles, etc.)
    Opcional: Edificios y/o casas

El punto de vista elevado es indispensable para que una fotografía tilt-shift se vea bien, pero si logras captar mucha gente y edificios puede que el resultado sea bueno.

Carros, trailers y gente, mucha gente ayudan a darle vida a tu maqueta.

Objetos como bancas, postes de luz, bicicletas, árboles, plantas vuelven creativa tu fotografía y más parecida a una maqueta.

Para este ejemplo usaré la siguiente imagen del Paseo de la Reforma en México:



Proceder a crear el efecto


Una vez que logremos tener la fotografía vamos a abrirla en Photoshop.

Lo primero que yo suelo hacer por seguridad es duplicar la capa (Ctrl+J) aunque si lo prefieres puedes no hacerlo.

Luego usando la herramienta marco rectangular (M) hacemos una selección en lo que es el área donde se concentra más la gente ó donde queremos aplicar el efecto:



En este caso la hago donde se concentra más la gente.

Luego de eso vamos al menú Selección » Perfeccionar borde…



Y lo configuramos al gusto, en este caso yo lo he hecho así:



Si lo desean, pueden guardar la selección.

Luego de esto invertimos la selección (Ctrl+Shift+I)…



…y vamos a Filtros » Desenfoque » Desenfoque Gaussiano, lo aplicamos al gusto, yo en este caso lo aplico con un radio de 10-15px



Ahora tenemos que cambiar las tonalidades y el contraste, por lo que damos click sobre el botón de un círculo mitad blanco y mitad negro, luego escogemos Tono/Saturación



Y cambiamos la saturación a +50, por lo que la imagen estará así:



Ahora aplicamos la capa de Brillo y Contraste y disminuimos el brillo a -10 y aumentamos el contraste a 50 (estos valores, así como el de saturación los puedes cambiar a tu gusto)

Tendremos una imagen mas o menos así:



Y por último si lo deseas, puedes aplicar una sombra para que la imagen se enfoque al centro, solo debes de tomar la herramienta de degrado y configurarla de un negro (#000000) 0% alfa a un negro un poco más claro (#0e0e0e) con 100% de alfa.

El degrado lo haces de forma radial con modo de sobreposición normal, con esto tenemos el resultado final:



Seguro que la imagen no se ve como las demás, pero esto se debe a que no tomé la foto correctamente, por ello mencioné que el punto de vista elevado toma un papel importante U_U

Puedes ver la imagen a tamaño completo en mi Flickr y si lo deseas puedes descargar el archivo .PSD

Como vieron es algo muy fácil a pesar de que es una técnica que se dice ser complicada ^^

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate