Good graphics It's so easy a blind man could do it Alan Hazelden

Slides:

Advertisements

Similar presentations

Powerpoint Tutorial J.Kellow.

Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

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

Images Needed for Adobe Connect Events Note the image sizes you will need for the and web page presentation of your event.

A TOY IS SOMETHING FUN TO PLAY WITH A toy can be a doll, action figure, or animal. A 1.

2 Part II Enhancing a Presentation Changing the Presentation Design Design template Professionally created slide designs contain –Color schemes –Custom.

Graphics and Still Images John H. Krantz Hanover College.

Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies.

Creative Inventions and Robotics Animation for Scratch

How do bitmapped graphics differ? Bitmaps are the most common type of picture format. Vector images are inherently different from bitmap images.

Graphics Standard Grade Computing. Graphics Package n A graphics package is another General Purpose Package. n It is used to draw pictures on the monitor.

Scratch Workshop Thursday, August 26, 2010.

Digital Art is Interactive Visual Art. How has art been changed because of technology ?

Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.

Programming for Everyone How is Making Programming More Accessible, Meaningful, and Social Mitchel Resnick MIT Media Lab.

JRN 440 Adv. Online Journalism Intro. to Illustrator Monday, 2/20/12.

Computer Graphics Lecture 1 July 11, Computer Graphics What do you think of? The term “computer graphics” is a blanket term used to refer to the.

LOCH NESS MONSTER PROJECT STUDENT NAME:. ANALYSIS I have been asked to look at the information from the Internet about the Loch Ness Monster. I must decide.

GRAPHIC DESIGN FONTS COLOUR IMAGES SPECIAL EFFECTS KISS Power Point Basics

TERRAIN SET09115 Intro to Graphics Programming. Breakdown  Basics  What do we mean by terrain?  How terrain rendering works  Generating terrain 

Adobe Illustrator Basics Instructor: Cristol Gregory Assistant: Tara Caimi.

Slide 1 Graphics Slide 2 Graphics A graphics package is a general purpose package used to draw pictures (graphics). Once produced, these can be saved.

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.

Multimedia Elements –Graphics. Graphics in Multimedia Applications.

Working with Images William Pegram April 1, 2013.

Sketchup For 3D Design Part 2: 3D Text.

General Purpose Packages GRAPHICS Chapter 5. General Purpose Packages Features of Graphics Packages Entering text Entering text Common tools Common tools.

PowerPoint Created by Alison Von Canon. What is PowerPoint? PowerPoint is a complete presentation graphics package. It gives you everything you need to.

Gain knowledge of SMART software and its features.

Welcome eager young artists! Ms. Edelman Sunday, December 06, 2015  DO NOW: take out your notebook and a pen. Review your notes from yesterday.

Digital imaging. Two types of graphic Bitmap Vector.

Choose your characters and speech bubbles and drag them onto the slide Use the flip and rotate tools when needed and add text.

Shaelynn Long-KishShaelynn Long-Kish, Instructional Designer Mid Michigan Community College Building Beautiful Courses: Layouts, Lessons, Blocks, & Books.

Illustrator Getting to Know Illustrator What Illustrator Looks Like.

Library Staff Mrs. Flippo- High School LMS Mrs. Rodgers- Elementary School LMS.

Every Monday Matters Love Yourself. Happy Month of Love! Let’s start the month off right! Love to me means inspiration. What does it mean to you? What.

* Bitmap images are based on a grid of pixels * Each pixel is assigned a specific location and color value * Bitmaps contain a limited number of pixels,

Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.

Welcome eager young artists! Ms. Edelman Saturday, June 11, 2016  DO NOW: take out your notebook and a pen. Review your notes from yesterday.

13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.

Introducing Scratch Learning resources for the implementation of the scenario

STARTER Which program would you use to create a large (1000 x 1000 pixels) graphic? 5 minutes – explore these tools to see which you’d use: PhotoshopFireworksPaint.

I can videogames... and you do too! Alan Hazelden

