Questions tagged [drop-shadow]

A drop shadow is a visual effect consisting of drawing that looks like the shadow of an object, giving the impression that the object is raised above the objects behind it. The drop shadow is often used for elements of a graphical user interface such as windows or menus, and for simple text.

Filter by
Sorted by
Tagged with
33
votes
2answers
11k views

Inkscape: Dropped shadows are always cut off. How to prevent this?

When applying a drop-shadow filter in Inkscape, the shadow is totally cutoff and not resized properly. The paths are ungrouped and just a simple connected path that has fill and stroke style. The ...
10
votes
4answers
15k views

How does one turn a white background transparent in Photoshop but keep transparency?

In this image, I want to keep the drop shadow, but not the white background.
6
votes
1answer
1k views

Adobe Illustrator: Can an object cast a drop shadow without being visible itself?

Is it possible to apply a drop shadow effect to an object and then somehow make the object itself invisible while the drop shadow remains visible?
6
votes
1answer
15k views

Material design / Elevation in photoshop

Im new in material design and I want to start new design in this style. My problem is I don't know how to reproduce Elevation (z-axis). In image below i see 12 levels of Elevation, but how to create ...
5
votes
5answers
35k views

Layers with different directional drop shadows in Photoshop

I am wondering how to have 2 different directional drop shadows in the one file with Photoshop. e.g. 2 different type layers — one has a drop shadow at 90 degrees, the other at -45 degrees. Currently ...
5
votes
1answer
3k views

How do I make a drop shadow with a halftone effect?

I have already tried doing with Drop Shadow settings and i could only produce a black smudged shadow, not the spotted one. Look at this text. Can you see that spotted shadow behind the text? I want to ...
5
votes
1answer
567 views

Re-creating Illustrator drop shadow in CorelDRAW X5

A bit of background: I am a technical writer who as a result of corporate restructuring has become the “illustrator” for our Technical Publications department (we previoulsy had the services of a "...
4
votes
2answers
8k views

How to apply a drop shadow on an object outer borders only?

Let's say we have a ring on a transparent background: My question is: how I put a drop shadow on this object's external borders only? If I apply a plain Drop Shadow effect, I get the following, ...
4
votes
2answers
2k views

How to crop space after applying drop shadow?

In Inkscape I have drawn a square and then applied Drop Shadow filter to it. How could I please get rid of the appeared top and left space? I need to have the top-left corner of the yellow square at ...
4
votes
2answers
1k views

How to not let drop shadows darken each other out

I'm looking for a technique to avoid drop shadows on individual elements darkening each other out (multiplying the effect of the drop shadow). This is an image showing the undesired effect I'm ...
3
votes
2answers
63 views

Changing relative heights of objects so that their shadows reflect what the user wants

How can I change this image so that the inner circles appear like they are at the highest level? Meaning that the outer and bigger circle doesn't cast a shadow over them? Edit1: I am using Inkscape
3
votes
5answers
17k views

Google Slides - Adding drop shadow to an image

Any idea on how to add a drop shadow to an element on Goolge Slides? I have googled a lot and found a couple of websites explaining how to add a drop shadow to a text but no leads on how to add it to ...
3
votes
1answer
2k views

How to create a shadow like this corel?

With flat designs trending across the board in the graphic designing community, there have been some amazing and subtle effects out there... One of those effects is a simple shadow like the one in ...
3
votes
1answer
305 views

Illustrator dropshadow with some distance

I am struggling to find an easy option for this: Which would be like a dropshadow with a distance between my path and the shadow. These are just sloppy example to show you what I mean but this is ...
3
votes
2answers
2k views

How to create a global style? (like drop shadow)

I have created multiple objects, while testing I applied a drop shadow style on one object and its looking very good. Now I want to apply the same style to all other objects (around 20). Is there any ...
3
votes
1answer
853 views

What is the lighting logic for the box-shadows in material design?

In material design, the box shadows are defined in sets of two (https://codepen.io/sdthornton/pen/wBZdXq) Like so (each card appears more forward than the last): .card-2 { box-shadow: 0 3px 6px ...
3
votes
3answers
264 views

Can I achieve shadows like this using layer styles?

I'm trying to reproduce the shadow in the image below, the two grey bars under the actual image. I have tried using drop shadows but looks like it can't have a negative size value. Any workarounds? I'...
3
votes
2answers
272 views

How to add drop shadow to a picture via CLI?

I have a bunch of pictures (mostly screenshots, but it doesn't matter) to which I'd like to add a drop shadow. (Reason for it is to add a nice border, as they have white background and I use them on a ...
3
votes
1answer
777 views

How to convert Photoshop drop shadow parameters to Illustrator drop shadow parameters?

The parameters of the Drop Shadow effect in Photoshop are blend mode, colour, opacity, distance, spread, and size. In Illustrator, they are colour, opacity, x-offset, y-offset, and blur. I am ...
2
votes
2answers
2k views

Lift corners of paper a little bit up [Adobe Illustrator]

I've some small papers/photos that I want to stand up a little bit from the background. I want to let it look like the corners of the paper/photo are lifted a little bit up ... not folded around, I ...
2
votes
1answer
853 views

Angled drop shadow on transparent background

I have created a logo using two crossed keys. It is a simple matter to add a drop shadow ...but... because one key is resting at an angle atop the other, the upper key needs a shadow that is further ...
2
votes
1answer
834 views

Weird results with multiple drop shadows in Illustrator

I'm working with Illustrator CS6. When I apply a single drop shadow to an object everything is peachy, like with this red stroke drop shadow, with no blurring: This green drop shadow with 0.4 mm ...
2
votes
2answers
182 views

Drop shadow in Photoshop based on image size

I'm dealing with many thousands of psd files containing product images. Most items have been separated from their original background and placed on white. They have a very slight drop shadow to ...
2
votes
1answer
234 views

Documentation on the differences of drop shadow modes in Illustrator

Forgive the noob question but I have been searching (unsuccessfully) for documentation of what the different modes in the drop shadow wizard actually do? There are more than a dozen options for drop ...
2
votes
1answer
2k views

Hard vector inset shadow

I'm trying to re-create a hard inner shadow effect in illustrator, similar to the effect on the text in the Kit Kat logo: Heres another good example: Heres my attempt at re-creating it: Mine seems ...
2
votes
0answers
834 views

How do I convert my Indesign documents to SVG files without losing/affecting my drop shadows?

I created documents in Indesign that have drop shadows applied to certain shapes. I'm trying to convert these documents to SVG files. Since there isn't a way to export from Indesign to SVG, I've ...
2
votes
0answers
118 views

Why when I change a drop shadow do all my drop shadows change? [duplicate]

It's always been a mystery for me while creating drop shadow effects that one layer changes the angle of its shadow automatically if I change the angle of the other. For example: in Layer 1 I am ...
1
vote
1answer
67 views

creating shadow effect

I was trying to make a rocket but I am stuck with the shadow portion. How can I create a shadow that looks like picture 2?
1
vote
2answers
2k views

Perfect orthographic projection/ using perspective filters in photoshop/illustrator

I wan to get a perfect orthographic projection as seen here: I have tried to use the perspective warp on a page I made myself and achieved the following effect: As you can see I seem to achieve ...
1
vote
1answer
4k views

How to turn off effects on anchored object that are nested from textbox?

Adobe Indesign CS6. Take a look on this image: How to remove shadow under blue shape? I can't clear effects on this object:
1
vote
3answers
642 views

Add shadow to a frame on a background

Let's say I want to add this photography + frame on this background. It will look "very copy/pasted". How to add (with Photoshop) the shadow that would normally be produced by the frame on the 4 ...
1
vote
2answers
383 views

Illustrator: Stop drop shadows appearing on artboard

I'm looking remove the shadows shown in the below diagram so that the shadow only appears on the line it's over and not the background artboard. My fix for 'removing' the shadow from the diagram ...
1
vote
1answer
1k views

Drop shadow extends beyond the artboard and causes the picture dimensions to change

I have a drop shadow on a small image. The drop shadow extends beyond the arboard's boundary. This causes the 120x150 image to turn into a 132x150 image because it tries to include the drop shadow in ...
1
vote
2answers
276 views

Achieving a pressed-in effect (similar to 3D “Extrude and Bevel”)

I need to reproduce the footstep where it looks like this: Having created all the shapes, I'm currently stuck with the shadow: I'm not sure how do I create it in an effective, editable way. Here's ...
1
vote
1answer
594 views

Inkscape Clip Shape and Filter

The top layer has a drop shadow, but the shadow should not have any effect on the transparent area outside of the circle. I tried using duplicating the circle and using Path-->Intersection, but ...
1
vote
2answers
4k views

How to do material design effects in GIMP

I have been trying like crazy to get the material design shadowing right. Below is the image I created using GIMP. I have the drop shadow, but I think it kind-of needs to go all around the circles and ...
1
vote
1answer
700 views

Drop shadows that cast lines from object

Does anyone know of a quick way to create drop shadows that cast lighter from inside corners and heavier from protrusions? Link
1
vote
1answer
229 views

How can I use the drop shadow filter on multiple paths on inkscape?

So, If I shift select all the images I want to create a shadow for, I get the following image: A way around this would be to group the objects and cast a shadow over that, which produces the ...
1
vote
1answer
255 views

Shadow inconsistent in Material Design Guide

I have a problem with the material-design guideline. Some references about elevation/shadow seem inconsistent to me: At one point (https://material.io/design/environment/elevation.html#elevation-in-...
1
vote
2answers
459 views

How to create a realistic shadow like in this image below? Super Realistic one

I want to create a realistic shadow effect to my products like in this image. Original: The problem is I can't understand the process of creating this kind of shadow from layer structure. The layer ...
1
vote
1answer
209 views

How to create an 'impression' effect in Illustrator

I am wondering how to create an impression effect in illustrator. If you take a look at the attached jpg, I am hoping to make this cloud look as if it has been impressed upon the magenta background. ...
1
vote
3answers
1k views

Sketch Only Apply Shadow To Outside Edge of Element

I have an element in sketch that has a lot of intersections in the middle of it - when I try to apply a shadow to this element, the shadows become visible in the middle where the intersections are, in ...
1
vote
1answer
282 views

Shadow changes after reopening Illustrator file

ok, this is really weird. I downloaded an illustration (as an AI file) from Freepik. When I copy-paste this to my file, all the shadows you see here look good: Then I saved the file and closed it. ...
1
vote
2answers
3k views

Illustrator - Add drop shadow over a specific element

Is there a way to add drop shadow to an element such that the shadow only appears over another element and not anything else? It would also be okay if shadow appears on other elements but not on ...
1
vote
1answer
2k views

Remove objects, leaving only the stroke and the drop shadow (illustrator)

Just found this site! Seems pretty awesome. Im wondering if anyone knows how to achieve this effect: I want to remove the white objects (text) from the image, but keep the stroke and the drop shadow. ...
1
vote
2answers
2k views

Why are drop shadows so hard to render, and is there an easier alternative for an aging computer?

I've been using drop shadows on a logo I'm working with and when I apply the effect it takes a good 30-40 seconds for it to finish, and then same amount of time for each edit. I'm using an older ...
1
vote
1answer
513 views

Best practice for drop shadow and gradient on website navbar [closed]

I'm using a medium blue color for a large navbar at the top of a website home page. The logo and nav links are white/very light blue. I don't know if the navbar blue should be solid or have a gradient,...
1
vote
1answer
54 views

why blur of drop shadow becomes blocky while saving pdf from illustrator

While trying to save an ai (illustrator) file to pdf, the blur portion of drop shadow lost and it looks blocky. Please look at the screen shot of pdf below: You can see that the blurred portion of ...
1
vote
0answers
875 views

SVG: Easiest way for shadows without filters

I'm developing an app which uses SVGs as graphical resources (for better scaling and crisp graphics). The programming part is just fine but the SVGs must not contain filters due to some programming ...
0
votes
2answers
2k views

Drop shadow for animated GIF

Briefly I don't know, how I can to make shadow effect for animated GIF. For me good solution in any open source/free program, not Photoshop. Detail For PNG images I make shadow effect. Example: ...