• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

AI How to make such effect of inner depth

New Here ,
Oct 14, 2017 Oct 14, 2017

Copy link to clipboard

Copied

Hi guys!

How can create effect of inner depth like on the picture?

Many thanks!

22.jpg

Views

48.2K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Oct 14, 2017 Oct 14, 2017

There is no Inner Shadow effect in AI.

There is a Drop Shadow

But to restrict it to the inside of the circle you need to mask it with a clipping mask or an opacity mask.

shadow.png

Votes

Translate

Translate
Adobe
LEGEND ,
Oct 14, 2017 Oct 14, 2017

Copy link to clipboard

Copied

That's a simple "Inner shadow" effect.

Mylenium

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 14, 2017 Oct 14, 2017

Copy link to clipboard

Copied

in AI?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2017 Oct 14, 2017

Copy link to clipboard

Copied

There is no Inner Shadow effect in AI.

There is a Drop Shadow

But to restrict it to the inside of the circle you need to mask it with a clipping mask or an opacity mask.

shadow.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 14, 2017 Oct 14, 2017

Copy link to clipboard

Copied

Thanks.

This is great.

I need transform file from ai to eps format and there should not be raster objects.

Can I somehow transform this shadow to mesh?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2017 Oct 14, 2017

Copy link to clipboard

Copied

You should have told us from the beginning.

Then you need to go the gradient way. That can be converted to a mesh.

But since there needs to transparency in the mesh as in the gradient, you will always get pixels in your EPS. EPS can't have transparency

You might want to tell us what this is for.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 12, 2022 Jul 12, 2022

Copy link to clipboard

Copied

I pay for ADOBE monthly and was so triggered when saw there is no update on just placing this same as drop shadow, like they have to make it comfy or what we pay for

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 25, 2024 Feb 25, 2024

Copy link to clipboard

Copied

This is probably not the same issue, but how do you do an inner shadow like the one in XD?

The issue I faced when trying to do it this way is that you can't have a shadow inside a solid object. I tried hiding the fill in the appearance but the shadow disappeared too.

I was able to make it in mere in XD but now I have to waste my morning trying to replicate it.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 26, 2024 Feb 26, 2024

Copy link to clipboard

Copied

You create an object with an inner glow and use a smaller one as clipping path.

Screenshot 2024-02-26 at 13.57.59.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 26, 2024 Feb 26, 2024

Copy link to clipboard

Copied

You wouldn't get the exact same effect, because opacity in the corner won't
follow the same pattern as the middle. Plus controlling the position is a
pain because you can't just set the x and y value
I think that the inner shadow in adobe XD is the best and most stream lined
version of the effect.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 26, 2024 Feb 26, 2024

Copy link to clipboard

Copied

I am not familiar with XD, but maybe you can copy and paste into Illustrator?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 26, 2024 Feb 26, 2024

Copy link to clipboard

Copied

LATEST
Same thought, but when I did i get only the plain shape without any effect.
Ended up exporting a PNG from xd

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 14, 2017 Oct 14, 2017

Copy link to clipboard

Copied

You could just use a radial gradient going from black to transparent.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Jun 28, 2022 Jun 28, 2022

Copy link to clipboard

Copied

Edit: 😂

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 28, 2022 Jun 28, 2022

Copy link to clipboard

Copied

Perhaps not enough support for it? Go to

https://illustrator.uservoice.com/forums/333657-illustrator-desktop-feature-requests/suggestions/310..., vote for it. Better still, also add a comment as to why it is important.

 

Peter

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 31, 2022 Oct 31, 2022

Copy link to clipboard

Copied

Alternatively to the top answer, Adobe XD comes with an inner shadow option with high customizability. No messing around with masks is needed, super easy stuff. Just add it to your shape/text in XD and export it to illustrator as a PNG.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Nov 01, 2022 Nov 01, 2022

Copy link to clipboard

Copied

... or you could use an airbrush on paper, photograph that with your phone and Place the raster image in AI. What is this- an ad for XD? 😏 Appreciate the helpfulness but Inner shadow in AI feels like a missing feature, resorting to raster really is not the point of AI, or this forum. Btw: if you don't  have an airbrush, charcoal powder and a blusher brush can achieve a similar effect 😁

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines