Digital Media 9 / 10 - Blk. 1

Welcome to the course Digital Media 9 / 10

General course Access information
to map a drive (access your student folder) 
Select "Go" from the tool bar at the top of your page - and select "connect to server" 

Drop box block one (drop-box stuff - folder name) 
type in: 
then when ict9-4 change it to   ict9-1
Password:                               fortify

Drop Box (dropbox stuff - folder name)

(*) If finished the following assignments early, then please go to extra credit section at the bottom of this page for an enrichment opportunity! 

Assignment # 21 - Stop Gap Animation (all students next Tues ,Wed., Thurs)

We will be ending the course with this fun group project. We have some characters / lego / other figurines for this project. However, you are certainly encouraged to bring in your own if you have some at home. For example if you wanted to make your animation with a space or a Star Wars theme then bring any items you might have from home.  

Image result for stop gap animation Image result for stop gap animation

In groups of 3 (yes you must be in a group), you will write, plan and create a 30 second stop-motion animation film. However, if you are efficient you may be able to create second 'movie'. After you have finished the filming and editing, we are hoping to be able to watch your production during the SECOND HALF of Thursday's class. 

Please feel free to bring your own characters and set items from home. Just don't mix them up with the stuff from the lab! 
You can view sample projects that are stored on the Student R:/ drive folder under animation. 

Here are some of the more famous 'stop gap' animation films! part II 
Other famous stop gap animation films from history going all the way back to 1898! 


With your group, use the story board to come up with a engaging and entertaining story line based on the available figurines (you may bring some from home if you'd like). While writing your story, be sure to take a look at the available props and characters that you have to choose from.  Please keep your story "G rated" and try to build in a plot and some suspense. This is not to say you couldn't do a murder mystery story, for example,  but we want to ensure that the animation makes for interesting viewing. 
Characters running around the set fighting, for example, won't hold an audience's interest for long :) ! 

