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
3 answers
107 views

How to make it look like the text is sitting on the background rather than floating?

I'm trying to make text look like its sitting on a background, but still have the shadow to denote the bevel of the text. I can't figure out what to do with the shadow in Photoshop to make it look ...
user avatar
  • 1,281
1 vote
2 answers
122 views

Why are object effects in my Illustrator file disappearing when I place the file in InDesign?

I'm trying to place an .ai file into my InDesign file, but for some reason it seems like the 3d effects and drop shadow aren't showing up in my InDesign file. Here's a pic of my artboard in ...
user avatar
0 votes
0 answers
20 views

Different methods to create block drop shadow in illustrator? CS6 [duplicate]

What are the different ways to create a drop shadow on text? I've tried offsetting the type using transform each but it creates a step effect and I've tried the blend tool and made 1000 steps but it ...
user avatar
0 votes
0 answers
50 views

How to drill/cut a solid, using a text as a template?

Imagine a situation where I have a solid and a text. I would like the content of the text to be taken subtracted from the solid behind it. Text and solid (I did it in GIMP, which is the program I know ...
user avatar
0 votes
0 answers
58 views

Creating Surreal Shadows

How could you replicate this style in web design. I love the idea of these designs that looks like interactive photos. The image of the phone is straight foward as its just a photo with a shadow. But ...
user avatar
0 votes
2 answers
65 views

Illustrator drop shadow around paths

I have this icon with 2 paths how can I add shadow only to the outter of the balloon? <svg viewBox="0 0 512 512"> <path class="st0" d="M383.2,155.9c-0.9,28.5-8,...
user avatar
  • 103
1 vote
1 answer
120 views

InDesign - How to apply clipping mask to drop shadow

I'm working on a design with a phone hovering above a tablet, which is itself also hovering above a surface. I'm trying to figure out how to mask this drop shadow, so it looks more realistic and doesn'...
user avatar
  • 6,624
0 votes
0 answers
81 views

Manipulating Drop Shadow/Layering of Shapes: Adobe Illustrator

Never used a help forum before, but with a looming deadline, I am very open to all the help I can get! I am relatively inexperienced with Illustrator (most of my knowledge comes from searching up ...
user avatar
0 votes
2 answers
135 views

How to design something like this?

The shadows and the textured background. I have been trying to work on the adding noise in solid colour but have not been able to get the exact texture like this.
user avatar
0 votes
4 answers
669 views

Make white text standout on light backgroud

I'm designing a new jersey for our cycling team. Our logo can be white or black text, always with orange 'o' and graphic image. The jersey is offered in multiple colors : blue, red and green. Using ...
user avatar
3 votes
1 answer
575 views

How to make an overlapping shadow effect on one side in illustrator

I'm trying to recreate an effect like the iOS activity app icon where a circle overlaps itself and leaves a shadow. However I'm struggle to recreate it. I've tried cutting a segment of one of the ...
user avatar
  • 269
1 vote
3 answers
173 views

How can i make a rubber looking button?

I am a beginner in illustrator. I would like to make a button like this one: See where the white light on the top left gradually fades and there is some white shade on the inside of the button as ...
user avatar
1 vote
1 answer
220 views

How to create dropshadow on layer with alpha transparency in GIMP?

I'm working on a project consisting of a background image with several layers on top of it. Each of the layers consists of an image with alpha transparency, such that only part of each layer is ...
user avatar
  • 55
0 votes
1 answer
888 views

Remove drop shadow from the image

This is a chess piece and i want to remove the shadowy effect in this. Is there a way to work around this problem?
user avatar
  • 103
0 votes
1 answer
201 views

Replicate drop shadow effect

I'm trying to replicate a drop shadow effect displayed here, but can't seem to get it right. The project has this section which seems to explain how to perform the effect, but I feel I'm doing ...
user avatar
  • 125
0 votes
1 answer
973 views

How to not show shadow through transparent shape in figma

In figma, I have a rectangle shape which is white with 50% transparency. I want to apply a shadow only to the outside of this shape, but when I apply the 'drop shadow' effect I see the shadow behind ...
user avatar
  • 205
1 vote
1 answer
72 views

Adding and editing a drop shadow with original element hidden

I would like to create a drop shadow of a person, and keep only the shadow, without the original person. When I double click the layer and tweak the drop shadow setting, is there a way to hide the ...
user avatar
  • 113
0 votes
1 answer
652 views

Blur / Drop Shadow Effect Vector Adobe Illustrator

I am start to learning adobe illustrator, I want to ask about making drop shadow / gaussian blur of an object in vector ( non bitmap / raster ) type. I found a file and want to use it for study ...
user avatar
  • 111
0 votes
1 answer
280 views

Gimp Drop Shadow unbound variable: WHITE-MASK

Running Drop Shadow with: Error: eval: unbound variable: WHITE-MASK Any ideas?
user avatar
  • 159
1 vote
1 answer
261 views

How to solve overlapping shadow issue?

In a UI with multiple cards arranged in a grid, the shadow of cards are falling on top of other cards. All these cards are supposed to be on the same level (elevation/depth). Is there any way to solve ...
user avatar
0 votes
1 answer
837 views

How to create a solid black shadow behind text in Illustrator? [duplicate]

How do you create this text effect in Illustrator? I tried creating a shadow behind the letter, but it did not appear similar to this. Can anyone point me to the right direction?
user avatar
1 vote
1 answer
2k 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 ...
user avatar
0 votes
1 answer
57 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:
user avatar
1 vote
1 answer
84 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?
user avatar
3 votes
2 answers
100 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
user avatar
1 vote
1 answer
613 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 ...
user avatar
0 votes
1 answer
260 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 ...
user avatar
3 votes
2 answers
971 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 ...
user avatar
  • 153
2 votes
2 answers
847 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 ...
user avatar
  • 203
0 votes
1 answer
472 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?
0 votes
1 answer
848 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 ...
user avatar
  • 294
2 votes
0 answers
2k 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 ...
user avatar
2 votes
2 answers
511 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 ...
user avatar
  • 23
3 votes
1 answer
534 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 ...
user avatar
  • 195
1 vote
1 answer
334 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-...
user avatar
  • 23
1 vote
3 answers
2k 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 ...
user avatar
  • 481
3 votes
1 answer
2k 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 ...
user avatar
  • 194
1 vote
2 answers
803 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 ...
user avatar
1 vote
2 answers
1k 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 ...
user avatar
2 votes
2 answers
3k 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 ...
user avatar
  • 123
3 votes
3 answers
316 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'...
user avatar
  • 31
1 vote
1 answer
316 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. ...
user avatar
  • 11
0 votes
1 answer
463 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 ...
user avatar
0 votes
2 answers
259 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 ...
user avatar
  • 103
1 vote
3 answers
2k 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 ...
user avatar
  • 133
0 votes
2 answers
1k 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? ...
user avatar
  • 3
0 votes
1 answer
904 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.
user avatar
  • 1
2 votes
1 answer
1k 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 ...
user avatar
  • 21
3 votes
1 answer
1k 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 ...
user avatar
  • 31
0 votes
1 answer
17k 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 ...
user avatar