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

Como hacer este efecto?

Estas en el tema de Como hacer este efecto? en el foro de Diseño Gráfico en Foros del Web. Saludos a todos... Yo quiero hacer este tipo de efecto y no me sale como yo quiero, al parecer tiene un cuadro degradado por encima ...
  #1 (permalink)  
Antiguo 06/04/2012, 14:03
 
Fecha de Ingreso: noviembre-2007
Mensajes: 403
Antigüedad: 16 años, 5 meses
Puntos: 26
Pregunta Como hacer este efecto?

Saludos a todos...

Yo quiero hacer este tipo de efecto y no me sale como yo quiero, al parecer tiene un cuadro degradado por encima del icono, pero esta al mismo tiempo difuminado, pero lo extraño es que no se ve el difuminado hacia abajo si no hacia arriba.

Bueno aqui le dejo la imagen a ver si algunos de ustedes sabe como hacerlo para que quede mas o menos asi.



Saludos y gracias desde ya...
__________________
Posicionamiento Seo | Views
  #2 (permalink)  
Antiguo 06/04/2012, 18:29
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.626
Antigüedad: 18 años, 5 meses
Puntos: 212
Respuesta: Como hacer este efecto?

Ok, breve explicación, hecho en PhotoShop CS:

* La imagen principal esta hasta abajo y las sombras por encima (arriba).

1.- Hice un rectángulo grande con la herramienta de selección rectangular y lo rellene de negro, está marcado como número 2.

A este le puse una mascara de capa y con un degradado (de negro a blanco) de arriba hacia abajo hice que quedara semi transparente arriba y más obscuro abajo.

Lo desenfoque un poco no mucho (un 2 ó 3 de desenfoque) puedes bajar un poco la opacidad de la capa.

2.- Ahora hice otro rectángulo del mismo modo que el anterior pero más delgado, marcado como número 1.

A este solo lo desenfoqué y le bajé la opacidad de la capa. y borre el area que pasa por lo blanco de la imágen.

Hay que alinear bien uno con respecto al otro sobre sus bordes y la imágen.

Y listo, ejemplo:

__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #3 (permalink)  
Antiguo 06/04/2012, 18:35
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.626
Antigüedad: 18 años, 5 meses
Puntos: 212
Respuesta: Como hacer este efecto?

Aquí la misma imágen pero en menor tamaño, ejemplo:

__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #4 (permalink)  
Antiguo 06/04/2012, 19:41
 
Fecha de Ingreso: noviembre-2007
Mensajes: 403
Antigüedad: 16 años, 5 meses
Puntos: 26
Respuesta: Como hacer este efecto?

Hey gracias, pero veo mas pasos de lo que yo habia hecho, solo que pense que algunos de ustedes sabian de una manera mas corta, aclaro que esta muy bien lo que me dices y lo voy hacer.

Saludos...
__________________
Posicionamiento Seo | Views
  #5 (permalink)  
Antiguo 07/04/2012, 09:52
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Como hacer este efecto?

¿Mas corta que 2 pasos?
  #6 (permalink)  
Antiguo 07/04/2012, 22:57
 
Fecha de Ingreso: noviembre-2007
Mensajes: 403
Antigüedad: 16 años, 5 meses
Puntos: 26
Respuesta: Como hacer este efecto?

Parece que no leiste cuanto pasos son en realidad...

Pero bueno, esta bien y lo probe y nada todo bien, gracias....
__________________
Posicionamiento Seo | Views

Etiquetas: degradado
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 09:29.