¿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:
¿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:
Respuestas:
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:
Debajo de eso agrego una sombra suave básica (utilicé una selección emplumada para hacerlo):
Ahora aquí está la parte que le da el aspecto curvo. Pantalla este degradado sobre la capa de sombra:
Y obtengo este resultado:
Poner todo junto da algo que creo que coincide estrechamente con su referencia:
Aquí hay un vistazo a mis capas finales en Photoshop CS3:
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.
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
layer2 (marquesina circular con pluma de 2px y anti-alias en relleno con negro. Opacidad de capa establecida en 25%)
Ambas capas combinadas.
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.
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.
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:
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.
revise este tutorial y siga el mismo y obtendrá su efecto con seguridad.
http://designreviver.com/articles/better-drop-shadows-in-photoshop/