Digital Media S 2011
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).
Put this on a 10 inch x 7 inch canvas
This is a video symbol by the way (Just trying to help out)
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"
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:
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
6) David Douglas High School
8) The Red Cross
9) Mountain Dew
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.
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
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!
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
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
Type in Name
Alt/Click to make copy
Change last name color
reduce size of "Class of..."
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
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
Select/Object/All on the Same Layer
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 let's make one for Portland...3x5 inches
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.
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