gratiszona
Estas en: gratiszona >> fotografia digital >> trucos photoshop

trucos photoshop: efecto caja

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.

















animacion
trucos photoshop: animacion de texto con efecto disperso en imageready
trucos photoshop: animacion de texto con efecto blur en imageready
 articulos relacionados
trucos photoshop: convertir una fotografía en un dibujo
trucos photoshop: cristalizacion esferica
trucos photoshop: degradados  
efecto
trucos photoshop: efecto plastico
trucos photoshop: efecto caja
trucos photoshop: efecto de anillos
trucos photoshop: efecto metalico
trucos photoshop: energia radial
trucos photoshop: expandir imagen con imageready
trucos photoshop: explosion espacial
trucos photoshop: humo de  cigarrillo
trucos photoshop: pantalla tv
texto
trucos photoshop: texto difuminado y similar
trucos photoshop: texto efecto flash 
trucos photoshop: texto granulado
trucos photoshop: texto neon
trucos photoshop: textura animada
traduccion español ingles menus photoshop



Actualizado: 06/11/2008


Si has encontrado esta web de tu agrado, ¡ diselo a tus amigos ! Nos ayudas a cubrir gastos si con un simple SMS te bajas a tu movil un logo, un tono o una melodia polifonica desde:

www.gratiszona.com/moviles
www.conmovil.com


¿Quieres LIGAR? Envía un mensaje con la palabra LIGAR.592 al 5511 y comienza a ligar y hacer amigos. ¡ASI DE FACIL!. OJO: no te equivoques al escribir o no funcionara








· ·

 apuntes
 autoayuda
 bolsa
 bricolage
 chistes
 deportes
 email
 empleo
 fotografia digital
   accesorios
   baja programas
   errores frecuentes
   glosario
   haz buenas fotos
   tecnicas
   tipos de camaras
   trucos photoshop
 marcas movil
 mascotas
 motor
 moviles
 mp3
 ocio
 pisos
 plantas
 programas
 recetas
 sabiasque
 salud
 thermomix
 tienda
 timos
 trucos
 trucos juegos
 virus y seguridad
 webmaster

Ir a inicio  Añadir a favoritos  recetas de cocina  moviles y juegos
Google