Skillshare - Processing - Programming Graphics I: Introduction to Generative Art

Generative art is all about using programming to generate artwork that is algorithmically defined and created. In this project-based class, you'll learn how to create your own series of patterns using generative art techniques and computer programming!

What You'll Learn

• How to setup your programming environment for making generative artwork.

• An introduction to Processing and the HYPE Framework. With the HYPE Framework you'll be able to create work quicker and more effectively.

• We'll start by drawing your shapes and preparing a bank of assets for you to use in your piece. These can be any sort of image that you have created.

• Painting with HYPE using different variables to create and infinite range of possibilities.

• Adding and controlling color throughout.

• Using HGridLayout and HShapeLayout to create your final piece. These will give you ability to create grids and shapes with your assets.

• How to output your files to Photoshop of Illustrator. You'll be able to manipulate and edit them to arrive at the final piece.

Environment Setup

Introduction: Environment Setup

Downloading Processing

Working with Sublime Text 2

Final Environment Setup Tips

Intro to Processing and HYPE

Introduction: Processing and HYPE

Download HYPE

Project Steps 2,3,4

Java versus JavaScript

HYPE AS3 / Project Step 5

HYPE processing / Project Step 6

Drawing Visual Assets

Introduction: Drawing Visual Assets

Drawing Visual Assets

Drawing Abstraction

Drawing Time-lapse

Final Asset Prep

Painting to the Screen

Introduction: Painting to Screen

Basics / Line and Rect

Basics / Rotation

Basics / Matrix / push and pop

Basics / Rotation and Color

HYPE / Basics

HYPE / Drawables

Working with Color

Introduction: Working with Color

The Color Thief's

Expanding Kuler

HColorPool

HPixelColorist

HColorField

HGridLayout

Introduction: HGridLayout

HDrawablePool + HRect

HDrawablePool + HShape 1

HDrawablePool + HShape 2

HGridLayout

HShapeLayout

Introduction: HShapeLayout

HShapeLayout

Output Files

Introduction: Output Files

letsRender / bad

letsRender / better

letsRender / BEST

letsRender / final edits

Some Parting Words...

Project Inspirations

hexGrid / Randy Steward

hypnoWheel / Luke L