To build shapes from scratch, use the tools are the far right of the top tool bar. These

Similar documents
Virtual MODELA USER'S MANUAL

Creating a T-Spline using a Reference Image

Minimalistic Cityscape Wallpaper

This is the opening view of blender.

How to...create a Video VBOX Gauge in Inkscape. So you want to create your own gauge? How about a transparent background for those text elements?

Tutorial How to Remap Carth's eyelashes :D

HO-1: INTRODUCTION TO FIREWORKS

WAYLAND FREE PUBLIC LIBRARY 3D Design and Printing Tutorial: Create a Keychain

A Guide to Processing Photos into 3D Models Using Agisoft PhotoScan

How to Create a Seamless Half Drop Repeat Pattern in Photoshop and Fill an Object

CAD Tutorial 23: Exploded View

1 of 8 11/25/ :42 PM

Warping & Blending AP

UV Mapping to avoid texture flaws and enable proper shading

Making Your First Character

Blender Notes. Introduction to Digital Modelling and Animation in Design Blender Tutorial - week 1 The Blender Interface and Basic Shapes

Photoshop Basics A quick introduction to the basic tools in Photoshop

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics

Maya Lesson 6 Screwdriver Notes & Assessment

REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!

How to draw and create shapes

Mastering Truspace 7

UDK Basics Textures and Material Setup

Fig. A. Fig. B. Fig. 1. Fig. 2. Fig. 3 Fig. 4

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush.

Beginning Paint 3D A Step by Step Tutorial. By Len Nasman

Create a Scrapbook Page

COS 116 The Computational Universe Laboratory 10: Computer Graphics

New Features Overview for My Memories Suite 9

Adobe Animate Basics

Fruit Snake SECTION 1

Overview of Adobe Fireworks CS6

Reference Image. Source:

Center for Faculty Development and Support Creating Powerful and Accessible Presentation

Unit 21 - Creating a Navigation Bar in Macromedia Fireworks

TinkerCAD Simple Hand Tutorial for Choitek Megamark Robot. Basic Navigation

Textures and UV Mapping in Blender

Adobe InDesign CS6 Tutorial

2. Decide which wall template you are going to use, the default or the tall wall, and load that template into your art program.

3D Modeling and Design Glossary - Beginner

A Guide to Autodesk Maya 2015

Note: Photoshop tutorial is spread over two pages. Click on 2 (top or bottom) to go to the second page.

2. Click on the Launch button and select Terminal. A window will appear which looks like:

3 Polygonal Modeling. Getting Started with Maya 103

ILLUSTRATOR. Introduction to Adobe Illustrator. You will;

The original image. Let s get started! The final result.

Recipes4Success. Draw and Animate a Rocket Ship. Frames 5 - Drawing Tools

