Digital Media‎ > ‎

Digital Media S 2011


Final Exam

posted Jun 10, 2011, 2:25 PM by Bill Blevins   [ updated Jun 14, 2011, 1:36 PM ]

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)

Flash Wrapper



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"





Create Business Card using Illustrator

posted Jun 7, 2011, 9:58 PM by Bill Blevins   [ updated Jun 10, 2011, 12:29 PM ]

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.
  1. Business Cards will 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 2" x 3.5" Illustrator canvas. 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.
  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 me 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.
  6. You must create the logo, you cannot use symbols or download artwork from the Internet.  


What makes a good business card:

Google Presentation


YOUR CLIENT'S ADDRESS:

John Fosmire, Owner

The Business Name

1001 SE 135th Ave

Portland, OR 97233

Phone: 503-555-1234

Website Address: www.thebusinessname.com (or .org)










https://docs.google.com/present/edit?id=0Aa6rxXScdu1-ZHZ2NXdyZl82MDVjZGJyOTVjdA&hl=en&authkey=CLbE5KwD

Create your own Opacity Mask

posted Jun 5, 2011, 9:25 PM by Bill Blevins   [ updated Jun 8, 2011, 2:20 PM ]


First, here is the video on how I created the Maple Leaf image from last class

Opacity Mask


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

posted Jun 1, 2011, 4:15 PM by Bill Blevins   [ updated Jun 2, 2011, 8:57 AM ]


Opacity Mask - Artwork can feather or shade according to a shape placed on top with a gradient

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.

3D Revolve Effects with Clipping Mask / Mapping Artwork on 3D Revolve Effects

posted May 30, 2011, 10:19 PM by Bill Blevins   [ updated May 31, 2011, 2:35 PM ]


Creating the bowl of Apples


Make Bowl using 3D revolve effects and a line either with the pen or pencil (your choice)
Make 3 Apples without stems using an oval
Move apples into bowl
Using the pen tool, create a mask around the part of the apples that you want to show.
In the Layer Palette, show all sub-layers, and select the mask and all three apples (CTRL + Click)
Right click on the mask, select, Create Mask
Draw the stems by using the paintbrush and select the charcoal brush style



Mapping Artwork on 3D Revolve Effects
Create bowl using 3D revolve effects and a line (Must use the pen tool as mapping art only works with 3D effects that have the pen open boxes)
Put an image of a flower in the symbols palette by dragging one from the library
Create a string of them, highlight the entire string, and drag it into the Symbol palette 

Click on Map Artwork in the 3D dialog box
Find the surface where you want to put the string of flowers (the lighter sections are the ones that are visible, you may have to use trial and error)
Select the string of flowers and make sure it goes the length of the bowl














Create 2 other 3D objects with graphic symbols going around the object


Filters and Effects in Illustrator

posted May 26, 2011, 8:54 AM by Bill Blevins   [ updated Jun 1, 2011, 3:38 PM ]


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!


Create a line
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

posted May 24, 2011, 9:20 AM by Bill Blevins   [ updated May 24, 2011, 2:20 PM ]





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

posted May 18, 2011, 10:09 AM by Bill Blevins   [ updated May 20, 2011, 2:14 PM ]


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



Class Portraits

posted May 16, 2011, 2:08 PM by Bill Blevins   [ updated May 18, 2011, 3:53 PM ]


PicasaWeb Slideshow





Adobe Illustrator and Intro to Typography Portrait

posted May 12, 2011, 8:47 AM by Bill Blevins   [ updated May 12, 2011, 8:55 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

1-10 of 47