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
You can either use a normal drop shadow for the outer irregular one (a short distance with a larger size will let you see the borders all around the shape), which will give you something like this:
Or manually add one for the bottom corners using shapes, transformations and blur:
To recreate it just:
Duplicate the shape in the back, and use the Warp tool ...
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 '...
Dinesh, I have a solution for you, but it will require Photoshop CS 6 Extended or preferably, Photoshop CC. First, you'll need your vector artwork for the Man Of Steel logo. I grabbed (copy to pasteboard) mine from within Abduzeedo's source files for the following tutorial:
I created a new ...
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 ...
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 ...
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.
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 & ...
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 ...
I feel that lighting/shadow really do make up the most of an illustration - anyone can draw a square in Photoshop, so I found out two things that were very good towards improving my skills:
Working on pen & paper drawing of real objects. Going black and white simplifies the task and lets you focus on how shadows and highlights are generated. Get this ...
Linear gradients on flat surfaces have the disadvantage that we easily mistake them as shadows from rounded surfaces such as two bordering cylinders.
This can be overcome by rendering the shadows with an imaginary light source on one of the sides rather than in the middle.
1. Imaginary light source
Imagine a light source on the top right in front of the wall ...
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
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 ...