A suggested approach
Grab a collection of figurines from the cabinet (yes please put them back in the correct bin after you're done) / try to figure out how the characters will interact on the set and then hopefully a story will start to take shape. As you progress, use the storyboard to sketch out the various scenes and in their particular order. This will help you to keep track of the overall production between scenes and filming days.

Production - "Filming" the Animation (Use program 'frame by frame')

Be sure all members of your group are involved in the production and that you decide on the following: 
  • your set / backdrop / characters 
  • The specific sequence of events (what is the story plot - think story board - scene one / scene two / etc.) 
  • Someone is responsible for holding the camera in position and someone is looking at the images and deciding on the shots and how many at once (director)
  • Someone in the group will then reset the characters for the second / third and forth scene (refer to your story board) - the animation
Be sure to use the following materials: figurines from the lab cabinet (or items from home) / backdrop set items / a cloth draped over the computer monitor / a lamp if needed (located underneath the lab keyboards) / a stop gap camera (located in filing cabinet). 

Post Production - Movie editing
  • Once you have all your raw files, then you can drop the project into Adobe premier for edits and addition of music etc. . At the end, be sure export the file as a QUICKTIME MOVIE! 

Please note we are only allotting THREE / FOUR classes so efficiency is key to get this done in time for show time second half of Thursday's class 

Digital Media 9 / 10 - Stop Gap Animation groups

Group # 1
Ramtin / Kimi / Yoonha 
Group # 2 
Paco / Albert 
Group # 3 
Group # 4 

Assignment # 20 - Last individual course project :) choose one!

In this second last course assignment,  you are offered a collection of projects to choose from based on your areas of interest, or parts of digital media that we didn't cover in the 
course previously.  

Option # 1 Web design - Using Dreamweaver to programming a complete web site (Advanced
If you have some web site development background and know something about HTML CSS then this might be a great learning module for you. 
You will be using the source files from the Adobe and using the software Dreamweaver. This project takes you through the steps to create a professional 
grade web site with all the important site elements. Feel free to substitute the web site site topic or pictures. Just be sure that you are replacing one image with another that 
is of the same size and dimensions. 
Please go to this link for the full project instructions. You will need to download a zip file for all the relevant project assets. Download "get library" and "get files". 
Please follow all the instructions off this link, from the download through to setting up the file structure through to the structure. Good luck and have fun! 
Image result for bay beat website adobe  
Option # 2 - Blender 3 D Animation introduction

In this module you will be working in a 3 Dimensional environment.  You will learn about how to do create a wire mesh and learn how to add texture and change the lighting effects. 

Shark animation                        Part II (optional)

Correct rendered shark Image result for blender shark Image result for blender shark

Option # 3 - Vector graphics - Adobe Illustrator 

In this graphic design project, you will learn all about what a vector graphic is and how to create stunning computer graphic illustrations. 
Vector graphic project - option # 1 
Vector graphic project - option # 2 
Vector graphic project  - option # 3 (you may choose one project off of this link. There are many on this link to choose from - be sure to choose one that is a VECTOR graphic not other illustrator related skills. If you need help choosing one off of this please see me! :) 

Assignment # 19 - Sketch up - Are you a future Architect? 

In this summative activity you will have an opportunity to further develop your creative and spatial skills by using Sketch up to create ONE of the following projects.

However before we begin, please read the following articles that will help you to gain a sense of current trends in architecture. 
Current trends in design - notice the use of glass / angular design / explicit geometry / false roof lines / windows of mixed dimensions / use of reflective surfaces and pools / mixed material with glass , concrete, metal, wood slats and stark contrasts. 
Architecture trends - a country house example (angular design / reflective pools / a blend of glass, concrete, rusted metal and industrial cladding. 
Find your design inspiration - read through one design article that interests you

Project Option # 1 - Develop a LEEDS standard environmentally conscious tower structure 

In this option, you will be tasked to create a LEEDS standard environmental building that recycles waste water / uses low carbon sources for heat (e.g. solar panels / geothermal) / utilizes rainwater for building use / and incorporates a 'living canopy' into its design (e.g. a green vegetation wall, trees built into the structure, a living roof - grasses etc). 

As best described on the LEED web site: 

"...LEED provides a point system to score green building design and construction. The system is categorized in five basic areas: Sustainable Sites, Water Efficiency, Energy and Atmosphere, Materials and Resources, and Indoor Environmental Quality. Buildings are awarded points based on the extent various sustainable strategies are achieved. The more points awarded the higher the level of certification achieved from Certified, Silver, Gold, to Platinum..."

Please read the following articles BEFORE you begin your design: 
Please study this info graphic to learn more about specific design elements that are considered "environmentally conscious" 

Image result for living wall Image result for living wall Image result for living roof skyscraper
Examples of a LEED (environmental) building 

A 34 story skyscraper          example from Sweden


Current building designs are also now more environmental that before incorporating  "living roofs",  energy efficiency, solar panels, recycling rainwater and wastewater, low carbon footprint and other low energy use designs. You are tasked, in your role of architect of creating an environmentally friendly tower which includes at least FOUR building features that incorporate low energy use or other features. This tower design should also not only be environmentally friendly but also adhere to the principles of great design, scale and proportionality. 

Image result for environmentally friendly skyscrapers  Image result for environmentally friendly skyscrapers     

You may modify the structure based upon your creative ideas. If you have time, try to work on the interior view structures as well.
Sketch up - the official help guide

Criteria for project 
A high rise architecture with a modern design concept
FOUR environmentally efficient features and functions 
Use of a variety of materials in its design 
Design is a positive addition to the city skyline 
At least one balcony woven into the design 
An impressively impactful entrance way 
A living wall or living roof 
rooftop terrace 
landscaping and surrounding environs

Project Option # 2 - Design a house that exemplifies the epitome of modern design 

Image result for modern building designs clad with different materials Image result for modern house designs Image result for modern building designs clad with different materials    Image result for modern building designs clad with different materials  Image result for modern building designs clad with different materialsImage result for modern house with infinity pools Image result for modern building designs clad with different materials Image result for modern building designs clad with different materials


Using your skills with Sketch up, please create a modern architecture design that incorporates some of the techniques discussed in the articles and links above. For example, use of explicit geometry is one of the hallmarks of current design trends. As well, unusual juxtaposition of  wood, metal and concrete are found in many current structures.
- create a stylish modern house design using a range of exterior cladding materials and unusual design features. 
Unusual exterior facings - building structure can be clad in almost any material 

Project criteria: 
  • Create a project that is the pinnacle of great design. 
  • Use a variety of exterior cladding materials (wood / metal / concrete/ glass / tile / brick / cement tiles / stucco / possibly a 'living' wall or surface/ 
  • Reflective exterior water feature 
  • at least two stories high 
  • both an exterior and an interior view (to make an interior space create the space BEFORE you put on the roof) 
  • put effort into the landscaping and design of the immediate area that surrounds the structure

Assignment # 18 - Introduction to Sketch up (make and pro) - Thursday June 7th 

We will now be turning our attention to working 3 Dimensionally on several architecture related projects. Our first introductory activity, is using Sketch up to create a loft style house. We'll be introduced to many of the drawing tools and learn about proportion and scale. 

Please locate the task in the attachment section of this page. Please be sure to personalize the design and experiment with your specific design. This will help you with the 
much more in-depth architecture project in assignment # 19. 

Option B - Turn a 2 D design into a full scale 3 D model 

In this more advanced introduction  - please download the file located in the attachment section of this site titled: "Architecture 4 perspectives" . In this introduction to Sketch up, you are asked to make a faithful replication of one of these 4 house / building designs. Your goal is to take the four sided perspective and turn it into an accurate drawn 3 dimensional structure. Please be sure to add in features outside such as a walkway and outdoor landscaping. 

Assignment # 17 - Create a Video game (a maze game / shooting game / carnival game) - Friday June 8th - peer game playing / rating day

In this follow up project to Pong. You will be asked to create a game that has the following:

either a maze game / shooting game / carnival game - Please select this link(s) for some examples: carnival game examplesmaze games, driving games
At a minimum the game should contain: a scoring system or a timer / at least two "stages" / multiple  backgrounds / at  least three sprites / interactive game environment / escalating levels of difficulty. 

Help section 

Assignment # 16 - Introduction to video game programming - Software: Scratch 
We are now going to be switching gears here and begin a short unit on the program Scratch.  This piece of software was first developed at MIT in Boston to help make programming more intuitive.  This program  consists of inter connectable puzzle pieces that allows you to move graphics (sprites) in an interactive environment.  You can make your sprites count, keep score, sense other objects in their environment, transform etc...
Scratch set up your account here: then select the "create tab" 

Our first two introductory project(s) will be:
  • A) create a sprite / a background / and have it move around the screen (*) skip this first intro. if familiar
  • B) create a game of "pong" - (see the attachment for ideas about how to accomplish this - be sure you include the following
  • a background, two paddles, a game ball (make it "sense the paddles), two player game, be sure it is "playable"  
  • Instructions for the creation of PONG

Scratch essentials video link   /Scratch help guide link / Locate these "attachments": Basic pong game.pdf / two player pong game with background (example) / to add a scoring system

Assignment # 15 - Sophisticated layout design techniques - Adobe in-design  Due: Friday May 18th

In our next course project, we will be rounding out our knowledge of print media and lay-out deign techniques. In this project, 
you will be creating a magazine style spread trying to incorporate some fresh and novel ideas in design. The goal is to blend together graphics, text and font
together to create a powerful creative impact. 

44-creative-magazine-spread-design-layout-ideas-for-your-page Image result for impressive magazine layouts   Flow and direction of image towards headline and body copy. Font and size contrast. Use of patterns and colors.  

Image result for impressive magazine layoutsImage result for impressive magazine layouts  Image result for impressive magazine layouts  

Part A - Writing your content 

In order to practice design and layout techniques we need a page of student generated written content to use for this. Suggested topics for your 

Your future self                                                                          What will you look like and what will you be doing in ten years time. 
Celebrity chef                                                                            What wisdom would you impart for your adoring fans and be sure to share out some of your favourite recipes 
New on-line games for 2018                                                     What are the newest / freshest games coming to your favourite on line gaming platform 
Profile new technology (drone example)                                   In your technology review page, what specific models would you recommend - start here!  Drones 2018
Fashion trends 2018                                                                  Profile coming trends in clothing and fashion 
Profile a specific sports figure                                                    Life history / accomplishment / values and involvement in the community etc...
Collection of short stories or poetry                                            Share or create!
or.... (pitch a concept to Mr. L.) 

Part B - make your spread using design techniques 

Create a magazine cover and one content page.

In-Design tutorial(s)

Important reference - how to manage pages and master page layout

Project Criteria (Please read carefully)   :)
  • Self generated content (you may use images and some general concepts from on-line links but you are NOT to copy and paste - the difference is not hard to notice) 
  • include a title font that is "filled" with an image (see tutorial) - or another text font title experimentation
  • sophisticated layout design - use superior design techniques - innovative looking fonts / innovative use of titles (eg. put title down the side) / images used in an original way (eg part of the image "bleeds" off the side of the page) or interesting layering of images and graphics / a seamless flow from written content to graphics to create a great impact ...
  • page of content ALSO has blended in graphics (eg text wrapping techniques / use of tables...) 
  • A key quote from your written content is set apart and text wrapped (see example) 
  • Add in colour shapes with key comments (see tutorial) 
The key here is to create a highl impact ORIGINAL document with unique design elements. Some ideas include unique blend of graphics / some may even partially fall off the page or with an unusual layout. 
Some project resource guides: 
A listing of the most commonly used desktop publishing techniques (with examples for each!) 

First letter of paragraph enlarged and text wrapped  Filling in Font with an image /Embedded quote from the article  
Use of columns WITHOUT borders  Unusual font choices and exciting colour blends in the titles - article font - images /  Placing article titles vertical and horizontal / Headings and images "bleeding" off the page  Unusual image placement  Layered graphics and experimenting with opacity settings  
Tightly wrapping images around font to accentuate a shapeImage result for text wrapping with shape of image indesign

Assignment # 14 - An abstract (but not limited to...)  portrait - great opportunity for creative invention...May 9th

In this next segment of the course, we will now be meshing our newly developed technical skills with our artistic sensibilities. You will be tasked 
with the creation of either an abstract portrait or a low poly image. Please use these tutorials more as a guide than as an defined script. You may use your own imagery and ideas to create a unique artistic project that attempts connects to the viewer or relay a deeper message or purpose. 
Inspirational Abstractions in Graphic Design? When you view these images what makes an impact on you? 
An Abstract Portrait
Read this summary article on the origins and history of abstraction in art and design. 
 (Picasso - a famous example of abstraction - capturing the subject's "essence")
Abstraction in art - Realism versus abstraction or representation

Please follow one of these tutorials, however, there are many options for you to invent and modify. Please feel free to be creative and original!

Abstraction - Option # 1 - create a balanced abstract image.
Abstraction - Option # 2 - a colourful "retro" abstract shape design
Abstraction - Option # 3 - A vibrant Abstract design 
Abstraction - Option # 4 Create repeating patterns for skate deck art
Abstraction - Option # 5 - Create a "cubist" abstract masterpiece 


Assignment # 13 - Create a polygon cityscape Design - Due May 9th

Please follow this link to complete a dynamic vector graphic cityscape with layering and gradients
Graphic design concepts discussed: shape construction, layering, gradients, align tools,  anchor points, effects (transform and distort) 

Assignment # 12 - Adobe Illustrator - Introduction to Graphic Design   
Please place all three parts in the same folder before handing them in...


What are vector graphics anyway?    A look at this link
Inspirational graphic design work       What makes graphic design work stand out?

PART A - Using the pen tool. 

Firstly, try to draw all the shapes on this link starting with the star.  Secondly, you are asked to try and handwrite your name or initials using the PEN TOOL in Adobe illustrator. Be sure you have curves in your letters!
Part B - Create a T-shirt design. (You may vary this tutorial) 

A set of basic instructions - Please follow this introduction Perhaps you might want to reinvent this tutorial and do you own design - here are some examples draw upon some inspiration

(*) Note: The curvature PEN tool may not be visible on your version of Adobe illustrator - SHORTCUT KEY for curvature PEN tool is: SHIFT + ~ 

Assignment # 11 - Adobe Premier - Create a montage or a movie trailer - will be viewed in class April 23 / 24th (Monday and Tuesday) - Project NOW due! 

Thursday viewing

(*) Note: please submit this project in either FLV OR MP4 file format !
Steps explaining how to export the file in one of these formats! 

Project Choices 
Option # 1:  An 'artsy' montage project 

In the first option you are tasked with completing a highly creative montage. Before we begin, please read this link to learn more about this style of editing. 
Here are a few montage styles to choose from: 

Style one - a traditional montage - footage orientated around a universal theme
a collection of jumbled footage centered on a common theme (moments, emotions, time lapse) 

  "...The aim of montage editing is the opposite of continuity. Now you need to try everything you can to throw us off balance, to disorientate us and unsettle us. We get confused and disturbed. Weirdly, this doesn’t mean we disconnect from the movie; instead we get more involved, like a puzzle you can’t figure out..."

Style two - a parallel montage
Parallel montage is when you cut quickly between two separate locations, to show simultaneous events going on. They can be related or unrelated—but they connect in some way to a common theme or idea.

Style three - an accelerated montage
Accelerated montage is where you use faster and faster cuts to create a turbulent stream of images that the viewer just can’t process fast enough to keep up. The result is a big disorientating overload, but if the images relate somehow it should add up to an overwhelming theme or feeling. Usually one might build it up to a crescendo (climax) and then ending with sudden calmIn this style, the music plays an integral part of the sense of acceleration. 

Examples of Montage in film...

Option # 2 - Create a movie trailer (based on either a real film or your own concept) 

In this project option, you are tasked with editing a collection of files in the format of a suspenseful movie trailer. There are some key elements of the "movie trailer" that are important. Some of these include hinting at the story line and including abrupt scene changes and of course great music. It is suggested that you make a trailer based on your own movie concept from a collection of clips or else you could make up your trailer based on an actual cinematographic production.  

Please read these two articles covering the essential aspects of a great movie trailer.

Documentary style (examples) 

Feature film style (examples) 
How to complete the project:

Step one - acquiring the relevant footage
  • Come up with a theme or a "big idea" for your project 
  • Locate 7 to 10 short video clips to start from either you tube / vimeo / or your own footage
  • A collection of still images (optional)
  • Decide if your project will be black and white or colour 
  •  MP3 song(s) or music tracks to use in your project. 
To download files from the web:
select video (eg. you tube) / click the share tab / copy and paste the link to one of these: 

Download sites:
Step two - importing the clips into Adobe Premier

Once the footage and clips have been imported into Adobe premier you are asked to: 
shape your clips / music into a project that is IN THE STYLE of one of the options. For example,
if you were choosing to make an acceleration montage then you will need to first edit your clips 
for length and impact. In this style the transitions and the music are very important for creating an impact on the viewer. 
Two important utility programs for your project
These are great utilities if you are planning on adding your own audio to a project. If you don't strip out the audio then you will find that your own sound track will compete with the existing audio. 

General project criteria
  • Being a creative project with lots of opportunity for invention, I will offer only a few general project guidelines: 
  • final production run time 3 to 4 minutes (no longer)
  • project based on one of the styles discussed above (montage or movie trailer) 
  • music added to project in a way that enhances the production
  • minimum 7 to 10 files cut and edited in a dramatic impactful way 
  • titles and headings and scrolling video credits at the end of the show
  • use your production company logo 
  • use at least four transition effects 
  • experiment with some video effect techniques / add effects (Faded Film, Sharpen, Vibrance, and Saturation controls in the Creative section of the Lumetri Color panel)
  • Please no video game montage projects or general sports game highlights. You may, of course do a sports theme but try to develop a theme such as the thrill of victory or mental toughness. 
We'd like to show these projects to the class on a "movie day" at the end of the unit. :) 

Assignment # 10 - Adobe Premier - introduction - "Maddie the dog" - Due: Wednesday April 11th
In this next course segment, we're going to have some fun learning essential film editing techniques using Adobe Premier. You will find many similarities between this and garage band; in terms of layering and the use of the timeline to help sequence your edits. 
By means of an introduction, you will be given a series of clips to edit, spice and combine into the best sequence possible. The title of the production is "Maddie the Dog" and you will need to access R:/ for the source files and detailed instructions for this project. 

However, you are asked to first of all familiarize yourself with the following link in order to be orientate yourself with the software specifics!
To add a video file to Adobe Premier 

  1. Select Window > Media Browser.
  2. To browse to the desired files, do one of the following: ...
  3. To view only files of certain types, click the triangle in the Files Of Type menu, and select a file type. ...
  4. Select one or more files from the list of files
  5. Right click and select import 
Project Assignment details. 

Assignment # 9 - Create a DJ inspired sound loop using Garage Band (headphones required!) Due: April 5th - no longer being accepted
In this next segment, we will take a look at this venerable mac computer app. in order to experiment to create both a "soundscape" using the existing garage band apps and then next a DJ mix or a reinvention of an existing song! 
Part I - experimentation - soundscape

Garage band intro (part I) 
Garage band introduction (part II)   (please read and watch the videos - you are asked to do something similar to the last video off of this link!) 

Explore the various sound library files and the program fundamentals. Try using the keyboard (not required though) to create a song loop or add to the sound effects. Explore the layers and other aspects such as combining unique rhythmic sound tracks together (example) to create a unique musical composition! 

Create a one minute "soundscape" mash up using as many as possible of the sounds from the Garage band library. Try to create something that adjusts tempos / rhythms / and adds both simplicity and complexity; and of course it should be pleasing to the ear! 

Part II - Create a DJ style mix (note: this can be from any music tradition NOT just western pop) 

In this next segment, you are asked to create BOTH 

1) A music compilation (a collection of songs strategically spliced and combined together to create a seamless RELATED music tapestry) AND
2)  Modify an existing track by changing the song tempo adding drum effects and other sound pleasing modifications. Please be sure to experiment as much as possible since it might help you create something truly unique! 

Here are the steps outlined (see links below) 
Once you have located a collection of mp3 source files (e.g. Youtube) use some of these utilities listed below to strip out the video or create a mp3 sound track. 

Steps for how to import and edit an audio file to create a music mix file. 

Important Assignment Related resources / links / examples 

Project examples and ideas! 
Two important utility programs for your project 
Your remix should be two to three minutes
Some suggested modifications include seamless transitions from one remix section to the next / change rhythms / tempos / repeating loops / use of other sounds and instrumentations 
Be creative and have fun! 

Assignment # 8 - "Bringing it all together" - your own feature animation (Due: March 9th - Friday) and a second batch of projects to be viewed on March 14 (Wednesday) (*) only if you have asked for a time extension due to illness and the ambitious nature of your animation project. 

In this culminating activity, you will now be creating an animation feature of your own. Try to incorporate the various techniques that were introduced in the previous sections. 
As well, you might want to experiment with some action script features such as an automated scrolling background or a button that causes a sprite or an action to occur. (see action-script notes below)

 Be sure to try using the drawing tablets as they allow much more drawing freedom than a computer mouse!


General project guidelines 
  • multiple animation layers 
  • 15 - 20 second run time (min.) 
  • story line / sound effects
  • several scenes or backgrounds 
  • use of at least three of these common animation tools (bone tool / onion skinning / motion / shape tweens) 
  • Some original character drawings incorporated 
Unleash your creativity and let your imagination flow....

Sample animation projects 

Project resource section

To change a background colour     flash please follow these steps
To add a sound effect:                  Instructions  Free sound effect download sites ( ZapSplat / sound bible / Sound cloud)
To add a button to Flash               instructions 
To add a moving background       Video instructions on how to make your background loop

Stick-man inspired step by step guide                         to create a stick man like animation sequence 
To make your stick-man walk in a natural way            follow this step-by-step guide
How to make a figure "Transformational"                        Step by step transformation guide
Using the "bone tool" to link parts of an animation     Bone Tool

Follow these steps to import a sound into your library
1. Create a new Flash document and choose File→Import→Import to Library.
Browse and choose an .mp3, .wav, or .aiff file from your hard drive and click Open (Windows) or Choose (Mac).
Choose Window→Library to launch the Library panel.

How to use Actionscript 2.0 to create an executable button (follow this procedure for other action script actions)
Actionscript introduction - create a button  / Actionscript 3.0 instructions (they are different)

Here are some executable Actionscript 3 file examples  

Other enrichment: blender help

Assignment # 7- Introduction to common animation techniques - # 2 

The bone tool - big head - little body! (Due: March 1st -Thursday)  

Assignment Description

Part A 
In this assignment you will be creating two files. In the first one, you will FOLLOW THIS TUTORIAL EXACTLY (just the rectangle AND the tail) - (*) the monkey is just an example( see zip file at the bottom of this page)

Part B
For your second file, you are asked to create a character with a "small body but a large head" and then use the bone tool to link all the layers and then create a funny movement sequence :) 
    Picture (*)There is a completed example in the attachment section of this page ( 

Assignment # 6 - Introduction to common animation techniques - # 1 Onion Skinning (Due: Feb 27 -Tuesday)  
(from this point forward - you are welcome to use the drawing tablets for your ideas) 

Essentially, Onion skinning is....
 " a 2D computer graphics term for a technique used in creating animated cartoons and editing movies to see several frames at once. 
This way, the animator or editor can make decisions on how to create or change an image based on the previous image in the sequence...."
Visual examples:           

Assignment description: 

Part I - onion skin a basic shape 
Try to use onion skinning mode on a simple shape and see if you can make it move smoothly. 
 Click on me to watch me move !! 

short video clip shows onion skinning application on a face

Part II - draw / create a character and then create an animated walk or movement sequence 

In this assignment you will be designing and create an original cartoon character that you will use to practice your onion skinning techniques. This character should have legs and arms of some kind (not necessarily human) and each part (legs and arms should be located on their own layers). 
You are asked to create a five second walk sequence with a hand drawn character. Please read the links below for more information! 
Follow these instructions (scroll down to onion skinning) 

Other helpful project related links and resources

The concept of onion skinning explained - skateboard surfing example using onion skinning 

Other links that describe onion skinning and various techniques
Please follow the tutorial link to learn how to a a stick man move with more realistic elements!           

Assignment # 5 - Introduction to Flash Animation - key frames / make a ball bounce (Due: Feb 27 -Tuesday)  
As way of an introduction for animation, we are first of all going to make a ball bounce around the screen. Once you have had success with this, I ask you to add another FIVE layers and try to add more coloured balls (see if you can do this second part by memory) . 

All you ever want to know about flash animation!             How to make shape and motion tweens and so much more! 
Reference guides                                                                        All you need to know about animation 
                                                                                                            add in shape and motion tweens

(*) you need to do both part A and B since they are different types of animation! 

Part A - Make a ball bounce! - Motion tween 

(use this one) 

Ball bouncing              A version with a shadow effect (*) Please note that you need to   add in key frames and then move the symbol! ) 

