Digital Arts - © basearts
/ John Sappington
Description:
An introduction to the basic principles, practices, techniques of digital
art production.
Students will develop and
enhance their abilities in the creation of digital artworks.
Course
introduces production techniques of computer generated imagery, scanning
technology,
audio, photography and video.
ArtQuest Digital Art classes will incorporate the California State Department of Education Framework for the Visual Arts at the appropriate levels.
It is assumed that students who have applied and have been accepted to the Digital Arts program have a deep interest in the Arts, Computers,
Photography, Drawing, Video or Animation fields and some experiences in making artwork.
CA State VA Framework is organized around the following five components:
- Artistic Perception - Perception of art and identification of structures and functions of art, using the language of visual arts.
- Creative Expression - Making art works and developing skills with the variety of media and processes, expressive of personal experiences or responses
- Historical and Cultural Context - Exploring the role of art in culture and human history, including themes and style.
- Aesthetic Valuing - Deriving meaning from art works through analysis, interpretation and judgment
- Connections, relationships and applications involve connecting and applying what is learned in one arts discipline to learning in the other arts, other subject areas, and careers.
Overview - Reading
List - Artists/Designers - Resources |
Overview
Intro
Self
Student
Previous Experience
Motivation/Objectives
Previous Work - (Following session review)
---
email address to basearts.com
Best Practices
Original Files
Working Files
Zip Disks/CDRW/CDR
Regarding Cards, Memory Sticks
Lab Proceedures
Scanner
Cameras
Video
File Naming conventions
Storage drives
Temporary Drives
---
Regarding working files from disk
Lecture:
Transport / Storage
- USB
- Firewire/ iLink / IEEE1394
- Serial
- SCSI
- Flash Card
- Memory Stick
- CD
- DVD
Core File Issues
- Size Dimensions
- Resolution
- File Size (storage)
- File Types
- Compression
- Bit Depth
- Color Models
- Chrominance
- Luminance
Adobe Bridge
Best Practices (Reviewed)
Organization
Scanning
Digital Camera
Digtial Video
Illustrator
Basic Usage
Vector Image
Typographic Uses
Outlines and Path creation
Placement
Photoshop
Basic Usage
Selection, Manipulation and Repair
Selections
Croping
Magic Wand
Layers
Channels
Masks
Burn / Dodge
Clone
Healing
History
Levels
Curves
Auto
Text Tools
Outlines
Rasterized Text
Text Manipulation
Color Models
Color/tonal Correction
Conversion (black and white)
Compositing
InDesign
Basic Usage
Audio:
Video:
Output:
Web Presentatiov
COURSE CONTENT
Outcomes and Objectives:
Upon completion of this course, the student will be able to:
1. Create digital images with the computer.
2. Utilize a digital camera and the resulting images to produce digital
artwork.
3. Operate a scanner and prepare resulting images to produce digital
artwork.
4. Record and convert digital audio.
5. Capture and convert digital video.
6. Properly store and backup digital files.
Topics and Scope:
I. Image File formats
A. Vector
B. Raster
C. File Types and Use
II. Computer Based Images
A. Basic Digital Tools Introduction
B. File Types, Vector Raster
C.
Resolution/Compression
C. Basic Editing and Image Compositing and Manipulation Functions
III.
Digital Camera and Scanner
A. Hardware Control/Capture
B. Resolution
C. Exposure
D. Basic Editing and Image Manipulation Functions
IV. Digital Audio
A. Hardware Control/Capture
B. Compression
C. Conversion/Application
D. Basic Editing and Manipulation Functions
V. Digital Video
A. Hardware Control/Capture
B. Compression
C. Conversion/Application
D. Basic Editing and Manipulation Functions
VI.
Transferring and storing digital artwork
A. Presenting artwork on the computer
B. Writing files to media, cd or dvd.
VII. Critiquing Work
VIII. Copyright Issues
Assignments:
Assignments may include any or all of the following:
1. Create a digital photogram.
2. Create composited digital images.
3. Make a presentation of digital artwork.
4. Create a backup of digital images to cd or dvd.
Example Assignments
Menus, Tools and Palettes.
Basics of image processing and manipulation.
Assignment: Raster and Vector Shapes - working with stroke/line and fill.
Example:
RasterVectorShapes Text layers and effects - continuing work with layers.
Assignment:
Type and Line
Example:
Type n Line Review: Type n Line
Image Capture, Blending, Clean-up - scanning, importing.
Assignment: 3 Composite Screens - 640x480
(integrating text, raster or vector fill shapes and scans/images)
Masks, Selections, and Adjustments.
Assignment: Create one screen 640x480 utilizing either vector or pixel based layer
mask.
Working with Image Ready - Interactive, Web, Print
Automation, Actions, Batch Processing
Assignment: Create an web gallery of class projects utilizing Photoshop's automation functions.
Assignment:
Objects for Scanning - 3 Dimensional Objects as well as prints or flat art that you may want to digitize.
Review Historical Photograms/Montage works:
Photograms and Montage
Reading
List (partial, example):
Digital Art General
multiMedia: From Wagner to Virtual Reality, Randall Packer & Ken Jordan, Norton, 2001
The Language of New Media, Lev Manovich, MIT Press, 2002
The
Digital Dialectic: New Essays on New Media,
Peter Lunenfeld, The MIT Press, 1999
Snap
to Grid: A User's Guide to Digital Arts, Media, and Cultures,
Peter Lunenfeld, The MIT Press, 2000
Against the Clock: Mastering Graphic Technology, " Photography,Writing, Design, Color, Type Companion for the Digital Artist, Pearson/Prentice Hall, 2004
Photography:
Photography,
Barbara London, John Upton, Ken Kobre, Betsy Brill, Prentice Hall
Photography, Revised Edition, Henry Horenstein,
Russell Hart Prentice Hall
"The Photoshop CS Book for Digital Photographers",
Scott Kelby, New Riders Publishing, 2004
www.scottkelbybooks.com
Photography: A Critical Introduction, Edited
by Liz Wells, 1997, Routledge
Photography in Print, Edited
by Vicki Goldberg, 1981, University of New Mexico Press
By Susan Sontag
On Photography, 1973, Picador.
By John Berger
Another Way of Telling, 1982, Vintage Books
The Sense of Sight, 1985, Vintage Books
Ways of Seeing, 1972. BBC & Penguin Books
By James Elkins
The Object Stares Back: on the nature of seeing, 1996,
Simon and Schuster
By Roland Barthes
Camera Lucida, 1981, Hill and Wang
Image, Music, Text, 1977, Noonday Press
Design:
Design Writing Research Writing on Graphic Design,
Elen Lupton & Abbot Miller Phaidon, 1996
Graphic
Design Cookbook: mix and match recipes for faster, better layouts,
Leonard Koren & R. Wippo Meckler, Chronicle Books, 1989Web
Style Guide, Patricia J. Lynch and Sarah Horton, Yale University
Press, 2001
Looking
Closer 2, Critical Writings on Graphic Design,
Edited by Michael Bierut, William Drenttel, Steven Heller,
and DK Holland, Allworth Press, 1997
the
abc's of (symbols - triangle, square, circle) : The Bauhaus and Design
Theory,
Ellen Lupton and J. Abbott Miller, editors, 1999 *reprint.
Typography:
Texts
on Type, Critical Writings on Typography, Steven Heller
and Philip B. Meggs, Allworth Press, 2001
The Thames & Hudson Manual of Typography,
Ruari McLean, Thames & Hudson, Ltd., 1980
Great Type and Lettering Designs, David
Brier, North Light Books, 1992.
Creative Typography, Marion March, North
Light Books, 1988.
Type Design, Color, Character & Use,
Michael Beaumont, North Light Books, 1987.
The
New Typography, Jan Tschichold, University of California
Press, 1995
|
Artists / Designers / Engineers
Ada Lovelace
https://en.wikipedia.org/wiki/Ada_Lovelace
Charles Babbage
https://en.wikipedia.org/wiki/Charles_Babbage
Engineers / Scientists - Human Interaction
Ivan Sutherland
https://en.wikipedia.org/wiki/Ivan_Sutherland
Charles Csuri
http://www.csurivision.com/
https://en.wikipedia.org/wiki/Charles_Csuri
David Em
https://en.wikipedia.org/wiki/David_Em
Douglas Engelbart
https://en.wikipedia.org/wiki/Douglas_Engelbart
Computer Artists
Harold Cohen
http://www.aaronshome.com/aaron/index.html
https://en.wikipedia.org/wiki/Harold_Cohen_(artist)
Lillian Schwartz
http://lillian.com/
https://en.wikipedia.org/wiki/Lillian_Schwartz
https://vimeo.com/98960229
Joan Truckerbrod
http://joantruckenbrod.com/
https://www.siggraph.org/artdesign/profile/Truckenbrod/biography.html
https://vimeo.com/153130791
http://dam.org/artists/phase-one/joan-truckenbrod/biography
John Whitney Sr.
https://en.wikipedia.org/wiki/John_Whitney_(animator)
Catalog, 1961
https://www.youtube.com/watch?v=TbV7loKp69s
Matrix III, 1972
https://www.youtube.com/watch?v=ZrKgyY5aDvA
Herbert Franke
https://en.wikipedia.org/wiki/Herbert_W._Franke
------
Time Displacement Video -
https://www.youtube.com/watch?v=I2MsDogV4g4
Catalog, 1961
https://www.youtube.com/watch?v=TbV7loKp69s
Matrix III, 1972
https://www.youtube.com/watch?v=ZrKgyY5aDvA
Mix John Whitney Matrix, III
https://www.youtube.com/watch?v=ZrKgyY5aDvA&list=RDZrKgyY5aDvA#t=12
John Maeda
http://www.maedastudio.com/
http://dbn.media.mit.edu/
http://www.maedastudio.com/indexold.html
http://acg.media.mit.edu/people/maeda/
Julia Scher
http://adaweb.walkerart.org/project/secure/sec1.html
Dirk Paessman and Joan ?_
http://www.jodi.org/
http://404.jodi.org/index.html
Jeffery Shaw
http://www.jeffrey-shaw.net/html_main/frameset-explore.php3
Victoria Vesna
http://www.bodiesinc.ucla.edu/
George Legrady
http://www.georgelegrady.com/
http://www.pocketsfullofmemories.com/
http://www.merz-akademie.de/projekte/george.legrady/theory/noise/intro.htm
http://csunix1.lvc.edu/~snyder/em/mc.html
Lisa Jevbratt
http://cadre.sjsu.edu/jevbratt/
Tina LaPorta
http://www.bekkoame.ne.jp/i/ga2750/tina/portal.html
Ken Goldberg
http://teleactor.berkeley.edu/
http://ouija.berkeley.edu/
http://queue.ieor.berkeley.edu/~goldberg/garden/Ars/
http://www.ieor.berkeley.edu/~goldberg/
Nam June Paik
Randall Packer
Jaron Lanier
Allan Sekula - wasn't discussed but interesting guy
Sergio Eisenstein
James Turrell + links
Roland Barthes - "Image, Music, Text", "Elements of Semiology", "Pleasure of the Text"
Ted Nelson - Project: Xanadu
http://www.iath.virginia.edu/elab/hfl0155.html
http://xanadu.com/
http://ted.hyperland.com/
Marcos Novak
Jon Ippolito
Mark America
Jodi - Jodi.org
Marshall Mcluhan - http://en.wikipedia.org/wiki/Marshall_McLuhan
Philip Meggs intro to the mechanical bride http://www.gingkopress.com/_cata/_mclu/_meggs.htm - gingko
Matthew Carter
Jan Tschichold
Guillaume Appollinaire
Johannes Gutenberg
http://en.wikipedia.org/wiki/Johannes_Gutenberg
Herbert Bayer
Lester
Beall
http://www.aiga.org/content.cfm?contentalias=lesterbeall
Saul
Bass
http://www.aiga.org/content.cfm?contentalias=saulbass
Herbert
Bayer
Henryk Berlewi
Joseph Muller Brockmann
Will Burton
Alexey Brodovitch
Lucien Bernhard
A.M. Cassandre
Ivan Chermayeff
Seymour
Chwast
http://www.aiga.org/content.cfm?contentalias=seymourchwast
Sonia Delaunay
Lou Dorfsman
Marcel Duchamp
Hans Erni
Gene Federico
Louis Dorfman
Bill Golden
Karl
Gerstner
Milton Glaser
Tibor Kalman
Wassily Kandinsky
Leo Lionni
El Lissitsky
Herb Lubalin
Alvin Lustig
Herbert
Matter
Kasimir Malevich
V. Mayakovsky
Chris Pullman
Paul Rand
William Sandberg
Paul Schuitema
Lisa Starck
Kurt Schwitters
Ladislaw Sutnar
Vladimir Tatlin
Jan Tschichold
Bradbury Thompson
George Tscherny
Mossimo Vignelli
Piet Zwart
Zuzana Licko
and Rudy VanderLans - (Emigre)
http://www.aiga.org/content.cfm?contentalias=zuzanalickoandrudyvanderlans
Graphic Design (ADOBE) :
Design principles
http://basearts.com/curriculum/ADOBE/design_principles.pdf
Bitmap and vector images
http://basearts.com/curriculum/ADOBE/bitmap_vector_images.pdf
Foundations of Design and Print Production
http://basearts.com/curriculum/ADOBE/visual_design_cc_introduction.pdf
Foundations of Web Design
http://basearts.com/curriculum/ADOBE/digital_design_cc_introduction.pdf
How to design for usability
http://basearts.com/curriculum/ADOBE/howto_usability.pdf
Design document worksheet
http://basearts.com/curriculum/ADOBE/design_document_worksheet.pdf
Design project review and redesign
http://basearts.com/curriculum/ADOBE/design_project_review_redesign.pdf
Production Storyboard
http://basearts.com/curriculum/ADOBE/prod_storyboard.pdf
Application Resources:
ILLUSTRATOR - http://basearts.com/curriculum/ADOBE/Illustrator/
PHOTOSHOP - http://basearts.com/curriculum/ADOBE/Photoshop/
DREAMWEAVER - http://basearts.com/curriculum/ADOBE/Dreamweaver/
INDESIGN - http://basearts.com/curriculum/ADOBE/InDesign/
ACROBAT - http://basearts.com/curriculum/ADOBE/Acrobat/
-----------
Web Design Worksheet
http://basearts.com/curriculum/ADOBE/design_document_worksheet.pdf
How to Plan a Portfolio
http://basearts.com/curriculum/ADOBE/howto_plan_portfolio.pdf
Activity : Wireframes
http://basearts.com/curriculum/ADOBE/Activity-wireframes.pdf
Web Storyboards
http://basearts.com/curriculum/ADOBE/Activity-web-storyboards.pdf
How to create Prototypes in Fireworks
http://basearts.com/curriculum/ADOBE/FW_howto_create_prototype.pdf
Foundations of Web Design
http://basearts.com/curriculum/ADOBE/digital_design_cc_introduction.pdf
Usability and Accessibility
http://basearts.com/curriculum/ADOBE/usability_accessibility_worksheet.pdf
Introduction to HTML and CSS
http://basearts.com/curriculum/ADOBE/intro_html_css.pdf
Resources:
HTML / CSS - http://basearts.com/curriculum/ADOBE/HTML&CSS/
Deciphering the Web
http://tv.adobe.com/watch/digital-design/a-designers-guide-to-deciphering-the-web/
Dreamweaver Library:
http://tv.adobe.com/watch/digital-design/defining-a-site/
http://tv.adobe.com/watch/digital-design/introducing-dreamweaver-cs4/
http://tv.adobe.com/watch/digital-design/getting-started-01-what-is-dreamweaver/
http://tv.adobe.com/watch/digital-design/getting-started-02-defining-sites/
http://tv.adobe.com/watch/digital-design/getting-started-03-rapidly-building-layouts/
http://tv.adobe.com/watch/digital-design/getting-started-05-styling-text/
http://tv.adobe.com/watch/digital-design/getting-started-06-dreamweaver-integration/
http://tv.adobe.com/watch/digital-design/getting-started-07-adding-multimedia/
http://tv.adobe.com/watch/digital-design/getting-started-08-managing-and-uploading-sites/
CSS
http://tv.adobe.com/watch/digital-design/introduction-to-css/
http://tv.adobe.com/watch/digital-design/introduction-to-css-part-2/
http://tv.adobe.com/product/flash/
http://tv.adobe.com/product/flash/episode/most-viewed/playlist/
Actionscript:
http://tv.adobe.com/watch/digital-design/actionscript-3-101/
FLASH CS3 - JOHN SHUMAN
http://tv.adobe.com/watch/flash-in-a-flash/episode-1/
http://tv.adobe.com/watch/flash-in-a-flash/episode-2/
http://tv.adobe.com/watch/flash-in-a-flash/episode-3/
http://tv.adobe.com/watch/flash-in-a-flash/episode-4/
http://tv.adobe.com/watch/flash-in-a-flash/episode-5/
http://tv.adobe.com/watch/flash-in-a-flash/episode-6/
FLASH -CS 4
http://tv.adobe.com/watch/learn-flash-professional-cs4/getting-started-01-understanding-flash/
http://tv.adobe.com/watch/digital-design/getting-started-01-understanding-flash/
http://tv.adobe.com/watch/digital-design/getting-started-02-understanding-flash-file-types/
http://tv.adobe.com/watch/digital-design/getting-started-03-exploring-the-flash-interface/
http://tv.adobe.com/watch/digital-design/getting-started-04-setting-up-workspaces/
http://tv.adobe.com/watch/digital-design/getting-started-05-using-the-drawing-tools/
http://tv.adobe.com/watch/digital-design/getting-started-06-object-and-merge-drawing/
http://tv.adobe.com/watch/digital-design/getting-started-07-understanding-symbols/
http://tv.adobe.com/watch/digital-design/getting-started-08-working-with-bitmap-graphics/
http://tv.adobe.com/watch/digital-design/getting-started-09-working-with-sound/
http://tv.adobe.com/watch/digital-design/getting-started-10-working-with-video/
http://tv.adobe.com/watch/digital-design/getting-started-11-understanding-tweens/
http://tv.adobe.com/watch/digital-design/getting-started-12-creating-shape-tweens/
http://tv.adobe.com/watch/digital-design/getting-started-13-creating-motion-tweens/
http://tv.adobe.com/watch/digital-design/getting-started-14-using-the-motion-editor/
http://tv.adobe.com/watch/digital-design/getting-started-15-working-with-motion-presets/
http://tv.adobe.com/watch/digital-design/getting-started-16-animating-bones/
http://tv.adobe.com/watch/digital-design/getting-started-17-actionscript-30/
http://tv.adobe.com/watch/digital-design/getting-started-18-building-an-application/
http://tv.adobe.com/watch/digital-design/getting-started-19-creating-a-flash-web-movie/
http://tv.adobe.com/watch/digital-design/creating-motion-tweens-part-1/
http://tv.adobe.com/watch/digital-design/creating-motion-tweens-part-2/
http://tv.adobe.com/watch/digital-design/animation-basics-episode-27/
FLASH -CS 5
http://tv.adobe.com/watch/digital-design-cs5/getting-started-gs-what-is-flash-professional-cs5/
FLASH - VIDEO CODECS
http://tv.adobe.com/watch/flash-411/video-crash-course/
http://tv.adobe.com/watch/flash-411/video-encoding-basics/
Audio
- Artists
Matmos
http://www.brainwashed.com/matmos/
http://www.lsr1.com/disc/
Center for
New Music and Audio Technologies
http://cnmat.cnmat.berkeley.edu/
John Cage
http://sonicflux.walkerart.org/cage/index.html
Electronic
Music - Historical Links
- Bernie Krause
- Pierre Schaeffer
- Luigi
Russolo
- The
Art of Noise
- http://cadre.sjsu.edu/switch/sound/articles/wendt/folder6/ng632.htm
- Edgard
Varese
Animation
http://minyos.its.rmit.edu.au/aim/
David Atkinson
http://minyos.its.rmit.edu.au/aim/a_notes/anim_contents.html
What is Animation?
Animation History (Part I)
Animation History (Part II)
Disney's Principles of Animation
Pose to Pose Animation Technique
Inbetweening
Cyclic Animation
Lip Sync Animation
Table Top Animation
Pixillation Notes and Project
Paint-on-Glass Animation
The Creative Use of Sound
David Atkinson Projects:
Cutouts
http://minyos.its.rmit.edu.au/aim/a_notes/01_cutouts_project.html
Modern Zoetropes
http://minyos.its.rmit.edu.au/aim/a_notes/modern_zoetropes.html
----------------------------Redundant but detailed
Animation History
http://minyos.its.rmit.edu.au/aim/a_notes/anim_intro.html
http://minyos.its.rmit.edu.au/aim/a_notes/anim_history_01.html
http://minyos.its.rmit.edu.au/aim/a_notes/anim_history_02.html
Key Poses
http://minyos.its.rmit.edu.au/aim/a_notes/03_keypose_project.html
Pose to Pose Animation
http://minyos.its.rmit.edu.au/aim/a_notes/anim_pose.html
Tools of the Trade
http://minyos.its.rmit.edu.au/aim/a_notes/tools_of_trade.html
Cyclic Animation
http://minyos.its.rmit.edu.au/aim/a_notes/xcycles.html
12 Principles of Animation
http://minyos.its.rmit.edu.au/aim/a_notes/anim_principles.html
3D
------
Blender
Sketchup
MeshLab
SCULPTRIS
http://pixologic.com/sculptris/
---------
Software for students
Autodesk supports the student community by providing the tools you need to create your next 3D project and get prepared for academic and career success.
http://www.autodesk.com/education/student-software
http://www.autodesk.com/education/getting-started
http://digitalsteam.autodesk.com/
Programming / Web
RESOURCES:
http://www.basearts.com/curriculum/PDF/programming/
Twine
http://twinery.org/
Twine is an open-source tool for telling interactive, nonlinear stories.
Sketchup
http://www.sketchup.com/education/grants/resources
http://help.sketchup.com/en/article/95079
Processing :
Processing is a programming language, development environment, and online community that since 2001 has promoted software literacy within the visual arts. Initially created to serve as a software sketchbook and to teach fundamentals of computer programming within a visual context, Processing quickly developed into a tool for creating finished professional work as well.
Scratch
Scratch is a programming language that makes it easy to create your own interactive stories, animations, games, music, and art -- and share your creations on the web.
http://scratch.mit.edu/
Kahn Academy
https://www.khanacademy.org/
check out this introductory video first. Then get coding! If you want to learn more about the platform please read the following post. Watch: Intro to Khan Academy Computer Science
- http://www.khanacademy.org/cs
Code Academy
http://www.codecademy.com/
WEB DESIGN
Hypertext
http://www.w3.org/MarkUp/historical
Adobe Kuler —
http://kuler.adobe.com/"
MIT Media Lab
http://www.media.mit.edu/
Audio
- Technical
Adobe Technical
Guide to Digital Audio
http://www.adobe.com/support/techguides/webpublishing/audio/main.html
Sound Forge
Manual - Download
http://www.sonicfoundry.com/download/step2.asp?DID=198
Peak Manual - Download
http://www.bias-inc.com/downloads/documentation/peak.html
Acid Xpress - Download
http://www.sonicfoundry.com/download/Step2.asp?DID=155
Apple Music and Audio
http://www.apple.com/creative/musicaudio/
http://developer.apple.com/techpubs/quicktime/qtdevdocs/RM/frameset.htm
Pure Mac
http://www.pure-mac.com/mp3.html
The Recording Website
http://www.recordingwebsite.com/
Pro Tools
Welcome To Digidesign
Digidesign mag
Digidesign Training & Education
Digidesign Training Reference Guides
http://www.digidesign.com/download/links.html
Links We Like — Inside & Outside Resources
Digital Audio Theory and Reality
Digital Audio
Welcome to BIAS!
http://www.unibrain.com/home/
http://filmsound.studienet.org/
http://www.sound-design.org.uk/
KillerSound
Tech Center
http://www.killersound.com/cgi-bin/killersound.storefront/3d9715ad0508b0a02718c690603d0681/UserTemplate/84
|
|
|