INTEGRITY | ART210 | 210SYL | HOME
SANTIAGO ECHEVERRY

ART210 | Beginning Digital Arts| Fall 2006

CAS 123 | 08/29/06 - 12/14/06

Section D | Tue-Thu | 10:30a - 12:20p

secheverry at ut.edu | BAS 131 | 813 - 253 3333 x 3769 | blog
Office hours by appointment only: Tue / Thu 2:30 - 5:30 PM
Class Description   Assignments
1 - I / 0
05/21
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

ASCII ART
http://www.asciimation.co.nz/
http://www.chris.com/ascii
http://abstract.cs.washington.edu/~renacer/ascii-matrix.html.gz
• Go to blogger.com and create your own BLOG for this class. Post your first feelings of the class in it. What is a blog?

• 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.
2 - Pixel World
05/23

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



• 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 CS tutorials on the web and post the link of your three favorite tutorials on your blogs

Explore:
Photoshop crash course
Intro to PS Filters
Scanning Basics
3 - Pixel World 05/30

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
Design Graphics
GIF vs JPG
Optimizing your images
Death of the websafe palette?


• 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 World
06/04

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!) 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 CS
5 - Vector World
06/06

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 - Printed World
06/11

Organizing the information on the paper: Quark. From the screen to reality. Quark 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
http://www.photos.fsbusiness.co.uk/menu.htm
more
http://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 - Printed World 06/13

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 - Printed World
06/15
FRIDAY
FINAL 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 booklet.

9 - FLASH
06/18
FRIDAY

 

Understanding Flash
   
10 - FLASH
06/20
Understanding Flash



 
11 - FLASH
06/25
Understanding Flash




 
12 - FLASH
06/27
FINAL CLASS :::: First half of the class will be devoted to solving problems for your final