UT - ECHEVERRY


INTEGRITY \| ART210 \| 210SYL \| HOME
SANTIAGO ECHEVERRY ART/COM 210 \| Beginning Digital Arts // Summer 1 - 2012 // 05/21/2012 -06/28/2012 MO/TU/WE/TR // Section A2 1:00-3:10PM // Section E2 6:00-8:10PM secheverry at ut.edu \| BAS 131 \| 813 - 257 3769 // Office hours by appointment only
TOPICS	Description	Assignments
I / 0	Syllabus, goals of the class, required readings, general presentation and statistics of the students. Binary code / ASCII table (American Standard Code for Information Interchange) / Ascii and HTML Realistic imaging Vs. vectorial creation. Software and Hardware evolution, debugging. GUI guidebookgallery.org, MAC OS. 1984 ASCII ART CGI / Personal computer milestones Chuck Csuri #1 #2 #3 #4 #5 // ASCII art (http://www.chris.com/ascii) Explore: http://www.computerhistory.org/timeline http://seas.upenn.edu/~pws/EMX/before.html ASCII ANIMATION: http://www.asciimation.co.nz/	• Go to blogger.com and create your own BLOG for this class. Post your first feelings of the class, who you are, describe yourself and what you expect from this class • Send me an email BEFORE THE FOLLOWING CLASS from your personal UT email account, letting me know the url of your blog. #1 CANVAS Using any text editor, create a landscape or a portrait - it can be totally experimental - using the HTML5 CANVAS. It must contain AT LEAST 10 shapes, including bezier and quadratic curves. TextWrangler editor for Mac // Komodo Edit for PC • CANVAS 5 TUTORIAL html to download / canvas code to copy / reference
VECTORS	Vector shapes, implications for design, Adobe Illustrator, resolution free, tools, layers, compatibility. Filters, advanced tools. Notions of basic design, corporate image. Typography, Fonts, choice of faces. Dealing with printers, pantone colors, universal formats. Inkscape Open Source alternative Explore: History of AI Atomic Illustrator 1 / Advanced Illustrator / http://tv.adobe.com/ Learning Illustrator CS and LYNDA.COM CS5 Shapes / Paths / Blob brush #2 / Pen tool #2 / Pathfinder / Shape builder / Swirl / Swirl 2 / 3D Logo / 3D Logo 2 / Clipping mask / Scanner Darkly #2 / Waking Life #2 / Renaissance / Molotov / Pinup / Lichtenstein / Mesh tool / Self Mesh / Live trace #2 / Propaganda from Russia / WWII American Posters // Yusaku Kamekura \| Japanese Industrial Posters \| 1920's Japanese GD \| Tadanori Yokoo \| Design X Read: What makes a good logo? / Hidden Meaning in Logos / Bad logo designs Explore Google: LOGO • Bauhaus Explore Spoof Ads www.adbusters.org	#2 CALLIGRAM Create a Calligram in Apollinaire's way. #3 LOGO Design 5 different versions of own logo. Paragraph 175 #4 BUSINESS CARDS Design 5 business cards with your own logos ( two sided ) #5 PAINT BY NUMBERS Using a self-portrait, convert yourselves into vector shapes, using a painting by numbers technique. Bring the original AI files. #6 POSTER Create a poster using your own image inspired by the examples shown in class and your own research using the automatic tracing tools. • Look for Illustrator CS5 tutorials on the web and post the link of your three favorite tutorials on your blogs
PIXELS	The real world translated into a digital world. Adobe Photoshop. How to capture reality: digital cameras, scanners. How to alter that reality with a digital tool. RGB vs CMYK, resolution, DPI, print size vs. pixel size. Layers, tools, cropping, copying, pasting. Filters. Optimization of files, understanding compression via Saving for Web. PSD Vs TIFF Vs PNG Vs JPG Vs GIF Vs PDF. Particularities of file size, differences and unique features of each format Atomic: Photoshop 1 / Photoshop 2 / Photoshop CS6 GIMP Open Source alternative MorphX Mac OSX / Free-Morphing Windows / Winmorph PC Explore: photoshopdisasters.blogspot.com/ Fotoshop by Adobé Evolution - DOVE Bruno Metra & Laurence Jeanson orlan.net nelsonsullivan.tv Grid art: Jo Hamilton / Evelyn Kasikov / Explore: History of Photoshop / Color sampler / Retouching / Patch tool / History brush tool / Art History Brush tool / Background Eraser / Magic Eraser / Cutout and refine edges / Panoramics #1 #2 / Puppet Warp Tool / Content Aware Fill / Bristle Tip Brushes / 8 Bit Vs 16 Bit / PS 32 Bits Vs 64 Bits / What is RAM? / Smart Objects / Creating an image stack / Stack Mode / Optimizing your images / Curves / Pen tool + Filling or Stroke / Timeline animation (3D) / New Mesh from Grayscale / Content aware / Clipping Mask or Path / http://irinawerning.com/back-to-the-fut/back-to-the-future/ http://irinawerning.com/bttf2/back-to-the-future-2-2011/	#7 AUTOSCOPY: self portrait alteration. Scan your face at 72dpi and transform it into something you never knew of yourselves. Explore layer effects + PS filters #8 SOMEWHERE: place yourselves in an environment where you have never been. I will be paying close attention to the cutting and cleaning details. #9 ART PROJECT: choose your favorite painted portrait and combine yourselves with this painting. #10 MORPHX : using the works of Irina Wernin as an inspiration, create one short MorphX animation of yourselves in two separate periods of your life • Optimize all the assignments produced so far for this class, resize to maximum width or heigth of 800px. Recompress them as JPG (100%, 75%, 25% and 0%), PNG / Transparent PNG and GIF (256 - 128 - 16 and 2 dithered colors). Compare the original file and pixel sizes with the new sizes. Post them all in your Blogs • Look for Photoshop CS5.5 tutorials on the web and post the link of your three favorite tutorials on your blogs
DISPLAY	Organizing and integrating the information on paper: InDesign. From the screen to reality. InDesign objects, control of text / image areas. Displaying information, flow of information. Rulers, guides. THE GRID! Optimizing files for the printed world, importing, organizing and categorizing. Collecting for output / printernational.org / thegridsystem.org Master Pages / Gutter / Bleed / Slug / Image Wrapping / Gap tool / Pages and Spreads / Lorem Ipsum /	#11 MAGAZINE Design the cover and the back-cover of a magazine that would display your artwork and your passions. 300DPI / CMYK #12 RESTAURANT MENU: Choose your favorite local restaurant. Borrow one of their menus, Radically redesign the menu so that it is totally unrecognizable from the original. Print a BW version of your menu for a final feedback session. After this session, print your final version of the menu. 300DPI / CMYK
ANIMATION	Understanding Motion - Frame by frame animation. Animation tools in Photoshop. Norman McLaren: Neighbours, Blinkity Blank, White Stripes, Peter Gabriel, BLU, Brothers Quay, Japanese Popstars, TV SHOW, Broken Fingaz / Hudson / Eness / Varanese / Kinna Grannis • Making of / Fashion 1 / GifSoup / Shell / Stereoscopic Gifs / Dis 1 / Dis 2 / Bottle #2 / Emile Cohl #1 #2 Winsor McCay Little Nemo / NEMO / Gertie Walt Disney Steamboat Willie / Skeleton Dance Felix the Cat History / Feline Folies 19 / Ghost / Skulls / Time BLUBLU / student works: JSM, Memo, Travis, Maddox, Drake, KT	#13 ANIMATION Create a 45 second minimum / 400x300px / 10fps / frame x frame animation using Photoshop. Export it as a QT video with Animation compression.
AUDIO	Understanding Audio. Audacity and GarageBand, audio frequencies and sampling rates, Nyquist Theorem, formats, compression. Norman McLaren Pen Poin Percussion // link: History of Magnetic recording - BBC // Musique concrète #1 #2 Concrete // Theremin / Schaeffer Chemin de Fer 48 Psyché Rock / Stockhausen #2 / Ligeti / John Cage Paik 84 27 sounds / Xenakis, ScoreLight / Moog / Gershon Kingsley - Pop Corn • Anarchic System / { POST MODERNISM Gloria Jones - Soft Cell - Levi's / ABBA • Erasure / Donna Summer • Bronski Beat #2 } Kraftwerk MOMA Robots 74 • Autobahn 75 / Disco Patrick Hdez • Felix DHCat • Sylvester / Industrial 75 Throbbing Gristle • Cabaret Voltaire #1 79 #2 • Einstürzende Neubauten #2 #3 #4 • Front 242 • Nitzer Ebb • / Fad Gadget / Palais Schaumburg / Liaisons Dangereuses Joy Division #2 #3 • New Order (Philippe Decouflé) / Eurhythmics • Culture Club • DOA • Smiths • J&M Chain • Stone Roses • Massive Attack • EBTG #2 - Deep Dish • Stereolab #2 / Björk / Chemical Brothers / Daft Punk / Ladytron #2 #3 / Underworld • Fluke / Faithless • Robert Miles • Delerium • Gorecki /// Electro Miss Kittin • Felix Da Housecat • Dopplereffekt • Crystal Castles #2 • Crystal Fighters • Yelle • DeadMau5 #2 • Grammys 12 • Dubstep Skrillex 1 2 / DUB FX <-> Queen Prophet's song // Vocaloid #1 #2 Miku Hatsune #2	#14 AUDIO Download AUDACITY and create the soundtrack for your animation, using loops and recordings of your own voice. You can also use Garageband if you have a Mac. The mix must contain YOUR OWN VOICE. Create sound effects and loops. Use a high quality 44.1KHz sampling rate.
VIDEO	Understanding Video - Digital vs Analog, compression, formats,Quicktime, H264, flv, youtube. Basic Final Cut pro usage. Final cut Pro X: A / B / C / D / Transitions / • Kuleshov Effect #1 / #2 • Carolina Zuluaga • Cold Cut - Timber / Cold Cut - Natural Rhythm • EBN1 + EBN2 + EBN3 + EBN4	#15 VIDEO Create a 1 minute video using your own images and any other footage you capture. The audio and he images MUST be manipulated in such a way that the original cannot be recognized. 360x240 30fps. Post the results in your blog ( using youtube or directly to the blog)
8 - 06/28	FINAL CLASS - EVERYONE MUST BE PRESENT!