Почему при использовании 3D-эффекта появляется черная рамка?

Здесь работают две вещи: положение источника света по умолчанию не очень подходит для вашего дизайна; и неспособность Illustrator преобразовать градиент в форму Extruded.

Источник света по умолчанию находится спереди объекта, немного правее. Это приведет к тому, что нижняя и правая стороны любого 3D-объекта в вашем дизайне будут темного оттенка.

Попробуйте изменить положение источника света. При применении 3D-эффекта (или при редактировании существующего) нажмите кнопку «Дополнительные параметры», чтобы открыть элементы управления освещением:

Вы можете перетаскивать белую точку, чтобы изменить положение источника света, или использовать значки ниже, чтобы переместить его к задней части объекта, создать новый или удалить его (минимум до одного).

Кроме того, эффект Extrude в Illustrator не может обрабатывать объект с градиентной заливкой. Это сделает 3D-объект средне-серым независимо от цветов градиента, кроме растеризации градиента.

Я бы посоветовал вам создать 3D-эффект с объектом, у которого нет градиента, а затем развернуть 3D-эффект и раскрасить полученные объекты вручную, только затем применяя градиент. Таким образом, вы также можете вручную редактировать цвета сторон. Имейте в виду, что расширение по своей природе является разрушительным, не позволяя вам в дальнейшем редактировать эффект после расширения.