INTRO TO MULTIMEDIA. MAT 103

Alejandra Jarabo

Multimedia Arts & Technologies Division. Santa Barbara City College
Links to different topics

 

Important LINKS Link to Class Syllabus. >HERE.  
Link to Tentative Schedule for Online class >HERE.  
Link to Class Bibliography >HERE.
 
    Chapters covered in the Reader >HERE.  
    Link to examples of successful Midterm presentations >HERE.  
    Link to examples of successful presentations on Walter Benjamin including Final projects> HERE  
    Link to examples of successful presentations on Janet Murray and Gaming as extra credit & Final project> HERE  
    Examples of jobs in the Multimedia field > HERE  


Find information about different technical topics for your class-exercises and projects:

 
   
Screen Graphics
Multimedia Concepts: Graphics, video and sound
Color general terms
Screen Resolution
Color depth (for files or screens)
Interpreting colors
Color artwork. Screen versus print
Image resolution:The Image Size dialogue window in Photoshop

Compressed Graphic formats:HERE
gif
jpeg
png
imaging strategies

Saving a jpeg in Photoshop
Making a gif in Photoshop
Saving a transparent GIF
 
Computer graphics
General Computer graphics
Making the perfect selection 1(pen/path tool) AND perfect selection 2
Intro to the use of Typography
   
  <
Visual perception
Principles of Visual perception. Gestalt theory. Chart
Perceptual Ambiguity expressed through Art, Maurits Escher.
Perceptual Ambiguity expressed through Art, use of Optics.
 
Perceptual Ambiguity expressed through Art, Salvador Dalí.
 
     
  td>
Html
Web Concepts
What is CSS
Example of a CSS template
What is Html
Html code (use oftables)
First web page in Photoshop. AND Translating the first page to dreamweaver.
Basic html code exercise
 
How to upload you site to the XYTHOS server
 
 
Web Design
  Talking to a client
  Communication through Web design
  Search engine optimization. General
Information design.General
Creating a site-map for your site
Site management. Root folder
   
  COLOR THEORY
  Defining a Color palette. For student work on Color palettes>HERE
Site Design. Examples
Designing the LAYOUT 1
Designing the LAYOUT 2
  Portfolio listing in Newark1.com
Page structure.Classic style
Page Templates. General look
   
Composition:Aligning images

Composition: Negative space
Negative space on web pages
Using the page's real state

Site Color theme
TYPOGRAPHY in websites
  Text for the Web
Typography 1
Web Syle Guide


Typography General.
Type on the Web
Legibility

Newark1.com text and Web Design


From webstyleguide  

Page structure

Web graphics
Preparing multimedia for the web
 
   
 
Animation
Animation principles
Movement and speed
   
Weight. The bouncing ball
   

Frame by Frame. Rothoscopy
More frame by frame examples
And more yet

  Walking cycle
Links to animation over the web 1 - 2 - 3 - 4 - 5 - 6
 
   
 
Rules of Interactive
Interactive. Button States

Advanced Interactivity. Scripting

Advanced Interactivity_examples1

  Links to Flash sites: 1 - 2 - 3 - 4
 
   
 
Sound
Sound terminology
Compressed Sound:mp3
 
 
 
   
 
Digital Video
Video resolution. Formats
Computer video files
Interesting Music videos
  Web video: Vine