Web Page

 This is the splash page. I used the logos i was given that were made by students. To get the home page, the user clicks on the bottom logo.

This is the homepage of the site. I used some icons made by ball media and also used some pictures we had to make the buttons and the sides.  The title area is based on a poster made by a student.

Journal June 13th-17th

This week, i worked on my final assignment which was to create a web site for the Saint John's College Technology Department. I started by creating the Splash Page. I used the 3 logos that i was given and made them link to the home page. I made the homepage with pictures from SJCTV and edited them so the camera and microphone in each of them stood out more than the rest. I feathered it to blend it with the rest of the page. I used some gear shaped brushes to create the background. I think it turned out well!

Journal June 6th-10th

This week i worked on the new SJC Technology Department site. So far i've worked on the splash page and started on the layout for the main page. I think we are on the right track to having a good looking site.

Announcements Opening

This is the final product of the Announcements Opening Video. To add the text effect, I used the Iglow live font effect, and used the random zoom and fade out effects. I think the final product is nice, but simple as well.

Journal April 18th-21

This week we continued to work on our opening video for the announcements. I think it is coming out nicely and will turn out well.

Journal April 11th-15th

This week we started working on a new opening clip for the morning announcements. So far we have started to plan out what we want and we are collecting the material we need to make the video.

Test Answers

1   In composition our eyes tend to be drawn first to areas that are out of focus dark, dramatic areas of a scene * bright, warm colors blue and green colors

2   The concept of unity in a production applies to the various physical elements in a scene the lighting in a scene sets and settings in a dramatic production * All of the above are correct. None of the answers is correct.

3   Using a cutaway shot is a way to add important supplementary information show information not in the basic scene direct attention to a related element * All of the above are correct. None of the answers is correct.

4   An atmosphere introduction shows information outside the basic scene always consists of one or more close-ups of the main characters in a drama * tips us off to important things about characters by introducing us first to their environment or surroundings is intended to tell us about the weather conditions in a drama could be introduced during the closing credits of a production

5   "Content takes precedence over form." This means that the form a production takes is not important, only the content * the message and emotional dimension of a production are of the most importance the technical quality of a production is the most important when you get down to it, the real message of a production ends up being production techniques, special effects, and technical embellishments

6   While doing a production where the talent is reading a camera prompter you see their eyes noticeably moving back and forth as they read. A solution would be to put less light on the talent so you no longer see them move the prompter closer to the talent and zoom out to compensate * move the prompter farther away from the talent and zoom in to compensate put more light on the prompter

7   Dynamic composition is the same as static composition * takes into consideration the effect of time and movement makes use of dynamic mics All of the above are correct. None of the answers is correct.

8   The statement "good production always good production, no matter how much time passes" is one of the few principles that you can fully rely on in TV production * not totally true, because production values have changed significantly over time true, because good techniques have always remained exactly the same over time

9   Selective focus in a scene can reduce distractions from unimportant subject matter in a scene force viewers to look at a particular object or person isolate subject matter you want to emphasize * All of the above are correct. None of the answers is correct.

10   According to the majority of the research cited in the reading violence in film and on TV has no effect on audiences * violence has a negative effect on viewers violence has a positive effect on viewers

11   As an aid to composition what elements would help you in achieving a selective focus effect? a low shutter speed having a brightly lit scene * a high f-stop number All of the above are correct. None of the answers is correct.

12   By following the rule of thirds you should * place the center of interest near one of the four cross points place the center of interest outside of the safe title area make sure your center of interest is in the center of the frame keep all important subject matter within any one-third section of the picture

13   Ideally, dominant horizontal or vertical lines in a picture should be broken or interrupted at some point by one or more objects should lead the eye to the center of interest should not run through the middle of the frame * All of the above are correct. None of the answers is correct.

14   Sophisticated audiences prefer that productions stick to one level of meaning be as "on the nose" as possible be as totally abstract as possible All of the above are correct. None of the answers is correct.

15   A scene showing the side of a car with the back wheels cut off on the right side of the frame would be an example of a dimensional merger border merger tonal merger * All of the above are correct. None of the answers is correct.

