Even though your monitor is just a 2D media, various types of shadows provide the subjects realistic 3D view. Without the application of shadow effects after editing any image, it looks floating that may make the image file look like fake. To avoid this problem, the graphic designers apply different types of shadow effects considering the shape and light position of the subjects. Besides this, shadows enhance the beauty of the images, buttons, banners, and all you can name.
Anyway, creating shadow effects in Photoshop is pretty much easy to complex. Easy because, you can use the default shadow settings in Photoshop. Complex because you have to know the nature of light, and a few scientific concepts to understand shadow drops. But, nothing is so rocket science. It is a matter of practice, observing real life shadows, and deep thinking.
In this article, we put together plenty (40 to be exact) of examples of shadow creation that are frequently used in online. And we have also provided you the PSD files as the shadow template you need, so that they can help you much to create your desired shadows in short time. And if not, they will surely give you some new inspiration for graphic design.
Simple Drop Shadow 1 (Long Distance): The image below is showing a simple work with the Photoshop drop shadow tool.There are 3 bars that seem very realistic. The light on them falls from the top and 3 different types of shadow is produced. Here, the opacity, distance, and sizes of the shadows are notable and the shadows grounded behind the bars make the solid.
Simple Drop Shadow 2 (Floating): The shadow in the below image makes the box solid and has provided a realistic 3D shape. After creating the box with rectangular tool in Photoshop, our designers applied the drop shadow tool by double clicking on the layer from the layer panel.
Simple Drop Shadow 3 (Blurry Outline): The designer has made the image below by applying the drop shadow.Here, the sizes of the shadow are bigger, but the opacity is less which has produced a blurry cool shadow.
Simple Drop Shadow 4 (Home Theater): The shadow here has made the box hover on the surface. This makes it look like a Home Theater, when you light on the lights from above. The shadow is place at bottom and is very deep and it has been made by taking new layer where the warp tool has been applied.
Curved Shadow at Bottom: The below image is showing a shadow behind the box. It looks a little bit creative. The designer has applied warp tool to make curved the bottom border of the layer under the main box.
Box Shadow: To make the below image, one additional layer is used to create the box shadow. Then, we applied warp tool to make the curve shaped shadow. We also applied Gaussian blur effect to bring a cool shadow.
Bottom Curved Shadow: In this image, we have created a curved shadow in the bottom of the box. We have taken a new layer, we have used black fill color, and applied a Gaussian blur. Then, we also used the warp tool to make the bottom line curved for both of the boxes and the shadow layer in the background.
Simple Bottom Shadow: The image is showing a simple shadow in the bottom of the box. Here, we have used fill color on a new layer, place it behind the main box, applied a Gaussian blur, and we did not use the warp tool to keep it straight.
Creative Badge Shadow: We have made this image below by applying different shadow effects. It is very complex and not easy to make.Here, the designer has applied many layers, gradient color, stroke color, drop shadow, etc. The Gaussian blur effect has made this cool image.
Long Text Shadow: The image below is very creative and also very useful for making various cards, poster, and such print designs.Here the designer has taken two layers and the layer below the text has got long shadow.
Creative Shadow Effect 2:This is also a simple work you can do any time. Make the box and create two layers and place behind the main box. This type of simple design is very worthy of doing simple card design.
Creative Shadow Effect 3: The below image is not too much exceptional. Here, the designer adds only the shadow in the bottom part of the box, but yet it is creative.
Creative Shadow Effect 4: This television like image is very creative and can be used in various card, poster, book cover design, etc. Here, an additional layer is taken behind the main image and applied the warp tool for making curved shape. Gaussian blur is also used for scattering and making cool the shadow.
Curved Bottom Drop Shadow:This shadow effect is very professional. It makes any design high end gorgeous.In this photo, Gaussian blur is applied to the second layer and Warp tool is used for making the shadow curved at the bottom of the box.
Curved Drop Shadow: This is also an amazing image with a little bit of bent curved shadow. Blur effect, warp tool, and more than one layer have been used. Here, the shadow is very much scattering and smooth.
All Sides Curved Shadow: Look at the picture. It is very professional. This image shadow is very useful and you can add it in any design. For this, you have to create four shadows and place it just under the main image.
Curved Side Drop Shadow:This professional shadow effect is very useful for the graphic designers who create various types of cards, book cover design, poster, flyer, web template, etc.
Curved Wide Drop Shadow:This shadow will give you a feel that there is a light behind the box.The curved drop shadow creates a wall mat like look and drop shadow, warp tool, less opacity, etc. have been used.
Egg Shadow:Here, we have made the images of egg.We have drawn circles and apply fill color. But, as long as we were not applying different types of shadow, it was not looking like an egg. Here, we have used drop shadow, light stroke, shadow on a new layer for glittering, gradient color for shadow, etc.
Floating Box Shadow:The use of two layer shadowshas made the box floating.The opacity of this shadow is less that provide the box a led television like shape.
Fold Corner Top Right Shadow: The shadow layer in the corner is playing an important role to make the photo folded. Here, two layers have been used. The warp tool has been used to make both the layer curved that give a feel of folding a paper by someone or wind.
Fold Top Side Shadow: Here, the warp tool of Photoshop has been used to fold the top side of the sheet-like box. The cool shadow used in the second layer and less opacity with Gaussian blur has also been applied.
Four Side Shadows: Here, the shadow has been used in the four sides of the box. It increases the reality of the box. The shadow has been used in the two layers behind.
Gradient Overlay Shadow:This is a simple box with gradient overlay shadow. It has made the box enlighten at the top whereas the bottom is dark that adds a dream-like feeling in the image.
Left Right Shadow:This two sided shadow in one layer behind the box adds a hollow effect. It increases the beauty of the box. This kind of box shadow is used more in making of website slider.
Lighting with Shadow: This kind of lighting shadow will add a dreamy look in your image. It is not easy to create. Here, we have used brush tool, many layers, text, ambush effect, warp tool, and so on.
Lighting Shadow: This two layer shadow has added a lighting effect behind the box. To create such a shadow, we have used fill color, Gaussian blur effect, less opacity, etc.
Man Drop Shadow: Here, in the first image we have applied simple drop shadow with a long distance. On the other image, we have created another layer with less opacity. Here, the warp tool has been used to set the shadow properly after rotation.
Multiple Shadow Effect: In the image, we have applied several techniques. In the first bar, we have used two layers of shadow behind the bar where Gaussian blur has been used with less opacity.In the second bar, we applied shadow to make light effect. In the last two bars, we applied shadow at the two heads to bend and create extra beauty.
Bar Shadow: This shadow has made the box a signboard look. In this two layered shadow, we have applied a Gaussian blur, less opacity, and long distance and sizes. We also have used a drop shadow.
Reflection Product Shadow: In the images below, we have used double layered reflection shadow in the different product shadows.Here, warp tool, opacity, rotate, etc. tools have been used. It is pretty much technical.
Shadow Lighting: In the image below, we have tried to show how to apply shadow behind the box to provide light effect. Here, we have used several layers, warp tool, less opacity, etc.
Text Drop Shadow: In the below image, we have applied simple drop shadow on the text. We made it varied by applying shadow angle, distance, sizes, opacity, etc.
Top Bottom Shadow: In this image we have two layered shadows behind the box. This shadow provide the box reality. It seems that there is a hollow behind the box.
Water Reflection Shadow: This kind of work tests the ability. For making we have taken two different images, house and water. Then, in Photoshop the images are merged and the opacity of the layer of water is reduced to make a blurry effect so that it can create a feel of reflection shadow.