The Aesthetics of Reading - MIT Media Lab: Affective Computing Group
2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.
-
Upload
ross-gerald-wood -
Category
Documents
-
view
214 -
download
0
Transcript of 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.
![Page 1: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/1.jpg)
2D MEDIA & RENDERING TECHNIQUES
COM 222 Media Aesthetics & Creativity
![Page 2: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/2.jpg)
Process
Rough Sketches (experiments) Rough Comps (compositions) Finished Comps (models) Final Art or Production (finished product)
![Page 3: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/3.jpg)
Rough sketches or mind maps can work wellfor brainstormingphases.
(My rough sketches are so messy I don’t show them to anyone.)
Rough Sketches(experiments)
![Page 4: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/4.jpg)
Comps – Rough and Final
Rough “comps” or draft compositions allow you to experiment with ideas and media without spending the time to polish them. You can show them to a client before they have to pay a lot of money for you to create something.
![Page 5: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/5.jpg)
Website Rough “Comp”
![Page 6: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/6.jpg)
Website Photoshop Final Comp
![Page 7: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/7.jpg)
Storyboard: Rough Comp
![Page 8: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/8.jpg)
Storyboard: Final Comps
![Page 9: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/9.jpg)
Game: Rough Comp
![Page 10: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/10.jpg)
Game: Final Art
![Page 11: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/11.jpg)
TECHNIQUES TO PLAY WITH
Techniques to Play With
![Page 12: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/12.jpg)
Watercolors and markers (techniques)
Watercolors are creative and flexible for rendering ideas.
- Adding water makes colors lighter. - Working dryer makes colors darker. - Create a wet area before applying watercolors and let each area dry before moving on, unless you want the colors to merge.
Using watercolors with black marker outlines (after they dry) can be easy ways to render creative ideas.
Cutting out shapes can be a creative option.
![Page 13: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/13.jpg)
The “Lemon Juice” effect on watercolors
http://www.artprojectsforkids.org/2012/10/crazy-watercolor-atcs.html
![Page 14: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/14.jpg)
Colored Pencils (techniques)
QUICK TIPS:Hold vertically and color in circular motion.Lay down many layers instead of one.
![Page 15: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/15.jpg)
Colored Pencils (techniques)
“Burnishing” is the last layer, which is the darkest.
![Page 16: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/16.jpg)
Experiments With Paper
![Page 17: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/17.jpg)
Mix Media
![Page 18: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/18.jpg)
Photoshop
![Page 19: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/19.jpg)
Illustrator
![Page 20: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/20.jpg)
Pinterest: follow people you like
![Page 21: 2D MEDIA & RENDERING TECHNIQUES COM 222 Media Aesthetics & Creativity.](https://reader036.fdocuments.in/reader036/viewer/2022062715/56649d9d5503460f94a862b1/html5/thumbnails/21.jpg)
QUESTIONS?