gratiszona

efecto caja en photoshop

en este tutorial vamos a realizar una caja en la que colocaremos una imagen que bien podria ser un fondo, en este caso una imagen que encontre por esos caminos de internet y que creo podemos utilizarla para este ejemplo.
como la imagen es un poco mas grande de lo que necesitamos, aprovechamos la ocasion, para explicar como reducir el tamaño de una imagen sin perdida de calidad con photoshop. recuerda que despues de una reduccion es convenirte la utilizacion de algun filtro para mejorar la imagen.
para reducir la imagen tienes dos opciones en el menu de photoshop:
primera: imagen, tamaño de imagen, (restringir proporciones) segunda: ayuda, redimensionar imagen, en linea
una vez redimensionada la imagen a la medida que nos interesa, la guardamos, para utilizarla despues. abrimos photoshop y nos vamos como de costumbre a archivo, abrir, apareciendo por defecto la carpeta de mis imagenes y localizamos la imagen a utilizar y que habiamos guardado con anterioridad.
lo primero que vamos a hacer es separar la parte derecha de la imagen, que es la que utilizaremos para el lateral de la caja. para ello usamos la herramienta de seleccion y seleccionamos la aparte que queremos separar. luego edicion, copiar o bien ctrl+c y luego edicion, nuevo o ctrl+n y se abrira un nuevo archivo que por defecto sera de las mediadas de la imagen que hemos copiado. aplicamos el comando de pegar ctrl+v, guardamos la imagen con el nombre de 'lateral'. La misma operacion la realizamos con la otra parte de la imagen y la guardamos con nombre 'frontal'
bien, ahora nos encontramos con dos imagenes que seran las que utilizaremos para la realizacion de la caja.
   
para la realizacion o composicion de la nueva imagen (caja) debemos utilizar una primera capa de fondo transparente y con medidas mayores de las imagenes que tenemos. Como nuestras imagenes suman 307 px de ancho entre las dos , utilizaremos 400 px en el nuevo archivo y le daremos una altura de 300 px. nos vamos al menu archivo, nuevo, medidas 400x300 px, fondo transparente.
una vez abierto el nuevo archivo, nos vamos al menu archivo, abrir y localizamos las dos imagenes 'lateral' y 'frente', las abrimos y las pegamos (previa seleccion y copiar) en la primera capa de fondo transparente.
(haz clic sobre la imagen para ampliar)
nos vamos al menu seleccion (teniendo la capa 'lateral' activa) y seleccionamos la imagen lateral, luego nos vamos a edicion, transformacion, perspectiva y realizamos el desplazamiento colocando el puntero en el vertice inferior izquierdo y manteniendolo presionado, lo desplazamos verticalmente hacia abajo.
realizamos la misma operacion pero con la imagen 'frente'. seleccionamos la capa activa 'frente', luego seleccionamos la imagen seleccionar todo, invertir y aplicamos: edicion, transformacion, perspectiva, tomando en cuenta que debemos hacer coincidir los dos vertices (inferior y superior) de las imagenes al mismo nivel. para ello puedes utilizar las cuadriculas y la ampliacion de las imagenes.
ahora seleccionado la capa 'frontal' desplazamos la imagen hasta hacerla coincidir con el lateral de la imagen 'lateral'.
 
ahora para darle una mayor sensacion de realismo a la perspectiva de la imagen, le colocaremos una sombra. para ello debemos crear una nueva capa, rellena de color y situarla detras de las otras dos capas. asi que nos vamos al menu capa, nueva capa y la rellenamos del color que escojamos. con la herramienta de lazo poligonal creando la proyeccion de la sombra y la rellenamos de color negro.
deseleccionamos y nos vamos al menu filtro, desenfocar y aplicas el desenfoque que consideres oportuno para la sombra.
          
ahora creamos una nueva capa del color que te parezca conveniente para colocarlo de fondo, pero lo haremos un poco mas artistico de lo normal y le daremos un porcentaje de opacidad adecuado.
podemos darle un poco mas de realismo al conjunto de la imagen utilizando estilos de fusion en algunas de las capas. pero como ya es muy largo el tutorial, lo dejo a tu imaginacion.

Mas sobre efecto:

Tal vez te interese sobre trucos photoshop: