How To Create 3D Frames

Creating 3D Frames for LucidPix is simple!

Anyone can crate a 3D Frame and submit it for a chance to be included as an official frame in the LucidPix app. Each 3D Frame is built from two separate elements; an interesting image and descriptive depth map. Full details found below.

User Supplied Image

User's Image

No need to do anything here, this image is provided by the User.

3D Frame

3D Frame Image

You create this frame, being sure to leave areas for the Users’ image to show through. Save as a transparent .png file.

Depth Map

Depth Map

Next, you create a depth map based off your 3D Frame Image. Choose from 5 depth levels. Save as a transparent .png file.

Final 3D Frame

Final 3D Frame

We apply the depth map to the 3D Frame and User image, enabling 3D animation of your new creation!

3D Frame Details

While creating 3D Frames is easy, there are a few specifications you must keep in mind.

Each 3D Frame submission must include the following three items; (1) 3D Frame, (2) Depth Map, and (3) Thumbnail. Incomplete or incorrect submissions will not be considered for app inclusion.

3D Frame

The image portion of your 3D Frame
Size : 1440×1744
File Type : .png
File Name : name.png
Color : full color
(0,0,0 & 255,255,255 are not allowed)
Transparent alpha background

Depth Map

Used to define depth in your 3D Frame
Size : 1440×1744
File Type : .png
File Name : name_depth.png
Color : mono, no transparency

1, 1, 1 = farthest
254,254,254 = closest
(0,0,0 & 255,255,255 are not allowed)

Depth Map Layers

Your Depth Map is a grayscale image with up to 5 colors.
Lighter colors are closer, darker colors are further away.
No gradients or transparency, only solid colors.


A smaller version of the 3D Frame
Size: 108x131px
File Type: .png
File Name: name_thumb.png
Color: full color
Transparent alpha background

How to preview your new 3D Frame on Facebook

Please be sure to preview your creations on Facebook before submitting for our consideration.

Testing setup:

  1. Create your 3D Frame and Depth Map.
  2. Choose a background image for testing purposes.
  3. Place your 3D Frame on top of test image and export as a .png file.
  4. File naming is key. 3D Frames can have any name, e.g. “name.png”. The Depth Map should have the same name with “_depth” appended at the end, e.g. “name_depth.png”
  5. Upload both files into a single post on Facebook for live preview.