Paint Tutorial (Project #14a)

Creating a 3D bottle with a label in Adobe Illustrator CS6.

Graphic Design & Digital Photography. Photoshop Basics: Working With Selection.

Corel Draw 11. What is Vector Graphics?

Window Designer. Opening Screen: When you start Window Designer, you will see the Opening Screen. Here you will be choosing from 4 options:

DrawPlus X8. Quick Start Guide. Simple steps for getting started with your drawing.

Import / Object modes: 5 Layers for organising your scene are available at the top of the screen.

XSI TO SINS: COMMANDS & SHORTCUTS

Notes on Blender: By Matthew Evett

An Introduction to Maya. Maya. Used in industrial design, CAD, computer games and motion picture effects. The ambition is what get

CREATING THE FUNKY BUSINESS CARD

This lesson introduces Blender, covering the tools and concepts necessary to set up a minimal scene in virtual 3D space.

Adobe Flash CS4 Part 1: Introduction to Flash

4 TRANSFORMING OBJECTS

Worn And Torn Text In Photoshop

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques

Generating Vectors Overview

WRITING TEXT ON A HEART (for a Gearbubble Necklace)

Introduction to Scratch Programming v1.4 (Second Ed) Lesson 6 Calculator

Designing Simple Buildings

- Is the process of combining texts and graphics layout to produce publications e.g. cards,

An Approach to Content Creation for Trainz

Beaumont Middle School Design Project April May 2014 Carl Lee and Craig Schroeder

Low Poly Animals FIMA

MAYA; AN INTRODUCTION TO MAYA; EndOfLine.info;

Quick Tips to Using I-DEAS. Learn about:

9 ADVANCED LAYERING. Lesson overview

animation, and what interface elements the Flash editor contains to help you create and control your animation.

COPYRIGHTED MATERIAL PHOTOSHOP WORKSPACE. Interface Overview 3. Menus 15. The Toolbox 29. Palettes 61. Presets and Preferences 83 WEB TASKS

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics

COS 116 The Computational Universe Laboratory 10: Computer Graphics

move object resize object create a sphere create light source camera left view camera view animation tracks

Selective Space Structures Manual

Animating the Page IN THIS CHAPTER. Timelines and Frames

This view is called User Persp - perspective. It's good for rendering, but not for editing. Ortho will be better.

Autodesk Fusion 360 Training: The Future of Making Things Attendee Guide

CS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 02: Introduction to Photoshop Part 1

Learning to use the drawing tools

Section 5. Pictures. By the end of this Section you should be able to:

A Quick Spin on Autodesk Architectural Studio

11 EDITING VIDEO. Lesson overview

Drawing Tools. Drawing a Rectangle

System Configuration and 3D in Photoshop CS5

SOLIDWORKS: Lesson 1 - Basics and Modeling. Introduction to Robotics

RICE DMC SHORT COURSE. Creating a Digital Illustration in Photoshop (Advanced)

GraphWorX64 Productivity Tips

solidthinking User Interface

Adobe Illustrator CS Design Professional GETTING STARTED WITH ILLUSTRATOR

SketchUp Tool Basics

StitchGraph User Guide V1.8

Object Manipulation and Basic Animation

Prezi is a wonderful presentation tool to help make classroom or online instruction easy and

SketchUp Starting Up The first thing you must do is select a template.

Transcription:

3D GAME STUDIO TUTORIAL EXERCISE #5 USE MED TO SKIN AND ANIMATE A CUBE REVISED 11/21/06 This tutorial covers basic model skinning and animation in MED the 3DGS model editor. This exercise was prepared using MED v6.814. By the end of it you will be able to skin a cube and animate it. These basic principals apply to most animated models used in 3D games in which models consist of a wire frame mesh and a flat skin image which wraps around the mesh. GENERAL The four windows in MED are arranged as follows: TOP VIEW 3D VIEW FRONT VIEW LEFT SIDE Use the icons down the left hand edge to arrange the window views. The fit all command is useful for making sure your model fills as much of each view window as possible. Tools for inserting primitive shapes such as cubes are on the left of the top tool bar. On the top tool bar vertex mode and triangle mode are selected to work with corner points or with faces. For this exercise we will use faces (the default). Also on the tool bar are tools such as select, move, rotate and enlarge which are the same as in WED. Note: you can enlarge an item equally in all directions by pressing Shift as you drag. To build shapes from scratch, use the tools are the far right of the top tool bar. These include create vertex and build face and deform shapes.. The other tools are used to manipulate A useful function on the Tools Menu called Background Image allows placing of reference in the background for building a model of a character for example. To view a grid in MED (essential!). Go to File > Preferences > Video Out and select 2D grid. To change the color of the grid, go to Preferences > Color. Refer to the Help documentation for more information. 1 of 5

SKIN A CUBE REVISED 11/21/06 Skinning is the process of making a 2D image that will wrap around a 3D model to give the appearance of a realistic surface. 1. Insert a cube. Save the model in MDL7 format (the default). 2. Make the canvas for your skin. We are just making solid colors so a large size is not required. The smaller the skins the faster the game will run. For this exercise, something like 400 pixels wide by 200 pixels high will be OK. Create a 400x200 image in Photoshop, fill it with black (or any solid color) and save it as cube_skin.bmp. 3. Load the skin. Go to Edit > Manage Skins. Click New Skin. Skin0 will appear. 4. Check the Texture box then select Texture File. Load the cube_skin.bmp file that you just made. The skin is now loaded. 5. Apply the skin to the model by opening Manage Skins, selecting Skin0 and clicking on Set Skin. The skin is now applied. The surfaces of the model now need to be mapped onto it. 6. Select the front face of the cube by control-clicking its two triangles. Then go to Edit > Create 6-sided mapping. [This means that an element of the skin will be projected onto one of the six faces of the model (front, back, left, right, top, bottom). More than one element of a skin can be projected onto each of the faces for example, a character face image might be projected onto the front of the model, and a separate clothing image might also be projected onto the front.] 7. Open the Skin Editor from the File menu. You will see the front face of the cube stretched across your skin. In the 3D view to the right you will see the front of the cube now has the color of the skin. Rotate the 3D view with the left mouse button and zoom in and out with the right mouse button. 2 of 5

8. All the faces of the cube need to fit onto the skin, so resize the stretched out face so that six of them will fit on the skin. The scale tool is at the bottom of the window. Before scaling be sure to ctrl-click to select the two triangles that make up the front. It is not critical that the face is a perfect square. It is also not critical where the faces are placed on the skin. The main thing is to save space. 9. Carry out the same process (6. through 8.) to map the remaining five faces onto the skin. Be sure to select the correct face orientation during the mapping (front, back, left, etc). 10. The faces can now be colored directly in MED using the painting tools at the bottom of the window. Note that the painting color is the middle one in the palette, not necessarily the one that is select (this appears to be a bug). 3 of 5

11. For more complicated designs, export to Photoshop. In the Skin Editor File > Export Current Image to bmp. The open in Photoshop and paint designs over the faces. It is best for any artwork to extend slightly beyond the face s edge so there are no gaps at the edges. ANIMATE THE CUBE This is the same basic procedure for animating any game model. 1. Open Edit > Manage Frames. Add three new frames Frame0, Frame1, Frame2. [Note: for our purposes the names of the frames don t matter. For a character model in the game there is a strict naming convention, e.g. the frames of the characters standing animation must be named Stand0, Stand1, Stand2, etc]. Close Manage Frames. 2. Click on Animate at the bottom of the screen. It will turn yellow. 3. Frame0 is the current resting state of the cube. To get to Frame1, move the slider to the right until Frame1 is displayed. 4 of 5

4. Now set up the cube state for this frame. In the front view, drag around the cube so that the entire cube is selected. Click on the move tool and move the cube up a height roughly equivalent to its height. 5. Move the slider to the right until Frame2 is displayed. Select the entire cube again and drag it back to its starting position. 6. Play the animation by clicking on the Play Cam button at the lower left of the screen. 7. Save the model and insert it into your level in GameStudio by Object > Add Model. Build the level. You should see it bouncing up and down continuously. 5 of 5