Cómo hacer un efecto de sombra superpuesta en un lado en illustrator

Estoy tratando de recrear un efecto como el ícono de la aplicación de actividad iOS donde un círculo se superpone y deja una sombra. Sin embargo, estoy luchando para recrearlo.

ingrese la descripción de la imagen aquí

He intentado cortar un segmento de uno de los círculos y superponerlo sobre el otro. Sin embargo, el uso de una sombra paralela no funciona, ya que aparece en todo el segmento recortado en lugar de solo al final. También intenté usar un degradado en la capa "detrás", pero tampoco pude colocarlo correctamente para lograr este tipo de efecto. También intenté agregar otro círculo completo entre las dos capas con un degradado aplicado, pero no parece que se esté creando una sombra desde la capa "superior".

Si ayuda, mis círculos son de un color sólido en lugar de un degradado como se muestra a continuación, pero no sé cómo crearlo.

Estos son tres pequeños círculos sólidos, cada uno exactamente en el color 'las once y media' de las líneas respectivas. Cada uno de los círculos sólidos tiene una gran sombra paralela y una máscara de recorte para mostrar esa sombra solo a la derecha.

Respuestas (1)

Varias formas son posibles, aquí hay una:

ingrese la descripción de la imagen aquí

Está hecho de piezas. Se separan por la derecha. El número es el orden de estratificación. 1=Superior, 4=Inferior. La sombra es una copia borrosa negra parcialmente transparente del semicírculo. Se deforma un poco para que el efecto de la sombra sea mayormente horizontal. Eso no es necesario en un fondo negro.

No a todos les gustan los efectos basados ​​en desenfoque porque a menudo se rasterizan en conversiones de formato y pierden la escalabilidad. Otra opción es agregar un segundo color de relleno a la forma inferior en el panel Apariencia. Es un degradado radial de negro opaco a transparencia. La parada intermedia es necesaria para la sombra real. Si ajusta las paradas de degradado con cuidado, puede crear una ilusión de profundidad bastante plausible con solo 2 piezas separadas y un relleno de color. Un ejemplo:

ingrese la descripción de la imagen aquí

NOTA: El degradado se ajusta a elíptico para obtener una mayor profundidad de sombreado, pero el área de la costura no se oscurece.