COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production.

Slides:



Advertisements
Similar presentations
Course Objectives… In this course, you will learn how to:  Capture pictures from many sources  Enhance your pictures with graphics software (Photoshop.
Advertisements

Outlining the Action By Brisa Waechter. Usually sport or action shots are best but you can use any photo you like.
This Presentation Contains Narration To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow WITHOUT.
Adobe Photoshop 6 Foundation Level Course. What is Photoshop? Photoshop is a graphics program, which allows you to manipulate elements of photographs.
A Technical Game Project 4 Due dates: Game Idea Friday, March 16 th Game Plan Friday, March 23 rd Web Page Sunday, April 9 th First Playable Wednesday,
COMP150 Game Design LESSON #1: Intro to Course and Brainstorming Mechanics.
COMP150 Game Design LESSON #5: Team Improvement Day! & Unity 3D for 2D Games.
Graphics Development Adobe Photoshop. Contents Needs of images and graphics, market size, animation Drawing basic shapes, filling, colors Adjusting an.
Discover Digital Textile Printing for Fashion & Textiles Introduction to Photoshop.
Inverted Colors Photo Effect Before: After:. Step 1: Select Any People In The Image And Place Them On A Separate Layer Use the lasso tool to outline the.
CSS/Photoshop Layouts - Quiz #5 Lecture Code:
Notes on the Game Development Process
Game Development and Game Design academy.zariba.com 1.
1 Photoshop Basics Marty Kesselman Oct 20, Photoshop Basics Marty Kesselman October 20, 2009.
Photoshop: Getting to Know Layers Computer Information Technology Section 7-5.
Adobe Photoshop Tutorial PhotoShop is a pixel-based program for editing photographs, painting, and creating digital art In this tutorial, you will learn:
By: Charisse Acana and Monique Tolibas. Before After.
ZOOBURST CHRISTINA LAMAN WHAT IS ZOOBURST? A digital storytelling tool that allows you to create 3-D pop up books. Allows children of.
DGMD E-70 Principles of Game Design LESSON #2: Design Through Usability Testing.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
Art for New Media 1 - Sketchbook Assignment - Copyright Go to link on website and answer the following questions about copyright law and fair.
Free Response Warm Up #43. Agenda Digital Photography Quarter Final MAKE UPS Free Response Warm Up Photoshop Lesson #3—More Layers –Review of Layers –More.
Team name Usability testing plan for BelleViews School of Business and Information Management Oulu University of Applied Sciences.
Computer Graphics Daily Instructions for the 2nd 9-Weeks.
 You will distort your head in 4 different ways  You got in a fight  You are wearing dramatic make-up  Your hairstyle changes drastically  You are.
Adobe Photoshop The Basics Yamini Nafde 2 A Quick Tour Selecting (part of an image) Layers Filters Painting Retouching Saving a file.
Table of Contents A.Introduction B.Preparation before starting work C.Menu D.Toolbar E.Pallettes > Chapter1 > Chapter2 > Appendix F.Link.
LESSON #8: Prototype Playtesting, Working Well, & Introduction to 3D Art Asset Production DGMD E-70 Principles of Game Design.
LESSON #9: Digital Playtesting & Introduction to 2D and 3D Art Asset Production DGMD E-70 Principles of Game Design.
LESSON #10: Digital Playtesting & Introduction to Character Animation with Mecanim DGMD E-70 Principles of Game Design.
DGMD E-70 Principles of Game Design LESSON #12: Mid-Production Evaluation: Game Radical Revision and Peer Evals.
DGMD E-70 Principles of Game Design LESSON #11: Level Design.
DGMD E-70 Principles of Game Design LESSON #14: Game Marketing #2: Conferences.
 You will be starting with an original image, or you can combine 2-3 images.  Then you will add a new layer on top and you will experiment with the.
Using A Photo As It’s Own Background. The Original Image.
Go To your flash drive. Make a folder named: Lastname.period.Photoshop.
How to do the “Avatar effect” ADOBE PHOTOSHOP. Open Adobe Photoshop  Click the Start Button  Click All programs  Click the Adobe Master Collection.
Visual Plastic Surgery Editing Portraits with Photoshop.
S KIN This will be our first tutorial on the subject of re-touching a photograph in photoshop. We will be working on a photo of a model and using a few.
How to Create an Logo in Gimp Created By: Dontarious Williams.
DGMD-E70 Principles of Game Design LESSON #5: Workplace Games and Introduction to Unity.
Computer Programming with Scratch JAOIT 8. Scratch Scratch is a programming language that makes it easy to create your own interactive stories, animations,
COMP150 Game Design LESSON #10: Level Design Guest Lecture #1: Forrest Dowling.
COMP150 Game Design LESSON #14: Game Marketing #3.
COMP150 Game Design LESSON #9: Open Testing and Radical Decisions.
Adobe Photoshop CS5.
LESSON #14: Game Marketing #2: More Trailers and Conferences
COMP 50 Game Design LESSON #11: Digital Playtesting & Introduction to Character Animation with Mecanim.
INTRO to PIXLR.com.
LESSON #2: Design Through Playtesting and Radical Revision
LESSON #8: Prototype Playtesting, Working Well, & Introduction to 3D
Character Design for Animation and Games
COMP 50 Game Design LESSON #9: Digital Playtesting & Introduction to 2D Art and 3D Texturing.
Character Design for Animation and Games
DGMD-E70 Principles of Game Design
DGMD S-72 Graphic Storytelling: Comic Book Art and Narrative
LESSON #5: Workplace Games and Introduction to 2D in Unity
Free Response Warm Up #42 Copyright © Dana Rutherford.
DGMD E-70 Principles of Game Design
DGMD E-70 Principles of Game Design
Introduction to Basic Interface of
VCT 231Competitive Success/snaptutorial.com
VCT 231 Education for Service-- snaptutorial.com
LESSON #14: Game Marketing #2: More Trailers and Conferences
Game Design LESSON #9: Digital Playtesting & Introduction to 2D Art and 3D Texturing.
LESSON #2: Design Through Playtesting and Radical Revision
DGMD S-72 Graphic Storytelling: Comic Book Art and Narrative
DGMD E-70 Principles of Game Design
DGMD E-70 Principles of Game Design
Presentation transcript:

COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

TODAY: 1. Digital Prototype Testing/Sharing. 2. Introduction to 2D Asset Production: Adobe Photoshop for Painting and Photo Manipulation 3. Introduction to 3D Asset Production: Autodesk Maya for basic 3D Object Modeling.

DIGITAL PLAYTESTING SET UP (10 minutes): 1.Teams Choose Tables 2.Set up game digital prototype on 3 laptops. 3.Decide initial Observers (1-2) and Players. 4.Discuss: 1-3 points/instructions to share with visiting players? Write them down!

DIGITAL PLAYTESTING PLAYTEST ROUND #1 (20 minutes): 1.Observers stay to manage playtest, Players find other games to play. 2.If team chose 1-3 instructions, give them. 3.Players attempt to play prototype (5-10 min). Observers take notes! 4.Players fill out questionnaire (5 minutes). 5.Time permitting, discuss answers.

DIGITAL PLAYTESTING PLAYTEST ROUND #2 (20 minutes): 1.Switch roles: new Observers to stay and manage playtest, new Players find other games to play. 2.If team chose 1-3 instructions, give them. 3.Players attempt to play prototype (5-10 min). Observers take notes! 4.Players fill out questionnaire (5 minutes). 5.Time permitting, discuss answers.

DIGITAL PLAYTESTING TEAM MEETING (20 minutes): 1.Convene at your team table to discuss observations and questionnaire answers. 2.Discuss Production goals for the next week (next top priority Backlog items, potentially influenced by tester experience/ observations) and divide work equitably.

PART 2: Digital Art Production 1.Adobe Photoshop (monthly charge, available in 122). Use a tablet (department has 15 Huon tablets/pens, also recommend Wacom Bamboo). 2 character sprites, background art, and VFX sprites: painting and photo manipulation. Also consider Sai or Gimp. 2.Autodesk Maya (free with.edu at students.autodesk.com). Character, prop, environment modeling, surfacing, and animation.

Photoshop: 2D Art Production Color Scripts: Choose a Palette

Photoshop: 2D Art Production Color Scripts: Characters, Environment, VFX

Photoshop: 2D Art Production Drawing and Painting! 1.New file: 12”x12”, 72ppi 2.New Layer #1: [b] for brush, shrink with “[“, draw a quick/silly character. 3.Open 1_ColorScripts.PNG for color reference. 4.New Layer #2 (above): hold [Alt] to pick colors, paint 5-10 colors in a corner for a palette. 5.New Layer #3 (below): Paint Bucket fill with medium color. Paint skin and clothing colors, highlights and shadows with brush (make larger with “]”). Use 30% opacity with [Alt] color picking to blend.

Photoshop: 2D Art Production Blending Modes: Change Saturation to Control Focus 1.Open 2_DullPhoto.png. 2.[Ctrl]+[j] to duplicate layer. 3.Set Blending Mode to Overlay. 4.Set Opacity to 60%.

Photoshop: 2D Art Production Photo Manipulation: Copy/Paste, Clone Stamp, adjust Hue/Saturation, Edit/Transform

Maya: 3D Art Production: Interface

Maya: 3D Art Production: Channel Box

Maya: 3D Art Production: Modeling Tools

Maya: 3D Art Production: Hypershade #1

Maya: 3D Art Production: Hypershade #2

Maya: 3D Art Production: Hypershade #3

Maya: 3D Art Production: Book Case

Production Scheduling: Course Milestones Due Week 5: Paper Prototypes: “Fun” Due Week 6: Digital Prototypes: “Quantity.” Due Week 7: Full Playable Prototypes: “User Clarity.” Due Week 9: Revised prototypes: “Fun.” Due Week 12: Beta Complete: Art and Audio locked. Due Week 14: Alpha Complete: Levels done, bugs fixed. Final Presentations: Playable Game and completed. Marketing materials: Trailer, Website, Press Release, Icon, and Marketing Plan.

Due Next Week: HOMEWORK #6: Final Game, 2nd Digital Prototype TEAMS: 1.Divide Unity production work evenly (art can be concepted, but stay as greybox for testing). 2.Meet with your team at least twice to discuss progress, solve problems, and consolidate build. 3.Test clarity with at least two new players. 4.Submit second digital build to class next week. Individually: Progress Report #2: Submit typed page: What you agreed to produce, what you accomplished, self-evaluation/related screenshots.

Have an Outstanding Week! And don’t forget to us with questions: Instructor: JASON WISER Available an hour after class and daily . TA: MIKE SHAH Lab hours: Wednesdays 4:30-5:45