Tutorial: crea asombrosos mundos utilizando panoramas polares

Ayer les contábamos en este post acerca de una sencilla técnica denominada "Panoramas Polares" que nos permitía crear asombros planetas en miniatura a partir de una fotografía panorámica. Hoy veremos cómo crear uno de estos mágicos mundos

¿Como crear tu propio mundo?

Los pasos para lograr estos maravillosos mundos de fantasía son básicamente: Tomar una foto panorámica, modificarla, y aplicar el filtro de Photoshop Distorsionar> Coordenadas Polares. Le dejo un pequeño tutorial para que puedan crear sus mundos de fantasía, en simples pasos.
Al seleccionar una foto para empezar a trabajar se deben tener las siguientes cosas en mente:

• Las fotografías panorámicas o paisajes recortados deben tener una relación de aspecto por lo menos 2:1 (el ancho debe ser de al menos dos veces la altura) para que la técnica funcione mejor. Las fotos más anchas son las mejores.
• La parte inferior (abajo del 25% o menos) de la foto debe tener muy pocos detalles (por ejemplo, arena, asfalto, agua). Esta zona se convertirá en el centro del planeta y se distorsionará más.
• La zona alta (superior al 25%) de la foto también debe contener pocos detalles, de preferencia ser de un solo color (por ejemplo, cielo azul, cielo nocturno, etc)
• Los bordes izquierdo y derecho de la foto deben ser lo más similares posibles. (Siempre es así en panoramas de 360º)
• El horizonte debe ser exactamente horizontal. Los bordes izquierdo y derecho de la foto se unirán de modo que si el horizonte está a diferente altura el planeta tendrá una gran grieta en la superficie.

Vamos a ver dos ejemplos: el primero utiliza un panorama sencillo, el segundo un paisaje que debemos procesar antes de proceder con el tutorial.
Es más sencillo trabajar con un panorama de 360 grados, así que vamos a empezar con esta foto panorámica de San Francisco tomada de la Coit Tower:

Paso 1: Cambiar el tamaño y girar

Lo primero que debemos hacer es preparar la imagen para el filtro Cordenadas Polares. Para ello estiramos la altura de la imagen para que coincida con el ancho

Seleccionamos Imagen> Tamaño de imagen. Desactivamos la opción "Restringir Proporciones" y establecemos la altura en el mismo valor que el ancho. A continuación, giramos la imagen 180 grados. (Imagen> Rotar lienzo> 180)

Al finalizar tendremos una imagen similar a la siguiente:

Paso 2: Aplicar el filtro de Coordenadas Polares

A continuación, aplicaremos el filtro de Coordenadas Polares para ajustar nuestra imagen en una esfera.

Seleccionamos Filtro> Distorsionar> Coordenadas Polares en los menús y en el cuadro de diálogo resultante, seleccionamos la opción "rectangular a Polar".

Como se puede ver que estamos 90% del camino!:

Planeta San Francisco, casi completo!

Fácil, ¿verdad? Ahora para algunos toques ...

Paso 3: Rotación y limpieza

El resto es sólo un poco de trabajo del cuarto oscuro digital: Giramos el planeta a nuestro gusto, ajustamos el contraste y los colores, limpiamos el cielo y los bordes donde el borde izquierdo y derecho de la imagen se reunieron. (El tampón de clonar y Pincel corrector pueden ser útiles aquí)

Eso es todo!

Más avanzada: Planeta Venecia
Esta técnica se aplica de manera más efectiva cuando los planetas son creados usando panoramas, pero para este segundo ejemplo vamos a utilizar la siguiente foto de la Isla de Venecia San Girgio Mayor. Las islas se adaptan especialmente bien para la planetización porque los bordes izquierdo y derecho de las imágenes son fáciles de hacer coincidir, sólo hay que asegurarse de que el horizonte está nivelado.

Recortar y enderezar

Como no estamos comenzando con una panorámica de 360 grados, tendremos que hacer un trabajo extra antes de que podamos seguir los pasos explicados anteriormente.

En primer lugar hemos de recortar y enderezar la imagen para que el horizonte sea absolutamente horizontal. Utilizamos para ello la herramienta de recorte de Photoshop que puede hacer ambas cosas en un solo paso.

En primer lugar, debemos asegurarnos de que nuestra selección de recorte sea paralela al horizonte. Seleccionamos la herramienta Recortar y seleccionamos un área plana rectangular de la foto. Movemos el cursor justo en las afueras del borde del área seleccionada de manera que el cursor cambie a dos flechas. Hacemos clic en el botón del ratón y nos permitirar girar la superficie a recortar.

