Tuesday, May 27, 2014

Multimedia Exam Review--You will receive a grade for this review!

ALL FILES ARE LOCATED IN FOLDER 26:  EXAM REVIEW
To prepare for your Final Exam, you will be asked to complete the following review. Your work will be shown in a PowerPoint where you will insert the before and after pictures. All files should be saved in folder #26-Exam Review

You will find 2 files to use for this review:
  1. Powerpoint: Last-Name--Final Exam Review-Change Last-Name to your last name
  2. Dreamweaver: Last-Name--Final Exam Review-Change Last-Name to your last name

PowerPoint:

Slide 1: Title Slide

in ADOBE PHOTOSHOP create a backgroung (10 by 8 inches) for Slide 1.
Exam Review
A Project By
Your Name
Multimedia 1
Block ?
 
Slide 2: Jigsaw Puzzle Animation
Chose a picture and using the jigsaw action (x drive, Multimedia Library, 0-Adobe Photoshop Extras, actions) create an animation.
Slide 3: The Big Picture Action
Choose a picture and apply the Big Picture Action
Choose one of the layers and make that picture larger and move it to the top of the layers in the layers palette.
Slide 4: Content Aware Tool
Choose a picture. Move one of the items to a different location.
Slide 5: Content Aware Fill (Edit--Fill--Content Aware)
Choose a picture and remove one of the items.
Slide 6: Multiple techniques

Open up the following file in Photoshop Kohmuench-->Multimedia---->0-Color Lessons---->Hen and follow the directions below:
  1. Move the Hen to the Right (be sure to deselect when done)
  2. Add the Quadrant Colors Action
  3. Make it rain (animation)
  4. Change the Quadrant Colors by using the Hue and Saturation Adjustment Layer.

Slide 7: Adding Color
  1. Find a black and white picture that you would like to add color to.
  2. Add at least 5-8 new layers and change your blend mode to Color.
  3. Adjust the opacity as necessary and use your brush tool to color in the image with at least 4 different colors..
  4. Use the eraser tool to fix any mistakes.
  5. Save the image as a JPEG.

Essay (use word):
Be prepared to write an essay on one color of
 your choice.
  1. Know the cultural meanings of that color in 2 different countries.
  2. List 3 psychological meanings of that color.
  3. Be prepared to give an example of a product that uses that color and why they use that color.
  4. Give 2 interesting facts about that color.
Dreamweaver:

On the exam, you will be given a Dreamweaver page to alter. You will also insert your before and after pictures into this page using apDiv boxes. Be sure to include an apDiv box for the titles of each slide.

Use the Exam Review page I saved for you in your final exam review folder. Complete the following:
  1. Change the background picture to the picture you created for the background of Slide 1 above.
  2. Inserting your before and after exam review pictures including an apdiv box with the title of each slide.
  3. Change the navigation bar colors including the hover colors.
  4. Change the Heading colors

Thursday, May 22, 2014

Customizing Your About Page
Today in Dreamweaver you will learn how to add and format multiple pages within your website. After our tutorial today in class, you will be asked to create your own "About" page! Use the skills we have learned in class to design your page.

1--Your "About" page must include at minimum the following sections:
  • Education
    • An example:
      • I am currently a Junior at Lakeland Regional High School and my anticipated graduation date is June of 2014.
  • Experience
    • Work
  • Skills
    • Adobe Photoshop
    • Adobe Dreamweaver
    • Adobe InDesign
    • Adobe Illustrator
    • Adobe Premiere Elements
    • Audacity
    • Microsoft PowerPoint
    • Microsoft Word
    • Microsoft Publisher
    • Microsoft Excel
    • Movie Maker
    • Final Cut Pro
  • Interests
  • Awards and Honors
Completing Your Web Site

Today you are going to work towards completing your web site.

  1. Create a subfolder within your WEBSITE folder on the X drive called "Images"
  2. Make sure all four of your backgrounds are saved in "Images". (They should all be different, but have some common characteristics that make your website cohesive.) If you wish to use the same background on all 4 pages, you may.
  3. Save your logo as a PNG-24 into the "Images" folder
  4. Update text on the "home" "about" and "contact" page.
  5. Update color and formatting of text on these three pages
  6. Update the colors of your Spry Navigation bar, and (hover & a hover)
  7. Review all of your work from the past year. Save (a minimum) of three of your favorite projects as JPEGs in the new "Image" folder in your "Website" folder. We will use these three images to create our portfolio.

