GIF's by POV-Ray and GIAM a tiny crash course

Slides:



Advertisements
Similar presentations
Using Microsoft PowerPoint in the Classroom
Advertisements

Comic Strips in MS Word Or Powerpoint.
Add Images to Improve Your Presentation Day 8. You will learn to Understand Graphics Formats Find Graphics Create Your Own Images Insert an Image on Your.
® Microsoft Office 2010 PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
Developing professional presentations Office XP PowerPoint? Who? Us?
PowerPoint Tutorial Your Logo Here It’s easier than you think!
Presented by the Virginia 4-H Science and Technology Committee PowerPoint 101.
A guide to creating a power point display Essentials Ctl M =New Slide: a new slide can be inserted. It is placed after the slide that you are viewing.
Lecture 11: Exam Revision 1  Principles of Interactive Graphics  CMSCD2012  Dr David England, Room 718,  ex 2271  Coursework.
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Module 4- Build a Game Look at Me Mod 4 Lesson 3 Graphics.
Week 3  Adobe Photoshop Introduction  Create an Image Collage  Save For Web Please Visit:
Raster Graphics 2.01 Investigate graphic image design.
Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.
Module 4- Build a Game Look at Me Mod 4 Lesson 3 Graphics.
PowerPoint Project 1 These instructions will tell you what TAB you need to go to, but will not give you pictures of the COMMAND buttons you need. 1.Go.
Title of your Poster Presentation Student Presenter’s Name(s), Major(s) or Course Name · Mentor’s Name and Title, Department Insert Text Here… (replace.
Introduction to Computer Graphics
Title of your Poster Presentation
PowerPoint Grades 3-5.
EEC-693/793 Applied Computer Vision with Depth Cameras
Computer Graphics Imaging
How to Create Static and Animated PowerPoint Slides
EEC-693/793 Applied Computer Vision with Depth Cameras
Objectives At the end of this session, students will be able to:
Introducing Blender.
INTERACTIVE TRANSPARENCY BUILDING A Character IN ANIMATION
2.01 Investigate graphic image design.
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
Microsoft PowerPoint 2003 Illustrated Introductory
Enhancing a Document Part 1
Introducing Blender.
Look at Me Mod 4 Lesson 3 Graphics Module 4- Build a Game.
EEC-693/793 Applied Computer Vision with Depth Cameras
1.01 Investigate graphic types and file formats.
Introducing Blender.
Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.
Enhancing a Document Part 1
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Computer Animation Texture Mapping.
Title of your Poster Presentation
Title of your Poster Presentation
Using Netscape Page Composer
2.01 Investigate graphic image design.
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
EEC-693/793 Applied Computer Vision with Depth Cameras
Title of your Poster Presentation
Title of your Poster Presentation
Title of your Poster Presentation
2.01 Investigate graphic image design.
Title of your Poster Presentation
PowerPoint is for making high quality presentations
Exercise 64 Use the Flash Movie Explorer to examine the contents of an application to quickly locate specific elements such as instances. Use the Movie.
Title of your Poster Presentation
Title of your Poster Presentation
2.01 Investigate graphic image design.
Presentation transcript:

GIF's by POV-Ray and GIAM a tiny crash course How to make ... GIF's by POV-Ray and GIAM a tiny crash course Florian Simon 10/17/2011

What is a “GIF”? Graphics Interchange Format (GIF) is a bitmap image format that was introduced by CompuServe in 1987 and has since come into widespread usage on the World Wide Web due to its wide support and portability. GIFs are suitable for sharp-edged line art (such as logos) with a limited number of colors. GIFs can be used to store low-color sprite data for games. GIFs can be used for small animations and low-resolution film clips. Source: http://en.wikipedia.org/wiki/Graphics_Interchange_Format

Procedure create the pictures, you want to combine to a small animation, with POV-Ray put these pictures to a GIF (e.g. with GIAM) For detailed explanations I highly recommend to use this tutorial (eng): http://www.f-lohmueller.de/pov_tut/pov__eng.htm

1. POV-Ray Basic POV-Ray-Window

to create a graphic in POV-Ray, we need a few basic things: global settings and “include-packages” scenery source of light camera and of course the objects the easiest way to create a working scene, is to use a pre-built text template (You can find a lot of these things on internet) (!) http://www.f-lohmueller.de/pov_tut/pov__eng.htm

For example

Head (Information) Global Settings “Include”-Packages Few Camera-Settings Light-Source Scenery POV-Ray will not read text behind “//” or between “/*” and ”*/” vectors define positions <x,y,z> ( Cartesian or “left-handed” coordinate system)

This is a easy way to add some objects into the scenery (e. g This is a easy way to add some objects into the scenery (e.g. a sphere): Important: The cursor has to be at the end of the text!

This will be inserted automatically. Description: sphere{ <xM,yM,zM>, r texture{ ... } } In this case <xM,yM,zM> are the coordinates of the center and r is the radius. We can do modifications of position, shape, consistence of the surface, etc. with the following commands: scale< , , > - Scaling - changes of the scale rotate< , , > - Rotations around the center (!) of the coordinate system translate< , , > - Translations texture-commands: Pigment{ ... }: color and transparency Normal { … }: roughness Finish { ... }: brightness and brilliance of the surface After saving your .POV-file, you can click “Run” to see the graphic. Rendering-Settings can be made here. *Of course, you can do a lot more with some extra commands. Unfortunately I can't explain all of them in this ppt. (The picture will be saved in same folder as the .POV-file.)

Example for a simple Transformation translate<0,0.5,0> → translate<0,0.5,4> This moves the sphere from the origin 0.5 units in positive Y-direction and 4 units in positive Z-direction. *Important: Transformations like “scale, rotate and translate” aren't commutative.

from a single picture to some more... For an animation with POV-Ray we need a POV-Ray scene file (.POV), which uses the clock value and a POV-Ray .INI-file, which defines the clock-value. In order to create a GIF, open a new register-card, and type in the text you can see on the picture. Important is, that you save it as an .INI-file. In this example, the clock-value will run from 0 to 1 in 30 steps. At each step, POV-Ray will do a rendering of the scene and save it to the same folder as the .POV- and .INI-file. Description: "Initial_Frame=1" and "Final_Frame=30" define, that there are 30 graphics about to be rendered. "Initial_Clock=0" and "Final_Clock=1" show the start and end value of the clock-value. "Cyclic_Animation=on" says, that the last picture is not to be rendered anymore. (“;” replaces // )

Now, we need to set up the clock value in the .POV-file. “clock” will run from 0 to 1. Important: trigonometric functions needs radian measure! (rotate<...> needs value in degree)

After pressing “Run” in the .INI-file, POV-Ray will make 30 renderings.

2. GIAM … or from pictures to the final GIF Now we need to just open GIAM and drag all 30 pictures into this box. Clicking the SAVE-Button will finally create the GIF-file.

In this example, we got a sinus-movement along the z-axis (camera is at <3.0 , 2.0 , 2.0>, looking at <0.0 , 1.0 , 0.0>):

Until today, I've created these 3 animations: Right now, I'm working on a self-unfolding box. Thank you for reading!