Podemos mover el borde superior de la selección para que coincida con el horizonte y así poder inspeccionar la rotación de cerca. Momos y rotamos la selección de recorte hasta que el borde superior y su horizonte sean paralelos, pero no recortemos la foto todavía.

Ahora debemos asegurarnos que la parte izquierda y derecha de la selección coincidan. Buscamos áreas de la derecha y la izquierda en las que los edificios tengan la misma altura:

Movemos los bordes derecho e izquierdo de la selección hasta estos bordes coincidentes. Por último, ajustar la parte superior e inferior de la selección para que su línea del agua esté más o menos en el centro de la foto recortada:

Hacemos doble clic en la imagen para aceptar el recorte y nuestra foto ya está lista para la transformación! Sólo debemos seguir los pasos descriptos anteriormente para crear el planeta.

Aquí está el resultado final:

Comparte este artículo:

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Cómo bajar videos de Youtube sin software adicional

Encontramos un video en Youtube que queremos guardar en nuestro disco para verlo cuando querramos, pero no queremos andar probando con alguno de los tantos programitas que andan circulando para descargar videos del gran sitio de Google. Entonces, simplemente seguimos estos pasos

1. Entramos al video que nos interesa, por ejemplo http://www.youtube.com/watch?v=AHhjMHFrEBc
2. Cambiamos la "y" de "youtube" por un número 3. Nos va a quedar http://www.3outube.com/watch?v=AHhjMHFrEBc y damos enter
3. Nos aparece una página con varias opciones para descargar el video en
   MP4(SD)      MP4(HD)      FLV(LQ)      FLV(HQ)      FLV(HD)      AVI      MP3
4. Hacemos clic en el formato que nos interese descargar el video y voilá! tenemos el video en nuestra PC

Comparte este artículo:

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Tutorial: Luces de Neón

En este tutorial vamos a explicar como crear un atractivo efecto de luces en Photoshop. Vamos a utilizar estilos de capa y modos de fusión para simular texto de neón.
El resultado al que queremos llegar es el siguiente:

Paso 1
Abrimos un nuevo documento en Photoshop. Yo utilicé 1920x1200 pixels de dimensiones. Pueden utilizar los valores que ustedes quieran pero puede que tengan que variar los parámetros de los filtros que utilicemos más adelante
Cargamos en el documento nuestra imagen de fondo que es la siguiente textura de ladrillos

Descargar textura

Paso 2
Con la capa de la textura de ladrillos seleccionada creamos una capa de ajuste de Tono/Saturación (o aplicamos Imagen, Ajustes, Tono y Saturación, lo que más les guste). Utilizamos 0 para el tono, 45 para la saturación y -85 para la luminosidad

Paso 3
Agregamos una nueva capa por encima de las anteriores. Nos aseguramos que tenemos blanco y negro como colores seleccionados y vamos a Filtro, Interpretar, Nubes.
Con la herramienta Borrador (E) con un pincel blando eliminamos las areas cercanas a los bordes dejando sólo las nubes del centro de la imagen. Luego cambiamos el modo de fusión a Sobreexponer color.

 

 

Paso 4
Con la herramienta de texto y utilizando una fuente que nos guste (tener en cuenta que las letras van a ser tubos de luz al seleccionar la fuente) escribimos el texto que queremos en el cartel luminoso. Yo utilicé una fuente de 80px; si varían este valor puede que luego tengan que ajustar algún parámetro de los modos de fusión. El color que utilicé es 1a99f1 (un celeste brillante) pero pueden cambiarlo a su antojo. También pueden variar al finalizar el trabajo el color para probar otras variantes.

Paso 5
Creamos una copia de la capa de texto. Seleccionamos la capa de texto que se encuentra por debajo y vamos a Filtro, Desenfocar, Desenfoque Gaussiano. Cuando nos pida rasterizar la capa le damos OK. Utilizamos un valor de 15px como radio del desenfoque

Paso 6
Ahora vamos a aplicar estilos de capa a la capa de texto superior (la que está sin rasterizar). Para ello hacemos doble clic sobre la capa en el panel de capas. Vamos a aplicar Opciones de Fusión, Sombra Paralela, Sombra Interior, Resplandor Exterior, Bisel y Relieve y Superposición de colores. Este paso es más fácil verlo con las pantallas, copien todos los valores que se muestran a continuación.

 

  

  

  

  

  

El resultado final debería ser similar a la siguiente imagen

 

Paso 7
Duplicar la capa que tiene los estilos aplicados y reducir la opacidad al 50%. Esto acentúa el efecto de las luces de neón.

Paso 8
Sobre la copia superior, hacer clic con el botón derecho y seleccionar "Borrar estilos de capa" para volver a tener el color original, sin efectos. Ir a Filtro, Desenfocar, Desenfoque Gaussiano, y luego de aceptar la rasterización de la capa aplicar un desenfoque de 100px de radio.

Paso 9
Cambiar el modo de fusión de esta capa superior (desenfocada) a Sobreexponer Color.

Paso 10
El efecto está listo, pero el texto está "flotando" sobre la pared. Es necesario "sujetar" los tubos a los ladrillos. Para ello creamos una nueva capa por debajo de todas las capas de texto y por encima de la capa con nubes. En esta capa, utilizando un pincel negro con dureza 100% y del ancho aproximado de la fuente que utilizamos para los tubos de neon, creamos al menos dos soportes para cada letra. Estos soportes serán simplemente lineas rectas. Podemos ver un ejemplo en la siguiente imagen

Paso 11
Abrimos los estilos de capa de la capa que contiene los soportes (doble clic sobre la capa correspondiente en el panel de capas). Aplicamos Bisel y relieve con los valores que se muestran a continuación.

Paso 12
Por último, creamos una nueva capa por debajo de la capa con los soportes y utilizando un pincel negro, con dureza de 0% creamos unas sombras debajo de cada soporte.

Les dejo el documento PSD con el trabajo completo

Descargar PSD

Comparte este artículo:

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Tutorial: Ojo Dark

En este tutorial realizaremos un ojo con estilo dark y aprenderemos a utilizar gradientes y modos de fusión.

Las imagenes de stock que utilizaremos son las siguientes (Ojo tomado de la galería de Kitty de DeviantArt y las texturas de SXC)

• Textura 1 (Clavos)
  
• Textura 2 (Óxido)
  
• Ojo
  

Los pasos son los siguientes:

1. Crear tres capas con las imagenes a utilizar en el orden que se indica Textura 1 arriba, Textura 2 al medio y el ojo como última capa. Ocultar todas las capas, menos el ojo y crear una nueva capa sobre éste (entre el ojo y la textura 2)

2. Utilizar el pincel sobre el globo ocular con blanco, opacidad y flujo alrededor de 40-50%. Cambiar el modo de fusión de esta capa a Subexponer y combinar hacia abajo.

3. Duplicar la capa del ojo modificada y ocultar la copia. Sobre el original, ir a Imagen, Ajustes, Tono/Saturación y utlizar los siguientes valores:
Tono - 207
Saturación - 57
Luminosidad - +10
Con la casilla "colorizar" marcada

4. Hacer visible la copia del ojo, ir nuevamente a Tono/Saturación y bajar la saturación a un 60%, sin marcar "Colorizar"

5. Para hacer al ojo más vívido, agregar una máscara de capa sobre la copia del ojo. Con un pincel negro, flujo y opacidad a un 50-60% enmascarar el iris, evitando tocar la pupila.

Debería ir quedando algo así:

6. Ahora agregamos la textura 1, la voy a llamar "Oxido". Cambiar el modo de fusión a "Subexponer" y agregar una máscara de capa. Asegurarse que los colores sean blanco (frente) y negro (fondo) (presionar la D para establecerlos) y seleccionar la herramienta Gradiente

7. En la máscara de capa, utilizar el gradiente y cliquear, arrastrar y soltar aproximadamente como puede verse a continuación:

8. Duplicar esta capa, cambiar el modo de fusión a Luz Lineal y reducir Relleno al 75%. En esta copia llenar la máscara con un gradiente como el que puede verse a continuación

9. Hacer visible los clavos en la madera (lo voy a llamar Clavos). Cambiar el modo de fusión a Subexposición Lineal, 90% de opacidad y alrededor de 70% de Relleno. Agregar una máscara de capa y utilizar aproximadamente estos puntos:

10. Agregar una capa de ajuste de Brillo y Contraste. Utilizar aproximadamente 14 de brillo y +10 de contraste

11. Finalmente combinar todas las capas y con la herramienta sobreexponer, 50% de Tonos medios, pasar alrededor del área de luz en el rincón inferior izquierdo. Quemar también un poco a la derecha.

El resultado final es el siguiente:

Comparte este artículo:

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Enderezar una fotografía con Photoshop

Muchas veces nos sucede que cuando sacamos una fotografía nos queda un tanto inclinada, sea porque colocamos mal el trípode o porque al gatillar movemos la cámara. Lo que antes era un problema, puede corregirse fantásticamente con Photoshop
Esta es la fotografía original que utilizaremos para este tutorial

