Motion Graphic Design

Here are a couple of highlights from Animation & Motion Theory – Term 311:
this series of introductory animation projects includes walk cycle exercises, motion studies, and short public service announcements.
Thanks to the AMT 311 group for submitting work!
Please visit the Term 311 Archive for more:

Public Service Announcement by jalconcher

Motion Study by kidfresh

Have a look at a few new projects from Interactivity & Screen Design – Term 311:
a selection of introductory projects in basic web graphics & coding.

Thanks to everyone for submitting work!
Here are a couple of highlights, check the Term 311 Archive for more:

DJ KILLAWANG by shanghaining

Visceral Vixens, by patches

Midterm Project – Waterfront Restaurant (fictional client), by enigmaticwraith

Here are a few quick instructions for using the MGD blog site.
Share your projects at any and all phases: include concept sketches, rough drafts, or finished work.

Making a Post:
• Log in. In the top bar, Go to MyBlogs, select the course name, and then select New Post. This will open up the posting window.
• Write your post in the editing area: there are 2 tabs for the different editing modes: Visual and HTML
• The Visual tab has a bank of editing buttons very similar to writing a document in Word. The far-right button will expand the bank to include more options, like text color, or indentation.
• The HTML tab will bring up an editor area, where you can post HTML and CSS content: use this tab when you want to include an image or a link.
• Categorize your post: choose a category from the “Categories” section in the right sidebar.
• Tag your post with your name or nickname: under “Post Tags”, tag yourself by entering your username or nickname.
• Publish your post: In the “Publish” area on the right sidebar, click the button “Submit for Review” – this will send your post to the blog administrators for approval.

Images:
• You can start writing your post in the “Visual” editor, and when you are ready to make an image, switch to “HTML” mode.
• Place your cursor where you want the image to be, and click the “img” button.
• Paste the Image URL into the popup window, and enter a description for the image if you like.
• To re-size the image or add a caption, go back to the “Visual” editor and click on the image: this will allow you to re-size your image and add a caption.

Links:
• You can start writing your post in the “Visual” editor, and when you are ready to make a link, switch to “HTML” mode.
• Select the text or image in the editing window that you would like to be a link, and click the “link” button.
• Paste in the link URL to the popup window.

Edit Your Public Profile:
• Go to My Account > Profile > Edit Profile. Here you can include information about yourself, and links to your course archives.
• Include links to your course archives: each blog that you contribute to will create a page for everything you have done. To get the URL for your course archive, go to that course blog and click on your name under “Contributors”: then copy the URL from the address bar, and paste it into the field in your profile.

In our first phase of testing, we have 3 courses set up with blogs:
Thanks to everyone for testing out the site!

Animation & Motion Theory

Interactivity & Screen Design 1

Title Design

Hey guys, I made a few updates to the basic structure!

On the main page:
- “Inspiration” and “Alumni” page tabs
- sidebar links to the courses
- sidebar links to the school

On the Course Blog pages:
- sidebar links to student work within that course
- sidebar links to projects within that course

The header areas have temporary graphics,
demonstrating how we can have a different header graphic on each page.

Just checking it out!