DIG 3110 - Fundamentals of Multimedia

 

FrontPage

Page history last edited by Joey Bargsten 5 mos ago

 

HOME  â€¢   SYLLABUS/SCHEDULE  â€¢  ASSIGNMENTS  â€¢   COURSE RESOURCES  â€¢   YOUR PAGES   •   FEEDBACK

 

This Week:

feedback

 

Please have all your ASSIGNMENTS ONLINE, and have a link on your wiki page to your blog. And do this all by Wednesday, April 29 at 5pm.  Also, if for any reason you can't get your work online, drop off a disc of your work in my mailbox (AT 812, in Sheena Orr's office).

 

FINAL - TUESDAY APRIL 28, 10:30 AM - 1 PM (probably won't take that long). Present your Final Project to the class.

 

Another neat multi-touch app. (Learn how to do that here.)

 

Things to keep in mind as you design your final project - Remember, you're combining TEXT and IMAGE in a DESIGN SPACE.

 

Design Space:

- Full Bleed or Borders?

- Is there BREATHING space?

- Is there a GRID you're designing against? (doesn't need to be rectangular grid)

- Assymetric or symmetric design?

 

Type/Text:

- Is there a clear distinction between Display (Title, main heading) and Body text?

- Is there CONTRAST (light/dark) between body text and background? 

- If the background of your body text is TOO BUSY (visually active), BLUR it (in PhotoShop)

 

Image/Graphics

- Are you using Bitmaps and Vectors for what they do best?

- Are images MASKED in some way, or do they have ugly BORDERS?

 

 

Previously on DIG 3110

 

Two other resources: Communication Arts (magazine), and FontShop

 

          Design Anarchy book, on Adbusters.org.  (click on 'Experience the Book')        

 

More information on the Manifesto/Final Project - see the Assignments page.

 

Wrapping up the Sequenced Graphics assignment, and consolidating all your material into your Web Presence.

 

Some lessons to learn from Banksy

 

Visiting Artist

 

The fantastic story of the Chinese grass-mud horse !

 

 Didja like the textures? Here are some fantastic textures - aerial pictures of the earth.

 

More on Clipping Masks in Illustrator.

 

Working with text blocks in Illustrator. 

 

Some examples of the world of Sequenced Images With Text under Assignments

 

Your feedback on your stickies is up - enter your 'z' number (capital z plus 8 digits - no extra characters or spaces), hit return. If you haven't linked the wiki yet - PLEASE DO SO!

 

You can TURN OFF the email notification feature, and then you WON'T get dozens of email notifications whenever someone edits something on the wiki: Log in, in 'VIEW' mode, click on 'Pages & Files', click on 'Wiki Settings', click on 'Notifications & RSS', and then DE-SELECT 'Enable email notifications for this wiki'. You're done! 

 

Tuesday, HAVE YOUR PHOTO MONTAGES READY TO SHOW & SHARE!

 

One last old school photomontage (circa 1977):

 

 

(image size: 44 KB)

 

Here's the full sized 1200dpi scan for you to experiment on: Scan1200dpi.zip 

(image size: 3.5MB, or 3,500 KB - almost 80 times bigger than the web-friendly image)

 

Two more photomontages, one of the most famous ones of the 20th century, and one not so well known (click on my name at the bottom of the page, then on "design" and then the dot under '1984').

 

(plus, another version of that first one: smaller, and larger image mosaic. plus, a list of who's in that montage.) 

 

OK, you should've gotten an email, your INVITE TO THIS WIKI. Please set up an account, select your password, and CREATE YOUR (WIKI) HOME PAGE!

 

1 - Click on Create a page on the menu on the upper right.

2 - Name your page - - first & last name, but NO SPACES (Use underscores).

3 - Choose a template - - please select course_template. That will give you the course banner and main links.

4 - Click on the Create Page button.

5 - When the page pops up, change the title to '(Your name)'s Awesome Home Page" or something like that. 

6 - Click on the Save icon on the bottom of the page. You've now created a page!

 

7 - Now, click on the YOUR PAGES link below the top banner, or in the sidebar on the right.

8 - Click on the EDIT tab on the top of this page. * * * * SPECIAL COURTESY FEATURE (bug) ON SAFARI * * * (Might also happen on other browsers, too) If you see 'Loading' under the Pages and Images and files tabs on the right bar on the page, RELOAD the page (apple-R on the Mac, Command - R on the PC). You should see a bunch of pages listed, including the one you just made.

9 - On the Your Pages page, SELECT one of the 'Your name here' placeholders. Type your name there, and SELECT it.

10 - On the list of pages under Pages tab on the right, click on the NAME of your page. Click on the Save icon on the bottom of the page. Test the link - it should bring you to the page you created earlier. You've just created a link to your page from the  YOUR PAGES page of the Wiki!

 

And one more note - - the Wiki will only allow one person to edit the YOUR PAGES page at one time. If you get a message that 'so-and-so has stolen the link to this page' or something of the sort, just wait a few minutes until that person is done, then add your name to the page.

 

Can you all do this by Tuesday? Should be fairly straightforward. Good luck!

 

ALSO FOR THE WEEK: Keep working on your VISUAL VOCABULARY (i.e., your Sticky Notes).

 

 

COURSE OVERVIEW

 

What the course is about?

 

Here's a brief intro of 'Multimedia', and here's another: an Overview of Multimedia (PDF format, 3.7MB - - a little dated, but what this course is based on)

 

Production Component - Digital Tools

 

Design Component - Theory and History

 

Interactive Multimedia Sequence - 3110, 3711, 4713, 4930, 4943

 

Welcome to The Wiki!

The Lab - Not Used to a Mac - what do I do?

 

 

Intro - Visual Literacy, Design, and Vocabulary 

 

Frameworks for Design

 

Your Visual Vocabulary

 

Part 1 - Bitmap Fundamentals (PhotoShop)

 

Bitmaps and Vectors

 

Color Modes and File Formats

 

PhotoShop Work Flow: Big Picture

 

Photoshop Interface - Getting to know your way around it.

Inputs: photos, digital media, native sources

Selection: Marquee, Lasso, Magic Wand

Cut, Copy, Paste

Layers: Duplicating, Arranging, Opacity, Merging, Layer Modes, Masks

Image Adjustments:

Image Manipulations: Filters & Effects

Actions and Automation

Output: Master files, saving for particular applications

 

Making a Layer Mask

 

More Advanced Techniques and Recipes

•  Custom Header for Wordpress Blog

•  Background graphic for web page

•  Inline graphic for web page

•  Navigation Bar for web page

 

 

Part 2 - Vector Fundamentals (Illustrator)

 

Illustrator Big Picture: The Bezier Curve

 

Letterforms and Type

 

Clipping Path

 

Pathfinder

 

How Illustrator and Photoshop work together

 

Compound Paths

 

Illustrator, Text Layout, and Typography

 

Trace Bitmap

 

 

Part 3 - Visual Design History

 

Graphic Design History Overview

 

Modern Art (Cubism, Surrealism, Expressionism)

 

DADA and the Avant-Garde

 

Typography and Futurism

 

Dada photomontage

 

Illustration and Poster Design (1905-1930s)

 

Constructivism

 

DeStijl

 

Logo Art and Symbols

 

Bauhaus

 

The New Typography

 

Design in the 50s and 60s - 70s

 

International Design: the Formation of the New York School

 

More Swiss Design

 

The Blue Note Album Covers

 

Impact of Advertising and Art Direction

 

Visual Directions in Modern Art - Late 1940's to the 1970's

 

Rise of PostModernism

 

Digital Design

 

 

 

Comments (0)

You don't have permission to comment on this page.