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.
91
questions
1
vote
1
answer
198
views
Shadows in Lottie Animation
I created an animation in the following way: sketched some basic shapes in Figma, animated it using Jitter, exported the animation json and importing it to Lottie then downloading the Gif. I wanted to ...
- 11
0
votes
3
answers
165
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 ...
- 1,301
1
vote
2
answers
787
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 ...
- 91
0
votes
0
answers
53
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 ...
- 155
0
votes
2
answers
103
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,...
- 103
1
vote
1
answer
309
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'...
- 6,654
0
votes
0
answers
156
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 ...
- 3
0
votes
2
answers
150
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.
0
votes
4
answers
1k
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 ...
4
votes
1
answer
894
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 ...
- 281
1
vote
3
answers
226
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 ...
1
vote
1
answer
400
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 ...
- 185
0
votes
1
answer
2k
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?
- 103
0
votes
1
answer
290
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 ...
- 115
0
votes
1
answer
1k
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 ...
- 205
1
vote
1
answer
135
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 ...
- 113
0
votes
1
answer
851
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 ...
- 111
0
votes
1
answer
403
views
Gimp Drop Shadow unbound variable: WHITE-MASK
Running Drop Shadow with:
Error: eval: unbound variable: WHITE-MASK
Any ideas?
- 181
1
vote
1
answer
327
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 ...
- 13
0
votes
1
answer
1k
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?
1
vote
1
answer
3k
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 ...
0
votes
1
answer
65
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:
- 535
1
vote
1
answer
90
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?
3
votes
2
answers
102
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
1
answer
697
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
1
answer
284
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 ...
- 57
3
votes
2
answers
1k
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 ...
- 153
2
votes
2
answers
1k
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 ...
- 223
0
votes
1
answer
577
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?
- 253
0
votes
1
answer
1k
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 ...
- 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 ...
- 21
3
votes
2
answers
618
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 ...
- 33
3
votes
1
answer
576
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 ...
- 195
1
vote
1
answer
390
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-...
- 23
1
vote
3
answers
3k
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 ...
- 501
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 ...
- 194
5
votes
5
answers
981
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
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
...
1
vote
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 ...
- 113
3
votes
3
answers
331
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'...
- 31
1
vote
1
answer
333
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. ...
- 11
0
votes
1
answer
530
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 ...
- 932
0
votes
2
answers
270
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 ...
- 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 ...
- 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?
...
- 3
0
votes
1
answer
944
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.
- 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 ...
- 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 ...
- 31
0
votes
1
answer
19k
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 ...
- 45
-4
votes
1
answer
700
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 ...
- 103