Sombra curva de Photoshop


10

¿Cómo crear el efecto de sombra según la url / imagen a continuación? Específicamente, la sombra redondeada / curva en la parte inferior:

http://www.broadcom.com/images/template/bg_header.png


No creo que esa sombra sea realmente curva. Sin embargo, curvar una sombra así para hacer que algo parezca que se hincha en el centro es un efecto común. Se logra separando el efecto de sombra en su propia capa, duplicando la capa y reduciendo el relleno a 0, y dejando solo el efecto de sombra activo antes de rasterizar la capa fusionándola con una capa en blanco. Ahora, de repente, tienes una sombra paralela rasterizada, en su propia capa separada, lista para que puedas utilizarla con tu herramienta de borrador, o marqueee, o lo que elijas.
Eric

Respuestas:


12

Sospecho que la curva en esa sombra podría ser una especie de ilusión óptica. Como @lawndartcatcher explica en su respuesta, el aspecto curvo se puede lograr haciendo que la intensidad (u opacidad) de la sombra disminuya hacia cualquiera de los extremos.

Aquí hay un vistazo paso a paso de ese proceso.

Aquí está mi capa superior: La capa superior

Debajo de eso agrego una sombra suave básica (utilicé una selección emplumada para hacerlo): Sombra Básica

Ahora aquí está la parte que le da el aspecto curvo. Pantalla este degradado sobre la capa de sombra: Gradiente Reflejado

Y obtengo este resultado: Sombra curva

Poner todo junto da algo que creo que coincide estrechamente con su referencia: Resultado final

Aquí hay un vistazo a mis capas finales en Photoshop CS3:

Capas

[Descargar el archivo PSD]


NOTA: Utilicé un degradado con su modo de fusión configurado en la pantalla para crear la caída de intensidad de la sombra. Si bien esto es una buena demostración visual, realmente solo funciona cuando se trata de un fondo blanco. Para aplicar el mismo tenique a los casos con diferentes colores de fondo, desearía aplicar el degradado como una máscara de capa a la capa de sombra.


@Sean ... ¿te importaría poner el archivo PSD para descargar?
Hristo

@Hristo - enlace de descarga de archivo agregado
Sean

Esta es exactamente la sombra que se muestra en la imagen en cuestión. No es la mejor sombra, pero parece bastante bien.
Robert Koritnik el

8

Parece un círculo extremadamente estirado con una pluma de 2 o 3px para mí ... no un gradiente o una verdadera sombra paralela.

capa 1 capa 1

layer2 (marquesina circular con pluma de 2px y anti-alias en relleno con negro. Opacidad de capa establecida en 25%) ingrese la descripción de la imagen aquí

Ambas capas combinadas. ingrese la descripción de la imagen aquí

Mi ejemplo solo tardó 3 minutos en construirse. Puede definir con más detalle usando un borrador grande de 10% de opacidad con un borde suave para ayudar a desvanecer más los bordes exteriores (por ejemplo) en la capa 2. O usando un gris cálido para llenar el círculo en lugar del negro, eso es todo usted.


Para hacer que la sombra sea aún más realista, debe crear un canal alfa con un degradado negro en los lados y blanco en el centro y luego usar Desenfoque de lente . Esto hará que la sombra ba más realista borrosidad visual más en el medio (porque, ya que parece que el objeto se RASED más en el centro de los lados) y casi ninguna falta de definición en los bordes (objeto establece)
Robert Koritnik

3

1) Cree un degradado que tenga las áreas que son "menos profundas" (no tanto como una sombra paralela) con valores de opacidad más bajos.
2) Aplíquelo a una máscara rectangular o al área seleccionada en una capa flotante (use una marquesina rectangular para seleccionar una porción). Asegúrese de que haya un espacio "vacío" debajo para la sombra paralela.
3) Haga doble clic en la capa flotante que contiene su gradiente para que aparezca el menú Estilos. Aplique una sombra paralela a la capa (deberá manipularla un poco para llegar a donde desea).
4) Puede crear otra capa sobre la capa original, mostrar su degradado original y hacer que todos los puntos de color sean 100% opacos. Vuelva a aplicar esto a la nueva capa para superponer el degradado original. De esa manera, tendrá un gradiente 100% opaco (en la parte superior) con una capa de opacidad variable / sombra debajo de él.

Juega un poco con la configuración; eventualmente obtendrás algo que te guste.


0

Si examinamos las sombras de los objetos levantados en el medio, podemos ver que su desenfoque de sombra progresa cuanto más se levanta y es más nítida cuanto más toca el suelo con el objeto.

Entonces, la sombra más realista de un objeto que parece levantarse en el medio debe hacerse de esta manera:

  1. copia tu capa con el cuadrado que necesita una sombra
  2. llénalo de negro (o cualquier otro color de sombra apropiado
  3. crear un filtro alfa que tuviera un degradado (negro en los lados, blanco en el medio)
  4. regrese a su capa de sombra y seleccione Filtro> Desenfocar> Desenfoque de lente
  5. se abrirá un cuadro de diálogo donde puede seleccionar su canal alfa
  6. seleccione el nivel de desenfoque apropiado y confirme

Nota: se pueden hacer ajustes adicionales para hacerlo aún mejor distorsionando el cuadrado (stop # 2) para que la parte central se extienda por debajo de la capa original.

Esto creará el efecto de sombra más realista que se puede ver a continuación en esta imagen (haga clic para obtener una vista previa del 100%). La sombra con diferentes fuerzas se aplica tres veces.

  • banda superior y
  • objeto medio en forma de cinta que también parece tener un borde inferior curvado / volteado.

Sombra más realista


Hola, esto puede sonar tonto, pero ¿puedes publicar capturas de pantalla en esos pasos que estás diciendo? ¡Gracias!
CheeseCake

0

¿Qué tal un simple: Filtros → Luz y Sombra → Efecto Xach?

O un elegante Filtros → Decoración → Añadir bisel?


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.