Developing graphic design skills through the 2016 Olympics.

Learning through failure: Why you're not making enough games

Introduction to Scratch

How to make a game in a week

Designing online: canva.com

Textures, Sprites, and Fonts

Digital imaging.

Adobe Flash Professional CS5 – Illustrated

UNIT 2 – LESSON 4 Encoding Color Images.

Making friends for fun and profit Alan Hazelden

Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.

Computer Graphics Enhancing Photos with Adobe Photoshop – Level 1.

Choose your characters and speech bubbles and drag them onto the slide

This slide is a holding slide

Choose your characters and speech bubbles and drag them onto the slide

Some extra points.

Choose your characters and speech bubbles and drag them onto the slide

Task 1 investigating website by Hannah Sanders

High resolution vs low resolution images (sharp vs pixelated)

Choose your characters and speech bubbles and drag them onto the slide

Choose your characters and speech bubbles and drag them onto the slide

Uppingham Community College

Presentation transcript:

Good graphics It's so easy a blind man could do it Alan Hazelden alan@draknek.org http://www.draknek.org/

What do I know? Not much! A game from April:

Collaborations Now looks like this:

Collaborations Where to find an artist? Here TIGSource Twitter? Collaboration requires communication

Rule 0 Be consistent

Colour palettes Choose nice colours! Saturated colours are evil Don't use pure black/white Limit yourself to 4-16 colours

Colour palette: examples Don't Look Back

Colour palette: examples These Robotic Hearts of Mine

Colour palettes: examples Not the Sharpest Sword in the Box

Colour palette: examples Limbo

Colour palette: examples Proteus

Colour palettes Search for “arne 16 color palette”

Colour palettes: tools https://kuler.adobe.com/ http://www.colourlovers.com/ http://www.colorblender.com/ http://www.degraeve.com/color-palette/ http://devmag.org.za/2012/07/29/how-to- choose-colours-procedurally-algorithms/

Rule 0 Be consistent

Pixel art Choose a low screen size Don't mix pixel resolutions Plenty of tutorials online

Pixel art: examples Legend of Parasite

Pixel art: examples VVVVVV

Pixel art: examples Terrible Tiny Traps

Pixel art: examples Nitrome's icon games

Rule 0 Be consistent

Vector graphics: examples Super Hexagon

Vector graphics: examples Geometry Wars

Rule 0 Be consistent

Abstract shapes: examples Thomas Was Alone

Abstract shapes: examples Impasse

Abstract shapes: examples Sokobond

Abstract shapes: examples Voxatron

Abstract shapes: examples English Country Tune

Rule 0 Be consistent

Screen filters: examples At a Distance

Screen filters: examples Appy 1000mg

Screen filters: examples Lone Survivor

Rule 0 Be consistent

Text Never use the default font! Who needs graphics anyway? Interactive fiction Roguelikes

Other effects Screen shake Particles Glowy-ness Add faces Tweening You can do a lot with one sprite, scaling, rotation and blending Only clear the buffer to 90% alpha

Rule 0 Be consistent

MS Paint graphics RunMan: Race Around the World

Rule 0 Be consistent

Draw & scan graphics Sissy's Magical Ponycorn Adventure

Rule 0 Be consistent

Make & photograph graphics Frutorious “We don't have an artist and we can't draw so we make stuff out of plasticine and felt and photograph it” “It literally took about 2 hours to make all the characters”

Rule 0 Be consistent

Ignoring all the rules memrrtiks, suashem

Rule 0 Be consistent

More resources Cactus's GDC 2009 talk: Juice it or lose it: http://www.youtube.com/playlist?list=PLC261E393485CD2F1 Juice it or lose it: http://www.youtube.com/watch?v=Fy0aCDmgnxg Seriously, watch them!

Questions/pubtime alan@draknek.org Twitter: @draknek http://www.warwickgamedesign.co.uk/forums/

Notices Upload your games! Tigsource competition: “Sports” Fuck This Jam Next week: playing games Bring friends