INTEGRITY | ART210 | 210SYL | HOME
SANTIAGO ECHEVERRY

ART210 | Beginning Digital Arts | Summer 1 - 2009

CAS 134 | 05/26/09 - 07/02/09

Section G | Mon-Wed | 1:30p-05:45p

secheverry at ut.edu | BAS 131 | 813 - 257 3769
Office hours by appointment only
Class Description   Assignments
1 - I / 0
05/27 W
Syllabus, goals of the class, required readings, general presentation and statistics of the students.

From analog to digital. Bits/Bytes. Eniac, vacuum tubes and transistors. The first PC, early artistic approaches to digital art. ASCII art. Realistic imaging Vs. vectorial creation. Software and Hardware evolution, debugging. Graphic User Interface: APPLE OS. 1984 ASCII ART Personal computer milestones

Readings:
Christiane Paul | DIGITAL ART
Introduction + Chapter 1

Explore:
http://www.computerhistory.org/timeline
http://seas.upenn.edu/~pws/EMX/before.html

• Go to blogger.com and create your own BLOG for this class. Post your first feelings of the class in it.

• Send me an email BEFORE THE FOLLOWING CLASS from your personal UT email account, letting me know 1) who you are, describing yourself and telling me what you expect from this class 2) the url of your blog.

• ASCII ART: 3 works of Digital ASCII Art (MSWord, NotePad...) Print the digital ascii art and bring it to the class.

ASCII ART
http://www.asciimation.co.nz/
http://www.chris.com/ascii
2 - PIXEL
06/01 M

The real world translated into a digital world. Adobe Photoshop. Dove 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. Campaign for real beauty

Readings:
DIGITAL MULTIMEDIA - CHAPTERS 1, 2 AND 3

Explore:
Webmonkey PS tutorials

• Digital Autoscopy: self portrait alterations. At least 3 different images. 2 of them need to be self-scanned, one of them using a digital picture. Print them in a letter size photo quality paper at full size, CMYK 72 DPI. Explore www.nelsonsullivan.tv

• Look for Photoshop CS3 tutorials on the web and post the link of your three favorite tutorials on your blogs
3 - PIXEL
06/03 W

Optimization of files, understanding compression via Adobe ImageReady/Fireworks. PSD Vs TIFF Vs PNG Vs JPG Vs PIC Vs GIF. Particularities of file size, differences and unique features of each format

Readings:
DIGITAL MULTIMEDIA - CHAPTERS 5 AND 6
GIF vs JPG
Optimizing your images
• Optimize your autoscopies, resize to maximum 300x400 or 400x300pixels. 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

• Create 2 postcards using your own images at 5x4 inches , 300 DPI minimum. Print them, crop them.
4 - VECTOR
06/08 M

Vector shapes, implications for design, Adobe Illustrator/Freehand, resolution free, tools, layers, compatibility.

Readings:
DIGITAL MULTIMEDIA - CHAPTERS 4, 10 AND 11 UNTIL PAGE 355

Explore:
Tutorial on Youtube - bwoark

Soviet Posters
- Gallery from the U. of Birmingham|| USSR Propaganda and go to the gallery || American War Posters from the library of Northwestern University (BEAUTIFUL!) || Russian Propaganda and WWII American Posters /// POST your comments about these posters on your blogs.



• Using a self-portrait, convert yourselves into vector shapes, using a painting by numbers technique. Print them full size at 8.5x11", CMYK, vector shapes. Bring the original AI files.

• Create a poem in Apollinaire's Calligram way.

• Optimize these files, resize to maximum 300x400 or 400x300pixels at 72DPI, optimize them as JPG and post them in your blogs.

• Look for Illustrator CS3 tutorials on the web and post the link of your three favorite tutorials on your blogs

Explore:
Learning Illustrator CS3
5 - VECTOR
06/10 W

Filters, advanced tools. Notions of basic design, corporate image. Typography, Fonts, choice of faces. Dealing with printers, pantone colors, universal formats...

Explore Google: LOGO
Explore www.adbusters.org

• Design 5 different versions of own logo. Post them in your blog as a good quality GIF
• Design 5 business cards with your own logo
• Choose your favorite logo in the real world, alter it in whichever way you want. Post it in your blog as a good quality GIF.

6 - PRINT
06/15 M

Organizing the information on the paper: InDesign. From the screen to reality. InDesign objects, control of text / image areas. Displaying information, flow of information. Rulers, guides

Readings
Bauhaus
Dada Manifesto
maximalism vs. minimalism in design
minimalism
punk


• Using pixel based images, vector shapes, fonts, create two versions of your favorite poem using inDesign in a maximalist/punk way and a minimalist way, in one 8.5"x11" sheet of paper, printed on both sides of the page.

• Look for InDesign tutorials on the web and post the link of your three favorite tutorials on your blogs.

Flyers - Maximalism
http://www.chicagopunkpix.com/flyers/index.html
http://www.screamsfromthegutter.com/punkflyers.htm
Anarchy and DADA incarnated in PUNK culture, explore the wonderful photos www.punkbrighton.co.uk

7 - PRINT
06/17 W

Optimizing files for the printed world, importing, organizing and categorizing. Collecting for output.

• Choose your favorite local restaurant. Borrow one of their menus
• Radically redesign the menu of your favorite restaurant
• Bring a hand drawn / collage mock up of the way you want your menu to look like.

8 - PRINT
06/19 FRIDAY
MIDTERM WORKSHOP: Feedback on your hand drawn / collage. Feedback on your BW pre-final.


• Print a BW version of your menu for a final feedback session. After this session, print your final version of the menu.

9 - TIME
06/22 M

 

Understanding Audio. Audacity and GarageBand, audio frequencies and sampling rates, Nyquist Theorem, formats, compression. Download Audacity and install in your own computers
Readings:
DIGITAL MULTIMEDIA - AUDIO CHAPTER
  • Using Audacity, Garageband or any other audio tool, compose 60 seconds of experimental audio INCLUDING YOUR OWN VOICE to create sound effects and loops that will be used as the soundtrack for your frame x frame animation. Use a high quality 44.1KHz sampling rate.
10 - TIME
06/24 W
Understanding Motion - Frame by frame animation. Animation tools in Photoshop.
DIGITAL MULTIMEDIA - ANIMATION CHAPTER


• Create a 60 seconds / 600 frames / 400x300px / 10fps / frame x frame animation using Photoshop inspired by your audio track. Create a 1 minute video combining both the audio and video tracks.
11 - TIME
06/29 M
Understanding Video - Digital vs Analog, compression, formats, flv, youtube

DIGITAL MULTIMEDIA - VIDEO CHAPTER



* Explore EBN #1 #2 #3
• Create a 1 minute video using your own images and any other footage you capture, with a song that you will manipulate in a unique way. 320x240 10fps. Post the results in your blog ( using youtube or directly to the blog)
12 - TIME
07/01 W
FINAL CLASS :::: First half of the class will be devoted to solving problems for your final