Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

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
0
votes
1answer
325 views

InDesign PDF Export: Drop Shadow Effects are 200 DPI Low-Res

Using Adobe InDesign, I create a new document, draw a rectangle, and apply a drop shadow. Then I export the document as an Acrobat 6 PDF with "Create Acrobat Layers" enabled. The drop shadow effect is ...
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 ...
0
votes
1answer
30 views

What is the drop shadow filter for snapshots on Mac OSX?

If someone was to match the drop shadow settings OSX adds to snapshots what would the CSS settings be? For example, here's a blank image:
-1
votes
2answers
708 views

Name the effect where text is on a shadow box over an image

Some examples with text over a transparent background: See the transparent black background See the text on the shade of cyan What would you call this type of effect?
0
votes
1answer
135 views

How to make double drop shadow in Illustrator?

I want to make something like this artwork. I tried using gradient, but it look so ugly and flat. How to achieve such shadow in Illustrator?
33
votes
2answers
10k 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 ...
1
vote
1answer
64 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?
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: ...
3
votes
2answers
62 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
1
vote
1answer
214 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 ...
0
votes
1answer
90 views

Creating a text deboss effect at small scale [duplicate]

I'm trying to create a debossed effect in a small scale. It's a coin-like layout, but not using metallic gradients: I've been working across Photoshop for image isolation/clean up, but ultimately ...
0
votes
1answer
7k views

How to modify the size of Drop Shadow in Illustrator

I want to increase the size of the drop shadow that I am adding. In the case of Photoshop, I could change the size of the drop shadow by using the size option (and varying the spread) under Drop ...
3
votes
2answers
245 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 ...
1
vote
2answers
243 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 ...
2
votes
0answers
776 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
2answers
166 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 ...
0
votes
1answer
195 views

Illustrator: gradient stroke artefacts

I am currently trying to recreate the "drop shadow" appearance effect as a vector. As suggested by this tutorial, I tried supplementing the benefits of stroke-gradients. While it did work with other ...
2
votes
1answer
220 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 ...
1
vote
1answer
237 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
3answers
580 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
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 ...
3
votes
1answer
807 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
262 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'...
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 ...
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 ...
-4
votes
1answer
433 views

How to implement navbar list with shadow in html/css?

I have a design of navbar in mind that I want to implement for my web page. Please see the drawing I created using Inkscape. I read the tutorial on w3.org and there is an example of adding padding to ...
1
vote
2answers
443 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
2answers
336 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 ...
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 ...
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
202 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. ...
0
votes
2answers
241 views

Drop Shadow Design in AI CS5 with linked PSD Image

I am doing a ring of products with drop shadow, but I am unable to get a unify shadow direction. I know one way to solve this will be do it all in Photoshop, and place the circle back to AI, but ...
0
votes
2answers
632 views

Transparent text and image with non-transparent shadow in Inkscape

I have a logo picture and a text in a svg file. Both of them are black. I want to make an image where the original image and text are transparent, but their drop-shadow is visible. How can I do that? ...
0
votes
1answer
675 views

Creating a raised card effect in Illustrator

How can this be done? It looks like the invitations are raised. Is it with drop shadow or another tool? I'd like to be able to do this in Illustrator.
2
votes
1answer
813 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 ...
3
votes
1answer
744 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 ...
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 ...
4
votes
2answers
7k 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, ...
0
votes
1answer
598 views

What is the minimum pixel size for a drop shadow in Illustrator CC

I am creating an app icon that has a drop shadow. When I resize the icon to some smaller pixel sizes to use in an app (around 20 x 20 pixels) the object transforms fine except for the shadow. I have ...
1
vote
1answer
567 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
1answer
275 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. ...
3
votes
1answer
298 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 ...
0
votes
1answer
287 views

Adobe InDesign: Applying a drop shadow to a placed PDF

I am trying to apply a drop shadow to a PDF I have placed in my InDesign document. However, when doing so a drop shadow seems to be applied to every element inside the placed PDF instead of to the the ...
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?
-2
votes
1answer
64 views

What is the effect used in the attached image? [closed]

Is this a shadow effect or a gradient effect or something else? I need to programatically reproduce this using Canvas, Paint in Android.
2
votes
1answer
808 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 ...
-1
votes
4answers
1k views

How do I create this type of shadow effect on the letters in Illustrator?

How do I create this type of text effect in Illustrator? I initially was doing it a little backwards where I created a copy behind my main text, nudged it down and to the right. Then created another ...
-3
votes
1answer
2k views

How to add drop shadow with Transparency like this photo (Photoshop) ? [closed]

I am not expert in Photoshop. But I am trying to do a drop show like this.. I am trying to make Shopify Logo Like this .. I mean Transparent with drop shadow like this.. Shopify Logo : Please ...
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
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. ...