📘 CodingMarble Learn

Designing Creative 3D Works: Plan, Design Rules, Animation and AR

A creative 3D work starts with a plan: who is it for and what should they feel? We build the model from simple shapes, then use design principles such as balance, proportion, contrast and a clear focus. For animation we set a few key poses (keyframes) and the computer fills the frames between them. For augmented reality (AR) the phone camera finds a marker or a flat surface and keeps the 3D model fixed on it.

🎬 Step-by-step story

  1. Plan first. Who will see the work, and what should it do? Here we plan a small robot toy for children.
  2. Build from simple shapes: a box for the body, cylinders for the legs, a sphere for the head. Add one shape at a time.
  3. Design rules: balance and proportion. Make the head too big or too small and the toy looks odd. Use the slider.
  4. Animation: we make two key poses (frame 0 and frame 24). The computer makes all the frames in between.
  5. Augmented reality: the phone camera sees a marker and keeps the model fixed on it, even when the phone moves.
  6. Free play: change the head, the frame and the phone angle together and see what each one does.

Tip: drag the 3D scene to turn it. Use two fingers to zoom.

🤔 Common doubts, cleared

Why do we plan on paper before opening the 3D tool?

Changing a sketch takes seconds, but changing a finished model can take hours. The plan tells you who it is for and what it must do.

Why build from simple shapes and not draw the final shape directly?

Simple shapes are quick to place and change, and they keep the model light for phones. Watch the robot grow shape by shape.

How do I know if the proportion is right?

Use the slider. A head close to the same size as planned looks balanced (the head stays yellow). Very small or very large heads turn orange and look odd.

Does the computer really make all the frames by itself?

It makes the in-between frames after you set the keyframes. At frame 12 the arm is exactly half way between the two poses.

In AR why does the model not move when I move the phone?

The phone knows where the marker is and draws the model at that spot every moment. The phone moves, but the anchor does not.

Can I mix all of these in one work?

Yes. A real project uses a plan, simple shapes, design rules, animation and AR together. Try all three sliders in the free play step.

Plan a 3D work before you build

A good 3D work begins on paper, not on the computer. Ask three questions.

Then make a quick sketch with a front view and a side view. A sketch is cheap to change. A finished model is not.

Build with simple shapes

Every 3D object can be built from simple shapes called primitives: box, sphere, cylinder, cone. Start with big shapes for the main body, then add small shapes for details. This is called blocking out.

Keep the number of shapes small. A model with fewer faces loads fast on a phone. Keep the names of the parts clear (body, head, arm) so you can animate them later.

Design principles: balance, proportion, contrast and focus

Design principles are simple rules that make a work look right.

Colour has meaning too: red warns, green means go, and blue feels calm. Check that people with weak colour sight can still read your work, so do not depend on colour alone.

Animation: keyframes and in-between frames

An animation is many still pictures shown quickly. Each picture is a frame. Films use about 24 frames each second, and games often use 30 or 60.

We do not draw every frame. We set keyframes: the important poses, such as arm down at frame 0 and arm up at frame 24. The computer works out the frames in between. This is called interpolation or tweening.

Augmented reality (AR) works

Augmented reality puts a 3D model on top of the real camera picture. Virtual reality (VR) replaces the real world completely. AR only adds to it.

How AR keeps the model in place:

  1. The camera looks for an anchor: a printed marker, a flat table, or a wall.
  2. The phone finds its own position and angle using the camera picture and motion sensors.
  3. It draws the model at the anchor, from the phone's point of view, many times each second.

Tips for AR models: keep them light (small file), use real-life size, add soft light, and test in a room that is not too dark.

Try it: your own small 3D work

Do this at home or in a free 3D tool:

  1. Sketch a toy on paper. Write who it is for.
  2. Build it from 4 or 5 simple shapes.
  3. Check balance with a middle line, and change one proportion.
  4. Make two keyframes (frame 0 and frame 24) and let the tool fill the rest.
  5. If you have a phone, try an AR viewer and place your model on a table.

In the 3D above, first guess what the arm will do at frame 12, then drag the slider and check.

Key formulas and definitions

Worked examples

1. An animation has 48 frames and runs at 24 frames per second. How long is it?

Time = 48 ÷ 24 = 2 seconds.

2. A short clip must last 5 seconds at 30 frames per second. How many frames are needed?

Frames = 5 × 30 = 150 frames.

3. An arm turns from 0° at frame 0 to 120° at frame 24. What is the angle at frame 12 (straight in-between)?

Angle = 0 + (120 − 0) × (12 ÷ 24) = 60°.

4. A toy's body is 4 units tall. A designer wants the head to be one quarter of the body height. How tall is the head?

Head = 4 × 1/4 = 1 unit. Keeping simple ratios like this gives good proportion.

5. You must choose a main idea for a school poster in AR about the water cycle. List the plan in three lines.

Who: classmates of Class 8. What: show rain, river and clouds as a loop. Where: AR from a printed marker on the poster, seen on a phone.

Common mistakes

Practice quiz

1. What do we make first in a creative 3D project?
2. A keyframe is:
3. A film runs at 24 frames per second. A 10 second shot has:
4. In AR the phone camera keeps the model fixed using:
5. Which design principle makes the important part stand out?

Practice: answer these yourself

Type or choose your answer, then press Check. Use a hint if you are stuck; the full solution appears after you answer.

Frequently asked questions

What are the main design principles for a 3D work?

Balance, proportion, contrast, focus and unity. They help the viewer understand and enjoy the work.

What is a keyframe in simple words?

A keyframe is a pose you set at one moment in time. The computer fills the frames between two keyframes.

What do I need to try AR?

A phone with a camera, an AR viewer app or web page, and a marker or flat surface with good light.

Where this is taught

China高三Sel.5 3D design and creativity

Learn first

Learn next

Related lessons

All Computer Science lessons