1.
Hello.GuyHaviv.DesignDirectorTelAvivGenerative Design Guy Haviv

2.
Design Hacking /Generative Designa brief introduction toGenerative Design Guy Haviv Designit

3.
IntroductionGenerative Design Guy Haviv Designit

4.
Generative Design Guy Haviv DesignitNowadays, kids already knowall about the creative softwareused for design— all we can do is teach youhow to think.I’ve heard this from several teachers at Shenkar:Introduction

5.
Generative Design Guy Haviv DesignitNowadays, kids already knowall about the creative softwareused for design— all we can do is teach youhow to think.I’ve heard this from several teachers at Shenkar:Introduction

6.
Generative Design Guy Haviv DesignitWhat I learnedfrom Dan, a friendof mine who’s anillustratorIntroduction

7.
Generative Design Guy Haviv Designitbe obsessed withthe process.Draw > Xerox to 2000% > Draw Again > Scan > Add typeIntroduction

8.
Generative Design Guy Haviv Designiteveryone’s usingthe same tools?let’s tinker with thetools then.Introduction

9.
Generative DesignGenerative Design Guy Haviv Designit

10.
Generative Design Guy Haviv DesignitWe should masterour tools, and thenalter them.Generative Design

11.
Generative Design Guy Haviv DesignitCore Image Fun Housegenerative tool #01Download Graphic Tools for Xcode:https://developer.apple.com/downloads/index.action?name=Graphics#Generative DesignMac only

12.
Generative Design Guy Haviv DesignitTake an image and stack abunch of live pixel effects on topof it.(originally made as a framework exploration tool)Generative DesignCore Image Fun House

13.
Generative Design Guy Haviv DesignitDesign Hacking

14.
Generative Design Guy Haviv Designit(demo).Generative Design

15.
Generative Design Guy Haviv DesignitGenerative DesignProcessinggenerative tool #02processing.orgMac & PCOpen source

16.
Generative Design Guy Haviv DesignitMaybe the most well knowngenerative design tool.Open source, very welldocumented.Generative DesignProcessing

17.
Generative Design Guy Haviv DesignitWrite simplified Javacode, get visual results.Thousands of samplesto play with.Generative Design

18.
Generative Design Guy Haviv Designit

19.
Generative Design Guy Haviv Designit

20.
Generative Design Guy Haviv DesignitGenerative DesignQuartz Composergenerative tool #03Download Graphic Tools for Xcode:https://developer.apple.com/downloads/index.action?name=Graphics#Mac only

21.
Generative Design Guy Haviv DesignitNode based visual language formixing image, video, audio,code & other media.Generative DesignQuartz Composer

22.
Generative Design Guy Haviv Designit

23.
Generative Design Guy Haviv DesignitQuartz Composer files arecalled Compositions.They are used on the Mac as:Screen saversiTunes visualizersKeynote pluginsThey are also playable on any Mac with Quicktime.Generative Design

24.
Generative Design Guy Haviv DesignitI used Quartz Composer to create an interactive poster.Generative Design

25.
Generative Design Guy Haviv Designit(demo).Generative Design

26.
Generative Design Guy Haviv DesignitGenerative DesignQuartz Composergenerative tool #03Download Graphic Tools for Xcode:https://developer.apple.com/downloads/index.action?name=Graphics#Mac only

27.
Generative Design Guy Haviv DesignitGenerative DesignQuartz ComposerGet “Graphic tools for Xcode”

28.
Generative Design Guy Haviv DesignitGenerative DesignNodeBoxgenerative tool #04nodebox.netMac onlyOpen Source

29.
Generative Design Guy Haviv DesignitNodeBox is fucking awesome.You write Python code &generate vector graphics.Copy as PDF to Illustrator to continue tweaking.Generative DesignNodeBox

30.
Generative Design Guy Haviv Designit

31.
Generative Design Guy Haviv DesignitMy first gig at nascent was writing a script that served asthe basis of the Kodak Leaf visual languageGenerative Design

32.
Kodak Leaf brand visual languageDesigned by Roy Yogev

33.
Kodak Leaf brand visual languageDesigned by Roy Yogev

34.
Generative Design Guy Haviv DesignitI used NodeBox to generate infographic postersGenerative Design

