Levantar una esquina con Photoshop
No sabía un título mejor para la entrada de este tutorial. Básicamente lo que explicaré es como levantar una esquina, o las que queráis, a una foto usando el Photoshop. Mi Photoshop está en inglés, aunque en las imágenes os podéis guiar porque la colocación de los elementos será igual aunque lo tengáis en castellano. Sinceramente, lo prefiero en inglés porque la mayoría de guías y tutoriales de Internet están este idioma y me facilita mucho la tarea.
1. Lo primero que haremos será crear una nueva imagen de fondo transparente. Para ello seleccionamos “Archivo” > “Nuevo…” En mi caso voy a escoger una resolución de 500×375. Y en el fondo le indicaré que lo quiero transparente.

2. Ahora pinchamos en el menú “Capa” > “Nueva capa” (En inglés saldrá como “Layer”). Creamos la nueva capa y el menú de éstas, a la derecha, nos quedará como en la imagen que veis a continuación

3. A continuación abrimos la imagen a la que queramos levantar la esquina. Le cambiamos el tamaño para que ocupe menos de 500×375, por ejemplo 485×364, la copiamos y la pegamos en la ventana donde tenemos el fondo transparente con sus dos capas. Quedaría algo como esto de abajo (he puesto el cuadro de las capas ahí en medio para que se vea también).

4. Vamos a poner una sombra para cuando la esquina se levante quede ese efecto de sombreado debajo. Hay dos caminos para llegar al mismo objetivo. Uno es en el menú “Capas > Estilos de Capa > Sombra paralela” (Layer > Layer style > Drop Shadow, en inglés). Otra vía es pinchando con el botón derecho del ratón en el cuadro de capas, en la capa 2 (mirad el cuadro de la foto superior a este párrafo). En el menú contextual que se abre seleccionamos en “Opciones de fusión” (Blendings Options) y en el cuadro que saldrá entonces seleccionamos “Sombra paralela” (Drop Shadow). Las opciones deberían quedar algo como esto de abajo, aunque con la experiencia podréis probar a cambiarlas.

5. Separemos ahora la sombra que hemos creado. Para ello vamos a “Capas > Estilos de capas > Crear capa”. La sombra se separará, por así decirlo, de su imagen. Quedará en el cuadro de las capas algo así:

6. Teniendo seleccionada, de las tres que tenemos, la capa 2 (mirad la foto superior) nos vamos al menú “Edición > Transformar > Deformar” (Edit > Transform > Warp). Veréis que la imagen quedará dividida por parcelas. En cada esquina de la imagen hay un cuadrado. Pinchando sobre uno de ellos, en mi ejemplo sobre el inferior de la izquierda, podemos moverlo y crear el efecto de levantamiento. Cuando nos guste el resultado pulsamos la tecla “Enter” del teclado.

7. Finalmente guardamos la imagen en “Archivo > Guardar para web” y elegimos el formato PNG, pues el que mejor nos respetará la transparencia y el sombreado. Aunque el tamaño de la foto será más grande que en GIF, por lo que usaremos éste último si es para alguna web en la que tenemos límite de espacio. Este es mi resultado final (si usáis Internet Explorer puede que este tipo de imágenes no las veáis como son originalmente… chapuzas de ese navegador. Aprovecha y descarga Firefox).