Luego de abrir Photoshop, vamos a la herramienta Regla, que se encuentra escondida baja la herramienta Cuentagotas (mantener presionado el mouse para que se despliegue el menú oculto)

Luego, dibujamos una linea que se corresponda con la inclinación que tiene la fotografía. Como esta fotografía se encuentra ligeramente sesgada a la derecha, dibujamos un pequeño ángulo comenzando desde el rincón inferior derecho y moviendo ligeramente hacia arriba a la izquierda

Luego seleccionamos Imagen, Rotar Lienzo, Arbitrario. Photoshop automáticamente va a calcular el ángulo de rotación basándose en lo que dibujamos con la herramienta Regla. Hacemos clic en OK y la imagen se rotará. El resultado es el siguiente:

Podemos ver espacios blancos a lo largo de los bordes de la fotografía, ya que el lienzo y la imagen están orientados de forma diferente. Es necesario entonces recortar la fotografía (utilizando la herramienta Recortar o utilizando una selección rectangular y luego Imagen, Recortar) para eliminar estos espacios.

Alternativamente,  nos podemos poner un poco artísticos y colorear los espacios blancos para decorar un poco la fotografía

Comparte este artículo:

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Tutorial: Colorido efecto luminoso

En este tutorial crearemos un efecto luminoso que puede servir de fondo para un banner, una firma o un header de un sitio web. Los pasos son los siguientes:

1. Crear un nuevo documento del tamaño deseado. Para este ejemplo utilizamos 1920x1200 pixels. Luego, llenar la capa de fondo con un gris oscuro (#121212)

 

2.Con la herramienta Rectángulo (U) crear un rectángulo en el medio, atravesando la imagen de izquierda a derecha. Usar color blanco.

3. Si utilizan Photoshop CS4, convertir el rectángulo a un Objeto Inteligente para poder aplicar filtros inteligentes. Luego ir a Filtro, Desenfocar, Desenfoque Gaussiano. Utilizar 10 pixeles para el Radio

 

4. Agregar otra capa y luego con la herramienta Pincel (B), utilizar un pincel muy suave, con 0 de dureza. Seleccionar blanco como color y comenczar a pintar algunos puntos. Utilizar las teclas [ y ] para reducir la opacidad del pincel. De esta forma será posible crear más variaciones.

Luego seleccionar la capa del rectángulo y la capa que acabamos de pintar e ir a Capa, Agrupar Capas. Las capas se colocarán en una carpeta en el panel de Capas. Cambiar el modo de fusión de esta carpeta a Sobreexponer color

 

5. Agregar una nueva capa sobre la capa de fondo pero debajo de las demás capas. Luego, rellenar esta capa con cualquier color e ir a Capa, Estilo de Capa, Superposición de degradado. utilizar Multiplicar para el modo de Fusión, 90% para la opacidad, 180º para el estilo y para los colores utilizar púrpura, rojo, amarillo y verde. También en las Opciones de Fusión, cambiar la Opacidad de Relleno a 0. De esta forma la capa sólo tendrá la superposición de degradado.

Luego de este paso debería ser posible ver ya un bello y colorido fondo.

 

6. Crear una nueva capa, sobre la capa de gradiente y debajo de las demás. Luego ir a Filtro, Interpretar, Nubes. Asegurarse que está seleccionado el negro y el blanco como colores de fondo y frente. Luego del filtro de nubes, ir a Filtro, Desenfocar, Desenfoque Gaussiano. Utilizar 20 pixeles para el radio. Cambiar el modo de fusión a Luz Suave, luego con la herramienta Borrador (E) y utilizando un pincel muy suave, eliminar partes de la capa. La idea es hacer el gradiente menos uniforme, como si fuese humo.

7. Crear un nuevo documento utilizando 100 pixeles para el ancho y 10 pixeles para la altura. Cambiar el tamaño la capa de fondo de tal forma que sea la mitad de la altura, 5 pixeles. Seleccionar todo e ir a Editar, Definir patrón. Darle un nombre cualquiera y dispondremos de un patron a rayas.

Nuevamente en nuestro diseño, agregar una nueva capa sobre el fondo pero debajo de las demás, Luego con la herramienta Bote de Pintura (G) cambiar el tipo para el frente a "patrón". Seleccionar el patron a rayas que acabamos de crear y rellenar la capa con él. Luego cambiar la opacidad al 2% e ir a Filtro, Desenfoque, Desenfoque Gaussiano. Utilizar 2 pixeles para el radio

Comparte este artículo:

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•