INTEGRITY | ART210 | 210SYL | HOME
SANTIAGO ECHEVERRY

ART210 | Beginning Digital Arts| Summer 1 - 2008

CAS 123 | 05/28/08 - 07/03/08

Section G | Mon-Wed | 1:00 - 5:20pm

secheverry at ut.edu | BAS 131 | 813 - 253 3333 x 3769
Office hours by appointment only
Class Description   Assignments
1 - I / 0
05/28
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/02

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.

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

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%) and GIF (256 - 128 - 16 and 2 dithered colors). Compare the original file and pixel sizes with the new sizes.

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

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:
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 your own vectorized images create 2 VECTORIZED posters, involving fonts and basic design principles. Print them full size at 8.5x11, CMYK, vector shapes. Bring the original AI files. Create a third poster in Apollinaire's Calligram way.

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

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

Explore:
Learning Illustrator CS3
5 - VECTOR
06/11

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

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

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


• Using pixel based images, vector shapes, fonts, create two versions of your favorite poem in a maximalist/punk way and a minimalistic 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.

7 - PRINT
06/18

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

• Choose your favorite local restaurant. Ask to 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/20 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/23

 

Understanding Motion - Frame by frame animation. Animation tools in Photoshop.
DIGITAL MULTIMEDIA - ANIMATION CHAPTER
  • Create a 30 second frame by frame animation, 320x240 10fps, open topic
10 - TIME
06/25
Understanding Audio. Audacity and GarageBand, audio frequencies and sampling rates, Nyquist Theorem, formats, compression.
Readings:
DIGITAL MULTIMEDIA - AUDIO CHAPTER


• Create a 30 second audio composition USING JUST YOUR OWN VOICE that will be used as the soundtrack for your frame x frame animation
11 - TIME
06/30
Understanding Video - Digital vs Analog, compression, formats, flv, youtube
DIGITAL MULTIMEDIA - VIDEO CHAPTER



• Unite the frame x frame animation with your 30 sec audio piece.
12 - TIME
07/02
FINAL CLASS :::: First half of the class will be devoted to solving problems for your final   • 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 blogger)