LESSON #9: Digital Playtesting & Introduction to 2D and 3D Art Asset Production DGMD E-70 Principles of Game Design.

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.
The Mondrian Assignments Use Adobe Photo CS3 to create Mondrian style artworks. 1. Read the short Artist Description on the next page. Taking notes on.
Picture manipulation with photoshop. Free alternatives Gimp Versions for GNU/Linux, Windows, Mac, FreeBSD –Bit.
IMGD 1001: The Game Art Pipeline. IMGD (Visual) Art Courses  AR Essentials of Art.  AR Digital Imaging and Computer Art.  IMGD/AR.
Adobe Photoshop 6 Foundation Level Course. What is Photoshop? Photoshop is a graphics program, which allows you to manipulate elements of photographs.
COMP150 Game Design LESSON #1: Intro to Course and Brainstorming Mechanics.
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:
COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production.
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.
JRN 302: Introduction to Graphics and Visual Communication - Intro to Photoshop Thursday, 9/3/15.
ANM 100 ADOBE CREATIVE SUITE LESSON 7 1) No Quiz 2) Digital Image Composites in AdobePhotoshop Review 3) In-Studio Work.
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 #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.
Photoshop Demonstration - Creating a cast shadow review and new skills: transform, lock transparency, gradient, feather (modify selection),
 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.
Making text photo. Photoshop tutorial: making text photo with Angelina Jolie's head- shot (Part 1) Step 1:  Select the picture you want to edit. Step.
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.
Art for New Media 1 - Sketchbook Assignment Look at the montage sample below. Think about the Photoshop tools, techniques and effects you have.
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.
Sketchbook… 1 - Using a pencil, draw a shaded sphere similar to the one below. Make sure to label the light source, highlight and cast shadow.
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.
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
ANM 143 ADOBE ILLUSTRATOR What’s New On the Class Blog
VCT 231Competitive Success/snaptutorial.com
VCT 231 Education for Service-- snaptutorial.com
LESSON #14: Game Marketing #2: More Trailers and Conferences
Agenda 9/15/16 Sketchbook #6 Introduction to Photoshop continued:
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
E-CONTENT GENERATION USING OPEN SOURCE TOOLS
Presentation transcript:

LESSON #9: Digital Playtesting & Introduction to 2D and 3D Art Asset Production DGMD E-70 Principles of Game Design

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.

PART 1: 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!

PART 1: 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.

PART 1: DIGITAL PLAYTESTING TEAM MEETING (10 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). Use a tablet (recommend Wacom Bamboo). 3D texturing, 2D character sprites, background art, and VFX sprites: painting and photo manipulation. Also consider Paintool Sai or Gimp. 1.Autodesk Maya (free with.EDU at students.autodesk.com). 3D 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 2D_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 8: Paper Prototypes: “Fun” Due Week 9: Digital Prototypes: “Quantity.” Due Week 11: Full Playable Prototypes: “User Clarity.” Due Week 12: Revised prototypes: “Fun.” Due Week 14: Prototype Complete: Multiple levels populated, bugs fixed, full Art and Audio. Final Presentations: Playable Game and Marketing materials: Trailer, Website, Press Release, Icon.

Due Next Week: HOMEWORK #9: 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 . Unity TF: Julia Knight Lab hours: Thursdays 7-7:40, daily by