Doing accurate shadows is quite easy, albeit a bit tedious. All you need is to do is to systematically find intersections of lines. Not all that different from drawing (or constructing) the original orthographic or perspective images in the first place.
Before we begin lets define two different shadow models:
Directional lights, are light ...
Here's how I do it (steps correspond to pictures).
Starting shape to shade.
Create copy of shape with color of the shade (or highlight) you want to "speckle" and make sure the layer is above the original shape
Create a mask on this layer (3rd button from the left in layers palette)
Ensure that the mask is still selected and fill this mask with 50% gray
There are some aproaches, but my favorite is to keep all that on vectors.
For the shadow duplicate your object, asign it diferent colors (preferible transparencies) and use the blend tool.
You can put over the original object.
With this method you can control the direction, longitude and intensity of the shadow.
The tradeoff is that you, in some cases, need ...
Thanks to Yorik, a solution has been found.
As he said, drop shadows may cause trouble when rendered on a web browser. So, you can easily replace them by other elements without affecting the rendering of your drawing.
Here's the solution to replace the shadows:
Duplicate the object that creates a shadow
Change its fill and stroke color to full black (#...
If you are using it in Illustrator I would :
get the main shape that is part of that rocket. With the same color, you are using there.
copy and past in the same place (cmd+shift+V) twice.
offset one of them to the left and use the pathfinder tool as shown in the images
The result should be a shape like this
Then set that object to a transparency mode '...
It's a cast shadow.
Cast shadows are designed to show a lower level of a pseudo light angle, thus creating longer shadows. Drop shadows are designed to show a high level of pseudo light resulting in a small offset shadow.
After applying the drop shadow to the rectangle, go to filter general settings in the filter editor dialog. Change the values for co-ordinates x & y which displaces the top left origin point of the rectangle. Similarly adjust the dimensions correspondingly to retain the same width & height for the shadow.
The values specified in the image is the ...
This might be a little aside, but I feel this might be an interesting addendum to your Q.
Here is an interesting thing.
With pencil and paper, you draw shadows.
As soon as you get into the 3d digital, you draw with light.
This might seem silly-obvious, but it is a pretty big mental leap. I think why digitally created shadows often look a little weird is ...
I can't find anything regarding Android shadows on the Google design docs now, but there was apparently once upon a time a list of the values for Adobe Illustrator, but they seem to have taken it down.
There are a lot of resources that list 5 different shadow levels. The Google design docs link to the Polymer docs that say:
Note: The material design ...
I've worked on a solution for this.
I started with an image like this:
Made a copy of a portion of the yellow wall and moved the layer on top:
Set the Blending Mode to Darken
and add a Black and White adjustment layer - and Alt or Option click the line between the Black and White layer and the one below create a clipping mask
Black & ...
On the top menu bar click on Select > Color Range (with this tool, you can select the white background)
With the tool opened Shift + Click to add more white color. This lets you select the entire range of the white color
Click Ok to confirm
Press Ctrl + Shift + I to invert your selection
Select your layer and create a layer mask
Done! You've removed the ...
That's not a shadow effect as such. It's a Motion Blur.
Filter > Blur > Motion Blur...
Motion blur applies a blur effect to an object in a specified direction. In this case that direction is horizontal (0º). The screenshot below shows some settings that produce a result that is pretty close to what you are trying to achieve:
Start with a photograph of a white cup on a white background, something like this perhaps.
In Photoshop, add a layer mask to exclude the cup, masking out the inside. I used the pen tool to create the mask. Next, duplicate the layer, invert the mask on the duplicate, and reduce the opacity of that layer to 45%
Then export as PNG 24, with transparency.
Inkscape's effects can suffer when you make a PDF. That depends on used PDF engine and settings. The same problem has occurred also with blending modes:
Inkscape does not export the layer's blend mode exclusion to PDF
As a first aid try to insert the shadow as separate object. Rasterize it. Edit > Make Bitmap Copy generates a rasterized copy. Set the ...
An answer with several parts:
The truth is that if you want real flexibility in making mockups you need to learn a 3D program.
Use Blender https://www.blender.org/ that is free, very powerful.
If your computer is slow, and I mean, really slow, (Pentium) you can download a legacy version. https://download.blender.org/release/ compare the date of release to ...
By default, the Drop Shadow Layer Style is set to Multiply blend mode.
In order to use a lighter color, first click the small color box to set the color, Then change the Blend Mode drop down menu to something other than Multiply. For lighter colors Screen will be more appropriate. However, Luminosity, Normal, Color Dodge will all also result in the lighter "...
An easy way to do this is with a blend. What you do is copy your blue background and make it black or something like that. Now copy that shape, offset it diagonally and set the opacity to 0. Then apply a blend with the specified steps to something like 100. That should get you the effect you're looking for.
Make a new layer
Drop it beneath the folder picture
Draw the shadow shape with the polygon lasso
Fill it with the shadow colour
Select a grunge effect eraser brush
Erase a section of the shadow
You can use a thing called a layer mask instead of the eraser on step 5-6, that will enable you to go back if you're not happy. To apply a layer mask:
For GIF the drop shadow is going to be complicated for two reasons:
The drop shadow on your PNG relies on partial opacity to blend the shadow with the page background. But the GIF format doesn't support that, in GIF the opacity a pixel is either completely opaque or completely transparent. You can at best simulate a blend to a background of a specific color ...
Simply enlarge your document, add a background color as the background color where the GIF will be placed, then add your shadow to your GIF. This is the only way.
If your output is for the web, you can add a CSS property to it and will look better than exporting the shadow in the GIF directly (will be better quality).
In case you are not so experienced with 3D techniques, lights, or shadows you could also play with inbuilt 3D effects such as extrusion and bevel effects (Effect > 3D > Extrude & Bevel).
This may give you more or less satisfying results, depending on the settings:
Stock effect Bevels Smart Jelly created with Inkscape
Quickly applied pseudo-3D effects for tubes or cables are the inbuilt bevel effects of Inkscape.
After selecting an object or group of objects these can be accessed by Filters > Bevels. Below I used Deep Color Plastic effect:
You could expand the blend (Object > Expand Apperance...), ungroup it and then unite all shapes in it into a single shape using the Pathfinder palette. If you then give that shape a gradient fill, you should have your effect.
If you are asking for an alternative to the drop shadow filter, you could use a black filled rectangle, moved under the button using Lower Selection to Bottom, and move it to the desired position . The you can apply a blur to it, and reduce the opacity.
To finish, you could group the button and the shadow.
Seemingly this all is already in G.Falla's answer, so upvote it if you see this useful
Draw the shadows as separate black low opacity blurred objects, do not use effects. You can place the shadows freely in the objects stack: