3D Graphics Programming Graphics Tools - PowerPoint PPT Presentation

Slide1 l.jpg
1 / 63

  • Updated On :
  • Presentation posted in: Pets / Animals

3D Graphics Programming Graphics Tools. Ming-Te Chi Department of Computer Science,  National Chengchi University. Outline. Graphics Tools GIMP: Image Manipulation  Blender: 3D content creation . GIMP. GIMP. GIMP : GNU Image Manipulation Program. Change the Size of an Image (Scale).

Related searches for 3D Graphics Programming Graphics Tools

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.

Download Presentation

3D Graphics Programming Graphics Tools

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript

Slide1 l.jpg

3D Graphics Programming

Graphics Tools

  • Ming-Te Chi

  • Department of Computer Science, 

  • National Chengchi University

Outline l.jpg


  • Graphics Tools

    • GIMP: Image Manipulation 

    • Blender: 3D content creation

Slide3 l.jpg


Slide4 l.jpg


  • GIMP : GNU Image Manipulation Program

Change the size of an image scale l.jpg

Change the Size of an Image (Scale)

  • Image size

  • Pixel format

Crop an image l.jpg

Crop An Image

Find info about your image l.jpg

Find Info About Your Image

Selection l.jpg


Transform l.jpg


  • Rotate

  • Scale

  • Shear

Layer l.jpg


Blender l.jpg


Blender12 l.jpg


  • Model

  • Shade

  • Animate

  • Render

  • Composite

  • Interactive 3d

Slide13 l.jpg

The HomerCarlos R. BisquerttYafray Render

The Dawn of the OrnithopterDoug OllivierBlender Render

Treefrog and DragonflyJason PierceBlender Render

What am i looking at l.jpg

What am I looking at?

Info window

3D window

Buttons Window

Configuring the screen your way l.jpg

Configuring the screen your way

Middle mouse button on the bordern

The toolbox adding a sphere l.jpg

The Toolbox - Adding a sphere

  • You can call up the toolbox either by clicking on the toolbox icon in the top-right of the Blender screen, or by pressing SPACE

About object mode l.jpg

About Object Mode

About edit mode l.jpg

About Edit Mode

Loading and saving your work l.jpg

Loading and saving your work.

  • Saving a Blender File

  • Loading a Blender File

  • Export a model

A simple winter scene l.jpg

A Simple Winter Scene


The snowman l.jpg

The Snowman

  • Add > Mesh > UVSphere

  • press the S key (size) to make the sphere 4 squares wide.

  • Edit mode “Tab”

Slide23 l.jpg

  • Front View “1”

  • Add a 2nd UVsphere in the scene. Resize it (S) to 2 squares wide.

  • Now press the G key (G=Grab) and move the head on top of the body.

Slide24 l.jpg

  • you can "link/join" all the elements together. Select them by pressing the B key and drawing a square all around them.

  • Then press Ctrl+J and click on "join selected meshes".

Slide25 l.jpg

  • Add > Mesh > Cone.

  • Switch to the side view (3 on numpad).

Slide26 l.jpg

  • Switch to the front view (1 on numpad), add a sphere

  • duplicate it by pressing Shift+D, and put it (G) at the place of the second eye. 

Slide27 l.jpg

  • move to the top view (7 on numpad),

  • ress Z to switch to "Solid" mode (instead of "wireframe" mode).

Slide28 l.jpg

  • In the object mode (tab) select the snowman body.

  • Now go to the editing menu (F9 or the button that is circled) and click "Set Smooth".

Slide29 l.jpg

  • Then, click on "New" to create a new material for the snowman, and click "Shading" (or F5) to go onto the shading menu.

Slide30 l.jpg

  • Now, select the nose of the snowman.

  • On the shading menu (F5) click on "Add New" to create a new material for this part. Name it "Orange" or whatever you want, and set the RGB values to an orange color.

Slide31 l.jpg

  • Do the same thing for the eyes of the snowman (name the material "coal" and set the RGB to zero).

The fir trees l.jpg

The Fir Trees

  • elect (only) the second layer. Switch to the top view (7),

  • and add a Cone (Add > Mesh > Cone).

Slide33 l.jpg

Switch to the front view (1), and make the cone a little flatter. 

To do this, select the top of the cone (right-click on it) and move (G) it. To move it only in one direction (e.g. along the z axis only) start your move in the direction you want and do a click with the middle-button.

The move should now be restricted to only one axis. Click a 2nd time with the middle button to cancel. Then switch to the object mode (Tab) and increase the size (S) of the cone. Make it 8 squares wide. 

