… Create a Simple Drop Shadow Using an Orthographic Camera#

  1. Open a glTF File > Open… in the menu bar. E.g. Fish.

  2. Execute in the menu bar Create > Mesh to create a plane mesh below the fish mesh. Let’s name it ‘Ground’.

../../_images/shadow1.png
  1. Position the viewport camera above the ‘fish’ and ‘Ground’ to achieve the angle below.

Execute in the menu bar Create > Add Camera From View to create a camera.

../../_images/shadow2.png
  1. Switch the viewport to render mode to prepare image rendering and to show a preview of the resulting image.

Open the camera inspector panel and set the camera type to orthographic.

Furthermore, set xmag and ymag values manually in such a way that the camera perfectly fits to the size of the ‘Ground’ plane as shown in the screenshot below.

../../_images/shadow3.png
  1. Render the image.

  2. Import the rendered image as a texture in the content panel.

../../_images/shadow4.png
  1. Assign the created texture as a base color of the associated ‘Ground’ material in the material inspector.

Image 1

../../_images/shadow5.png

Image 2

../../_images/shadow6.png
  1. You have successfully created an orthographic projection of your model.

Now, let’s make this texture look more like a shadow by using Gestaltor’s “Edit” feature that connects your favorite image editing tool in the image inspector.

../../_images/shadow7.png
  1. Use the application to remove the background, assign a shadow color to the shape of the fish, add an alpha channel and use gaussian blur to create a soft shadow.

See also

More information about how to edit image, can be found in the quick tutorial.

Before

../../_images/shadow8.png

After

../../_images/shadow9.png
  1. Set the Alpha mode to ‘blend’ using the option in the material inspector.

../../_images/shadow10.png
  1. Adjust the created drop shadow accordingly using the translation Gizmo.

../../_images/shadow11.png
  1. Final output: depending on the asset and the background, you can reduce the shadow opacity by adjusting the alpha value in the material inspector to blend the created shadow with the background.

../../_images/shadow12.png