Digital Media

Final Exam

posted Jan 24, 2011, 9:07 AM by Bill Blevins   [ updated Jan 24, 2011, 9:26 AM ]

Business Card in Photoshop or Illustrator
  • Your customer is looking for a company logo that they can use in all of their business communications and advertising. A good business logo should be:
    • Relatively square or circular in proportion
    • Use fewer than 3-4 colors and be recognizable in black and white
    • Show the character of the company
    • Be visually simple and easy to recognize in any situation, be it on a business card or on a highway billboard.
  1. Business Cards should all be TWO SIDED! Your customer is going all out, please incorporate an eyecatching design on the BACK of the business card, as well as the front! This means that you will have to create TWO canvases, one for the front of the card and one for the back!
  2. Cards should be created on 4 x 7 (or 7 x 4) inch PhotoShop or Illustrator canvas. PLEASE NOTE that this is a DOUBLE SIZED canvas from an actual business card, to give you more room to work! You can use either a landscape or a portrait card. If you wish to use a non-standard shape or size for your business card design, that is fine. Please make sure that you include both the front and back of your design and have an actual reason for using a different size card (other than "I thought it would look cool.")
  3. Be eyecatching and colorful (backgrounds and colors are up to you as the designer.). Your designs should reflect the personality and products of the company! DO NOT simply stick a photograph on the card and copy and paste the business text and say you are done, I expect you to DESIGN this card. If you are stuck, come see Mr. B. for ideas.
  4. Display the company logo prominently.
  5. Include the Owner’s Name, Company Name, Business Address and Phone Number and Website Address. All of this information is seen below. DO NOT change this information in any way! If you wish, you ARE allowed to leave out some of the information, such as the owner's name. Please make sure that you include AT LEAST the business name and website address. You can use any fonts, colors, sizes that you want for the business information.
What makes a good business card:


John Fosmire, Owner

The Business Name

2500 SE 136th Ave

Portland, OR 97236

Phone: 503-555-1234

Website Address:

Pick one of the companies to design a logo for.

The Bent Spoke- Bicycles: Started as a used bicycle shop, now specializes in mountain and off road
The Feather Tree- Antiques: Owned by an older lady who specializes in collectible antiques and furniture.
April Flowers- Flowers: Small flower shop specializing in personalized bouquets and arrangements.
The Collection:  Automobiles- Specializing in new and used high end automobiles, such as Ferrari and Lamborghini. Bouncing Ball Books- Children’s Books: Small, cozy bookstore, specializing in picture books and bedtime stories for younger children.

The Big Sweet- Candy: All types of candy from hard candies to chocolates, all handmade in the store.

Diva Shoe Fetish-
Ladies Shoes:
High end shoes for the trendy and fashionable woman.
Game Crazy- Video Games: New and used video games and consoles for all platforms.
1928 Jewelry: Specializing in vintage and contemporary jewelry and wedding sets.
Parts Train- Auto Parts: New and reconditioned parts for older model cars.
Hit, Run Score- Sports Equipment: Specializing in sports equipment for youth and school teams.
Vicious Style- Fashion Goods and Accessories: Specializing in accessories, jewelry and bags for the fashion conscious and trendy young woman.
Kitty Hawk-
: Specializing in Hang Gliders, Kites, Kiteboarding and Parasailing.
Verve- Photography: Gallery specializing in Black and White and Fine Art Photography. Mo’s Smokehouse- BBQ Restaurant: Hickory Smoked BBQ on slow cooked beef, pork and chicken.
Audio Oasis- Audio Equipment: Specializing in highest end and vintage audio and recording equipment. Hanger 94- Extreme Sports Gear: Ski, Skate and Surf gear, clothing and accessories. Kahoots- Pet Store: Everything for your Dog or Cat, but lots of fresh and saltwater fish, snakes, spiders, turtles and other exotic pets.
The Sound Factory- Musical Instruments: Specializing in Guitars, but offering a wide range of musical instruments.
The Raven- New Age Shop: Specializing in crystals, rocks, minerals and other metaphysical and healing products.  Zazzle- Custom T-shirts: Specializing in custom and one of a kind T-shirts. 
Hot Buttered- Surfboards: Specializing in Hand Made and Hand Painted Custom Surfboards based upon classic designs of the past. 
 David Douglas High School: A diverse school with over 3,000 students located in Southeast Portland.

Using the Clipping Mask in Adobe Illustrator

posted Jan 20, 2011, 9:20 AM by Bill Blevins   [ updated Jan 20, 2011, 10:55 AM ]

Get a picture of a cloud
Paste it on to Illustrator
Type in text
highlight text
Select/Object/All on the Same Layer
Object/Clipping Mask
Open sub layers in the Layers section
Lock image and move text around

Make a rectangle on top of the text
Give it a color
Create new layer
Move it to the bottom
Select the path the rectangle is in and move it down to layer 2 to move the rectangle behind the text.

Using 3D effects to make an Apple Bowl

posted Jan 18, 2011, 10:47 AM by Bill Blevins   [ updated Jan 18, 2011, 10:56 AM ]

Instructions can be found at:

Creating a Text Logo using Illustrator CS3

posted Jan 13, 2011, 9:17 AM by Bill Blevins   [ updated May 23, 2011, 11:03 PM ]

Type in Name
Alt/Click to make copy
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

posted Jan 2, 2011, 8:52 PM by Bill Blevins   [ updated Jan 3, 2011, 10:19 AM ]

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

posted Dec 9, 2010, 9:13 PM by Bill Blevins   [ updated Dec 9, 2010, 10:46 PM ]

We will embed movies within a movie in Flash

Flash Wrapper

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

posted Dec 6, 2010, 10:37 AM by Bill Blevins   [ updated Dec 14, 2010, 9:53 AM ]

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.

Flash Wrapper

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

Animating Text

posted Dec 1, 2010, 9:57 PM by Bill Blevins   [ updated Dec 2, 2010, 8:36 AM ]

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.

Letter Animation

To earn an "A" on this assignment, you must animate the letters back out again.

Text Animation

Here is the link to the tutorial for this assignment

Using Motion Guides

posted Nov 29, 2010, 8:19 PM by Bill Blevins   [ updated Apr 22, 2011, 8:14 AM ]

*****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

Bouncing Ball

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:
  1. The basketball layer
  2. The basketball guide layer (which will not show up in the published movie)
  3. The basket layer
If you are absent, here is a bouncing ball tutorial

Here's an idea of what it should look like:

Ball and Hoop

1-10 of 40