Digital Media >
Digital Media S 2011
Final Exam
Complete 2 of these projects to have the opportunity to receive a B Complete 3 of these projects to have the opportunity to receive an A Attach both the Photoshop and Illustrator files to your website and the exported images as well. You may use whatever resources at your disposal to help complete these (except another student in class). Photoshop Put this on a 10 inch x 7 inch canvas    Flash This is a video symbol by the way (Just trying to help out) Illustrator Use the image of the Scotsman below to help make the logo. Put this on a 4" x 4" canvas. The font type used is "Playbill"   |
| Attachments:
Moving Worm.swf
Create Business Card using Illustrator
Taken from Mr. Burkhard of Highland High School Business Card in Illustrator You must have completed the previous logo assignment in order to complete this one. You will create a business card that includes the logo you created in Adobe Illustrator from last class. You created two, so pick your best one. 
 What makes a good business card: YOUR CLIENT'S ADDRESS:
https://docs.google.com/present/edit?id=0Aa6rxXScdu1-ZHZ2NXdyZl82MDVjZGJyOTVjdA&hl=en&authkey=CLbE5KwD |
Create your own Opacity Mask
First, here is the video on how I created the Maple Leaf image from last class Make sure your Maple Leaf image makes it on to your website Now, today's assignment: Create a logo for two of the following organizations incorporating an Opacity Mask into your logo. Place both of these on your website. 1) City of Portland 2) Crater Lake 3) Portland Timbers (even though no one really cares about soccer) 4) The White House 5) NASA 6) David Douglas High School 7) Google 8) The Red Cross 9) Mountain Dew 10) 11) |
Use Opacity Masks to Create Transparencies
 Make sure the Transparency Window is in the palette on the right hand side (Window/Transparency) Make a background shape (a blue rectangle in this case) Put in some artwork (a picture from Alaska) Put in an Opacity Mask Object (a smaller rectangle) Give it a gradient fill (black and white) Click on the Gradient icon and you can draw your own gradient or use the Gradient Palette to make changes Select both the Mask Object and Artwork (Shift Click) Go to the menu on the Transparency palette and click Make Opacity Mask Make sure Thumbnails show on Transparency Menu Go to gradient panel and change to Radial - change back Add Effects to Opacity Mask - Effects/Blur/Gausian Blur (to create a feathered look) Resize Opacity Mask Rotate Opacity Mask Click on artwork thumbnail, click on link between thumbnails to release lock, move artwork or mask around.  Try and recreate this image using Adobe Illustrator Two Opacity Masks were used. One for the color of the "M" (which was a clipping mask as well) A 2nd Opacity Mask for the "M" and the leaf. To place a gradient on an Letter - Type the letter, select it with the selection tool, click on the graphic style palette, and select a gradient. You can now alter the gradient. My "M" has a stroke on it as well. To change to the color of the "aple", you first need to create an outline for the letters and ungroup them. |
| Attachments:
IMG_0041.JPG
Opacity Mask - Maple Leaf.ai
3D Revolve Effects with Clipping Mask / Mapping Artwork on 3D Revolve Effects
Filters and Effects in Illustrator
Filters vs Effects Effects can be undone, filters cannot (except for Edit/Undo) Effects show up in the appearance palette and van be modified or deleted there, either by double clicking fx or dragging fx into garbage Drop Shadow Add to a shape Add to a text Change color of shadow Move drop shadow over another object, it should be semi-transparent Make a square with a fill color Select Rectangle - Effect/Pucker & Bloat Look at the appearance palette, it should show 1) Pucker & Bloat fx 2) Stroke color 3) Fill Color Double click fx, on appearance palette, make some changes Remove Pucker & Bloat by pulling fx into garbage Create 5 more Effects/Filters on different objects. Label the Effect/Filter you used - Be Creative!  Effect/3D/Revolve Click "Preview" Change rotation Look at different shading Add a new light by clicking on the "new light" icon toward the bottom Change the shading color Create two new 3D shapes using just a line Add a symbol into the symbol gallery - click on the Symbol Libraries Menu - Click Flowers - Pull a flower symbol into the Symbol Palette - Put in a butterfly as well Make a star symbol, give it a fill color Effect/3D/Extrude & Bevel Click preview Map Art - Click symbol drop down arrow - select butterfly - scale to fit - OK Rotate star, notice how the butterfly moves with the star Do this to two other shapes Here is your assignment: Recreate this image  |
Creating a Text Logo using Illustrator CS3
 Type in Name Alt/Click to make copy Window/Type/Characters 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" (next to the name of the font type) on top and then move the first letter down and the last letter down |
Using the Clipping Mask in Adobe Illustrator
Open up Adobe Illustrator Let's make this graphic 3x8 inches Get a picture of a cloud off of the Internet (find one that is labeled for reuse) and copy it (CTRL + C) Paste it on to Illustrator Make sure it fits in the parameters of the size (the green box) 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.   Now, make a clipping mask image with your name and an image that represents you. Also, create one for David Douglas High School. Put all 4 of these on your website.  |
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 |
| Attachments:
typography_portrait.gif.png
1-10 of 47