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 | 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, MAC OS. 1984 ASCII ART CGI / Personal computer milestones
Chuck Csuri #1 #2 #3 #4 #5 // ASCII art (



• Go to 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

html to download / canvas code to copy / reference

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 /

Learning Illustrator CS and LYNDA.COM CS5
/ 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: LOGOBauhaus
Explore Spoof Ads

#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

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

Fotoshop by Adobé
Evolution - DOVE
Bruno Metra & Laurence Jeanson

Grid art: Jo Hamilton / Evelyn Kasikov /

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 /

#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


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 / /

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


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 GrannisMaking 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.

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 CornAnarchic System / { POST MODERNISM Gloria Jones - Soft Cell - Levi's / ABBAErasure / Donna SummerBronski Beat #2 } Kraftwerk MOMA Robots 74Autobahn 75 / Disco Patrick HdezFelix DHCatSylvester / Industrial 75 Throbbing Gristle • Cabaret Voltaire #1 79 #2Einstürzende Neubauten #2 #3 #4Front 242Nitzer Ebb • / Fad Gadget / Palais Schaumburg / Liaisons Dangereuses Joy Division #2 #3New Order (Philippe Decouflé) / EurhythmicsCulture ClubDOASmithsJ&M ChainStone RosesMassive AttackEBTG #2 - Deep DishStereolab #2 / Björk / Chemical Brothers / Daft Punk / Ladytron #2 #3 / UnderworldFluke / FaithlessRobert MilesDeleriumGorecki /// Electro Miss KittinFelix Da HousecatDopplereffektCrystal Castles #2Crystal FightersYelleDeadMau5 #2Grammys 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.


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