16   The number of prime objects that would typically provide the strongest composition is six four two * three one

17   The strongest direction of movement in dynamic composition would generally be right-to-left downward stationary * upward, diagonally, in a left-to-right direction None of the answers is correct. All of the above are correct.

What is Graphic Design

Graphic designers work with drawn, painted, photographed, or computer-generated images (pictures), but they also design the letterforms that make up various typefaces found in movie credits and TV ads; in books, magazines, and menus; and even on computer screens. Designers create, choose, and organize these elements—typography, images, and the so-called “white space” around them—to communicate a message. Graphic design is a part of your daily life. From humble things like gum wrappers to huge things like billboards to the T-shirt you’re wearing, graphic design informs, persuades, organizes, stimulates, locates, identifies, attracts attention and provides pleasure.


Image-based design
Designers develop images to represent the ideas their clients want to communicate. Images can be incredibly powerful and compelling tools of communication, conveying not only information but also moods and emotions. People respond to images instinctively based on their personalities, associations, and previous experience. For example, you know that a chili pepper is hot, and this knowledge in combination with the image creates a visual pun. 


Type-based design
In some cases, designers rely on words to convey a message, but they use words differently from the ways writers do. To designers, what the words look like is as important as their meaning. The visual forms, whether typography (communication designed by means of the printed word) or handmade lettering, perform many communication functions. They can arrest your attention on a poster, identify the product name on a package or a truck, and present running text as the typography in a book does. Designers are experts at presenting information in a visual form in print or on film, packaging, or signs.
  
Image and type
Designers often combine images and typography to communicate a client’s message to an audience. They explore the creative possibilities presented by words (typography) and images (photography, illustration, and fine art). It is up to the designer not only to find or create appropriate letterforms and images but also to establish the best balance between them.

Desktop Publishing/3D animation Quiz

