A digital interface displaying a pixelated space invader design in grey on a transparent grid, with editing tools and options at the top and bottom of the screen.
A digital interface displaying a pixelated space invader design in grey on a transparent grid, with editing tools and options at the top and bottom of the screen.

Beginning 3D: Explainer 6 of 8

Trace Invader!

All our workflow explainers are waffle-free and work-tested. That’s the pixels.cool guarantee!

‘Trace’ a Space Invader image in Kenney Shape to create a 3d object and export it in OBJ format

Overview

Name of explainer: ‘Trace’ a Space Invader image in Kenney Shape to create a 3d object and export it in OBJ format

Creative theme: Beginning 3D

Software used (for this explainer): Kenney Shape

User level: BEGINNER

This is explainer 6 of 8 in this series

This series includes:

  1. Get tooled up for this explainer series
  2. Navigate the Tinkercad interface, add 3d objects to the workplane and rotate & scale them
  3. Create a coffee mug in Tinkercad
  4. Export a coffee mug from Tinkercad in OBJ format
  5. Navigate the Kenney Shape interface and edit built-in objects
  6. ‘Trace’ a Space Invader image in Kenney Shape to create a 3d object and export it in OBJ format
  7. Create a new Unity project and import the objects created in Tinkercad and Kenney Shape
  8. Import a free coffee shop asset and place our 3D objects in the scene

The Software

This series of explainers uses three separate programs:

Tinkercad for introducing basic 3d navigation, scaling and rotating shapes, combining them and exporting 3d objects. Tinkercad is completely free and runs in a web browser. Get yourself a free account now!

Kenney Shape, for ‘tracing’ a 2d image to turn it into a 3d object and export it. At time of writing Kenney Shape costs less than £5 / $5. We’re creating and exporting a 3d Space Invader in the explainer below:

Unity for importing 3d objects, assembling them into a scene and applying simple textures and lighting. Unity is FREE for personal use. We’ll start assembling our Retro Cafe in explainers seven and eight:

3D Objects created in this series

Using a general theme of ‘Objects for a Retro Cafe’, we’ve already created and exported a coffee mug using Tinkercad:

In this explainer we ‘trace’ a 2d picture of a Space Invader in Kenney Shape to turn it into a 3d object, which can then be used in our retro cafe!

…We’ll also take a look at Kenney Shape’s built-in retro objects:

Finally, we’ll bring our saved objects into Unity and start blocking out a 3d cafe scene!

The pre-requisities

This is a BEGINNER explainer series, starting with beginner-friendly software. You need to have a basic knowledge of using Windows and downloading and installing software to follow this series. Tinkercad and Kenney Shape are beginner-friendly programs. Unity is a complex application and is not recommended for new computing users. For introductory courses and videos for Unity, check out Unity Learn

Why would I do this?

Kenney Shape lets us load a simple, low resolution image and ‘trace’ it to turn it into a 3D object.

Let’s do it!

Click the play icon to watch this explainer video. Subtitles are available – Click the settings cog at the bottom right for options. You can watch this video full-screen by clicking the full-screen icon at the bottom right.

Good to know

PNG (‘ping’) format images are often used for icons and sprites, primarily as they support transparency (‘see through’ pixels). You can download FREE PNG images from many sites, including these:

www.cleanpng.com

www.pngpix.com

Kenney Shape only lets you load low resolution PNG images, so you may need to resize images saved from the above sites first. You can use any image editing program for this (including Photoshop or Paintshop Pro), or you can resize images online, including www.picresize.com

Where to next?

We’ve finished using Kenney Shape for now. Remember Kenney Shape includes sample models to edit and export! In the next explainer, we’ll open Unity and import our 3D objects, including our Space Invader!

Remember, this is part of a series of explainers – Join us again for the other explainers in the series 🙂

Notes and updates

There are no notes or advisories at this time. This video explainer was last updated in September 2022. This page was last updated in September 2022.

We at pixels.cool are not responsible for the content of any external webpages or software downloaded from third party sites. Any links are included in good faith at the time of writing. All explainer content is compiled in good faith using processes and methods used by the team. Modern software provides users with many ways to accomplish a task, and for reasons of clarity we choose not to refer to multiple options. All computer users must run up to date virus / security software at all times to minimise risks of data loss.


This is number 6 of 8 explainer videos in this series. Make sure you join us for the others!