35.
Generative Design Guy Haviv DesignitAnd as a basis for an identity for Israeli eCommerce infrastructure company ‘mercado’Generative Design

36.
Generative Design Guy Haviv DesignitJVP brand identity workGenerative Design

37.
Generative Design Guy Haviv Designitand also in a branding project to wrap shapes around pathsGenerative Design

38.
Generative Design Guy Haviv Designitand also in a branding project to wrap shapes around pathsGenerative Design

39.
Generative Design Guy Haviv Designit(demo).Generative Design

40.
Generative Design Guy Haviv DesignitGenerative DesignScriptographerIllustrator scripting plugingenerative tool #05scriptographer.orgMac & PCOpen source

41.
Generative Design Guy Haviv DesignitScriptographer is an interactivescripting environment forIllustrator.It adds a palette with scripts and a few tools - all ofwhich can be edited and manipulated.Generative Design

42.
Generative Design Guy Haviv DesignitGenerative Design

43.
Generative Design Guy Haviv Designit(demo).Generative Design

44.
Generative Design Guy Haviv DesignitGenerative DesignPostScript Hackinggenerative tool #06

45.
Generative Design Guy Haviv DesignitWhat happens if you output anIllustrator file to .ps, and thenplay with random numbersinside?And then open the .ps with Adobe Distiller to makeit a PDF to view the results?Generative Design

46.
Generative Design Guy Haviv DesignitGenerative Design

47.
Generative Design Guy Haviv DesignitGenerative Design

48.
Generative Design Guy Haviv DesignitGenerative Design

49.
Generative Design Guy Haviv DesignitThen, distill the .ps fileback to a PDF.Generative Design

50.
Generative Design Guy Haviv DesignitI used postscript hacking mainly to distort shapesGenerative Design

51.
Generative Design Guy Haviv DesignitI used postscript hacking mainly to distort shapesGenerative Design

52.
Design ‘Hacking’Generative Design Guy Haviv DesignitOptional:

53.
Generative Design Guy Haviv DesignitUnderstand the.AI + .PDFrelationshipDesign Hackinghack #01

54.
Generative Design Guy Haviv DesignitDesign HackingIllustrator is an incredible app -it has forward compatibility.Each .ai file actually has a hidden .pdf file inside.

55.
Generative Design Guy Haviv DesignitDesign Hacking.ai + pdf bundles enable QuickLook on .ai files.

56.
Generative Design Guy Haviv DesignitBe an app bundleresearcher/ninja.Design Hackinghack #02

57.
Generative Design Guy Haviv DesignitThe Finder has a trick calledbundles.Bundles are folders that act likesingle files.They hide some good stuff inside.Design Hacking

58.
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 .keynotedocumentDesign Hacking

59.
Generative Design Guy Haviv DesignitFonts are usuallyembedded withinPDFsDesign Hackinghack #03

60.
Generative Design Guy Haviv DesignitWhen you export a file to PDF,the relevant fonts are beingembedded into that PDF.And you can extract them.Get FontForge to try this stuff out.Design Hacking

61.
Generative Design Guy Haviv Designit(demo?).Design Hacking

62.
Generative Design Guy Haviv DesignitBe aPDF-everywhereninja.Design Hackinghack #04

63.
Generative Design Guy Haviv DesignitPrinters speakPostScript.Design Hacking

64.
Generative Design Guy Haviv DesignitPDFs arePostScriptwrappers.Design HackingIllustrator is like a planning environment for PDFs.

65.
Generative Design Guy Haviv DesignitMacs speak PDFquite fluently.Design Hacking

66.
Generative Design Guy Haviv DesignitNearly every time you seesomething on screen, it’s avector PDF.Design HackingMacs speak PDF quite fluently.

67.
Generative Design Guy Haviv DesignitGrapherDictionaryiCalDesign HackingDemo

68.
Generative Design Guy Haviv DesignitDesign Hacking

69.
Generative Design Guy Haviv DesignitDesign Hacking

70.
Generative Design Guy Haviv Designit(demo).Design Hacking

71.
Generative Design Guy Haviv DesignitGenerative Design Guy HavivThank you.Guy Havivguy.haviv@designit.comGuy Haviv