Desktop publishing has many processes and procedures but generally breaks down into six main areas. Which of these is not one of them? (Hint: It's sometimes part of the process, just not one of the main areas.)
File Preparation
Text
*Scanning
Document Setup


Which of these sub-tasks would fall under Document Setup?
Copyediting your text
Converting photos to CMYK
Creating printer's spreads for a booklet
*Specifying number of columns for a newsletter


Often you need to import text created in a word processor into your desktop publishing application. When you need to preserve the font attributes and layout of your text, which of these file formats is the most likely to retain your text formatting?
ASCII
Tab Delimited
*RTF
TIFF

Fill in the blank: A tab delimited file is a special kind of ______________ with a tab between each column in the text.

spreadsheet
*plain text file
proprietary word processing file
portable file format


There are five general categories of software used by most desktop publishers. Of the four listed here, which one is the least likely to be a stand-in or sometimes substitute for the fifth and main category -- page layout.

*Font/Image Management
Word Processing
Photo/Image Editing
Illustration


Image format knowledge is critical to desktop publishing. Which of these formats is the most flexible in terms of reducing and enlarging the file size without experiencing loss of image quality?

*Vector
Bitmap


Within the general categories of vector and bitmap are a variety of file formats, including some hybrid formats. Which of these pairs are CORRECT?

Vector - TIFF
Vector - PCX
*Vector - EPS
Bitmap - WMF

Vector and bitmap images are generally created and manipulated in different types of graphics programs -- illustration for vector images or photo/image editor (also called bitmap editor) for bitmap images -- before being placed in a desktop publishing application. What is another common name for an illustration or vector-based program?

*Drawing Program
Paint Program
Icon Editor
Clip Art Editor


Although each of the major desktop publishing applications have their own way of doing things, there are certain common features. There are at least four tools that you'll find in almost every program toolbox. Which of these four tools is most likely to actually consist of multiple buttons?

Selection or Pointer
Text
*Graphics (Drawing)
Magnification/Zoom


Resolution is a big topic that can take a lifetime to fully comprehend. However, at its most basic, resolution for desktop publishing is the measure of the dots of ink or electronic pixels that make up a picture whether it is printed on paper or displayed on-screen. Which of these initials is the "catch-all" term for measuring resolution? NOTE: It may not be technically correct in all cases, but it is the most commonly used term.

PPI
PDF
*DPI
RGB

3D Animation

1. Modeling
2. Texturing 
3. Primitives
4. Transparency
5. Key Frames
6. Radiosity
7. True
8. Dynamics
9. Render Farm
10. 300

Photoshop quiz Answers

SJC Tech Department Logo

For this logo, i started by finding the text i wanted to use. From there, i tried to base everything else off of that to make it look good. Im happy with the outcome.

Cyber College Quiz

Journal: Feb 28-March 4

This week we worked on brainstorming ideas for the books layout and made logos for the SJC Tech department. Also Practiced with InDesign.

Effective Poster Design

http://www.soe.uoguelph.ca/webfiles/agalvez/poster/#

Course Outline

 

THIS IS THE FIRST POST IN 2ND SEMESTER

Photoshop review

What are the primary colours computers mix to create other colours? Red, Green, blue (RGB)


What are the primary image types and how do they differ? Vector and Bitmap. Vector images are mathematical equations that describe the shape of an object. Bitmap images are a pixel by pixel representation of an image

Colour depth is also refered to as? Bit Depth

What file types are currently supported by Netscape Navigator and internet explorer?  GIF, JPEG, and PNG

What are the main areas of photoshop Workspace? The image window, toolbox, Palettes and menu

How is the option bar related to the toolbox? The options bar allows you to adjust any available settings for tools accessible from the toolbox

How do you undock and dock the Palettes? {Click} and drag on a Palettes tab to either dock or undock it


Which menu item will give you access to photoshops preferences? Edit


How do you reset your palette arrangement back to its default setting? select widow/reset palette locations from the menu.

What are the five hotkey decisions involved in creating a new image? Image Name, Image Width and Height, Image resolution, Image mode, and image contents


Why edit images in 24-bit colour depth if you ultimately they will be 8-bit images on the Internet? If you work in a 8-bit depth of 8, many of photoshop's advanced features, such as filters, resizing images, and re-colouring images are either not available or do not operate

Why would you use magnification /navigation controls? They allow you to edit the small details in an image and zoom in on your image content

What is a snapshot in the history Palette? The snapshot is a record of the image complete with all the modifications you have preformed on it.

If you delete a History Slate with other slates below it what happens to those Slates? Nothing, they remain in the History Panel unaffected.

What is the primary function of the selection tool? To isolate content on your image.

Review

CCD's change light and color into electrical signals

ENG stands for Electric News Gathering

The viewfinder is a really tiny video monitor

Both monitors and

A TV Changes electrical signals into pictures

The electron gun is inside a video monitor

red blue and green are used to make video picture

The microphone picks up the sound and turns it into electrical signals

correct production sequence- treatment, script, storyboard, edit

the actual shooting of the video takes place during the production phase.

the treatment is written early in pre-production

Advertising sponsor is not on the production crew

who is most involved in post production? video editors

Editing happens in the phase called post-production

Music and sound effects are added during the post production phase of the video

The design brief and the treatment are prepared during the pre-production phase

the people who watch the program are the audience

The producer takes care of the budget for a video production

To edit video, the director and editor demodulate the selected scenes

A storyboard is a picture outline created during pre-production of the video

the first person to work on the video is the director

the camera operator puts the scene in the video by framing

long shot = establishing shot

Journal January 5th 2011

Today we reviewed the uses of Dreamweaver and why it is such a useful program. It was also our last day to work on our web page assignment.

Dreamweaver Review

WYSISYG Stands for- What you see is what you get

3 reasons to use Dreamweaver- Speed, convenience and organization

Dreamweaver offers a HTML editor as well

FTP Stands for- File Transfer Protocol

FTP capability in Dreamweaver is convenient because you don't have to use a separate FTP program

A "site" in dreamweaver is a folder that contains your web site and all it's files

A template allows you to create one master page the other pages are based on

Unless you tell it otherwise, dreamweaver rewrites the HTML

After you change your preferences, errors are presented in yellow

When you press F12 in dreamweaver it opens whatever browser is your default browser and previews the web page you are working on.