Si quieres darle sombra interior a una imagen en tu página web, no es necesario recurrir a un editor de imagines. Es posible hacerlo con CSS, utilizando la propiedad que además es compatible con Webkit (Safari & Chrome), Firefox, Opera, and IE9, por lo que no hay razón para dejar de aprovechar.
Es como agregar un efecto viñeta a las fotos (con Photoshop).
<div class="vigneta">
<img src="fiesta.png" alt="fiesta" class="foto_auto"/>
</div>
.vigneta{
box-shadow:inset 0px 0px 85px rgba(0,0,0,.5);
-webkit-box-shadow:inset 0px 0px 85px rgba(0,0,0,.5);
-moz-box-shadow:inset 0px 0px 85px rgba(0,0,0,.5);
}
img.foto_auto{
z-index: -1;
position: relative;
}
Este es el resultado:
