Digital Media
Final Exam
Business Card in Photoshop or Illustrator
https://docs.google.com/present/edit?id=0Aa6rxXScdu1-ZHZ2NXdyZl82MDVjZGJyOTVjdA&hl=en&authkey=CLbE5KwD YOUR CLIENT'S ADDRESS:
Pick one of the companies to design a logo for.
|
Using the Clipping Mask in Adobe Illustrator
Creating a Text Logo using Illustrator CS3
Type in Name Alt/Click to make copy Window/Type/Characters Play Change last name color reduce size of "Class of..." Right Align Play with the leader Play with the tracking Add a stroke to your name using the top menu Make a couple of more using different color schemes and font types Make another copy of your name from the original Drag down a line from the ruler to the top of the small case letters of your name Click on "Character" on top and then move the first letter down and the last letter down |
Adobe Illustrator and Intro to Typography Portrait
Download the file at the bottom of this post labeled "typography portrait". Create a new Adobe Illustrator file for the web. Name it "sample typography assignment" Insert the gif image in your Illustrator file by going to File/Place and selecting the file. Note - If your computer will not allow you to place this image, pull it from the webpage onto the Illustrator workspace. Call this layer "original portrait" Create a new layer and call in "practice portrait" Click on the Type tool and create a text box across the top of the document. In the characters options window box that popped up at the top, change the font type to Ariel and the size to 21 pt. Type out the small letters of the alphabet, the capital letters, the numbers and the shift characters on the numbered keys at the top of the keyboard. To get the text ungrouped... While the text box is selected with the selection tool, got to Type/Create Outlines. Next, go to Object/Ungroup Move the letters/symbols around to recreate the sample portrait. When completed hide the "original portrait" layer by clicking on the "eye". Save as an illustrator document and then export as a JPG image Place image in your Digital Media portfolio in a new webpage titled "Adobe Illustrator" Have more time... When completed, take a portrait photo of yourself and place it on a new Illustrator file. Lesson from Paul Burkhard, Technology Instructor, Highland High School |
Films within Film in Flash
We will embed movies within a movie in Flash On frame 1 create the body of a car with a paint brush. Next, we will put the car into a movie clip, and add in moving wheels and exhaust. Click on frame 1 which will highlight the car you just created. Click Modify/Convert to Symbol and select Movie Clip and name "Moving Car". With the black selection arrow tool, click on the car, and you will now be in the movie. In the movie, name Layer 1 "Car Body", also create "Front Wheel", "Rear Wheel", and "Exhaust" Click on frame 1 on "Front Wheel" layer and draw a black circle. We want this wheel to turn so we will turn it into a movie clip as well. Select the black circle so that it is highlighted, and go to Modify/Convert to Symbol Select "Movie Clip" and name it "Moving Wheel" Double click in the wheel to get into the Moving Wheel movie clip - you now are in the moving wheel movie inside of the moving car movie clip Click in the background to un-highlight the wheel and draw in some white spokes with the pencil tool. Select on frame 1 to highlight wheel. Next, convert it to a symbol so it can be rotated - title it "wheel". Go to frame 10 and insert a keyframe, then give it a clockwise motion tween. Hit CTRL + Enter to make sure the wheel turns. Go back to the Moving Car video clip and move the wheel to the appropriate place. You may have to resize it. Click on the other "Wheel" frame and go to your library and pull out the moving wheel on to the car. Partially rotate this wheel so it is not exactly in sync with the other wheel when it is rotating. Click on frame 1 of "Exhaust" and, using the paint brush, put a dot of gray directly behind the car. Turn this dot of gray into a movie clip and call it "Exhaust" Double click on it to edit it in the Exhaust Movie Clip. Using frame by frame animation, every 2 frames, add a little more exhaust. Do this for 4 total frames. Going all the way back to Scene 1, move the car from off the screen to off the other side of the screen, using a motion tween. Begin working on "A Walk in the Park" project. |
Using Movie Clips in Flash
Students
will be using Flash Movie Clips to animate a short film. Create a beach scene on one layer. Do not put in anything that can move (examples - people, birds, fish). Trees are OK though. Create a bird with the brush tool Name that layer "Bird" Select Modify/Convert to Symbol, but instead of clicking on symbol, click on Movie Name your movie "flying_bird" This will take you to a new screen - the movie screen. Insert a keyframe on frame #4 and erase the wings, with the eraser, and draw in new ones in the downward position Insert a keyframe on frame #7 and erase the wings and draw in new ones in the middle position Insert a keyframe on frame #10 and erase the wings and draw in new ones in the upper position Click the Blue colored back button to go back to Scene 1 Insert a Keyframe in slide 30 and Move the bird to the right off of the screen - Make it bigger using the Free Transform tool. Now, add Motion Tween between frame 1 to 30. You must hit CTRL + Enter to see the bird in motion Add a new layer in Scene 1 titled "Sun" Using the same technique as above, create a sun that has rays coming out of it. Here is a tutorial from Highland High School as how to create movie clips in a flash file http://www.highlandtechnology.org/files/Camtasia_Tutorials/Technology_1_Tutorials/flash_movie_clips/flash_movie_clips.html |
Animating Text
Guest Speaker Craig Freeman, President and Founder of the Northwest College of Art How to animate letters separately in Adobe Flash Type in your name and rename layer 1 to "Your Name" To break apart letters so you can animate them separately, select your name and press CTRL+B (for break apart) Create a layer for individual letters by right clicking on your name and selecting "Distribute to Layers" Add a keyframe for each letter out to frame 30 so the letter is copied from frame 1 to 30. Right click, add Keyframe. Add a motion tween for each individual letter between 1-30. Click on frame 1 of the first letter and drag off of the stage, do the same for every letter. Go to the first letter layer and click on the tween. Go to the properties and and give the letter a CW Rotation and 1 turn. Do the same for the other letter, but mix up the number of turns and CW and CCW. Add a keyframe for each letter at frame 35 to extend the time of your name shows up in the movie. All of this for a "C" on the assignment. To earn an "A" on this assignment, you must animate the letters back out again. Here is the link to the tutorial for this assignment http://www.youtube.com/watch?v=BixmNIYNt-Y |
Using Motion Guides
*****Next Class, Guest Speaker Craig Freeman, President and Founder of the Northwest College of Art Create a basketball and make it as a symbol Make it a symbol by clicking on frame 1, go to Modify/Convert to Symbol Extend the basketball from frame 1 to frame 30 by inserting a keyframe Move the ball from the left to the right and create a motion tween Add a layer guide Draw a bouncing guide Snap the ball to the left side of the motion guide on frame 1 Snap the ball to the right side of the motion guide on frame 30 Your job is to make a Flash animated project that shoots a ball off the backboard and goes in the basket. You need to have 3 layers:
Here's an idea of what it should look like: |
1-10 of 40