4. Generative Design Guy Haviv Designit
Nowadays, kids already know
all about the creative software
used for design
— all we can do is teach you
how to think.
I’ve heard this from several teachers at Shenkar:
Introduction
5. Generative Design Guy Haviv Designit
Nowadays, kids already know
all about the creative software
used for design
— all we can do is teach you
how to think.
I’ve heard this from several teachers at Shenkar:
Introduction
6. Generative Design Guy Haviv Designit
What I learned
from Dan, a friend
of mine who’s an
illustrator
Introduction
7. Generative Design Guy Haviv Designit
be obsessed with
the process.
Draw > Xerox to 2000% > Draw Again > Scan > Add type
Introduction
8. Generative Design Guy Haviv Designit
everyone’s using
the same tools?
let’s tinker with the
tools then.
Introduction
10. Generative Design Guy Haviv Designit
We should master
our tools, and then
alter them.
Generative Design
11. Generative Design Guy Haviv Designit
Core Image Fun House
generative tool #01
Download Graphic Tools for Xcode:
https://developer.apple.com/downloads/index.action?name=Graphics#
Generative Design
Mac only
12. Generative Design Guy Haviv Designit
Take an image and stack a
bunch of live pixel effects on top
of it.
(originally made as a framework exploration tool)
Generative Design
Core Image Fun House
15. Generative Design Guy Haviv Designit
Generative Design
Processing
generative tool #02
processing.org
Mac & PC
Open source
16. Generative Design Guy Haviv Designit
Maybe the most well known
generative design tool.
Open source, very well
documented.
Generative Design
Processing
17. Generative Design Guy Haviv Designit
Write simplified Java
code, get visual results.
Thousands of samples
to play with.
Generative Design
20. Generative Design Guy Haviv Designit
Generative Design
Quartz Composer
generative tool #03
Download Graphic Tools for Xcode:
https://developer.apple.com/downloads/index.action?name=Graphics#
Mac only
21. Generative Design Guy Haviv Designit
Node based visual language for
mixing image, video, audio,
code & other media.
Generative Design
Quartz Composer
23. Generative Design Guy Haviv Designit
Quartz Composer files are
called Compositions.
They are used on the Mac as:
Screen savers
iTunes visualizers
Keynote plugins
They are also playable on any Mac with Quicktime.
Generative Design
24. Generative Design Guy Haviv Designit
I used Quartz Composer to create an interactive poster.
Generative Design
26. Generative Design Guy Haviv Designit
Generative Design
Quartz Composer
generative tool #03
Download Graphic Tools for Xcode:
https://developer.apple.com/downloads/index.action?name=Graphics#
Mac only
27. Generative Design Guy Haviv Designit
Generative Design
Quartz Composer
Get “Graphic tools for Xcode”
28. Generative Design Guy Haviv Designit
Generative Design
NodeBox
generative tool #04
nodebox.net
Mac only
Open Source
29. Generative Design Guy Haviv Designit
NodeBox is fucking awesome.
You write Python code &
generate vector graphics.
Copy as PDF to Illustrator to continue tweaking.
Generative Design
NodeBox
31. Generative Design Guy Haviv Designit
My first gig at nascent was writing a script that served as
the basis of the Kodak Leaf visual language
Generative Design
43. Generative Design Guy Haviv Designit
Generative Design
Scriptographer
Illustrator scripting plugin
generative tool #05
scriptographer.org
Mac & PC
Open source
44. Generative Design Guy Haviv Designit
Scriptographer is an interactive
scripting environment for
Illustrator.
It adds a palette with scripts and a few tools - all of
which can be edited and manipulated.
Generative Design
48. Generative Design Guy Haviv Designit
What happens if you output an
Illustrator file to .ps, and then
play with random numbers
inside?
And then open the .ps with Adobe Distiller to make
it a PDF to view the results?
Generative Design
56. Generative Design Guy Haviv Designit
Understand the
.AI + .PDF
relationship
Design Hacking
hack #01
57. Generative Design Guy Haviv Designit
Design Hacking
Illustrator is an incredible app -
it has forward compatibility.
Each .ai file actually has a hidden .pdf file inside.
58. Generative Design Guy Haviv Designit
Design Hacking
.ai + pdf bundles enable QuickLook on .ai files.
59. Generative Design Guy Haviv Designit
Be an app bundle
researcher/ninja.
Design Hacking
hack #02
60. Generative Design Guy Haviv Designit
The Finder has a trick called
bundles.
Bundles are folders that act like
single files.
They hide some good stuff inside.
Design Hacking
61. Generative Design Guy Haviv Designit
.app files are bundles.
Let’s look at an example.
iWork files used to be bundles.
Let’s extract some media from a .keynote
document
Design Hacking
62. Generative Design Guy Haviv Designit
Fonts are usually
embedded within
PDFs
Design Hacking
hack #03
63. Generative Design Guy Haviv Designit
When you export a file to PDF,
the relevant fonts are being
embedded into that PDF.
And you can extract them.
Get FontForge to try this stuff out.
Design Hacking
69. Generative Design Guy Haviv Designit
Nearly every time you see
something on screen, it’s a
vector PDF.
Design Hacking
Macs speak PDF quite fluently.