Slide34 l.jpg

  • Keep the cone selected, and go to the shading menu (F5).

  • Click on Add New (as in step 9), and name the new material "FirTree". Then, click on the Texture Menu button.

Slide35 l.jpg

  • Click on "Add New" to add a texture to the FirTree material, then select "Image", because the texture will be based on an image. Click on "load image" and choose the image you'll find here.Set the "Xrepeat" value to 2 (the Xrepeat button is underneath the "Load image" one).

Slide36 l.jpg

  • Go to the material menu, and select the "Map Input" tab. Choose "Tube". Make sure the cone is still selected, go back to the editing menu (F9) and select "Set Smooth" (as in step 7). By the way, the textures can't be seen in the solid mode (Z), they're visible only in renders. 

Slide37 l.jpg

  • In the front view (1), duplicate (Shift+D) the cone, and put the duplicated cone on top of the other.

  • Repeat this once to have 3 cones. Decrease slightly the size of the cone on the top and in the middle. You should have something looking like the picture opposite. 

Slide38 l.jpg

  • Switch to the top view (7) and add a cylinder (Add > Mesh > Cylinder). Make it small enough (S) to be the trunk of the tree, and put it at the right place in the front (1) view.make them smooth and add appropriate materials. Make the material brown (R:0.500, G:0.250, B:0.000). 

Slide39 l.jpg

  • Switch to the top view and select the whole fir tree (A or B and draw a square around it).

  • Select the first layer (press Shift when you click on it to keep the layer with the fir tree selected). There's a big probability that the fir tree will be over the snowman, so move it (G) away. 

Slide40 l.jpg

  • Use Shift+D to copy the fir tree and create a little forest around the snowman. (Don't put fir trees in front of him, or he'll be totally hidden from the camera).

  • You can make some trees bigger or smaller, so it won't look too artificial Verify your scene in the front/side views (1/3) that the bigger trees are not half-underground and the smaller trees half-flying.

The ground l.jpg

The Ground

  • Select another layer and add a plane (Add > Mesh > Plane). Now select the 3 layers you used, and (with the plane still selected) grow the plane to be bigger than the forest. This is going to be the ground. Switch to the object mode (Tab) and make sure in the front or side view (1 or 3) that the ground is not floating above the trees, but directly under them.

Slide42 l.jpg

  • Now go to the shading menu (F5), and instead of choosing "Add New", click on the small arrows on the left of the Add New button and choose "Snow".

Creating a vase l.jpg

Creating a vase

Slide45 l.jpg

  • To add a circle press [Space-bar] to bring up the toolbox. In it go toAdd>> Mesh>> Circle, confirm the circle of 32 vertices.

Slide46 l.jpg

  • edit-mode

  • To do that first press [S](scale) then keep pressed [Ctrl](Constrained movement) and bring the mouse towards the circle pivot

Slide47 l.jpg

  • Press [Numpad1] to get in to front view.

  • Keep all the vertices selected(yellow, [A] to toggle),

  • now press [E](extrusion) select 'Region' from pop-up and start moving the mouse upwards(Y axis)

Slide48 l.jpg

  • first select all the vertices by pressing [A] then press [Ctrl+N] to recalculate surface normals.

Slide49 l.jpg

  • Press [E] then[Y](Y axis) to constrain movement vertically, now move it .1000 unit upwards. Scale it down to .600. To scale the selection press [S] then move the mouse, click to commit scaling.

Slide50 l.jpg

1) .1000 extrude up, scale 1.300.

2) .1000 extrude up, scale 1.200.

3) .3000 extrude up, scale 1.300.4) .4000 extrude up.5) extrude and move up 2 big units([Ctrl]) and then .700 scale inwards.

Slide51 l.jpg

6) .2000 extrude upwards, scale .800 inwards. Next two extrusions will shape the 'neck' of the vase.7) .2000 extrude upwards, scale .600 inwards.8) .1000 extrude upwards.9) .1000 extrude upwards, 1.400 scale outwards.10) .1500 extrude upwards.11) .600 extrude inwards, and lastly12) .3000 extrude downwards.

Materials textures l.jpg

Materials & Textures

Slide53 l.jpg

  • 'Mirror Transp' Tab next to Shaders and press 'Ray mirror' and increase the 'RayMir' slider to .20. And finally Depth 3

Game engine l.jpg

Game engine

Learning the basics of using the blender game engine l.jpg

Learning the basics of using the Blender Game Engine

Making the default cube move using no physics l.jpg

Making the default cube move, using no physics

Controlling the cube via the arrow keys l.jpg

Controlling the cube via the arrow keys

Adding in additional keyboard controls l.jpg

Adding in additional keyboard controls

Making the default cube move using physics l.jpg

Making the default cube move, using physics

  • Login