Home Page (index.html)

Your home page should include a picture of you and an intoduction to your web site. Remember your web site will include work you are proud of from this year.

Example:

Welcome to my web site!

Feel free to check out my graphic design work and to learn about my skills and experiences.

Portfolio

We will work on this in class together. Be sure to have at least 3 of your projects saved as jpegs in your images folder.

Contact

We will complete together as a class.

About

Please see previous blog post!

NOTE: CHECK THE POSITIONS OF YOUR APDIV BOXES FOR YOUR LOGO AND NAVIAGATION BAR SO THAT THEY ARE ALL IN THE SAME PLACE!

To do this check in your properties panel at the T and L settings.
Adding a counter, clock, lava lamp, etc. to your web site!
First lets go to: http://www.pageplugins.com/

Second: In Dreamweaver draw an apdiv box.

Third: Copy the javascript from the web site

Finally, paste the javascript on the code side of your website!

Test it!
To Create a Rollover Image in Dreamweaver
Step 1: Draw an apDiv box and place your cursor inside.

Step 2: Goto Insert-->Image Objects-->Rollover Image


Step 3: In the next window choose your original image and the image that will appear when you mouse over.

Step 4: Save and preview in browser to test your Rollover!

Thursday, May 8, 2014

Meaning of Color-Creating a Color Brochure

There are 6 panels in the brochure:
  1. Cover/Title Page
    Make sure to include your name, Multimedia I, Ms. Kohmuench, and your block
    You can create your cover using wordle.net
    Go to: http://www.color-wheel-artist.com and choose your color. Copy the positive (if you wish also the negative) words that are associated with your color. Paste them in wordle and you are set. If Wordle doesn't work for you, you can try another "wordle type tool" at http://www.techlearning.com/default.aspx?tabid=67&entryid=364
  2. Color Swatches and their meanings.
  3. Cultural Meaning
  4. Psychology of color
  5. Interesting Facts
  6. A topic of your choice

To research your color you could......


Tips to keep in mind when designing your brochure!
  • Use color to focus attention on your main points and to improve the perception of quality.
  • Avoid trying to jam too much information into a small space. In good brochure design, less is more.
  • Don’t overlook the value of white space to bring a clean look to your design and to help accentuate key points.
  • For readability, consider using a serif type for body copy. Studies have shown that serif type is easier to read. Sans serif type is good for headlines and subheads.
  • Limit the number of font families you use. Don't use more than 3 font families in your brochure project.
Source: American Speedy Printing Centers


Color Brochure Rubric
Name:________________________________Block:_______________


Technical Assessment
CATEGORY
Points
Available

Excellent
Very
Good

Good
Not
Evident
Points
Received
Graphics
Picture quality
Use of borders around pictures
Overall Design
15
12-15
9-11
8-10
0-7
Fonts
No more than 3 font families
Uniformity of panel titles
5
5
4
3
0-1
Overall brochure quality:
1.Easy to read
2.Easy to follow
3.Folds correctly
10
9-10
7-8
4-6
0-3
Text Assessment
CATEGORY
Points
Available
Not
Evident
Good
Very
Good
Excellent
Points
Received
Editing-punctuation, verb tense, sentence structure, sentence clarity.
5
5
4
3
0-1
Content-information presented
15
12-15
9-11
8-10
0-7

TOTAL NUMBER OF POINTS:---->

Wednesday, May 7, 2014

How to use Wordle:

 http://www.color-wheel-artist.com

http://www.wordle.net/    
1. Choose one of the colors above.
2.  Copy the characteristics associated with the color.  Type the color you chose 5 times.  Repeat some of the characteristics that you associate with that color.
3. Paste them in wordle and click on Go.



4. Edit the colors palette


5-Change the Layout
6-Print Screen (on the right hand side of your keyboard above the numeric pad)




7-Crop your picture in Adobe Photoshop and save in your Color Brochure folder as Last Name-Cover

Trident Launches Clothing Line That 'Disables' Your Technology
Party New York Creates 'Life Gear Collection' to Help You Focus

Courtesy of:  http://creativity-online.com/ 


"Trident wanted to make the point that chewing gum can keep you focused on the important things in life. One thing that distracts people from doing so is technology, so the brand tapped Party New York to create something that will help keep folks' social media and tech addiction in check: a clothing collection that shields radio frequencies. The result? When devices are stashed into shirt, pants and accessory pockets, their ringing and pinging are disabled so that wearers can focus on real life around them."