Tutorial: Perspectiva en Photoshop estilo libreria de iTunes

November 5th, 2009
Tutorial: Perspectiva en Photoshop estilo libreria de iTunes
  • Delicious

Hace tiempo me preguntaba cuales “leyes” de métrica seguían los diseñadores de Apple para lograr el efecto de perspectiva para librería de iTunes y en muchos anuncios impresos. Bueno, pues me puse a probar un poco y me di cuenta de algunos detalles que se necesitan para lograr esta simetria en tamanos, a continuación les dejo este tutorial acerca.

Primer paso:
Selecciona 5 o 7 imágenes con las que quieras trabajar, asegurate de que tengan tamaños regulares, por ejemplo, 300px por 300px.

paso 1

paso 2

Segundo Paso:
Coloca un cuadro negro encima de la primer imagen y aplica un efecto Blur hasta logar algo como en la fotografía de arriba.
Recorta el excedente. Una vez que tengas esta capa; duplícala conforme el numero de imágenes que vayas a usar y fusiona cada una con su respectiva capa oscura, esto nos va a servir para lograr el efecto de sombra proyectada mas adelante. No utilices esta capa oscura sobre la imagen que va a estar al frente, ya que no lo necesitamos.paso 2-2

Tercer Paso:
Selecciona todo el conjunto de capas y duplícalas, selecciona ctrl+t y aplica “flip vertical” de modo que el limite superior del duplicado de las capas formen un efecto de espejo.
Selecciona ambos conjuntos (los de arriba y abajo), en el menu “transformar” selecciona “Perspectiva” y hala de la punta superior izquierda hasta lograr el efecto perspectiva y la cantidad deseada.

paso 2-1

paso 3

paso 3-1


Cuarto Paso: Creando efecto de profundidad tridimencional:
Ahora bien, si tienes 5 imágenes como yo deberás seleccionar las cuatro primeras de izquierda a derecha y selecciona “Escalar” del menú “Transformar”, asegúrate de tener seleccionada el icono de la cadenita para que el efecto sea regular y teclea 90% en una de las casillas, automáticamente se aplica a la otra y presionas “Enter” o aceptar.
Ahora tienes estas cuatro imágenes 90% mas pequeñas que la primera imagen de derecha a izquierda. Repite los pasos pero esta vez solo seleccionas las tres primeras imágenes de izquierda a derecha, hazlo así sucesivamente hasta llegar a la primera imagen de izquierda a derecha.

paso 4

paso 4-1

paso 4-2

Quinto Paso: Difuminado
Selecciona el conjunto de las capas que crean el reflejo y fusiónalas seccionando ctrl+e o desde el menú “Edición”. Con la herramienta lazo (de selección), crea una línea diagonal desde la mitad del alto de la primera imagen izquierda y sigue hasta donde inicia la imagen grande del lado derecho y curva un poco la selección para crear el efecto de cercanía. Una vez seleccionados los pixeles presiona la tecla “suprimir” o ctrl+x (para cortar).

paso 5
paso 5-1

Listo, ya tienes tu efecto de perspectiva al estilo de Apple y la librería de iTunes. Espero sea de utilidad este turorial. Descarga el ejemplo del tutorial.

Tags: , , ,

Entradas Relacionadas: