|
Santiago Echeverry
secheverry at ut.edu || CAS Annex 112 || 813.257.3769 || Office hours by appointment only |
||||
|
ART 210 | BEGINNING DIGITAL ARTS | FALL 2015 Section B | Tu - Tr | 8:00 - 9:50 AM | CAS 134 http://www.adobe.com/creativecloud.html || TUTORIALS https://helpx.adobe.com/creative-cloud/student-tutorials.html |
|||
| 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 bézier and quadratic curves. TextWrangler editor for Mac // Komodo Edit for PC • CANVAS 5 TUTORIAL / reference canvas code to copy / canvas function |
|
| 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/ Free brushes #1 // #2 // #3 Learning Illustrator CS and LYNDA.COM CC + CC Shapes / Paths / Blob brush #2 / Pen tool #2 / Pathfinder / Shape builder / Swirl / Swirl 2 / 3D Logo / 3D Logo 2 / Clipping mask / Envelope Distort Mesh tool / Self Mesh / Live trace #2 / Mesh Tutorial / Scanner Darkly #2 / Waking Life #2 / Renaissance / Molotov / Pinup / Lichtenstein / 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 ) 3.5"x2" / DO NOT USE YOUR REAL INFORMATION #5 GRADIENT MESH take a picture of a three-dimensional object in your room with your camera/phones, take a second picture of with that object (to prove it is yours) and then convert this object into vector shapes using gradient meshes. Bring the original AI files and the photos. #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 CC 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 CC GIMP Open Source alternative MorphX Mac OSX / 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 / History of film compositing - from mattes to green screen Civil war photos retouched in color Animated paintings 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 CC tutorials on the web and post the link of your three favorite tutorials on your blogs |
|
| 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 Cinemagraphs #2 #3 #4 // Surreal Animated GIFS |
#11 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 |
#12 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. | |
| 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 / |
#13 MAGAZINE Design the cover and the back-cover of a magazine that would display your artwork and your passions. 300DPI / CMYK #14 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 #15 PERSONAL PORTFOLIO BOOKLET USING inDesign Create a 4.25x5.5" ( half letter ) 300dpi CMYK booklet featuring the artwork you created for this class. Every single project, including a cover, back-cover, index, and for the animation, a series of stills that would represent in the best possible way your time based projects ( even a screenshot of Garageband/Audacity) |
|
| FINAL |
FINAL CLASS - EVERYONE MUST BE PRESENT! | TUESDAY DECEMBER 15th / 8:30 - 10:30AM FALL FINAL EXAMS SCHEDULE |
|