Foros del Web » Creando para Internet » Diseño Gráfico »

Imagen sobresaliente...

Estas en el tema de Imagen sobresaliente... en el foro de Diseño Gráfico en Foros del Web. Hola maestros, quisiera saber si me pudieran explicar, como se hace el efecto en las páginas de html...usando claro está css...para hacer que una imagen ...
  #1 (permalink)  
Antiguo 03/03/2008, 15:30
 
Fecha de Ingreso: diciembre-2007
Ubicación: Frente al ordenador...
Mensajes: 139
Antigüedad: 10 años
Puntos: 1
Imagen sobresaliente...

Hola maestros, quisiera saber si me pudieran explicar, como se hace el efecto en las páginas de html...usando claro está css...para hacer que una imagen insertada sobresalga de un margen...pero sin afectar al texto que la acompaña...

www.templatehelp.com/preset/pr_preview.php?i=18658&pr_code=5w52z65746tCIw3sN4W WbbV0g8194M

Gracias...
__________________
----------------------------------------------------------
Algunas cosas simplemente son bellas...por que uno no puede tenerlas...
  #2 (permalink)  
Antiguo 03/03/2008, 16:30
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Imagen sobresaliente...

diria qeu ese efeto de sobresalir es parte del photoshop.
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 03/03/2008, 19:47
 
Fecha de Ingreso: febrero-2008
Mensajes: 62
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: Imagen sobresaliente...

Igualmente pienso que es un grafico que contiene el fondo y la foto de la mujer.
Para lo anterior, usando CSS: seria de definir dicha imagen como background del elemento (una capa preferiblemente).

Ahora, si se quiere ir a mas extremos, en mi opinion podria hacer de la siguiente forma:
Creas una capa con solo el background (sin la foto de la chica).
Luego, con posicionamiento absoluto, colocar la imagen de la chica (seria en formato PNG preferiblemente), con lo cual, te permitira rotar varias fotografias (digamos, otra chica, un hombre, etc) nada mas cargando imagenes PNG en cada pagina que visites.

Bueno, creo que no me estoy explicando muy bien, pero te dejo un articulo donde hablan sobre el "Uso Creativo de transparencia PNG"
http://www.digital-web.com/articles/...reativity_png/

Revisa la parte de ABC News.
  #4 (permalink)  
Antiguo 03/03/2008, 22:56
 
Fecha de Ingreso: diciembre-2007
Ubicación: Frente al ordenador...
Mensajes: 139
Antigüedad: 10 años
Puntos: 1
Re: Imagen sobresaliente...

Ea... gracias por responder...ahora bien, ese efecto de photoshop, saben donde lo puedo encontrar, o tutoriales de este...
gracias...
__________________
----------------------------------------------------------
Algunas cosas simplemente son bellas...por que uno no puede tenerlas...
  #5 (permalink)  
Antiguo 04/03/2008, 04:34
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Imagen sobresaliente...

bueno con photoshop es hacer un rectángulo, ahí metes como el banner, dejar un borde del mismo color y la imagen de la chica que sobresalga, si eso pregunta mejor en el foro de diseño gráfico o investiga por ahí
__________________
No diseñes usando tablas.
  #6 (permalink)  
Antiguo 04/03/2008, 09:56
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Imagen sobresaliente...

Movido al foro de Diseño Gráfico desde Css.

Saludos,
  #7 (permalink)  
Antiguo 04/03/2008, 13:24
Avatar de Roggers  
Fecha de Ingreso: septiembre-2006
Ubicación: Lima - Perú
Mensajes: 150
Antigüedad: 11 años, 2 meses
Puntos: 7
Re: Imagen sobresaliente...

Creas una Capa de color verde como en la imagen de ejemplo para el fondo

Luego ubicas otra capa rectangular mas pequeña ... tambien como el del ejemplo

Y por ultimo Ubicas la imagen de la chica ... claro contorneando la figura...

Y queda listo...

Solo es cuestión de ubicar bien las capas...

Pdta. Puedes dar el mismo color verde al fondo de tu pagina ... y de esta manera queda mejor el efecto que buscas...

Chausito
__________________
Forosdelweb.com & Foro-Creativo.com

mis dos casas virtuales...
  #8 (permalink)  
Antiguo 05/03/2008, 11:41
 
Fecha de Ingreso: noviembre-2005
Mensajes: 27
Antigüedad: 12 años
Puntos: 1
Re: Imagen sobresaliente...

Al hacer la composicion en photoshop has de cuidar que te quede en el mismo lugar para despues al particionar la imagen y maquetes con css quede exactamente en su sitio y de el efecto sobresaliente

Última edición por roc2107; 05/03/2008 a las 12:15
  #9 (permalink)  
Antiguo 05/03/2008, 18:54
 
Fecha de Ingreso: diciembre-2007
Ubicación: Frente al ordenador...
Mensajes: 139
Antigüedad: 10 años
Puntos: 1
Re: Imagen sobresaliente...

Lorian, podrías explicarme eso...de que quede exactamente igual??
__________________
----------------------------------------------------------
Algunas cosas simplemente son bellas...por que uno no puede tenerlas...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:46.