Ball bouncing video -  A simplified version of the classic ball bouncing introduction 
Ball bouncing              Another guide if you find the first one confusing 

 (*) To add a squish effect to you bouncing ball, please use this link    making a ball bounce 

Part B - Create a Shape tween (try to create a "starburst" or a collection of shape animations working together) 

A SHAPE TWEEN IN 8 EASY STEPS                                                                  FOLLOW THIS LINK TO HELP YOU GET STARTED

  A shape tween example on several layers! Be creative and original if you can! 

Assignment # 4 - A Photoshop Choice Project (February 16th- Wed. Due) - Submissions accepted until Friday. 

Now that you have developed a very comprehensive understanding of layers / masking / gradients / filters / effects you are ready to embark on a final Photoshop project that is both comprehensive and creative. In order to personalize this project as much as possible, you may, when appropriate substitute your own HIGH RESOLUTION image. 

A few suggested projects: 
If there is nothing to your liking from the above links then be sure to check this site out! 

Assignment # 3 - Photoshop introduction to Filters - Noise Filter / gaussian blur 

Please work on creating a "stary night" . The noise filter is merely one of many that you can use to modify an image. Please be sure to add a moon into your image! You may, of course, use any city skyline that you wish. Be sure that the image is of a high pixel quality. Also, see if you can blur any harsh transitions between layer masks. Feel free to experiment with other filters for this project. 

Assignment # 2 -Introduction to Effects - colour replacement

Colour Replacement - Part A

How to replace an image colour (use the google search function to find a high quality image and then "place it" in Photoshop - then follow this link to replace the colours in the image) - see if you can add up to 10 colour replacements? 

Photoshop Dispersion Splatter effect - Part B

In this assignment, you will use your image in order to explore some of the basic effects in Photoshop. Please feel free to choose your own image for this assignment.    
Photoshop Dispersion splatter effect (choose your own picture - high resolution please)
If you are having some difficulty in cutting out your picture please take a look at these extra instructions to help guide you (use either the lasso tool or the "magic wand tool"

Assignment # 1   Photoshop introduction Part I  working with "layers" 

total of SIX introductory assignments in total!

Photoshop is a powerful design tool to help you to create unique and dynamic images. However, in order to get started, we need to learn about the core essentials of the program.  
Reference guide that explains layers very well!                        Please take a look! (Must read this link)
The first introduction covered  the topic of "layers"

PART A - Beginner use of layers introduction  

1)  Complete this intro tutorial on working with layers      
               please complete this tutorial - build a layer  
               Rectangular marque tool explained here 

2)  Box Mania - In this second introductory series of introduction we will creating a "layered box collage" practicing the following skills: 
     rectangular marquee / foreground and background colours / colour fill gradients / ctrl T (rotating shapes) / opacity 
     Create six or seven different layers - add a diverse collection of box sizes / shapes and rotations 
     Fill the boxes with different colours / gradients ....
