|
|
|||||
| SANTIAGO ECHEVERRY ART210 | Beginning Computer Art | Spring 2006 CAS 123 | 01/17/06 - 05/05/06 Section I | Mon-Wed | 1:30p - 3:20p 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:00 - 5:00 PM |
|||||
| Week | Description | Assignments | |||
| 1 - I / 0 01/23 - 01/26 |
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 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 livejournal.com and create your own BLOG for this class. Post your first feelings of the class in it. What is a blog? • Go to photobucket.com and open your personal account. • 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 01/30 - 02/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 |
• 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. • 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 02/06 - 02/09 |
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 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 02/13 - 02/16 |
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. |
• Create 2 self posters, involving fonts and basic design principles. Print them full size at 8.5x11, CMYK, vector shapes. Bring the original AI files. • 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 02/20 - 02/23 |
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 your own logo. Post it in your blog as a good quality GIF |
|||
| 6 - Printed World 02/27 - 03/02 |
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 |
• Using pixel based images, vector shapes, fonts, create two versions of your favorite poem in a maximalist and a minimalistic way, in one 8.5"x11" sheet of paper, printed on both sides of the page. |
|||
| SPRING BREAK 03/05 - 03/12 |
|||||
7 - Printed World 03/13 - 03/16 |
Optimizing files for the printed world, importing, organizing and categorizing. Collecting for output. |
MIDTERM ASSIGNMENT |
|||
| 8 - Printed World 03/20 - 03/23 |
MIDTERM WORKSHOP: QUARK Feedback on your hand drawn / collage. Feedback on your BW pre-final. |
• Print a BW version of your booklet for a final feedback session. After this session, print your final version of the booklet. | |||
| 9 - NETWORKS 03/27 - 03/30
|
Evolution of networked environments; from paranoia to the web, Arpanet, Compuserve, Mosaic, Netscape, IE, Safari, Firefox. AOL, virtual communities. Server Side Vs. Client Side, standards, W3C, HTML Explore: http://www.w3schools.com |
• Open your utweb server account Readings: History of the Internet, Internet for Historians Post your comments on the readings in your blogs |
|||
| 10 - HTML + CSS 04/03 - 04/06 |
Displaying information on the screen, limitations of web design. User oriented design. CSS. FETCH / FTP The web as the perfect integrator of Digital Creation. Text, HTML, CSS, images, tables. Dreamweaver : scripting made easy, more on images. Reading: Rachel Greene | INTERNET ART |
• Create the index page of your own website in your UTWEB.UT.EDU server. • Choose your favorite poem / text / lyrics and transform it into a VISUAL HTML POEM including images and text - POST IT IN YOUR utweb.ut.edu server!!! and link to it from your INDEX.HTM page |
|||
| 11 - WEB DESIGN 04/10 - 04/13 |
Advanced CSS, positioning, divisions. Fonts, sizes, differences between browsers. Browser objects, properties, control of properties. Classes, IDs, sub-classes. |
• Transform your sci-fi story into an on-line story. Create a html page for each of the pages in your booklet. | |||
| 12 - WEB DESIGN 04/17 - 04/20 |
More html, integrating all the pieces, hyperlinking, iFrames, tables, divisions, CSS. Menus, Navigation, Information architecture. Websites to explore and comment: www.rhizome.org www.whitney.org/artport www.artmuseum.net www.moma.org www.zkm.de www.aec.at/en/index.asp http://plexus.org |
• You will be presenting your ideas for the final project after Thanksgiving. It is your portfolio, with all the projects you created during the entire semester plus an extra personal project in html consisting of at least 3 pages. |
|||
13 - WEB DESIGN
|
WORKSHOP |
||||
| 14 - FINALS 05/01 - 05/05 |
FINAL PROJECTS PRESENTATION - EVERYONE MUST BE PRESENT | ||||