• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Full Service Virtual Tours

Virtual Tours For Maximum Impact

  • Home
  • Services
    • Virtual Tours
    • Photography Services
    • 3D Imagery
  • Contact Me
    • About Bob Henderson
    • Payments
    • Best Practices
    • Privacy Policy
  • Blog
  • Virtual Tour

Posting 3D Images

You are here: Home / 3D Models / Posting 3D Images

August 3, 2015 By Bob Henderson

How to Post 3D Images to your website

blue bird 3d3D images are a great way to display merchandise for online items. One of my clients sells custom made, hand crafted mosaic tile sculptures of animals, such as dogs, cats and birds.

Basset Hound
by belmontguy
on Sketchfab

The scanning process  with 3D images involves a series of photographs that can be shot with a smart-phone application. I used 123D, by Autodesk that stitches about 30 shots together and loads them to a viewer that can be linked to a page, or post with an iframe code.

Objects that are made of glass, or highly reflective, are not suitable for 3D scanning. Lighting is also key. Overcast days are great for scanning, so the objects do not cast a shadow. Background contrast is also a consideration; it needs to be broken up, unlike the process of using a green-screen.

  • Use your smart phone to scan an image in 3D using AutoDesk 123D Catch (DISCONTINUED)
  • Download the .obj file (downloads in the mesh folder)
  • Modify the .obj image in Meshmixer by AutoDesk
  • Enhance the .obj image in Photoshop 3D
  • Upload the file to Scetchfab from Photoshop
  • Imbed the iframe code to your page or post page

Cardinal
by belmontguy
on Sketchfab

Meshmixer requires some basic knowledge of 3D objects, such as the X, Y & Z. axis. One of the first things to do is modify the orientation of the object in the “edit” mode. Then go to “transform” in the sub-menu to select the object and rotate it to the correct orientation on the plane. Usually by default, it’s on it’s side with the ground plane sliced through the center of the object. After that, go to the “select” mode to grab the unwanted background imagery using “command-X” to delete it.

Photoshop 3D can be used for additional cleaning up, but does have a fairly steep learning curve.

Using the viewing platform with 123D eliminates the need for a plug-in or loading the .obj file, which was problematic on my WordPress sites. I ended up using Scetchfab Pro viewer because it uploads directly from Photoshop. The pro plan allows me 20 annotations per month for $10. The basic plan is free with 5 annotations per month.

Filed Under: 3D Models

About Bob Henderson

Creative developer including: full service virtual tours, 360º and 3D imagery. A Certified Trusted Google Photographer. FAA certified Part 107 SUAS (drone) video and photography pilot. Former Vanderbilt Kennedy Center Leadership Council. Former Belmont University Alumni Board of Directors. Former Metro Historical Commision member. U.S. Naval Aviator and Tennessee Air National Guard. Connect with me on LinkedIn | Facebook

Primary Sidebar

contact image

Contact Me

Search

Google

5.0 stars on Google

Footer

Drone Imagery

drone 3d aerial

Virtual 360º Tours

360

3D Imagery

tx 3d home

Copyright © 2023 · Bob Henderson. All rights reserved.