3)  "Build a Burger" (Yummy) - layer activity 
       In this third in the series of introductory assignments, you will be exploring layers / shapes / and tools in this fun burger layering activity. (see the attachment below for an example - select down arrow / open Photoshop / open Hamburger.psd
       Create six or seven layers, and on EACH layer you will attempt to draw in all the parts of your burger (yes veggie burgers too)
       Try to use the various tools (shape tool / paint tools / gradient fills) to attempt to recreate your yummy layer burger! 
4)  Layer masking and "Just my Bad luck" - Introduction to Layer Masking 
Part A (choose one - either the doggy or the picture frame)

Please try to put ANY picture inside a frame (doesn't have to be the doggy :) )

Part B - Bad Luck!
(5)       Download the PDF titled "bad luck" from the attachment section. This will outline some of the steps to completing this...disaster in the making! You will essentially require two images that, when strategically combined will convey a dramatic situation. A beach family portrait with a tidal wave bearing down (see handout) . You will be practicing essential masking techniques and learning how to reveal part of one image or another 

Three masking techniques - try them all :) 
To select only a PORTION of the image, use either the quick selection tool or the magic wand tool. 

How to make a layer mask - California example
masking steps

With the Brush tool masking

6) Build a Wallpaper desktop with Photoshop
    In this last of the introductory series of you have an opportunity to create a custom wallpaper for your desktop. Please all the techniques you have used so far to create a wallpaper image that is comprised of several layers / uses masking techniques / clipping masks / layer colour fills etc...

  • Find a simple landscape image online to use as your reference. Using shapes/layers/opacity/gradients/fill/textures in Photoshop
  • ​Open a new document: 800x600 pixels, 72 resolution, white background
  • Create a new layer
  • File>place> choose your reference photo> fit it onto your document>change the opacity to 50%
  • New layer>use the lasso/polygonal lasso/magnetic lasso to create some custom shapes and fill them with colour
  • Remember to create a new layer for each shape!!
  • Begin to build up a similar landscape, using colours and shapes that correspond to your reference photo
  • Hide the reference photo layer (click the 'eye' on the layer) so that you cannot see it as part of your image composition

Terry Linburg,
24 May 2018, 08:46
monkey_files (1).zip
Terry Linburg,
19 Feb 2018, 07:52
Terry Linburg,
14 Jun 2018, 08:31
Terry Linburg,
25 May 2018, 08:26