AI as a Tool for Graphic Design
•
7 likes•2,133 views
A low practical look into our early exploration with AI. A presentation about how we have explored using AI in our visual design work. The slides presents overall thoughts about AI and highlights 2 cases with our early experiences using AI in design and brand work. The slides was made by Martin Hansen linkedin.com/in/designbymash and Jakob Kahlen https://www.linkedin.com/in/kahlen/
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to AI as a Tool for Graphic Design
Similar to AI as a Tool for Graphic Design (20)
Recently uploaded
Recently uploaded (20)
AI as a Tool for Graphic Design
- 1. Hi
- 2. e-Types KOMM Dagen 23. Marts Jakob Kahlen Creative Director & Partner Martin S. Hansen Head of Digital Design
- 3. e-Types e-Types 3 Brand & Identity 50+ employees Vesterbro, Copenhagen Founded in 1997
- 4. Brand Strategy Naming Brand Identity Brand Communication Digital Design Design Implementation Spatial Branding Campaigns & Content Packaging Type Design
- 6. e-Types A very low practical look into our early exploration in working with AI Approach
- 7. e-Types
- 8. e-Types AI won’t take your job …
- 9. e-Types Designers with AI will take your job!
- 11. e-Types Revolutionising technologies is nothing new AI as a tool for graphic designers is nothing new. Realisation #1 Realisation #2
- 13. 1983 e-Types Jakob’s dad owned a printing shop for the magazine “Ugebladet” in Holsted, Denmark
- 14. e-Types
- 17. e-Types 23.03.2023 … to software revolutions From hardware evolution…
- 18. AI as a tool for graphic designers is nothing new. e-Types Realisation #2
- 20. Adobe Photoshop, CS5 2010 e-Types 20 Content Aware Fill
- 21. Adobe Photoshop, CS5 2010 e-Types 21 Content Aware Fill
- 22. e-Types 22 Designer in 2010
- 23. e-Types 23 Close up of a man looking super amazed and surprised, open mouth, very open eyes, raised eyebrows, natural light, 35mm, analog, fi lm grain, retro fi lm, Pentax MG, Agfa APX 400 f1.4 --ar 16:9 --v 5 Designer in 2023 The image is generated with Midjourney
- 24. e-Types How does these tools actually work?
- 25. e-Types Disclaimer: We’re not experts in generative AI
- 26. e-Types Generative AI is artificial intelligence capable of generating text, images, or other media, using generative models. Generative AI models learn the patterns and structure of their input training data and then generate new data that has similar characteristics.
- 27. e-Types Tell me a “knock, knock”-joke What’s most likely the first word? e-Types
- 29. e-Types How are you? What’s most likely the first word? e-Types
- 31. e-Types What’s the meaning of life? What’s most likely the first word? e-Types
- 32. e-Types ?
- 33. e-Types The meaning of life is a philosophical and existential question that has been debated for centuries. Various cultures, religions, and philosophies offer different answers, ranging from the pursuit of happiness to fulfilling a certain purpose. Some people find meaning through connection with others, through work, or through the pursuit of goals. There's no one-size-fits-all answer; it often comes down to individual beliefs and experiences. e-Types
- 34. e-Types OK. But what about images then?
- 35. e-Types Analyze descriptions of photos Move pixels around until it makes sense + Contrastive Language- Image Pre-training Diffusion Models
- 36. e-Types Vector Quantized Diffusion Model for Text-to-Image Synthesis By: Shuyang Gu, Dong Chen, Jianmin Bao, Fang Wen, Bo Zhan, Dongdong Chen, Lu Yuan, Baining Guo
- 37. e-Types Vector Quantized Diffusion Model for Text-to-Image Synthesis By: Shuyang Gu, Dong Chen, Jianmin Bao, Fang Wen, Bo Zhan, Dongdong Chen, Lu Yuan, Baining Guo
- 38. e-Types Vector Quantized Diffusion Model for Text-to-Image Synthesis By: Shuyang Gu, Dong Chen, Jianmin Bao, Fang Wen, Bo Zhan, Dongdong Chen, Lu Yuan, Baining Guo
- 39. e-Types Vector Quantized Diffusion Model for Text-to-Image Synthesis By: Shuyang Gu, Dong Chen, Jianmin Bao, Fang Wen, Bo Zhan, Dongdong Chen, Lu Yuan, Baining Guo
- 40. e-Types Draw a danish flag using only 12 pixels
- 41. e-Types What color goes here? ?
- 42. e-Types Red?
- 43. e-Types What color goes here? ?
- 44. e-Types Etc etc.
- 45. e-Types
- 46. e-Types Input: Danish flag on a flagpole in a danish landscape, grass and trees
- 47. Danish fl ag on a fl agpole in a danish landscape, grass and trees --ar 16:9 The image is generated with Midjourney
- 48. e-Types What does this new technology mean for the every day work at e-Types?
- 50. 1. AI as an inspiration and illustrator 2. AI as a reference Two Cases e-Types
- 51. e-Types AI as an inspiration and illustrator for a website about science Case #1
- 52. e-Types 52 The final UI design for videnskab.dk
- 53. e-Types 53 The final UI design for videnskab.dk
- 54. e-Types 54 Images used by Videnskab.dk 😥
- 55. 55 Close up of a man with wincing closed eyes, in pain, looking stressed, natural light, 35mm, analog, fi lm grain, retro fi lm, Pentax MG, Agfa APX 400 f1.4 --ar 16:9 --v 5 e-Types designer The image is generated with Midjourney
- 57. e-Types 57 Forskerne formidler Kultur & Samfund Krop & Sundhed Naturvidenskab Teknologi Rummet Hjernen Historie Natur
- 58. e-Types Custom made illustrations - made by an actual human illustrator
- 59. 59 Sundhed Alder Alkohol & Stoffer Alternativ behandling Arv og miljø Døden Fedme Foreby g gelse Hormonforstyrren de stoffer Hjernen Genetik Mad & Ernæring Vitaminer og mineraler Medicin Vaccine Motion Sex Sygdomme Allergi COVID-19 Demens Diabetes Hjertekarsygdom Hovedpine & Migræne Kræft Psykisk sygdom Søvn Kultur & Samfund Antropologi Arbejde Arkitektur & Design Bag om forskningen Børn & Unge Statistik, data og tal Digital dannelse Erhverv Etik & Filoso fi Film & TV Grønland Historie Arkæologi Bronzealderen Jernalderen Middelalderen Egypten i oldtiden Grækenland i Oldtiden Romerriget 1. Verdenskrig 2. Verdenskrig De Dansk Vestindiske Øer Reformationen Jul Kommunikation & Medier Fake News Videnskabsjournal istik Konspirationsteori Krig & Terror Krig i Ukraine Kriminalitet Kunst & Litteratur Mobning Musik Mysterier Bermuda- trekanten Det overnaturlige Politik Valg i Danmark Psykologi Påske Religion Repræsentationsf orskning Samfund Sociologi Sport Fodbold Olympiske Lege Tour de France Sprog & retorik Transport Uddannelse Eksamen Skolestart Videnskabsteori Økonomi Naturvidenskab Astronomi Big Bang Jupiter Månen Neptun Planet 9 Pluto Saturn Solen Uranus Venus Evolution Menneskets oprindelse Fysik Geogra fi Geologi Havet Jorden Kemi Klima Landbrug Matematik Miljø Molekylærbiologi Natur Biodiversitet Bier Bjørne Isbjørn Bjørnedyr Blæksprutter Edderkopper Elefant Fisk Flåt Fugle Pingvin Giraf Gnavere Mus Rotter Hajer Heste Hunde Hvaler Del fi n Spækhu g ger Insekter Sommerfugle Katte 200+ sub themes
- 60. 60 Close up of a young man with furrowed eyebrows and wide, fearful eyes, expressing confusion and sadness, natural light, 35mm, analog, fi lm grain, retro fi lm, Pentax MG, Agfa APX 400 f1.4 --ar 16:9 --v 5 e-Types designer The image is generated with Midjourney
- 61. 61 e-Types Snippet from the wireframes
- 63. e-Types 63 [THEME]. Editorial illustration. Gouache. Light Orange, Dark blue, Black Prompt
- 64. e-Types 64 Motif Illustration type Style [THEME]. Editorial illustration. Gouache. Light Orange, Dark blue, Black Colors Prompt
- 68. 68 Theme: tree
- 76. 76 V3 V4 😳 V5.2 😬 This is the expression we liked
- 77. 77 Set the model back to V3 /settings in Discord e-Types
- 79. 79 [THEME]. Editorial illustration. Gouache. Light Orange, Dark blue, Black
- 82. 82
- 83. 83
- 84. 84
- 85. 85
- 86. 86 Close up of a woman with a grimacing face, grinding teeth, looking super nervous, natural light, 35mm, analog, fi lm grain, retro fi lm, Pentax MG, Agfa APX 400 f1.4 --ar 16:9 Nervous smile Now it’s up to the client The image is generated with Midjourney
- 87. 87
- 88. 88
- 89. 89
- 90. 90 1. AI as inspiration for illustration e-Types 2. AI as an illustrator 3. AI to make the client shine
- 91. https://x.com/VibekeHjortlund/status/1666897030826827776?s=20 e-Types Most Innovative Design of the Year Awarded by Danske Medier The happy team from videnskab.dk
- 92. e-Types AI as a reference for a concept illustrations for Mary Elizabeth Hospital Case #2
- 93. e-Types 93 Mary Elizabeths Hospital Copyright 3XN Press
- 94. e-Types 94 Identity elements for the hospital (made @ e-Types)
- 95. e-Types 95 Digital Product Design
- 96. e-Types To have a conversation about the digital strategy we wanted to create concept sketches of selected hero moments in the patient journey. Before we could get to digital design
- 97. e-Types 97 Digital Concept sketches
- 98. e-Types 98 Digital Concept sketches e-Types
- 99. e-Types 99 Digital Concept sketches
- 100. e-Types 100
- 101. e-Types 101 Photograph of A doctor with stethoscope in a consultation with a girl.
- 102. e-Types 102
- 103. 103 Close up of a young man with furrowed eyebrows and wide, fearful eyes, expressing confusion and sadness, natural light, 35mm, analog, fi lm grain, retro fi lm, Pentax MG, Agfa APX 400 f1.4 --ar 16:9 --v 5 e-Types designer The image is generated with Midjourney
- 104. e-Types 104 DALL-E 2
- 105. e-Types 105 A doctor with a stethoscope in a consultation with a young boy. They are looking at each other
- 106. e-Types 106 Photograph of A doctor with stethoscope in a consultation with a girl. Both are sitting on chairs facing the camera
- 107. e-Types 107 Photograph of A doctor with stethoscope in a consultation with a girl. Both are sitting on chairs facing the camera
- 108. e-Types 108 Photograph of A doctor with stethoscope in a consultation with a girl. Both are sitting on chairs facing each other
- 110. e-Types 2023 Photograph of A doctor with stethoscope in a consultation with a young girl child. Both are sitting on chairs facing each other. Consultation at a hospital. --style raw --ar 16:9 The image is generated with Midjourney
- 111. e-Types 111 Tracing in Photoshop
- 112. e-Types 112 The final concept sketch e-Types
- 113. e-Types 113 A child holding an iphone
- 114. e-Types 114
- 115. e-Types 115 A child holding an iPhone 12 proudly presenting it. Lobby area in the background.
- 116. e-Types 116 2022
- 117. e-Types 117 a child holding an iPhone 12 proudly presenting the front of the phone. Lobby area in the background. natural light, hyperdetailed photography --ar 16:9 --v 5 2023 The image is generated with Midjourney
- 118. e-Types 118 Tracing in Photoshop
- 119. e-Types 119 e-Types The final concept sketch e-Types
- 120. e-Types So where does that leave us designers? Conclusion
- 121. e-Types 121
- 122. e-Types Evolutions in technology is a foundation in design
- 125. e-Types AI won’t take your job …
- 126. e-Types AI is a tool that can help you focus on being creative
- 127. e-Types AI is nothing without you
- 128. e-Types Thank you! Jakob Kahlen @kahlen Martin S. Hansen @designbymash