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