Making a 3D Printed Animated GIF

3,660

17

10

Introduction: Making a 3D Printed Animated GIF

About: Making silly things because reasons!

Hey people – I’ve been playing with 3D printed lithophanes and making these awesome photos come to life. This instructable will go over the steps I made to create the Picard animated GIF in the video using 3D printed frames - a 3D printed animated GIF if you will!

The video is here but this instructable and my blog post goes into a bit more detail.

Https://themadmaker.co.uk

I’ve also created an animated GIF using 3D printed Lithophanes of the classic Captain Picard face palm and I’ll show you how near the end of this instructable. The video is here:

https://youtu.be/otXkHlQGJTk

So the concept of lithophanes has been around for hundreds of years. They were originally made of thin porcelain and would involve etching or molding artwork onto the substrate and shining a light source behind to reveal the artwork. Thinner areas let more light through and thicker areas less so with some skill some quite detailed images could be represented.

Only in recent years we’ve seen them 3D printed and people have figured out lots of ways of making them.

Supplies:

You will need: Nothing!

If you don't have a 3D printer you could always make these and get a 3D printing service such as 3D Hub or shapeways :)

You need a light source to shine behind the lithophanes but of course you could just use the sun ;)

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

Step 1: Creating a Lithophane

You can now make them directly in Cura or use your favourite

3D modelling package but I’ve been using this online tool by Mark Durbin. It’s available at:

3Dp.rocks/lithophane/

The tool lets you upload an image and it will directly process this into a STL file which you can download and print.

There are some basic controls for modifying the STL and choosing different shapes.

There’s the standard flat, curves both concave and convex, a solid cylinder, pillow shaped, dome shaped and even heart shaped.

Printing them needs to be done vertically as the bottom layer squashing can distort and lesson the effect. So once you have your image turned into a model, you may need to rotate it.

I’ve done a range of different thicknesses and found for normal ABS and PLA 3mm thick is optimal. Any less and you lose definition and anymore and light doesn’t get through the thicker parts.

Step 2: Preparing the 3D Prints

Although I’m sure somebody has done it, I’ve not seen

anybody do much with stop motion lithophanes yet.

Probably because there isn’t any logical reason to but hey, sometimes you just want to do stuff because you can.

And partly to celebrate the new Star Trek spin off Picard and partially because I needed something short to test I decided to use the classic Picard face palm meme!

First I used this nifty online tool EasyGIF to break the meme into separate images.

https://ezgif.com/split

There were about 39 in total but I only needed 27 of them to convey fully what’s going on.

I then manually imported and made STLs for each image.

And of course 3D printed them.

Step 3: Setting Up and Taking the Animation Frames

With all the Picard’s printed I needed some kind of jig so

they could all be placed in the same place relative to the camera and I could run a little stop motion magic.

I was going to 3D print something complicated but a scrap piece of wood will do fine for testing.

Camera mounted one end with an elastic band.

I’m using a c920 logitec web cam here as it’s a great little camera for being able to adjust settings.

Pop the light the other end and the frame goes in the middle.

A little bit of experimentation was needed to get the thing just right. It took a while to play with the settings to get things looking good.

Contrast needed go up a bit higher so we can make out the detail and of course I needed to adjust the focus.

I put to make a mark on the wood where the base sits so I can make sure each one is in the same place.

And to make extra sure I glued a little bit of wood onto the board so the frame can quickly push up against it.

I wasn’t too worried about it being slightly too left or right this can be fixed in the software later.

Now the fun job, lets take a photo of each of these 27 frames....

Step 4: Turning the Frames Into an Animated GIF

With the photos done I imported them into Adobe Premier. This is remarkably easy to do, just make sure

your images have some kind of sensible number order as the filename.

In Premier go to import, select the first image and tick the Image Sequence checkbox. This will import all those images as a sequence you can then use just like any video clip.

This sequence was 27 frames long so just over a second of footage. To complete the circle I rendered it as an animated gif and again this is really easy to do in the latest versions of Premier, just select the Animated GIF option as your export format.

And there we go, happy Picard day everybody!

I hope you enjoyed this instructable or the video and I’d love to know what meme to do next. Maybe you can make one too?

Let me know if you do!

Oh and I’ve uploaded this to Giphy here:

https://gph.is/g/E0lAzpX

So if you want to use it, feel free!

And again remember to check out the video if you haven't!

Be the First to Share

    Recommendations

    • Wearables Contest

      Wearables Contest
    • Fix It Contest

      Fix It Contest
    • Fix It Contest

      Fix It Contest

    10 Discussions

    1
    Reyes23
    Reyes23

    12 days ago

    Trully great idea :)

    0
    TheMadMaker
    TheMadMaker

    Reply 11 days ago

    Thanks :)

    0
    necbettinç
    necbettinç

    13 days ago

    I tought you will not use a computer to create an animation.
    I mean you can may use some servo or step motors to change between 3D printed lithophanes to view them alive as a gif(maybe like old filmed video players).

    1
    TheMadMaker
    TheMadMaker

    Reply 13 days ago

    Thats called a Zoetrope and a few people have asked me to make one next :) So its definitely on the to do list. I'm thinking to get the speed needed for it to work a normal DC motor would be fine.

    0
    necbettinç
    necbettinç

    Reply 13 days ago

    You can simply check how many images shown in a second on that gif, multiply that number with 60. So here is your rpm needed(thinking to show a frame on every turn). If we handle 24fps old video, 1440RPM not a much for dc motor. At the other hand, If you put them on the same wheel, it will need dividedly slower motor(but with higher torque). For a lighting, you need to flash as the frame is on exact position, other times, it needs to be distungiushed.

    0
    TheMadMaker
    TheMadMaker

    Reply 12 days ago

    Sounds good - I was thinking I could lower the frame rate even further to 20 for a simple animation most wouldn't notice perhaps but this project would definetly need some kind of variable speed controller so it could be fine tuned.

    Oh and I'd want to make it different to all the other Zoetropes out there so maybe head mounted - like some kind of crude virtual reality headset...

    0
    TheMadMaker
    TheMadMaker

    Reply 13 days ago

    Thanks! :)

    2
    gravityisweak
    gravityisweak

    Question 15 days ago

    Are those the varying layer lines of each lithophane that are making the gif look like it has some old school vhs lines across it? Interesting!

    1
    TheMadMaker
    TheMadMaker

    Answer 14 days ago

    Yup, its a nice effect though with high detail and a really good quality print those lines could be lessened. I like it though :)