Image

This can be a simple image on the page. It can be a screenshot, a photo (we use iStockPhotos, excluding Editorial images), drawing, etc. When captions are needed for images, keep them short and concise.

The Creative Workflow

Image with Content

Hardware

For Calibrating Your Monitor

Today, manufacturers like Pantone sell hardware colorimeters that can easily read your monitor and create an accurate color profile. They are cost effective and truly make your color management environment much more effective.

View the links below to learn more.

Click to Enlarge

When the need arises for a larger image to be viewed than what is on the lecture page, a magnifying glass icon can be placed in the lower left corner of the image. When clicked, the image will appear over the content of the page in a larger size.

Classroom Dash

Due Dates

Tooltip Rollovers

This type of media has a still image with hotspots coded onto it. When each hotspot is rolled over, a small text bubble appears. This is great for an image that needs to be labeled or described in sections.

Video Player

Overview

View the hotspots to learn more.

Video (single)

One video can be loaded directly onto the lecture page. All videos with audio content must have closed captions or a print transcript. Types of videos include a course or week overview, interviews, demos, presentations, photos with voiceovers, motion graphics, fictional narrative, documentary, etc.

View Fullscreen

Video Playlist (multiple videos)

Several videos can be loaded directly onto the lecture page. All videos with audio content must have closed captions or a print transcript. Types of videos include a course or week overview, interviews, demos, presentations, photos with voiceovers, motion graphics, fictional narrative, documentary, etc.

Swatches Panel

View demonstrations on the swatches panel.

Swatches panel part 1

Swatches panel part 2

View Fullscreen

Tabbed Content

Tabbed content displayed on panels offers the ability to contain images, text, video, audio, and carousels.

Color Spaces

Additive and Subtractive Colors

You will now quickly explore the color space of an image or layout and understand how it affects printing and viewing. These are the basics of Color Theory with which you should be familiar.

Additive Color
Subtractive Color

Explores the color space of an image or layout and how it affects printing and viewing.

The human eye perceives color according to the wavelength of light it receives. Overlapping red, green, and blue phosphors create a visual perception of white. The phosphors are seen at varying degrees of strength and overlap so that we see a large spectrum of color. When viewing images on a computer screen you are viewing additive color.

Explores the color space of an image or layout and how it affects printing and viewing.

Imagine that you are using colored pigments to create the basic red, green, and blue colors to produce white. Using cyan, magenta, and yellow pigments, you mix them in pairs to produce red, green, and blue pigments. When they all overlap though, they create black pigment that signifies the absence of light. When printing on white paper, the printer overlays semitransparent inks in cyan, magenta, and yellow at varying degrees of strength. The result is an image created using the subtractive process.

Image Carousel/ Slideshow

Carousels can display images, text, modal windows, panels, etc.

Examples

Image Carousel/ Slideshow with Click to Enlarge

Carousels can display images, text, modal windows, panels, etc. This type includes a button to view images larger.

Examples

Review the examples

Links/ Resources

These pieces can link to external websites or internal documents (PDF, doc, etc).

Review a list of common file formats and their extensions.

File Formats

Lynda.com Links

We can link to a video course on lynda.com. We then have to specify which specific videos are to be viewed (we cannot link directly to a particular video within the course). The students are signed on automatically from the course.

Video Tutorials

Access Lynda.com courses.

Photoshop CC One-on-One: Fundamentals with Deke McClelland

Chapter1. Opening an Image

Opening from Photoshop or Bridge (3m 52s)

Photoshop CC for Photographers: Fundamentals with Chris Orwig

Chapter 6. Getting Started with Photoshop

Becoming familiar with the Photoshop interface (4m 23s)
Introducing the Tools panel (1m 58s)

Photoshop CC Essential Training (2013) with Julieanne Kost

Chapter 7. Photoshop Interface Essentials

Managing Panels (5m 1s)

Flowcharts

Information can be displayed using visual flowcharts.

Quotes

Quotes can be used, but sparingly, and only if directly relevant and meaningful to the course material.

"Don't be afraid to make mistakes. You learn a great deal more from your failures than you ever do your successes."

"Always make sure to use one directional light source on your subject. In essence, keep the room dark and shine one single strong light source on your subject matter."

N. Pendarvis

The Art Institute of Pittsburgh – Online Division
Faculty

Multiple Choice Quizzes

Multiple choice quizzes are non-graded exercises that provide students with an interactive knowledge self-check. There are three types of multiple choice quizzes that we can produce. The first type is the most common, and has only one correct answer. The second type has several correct answers (choose all that apply). The third type provides a checklist with correct/incorrect feedback for each answer. All questions, answers, and feedback will need to be provided by the subject matter expert. The example shown here is the first type.

Paraphrasing Effectively

Paraphrasing does not mean changing a few words here and there; it means reading a source and writing what you understood of it in your own words.

Citing the source of any paraphrased text is important to avoid any allegations that you have plagiarized content.

1: Review the example of attribution and select the paraphrased quote:

A research study conducted at the Humphrey Clinic by Miranda (2001) found that, "mutated genes in laboratory rats were 95% more likely to occur when Phonyze was introduced into their diet during pregnancy."

Incorrect!

Eric Miranda (2001) conducted a research study that found a high correlation between the drug Phonyze and the number of mutated genomes in pregnant laboratory rats.

Correct!

2: Review the example of attribution and select the paraphrased quote:

A qualitative study on the success in school after grade retention, conducted by Johnson (2007), stated, "After the participants of this study were held back, each began to recreate themselves, moving closer toward their interpretation of the ideal. While they may have not become ideal learners, they learned to appear more like the ideal."

Incorrect!

A qualitative study on the success in school after grade retention, conducted by Johnson (2007), stated that when students learned to look like good students, they appeared to be good students to others.

Correct!

3: Review the example of attribution and select the paraphrased quote. Understanding the intent within the greater context of a message is important to know how to appropriately paraphrase a quote.

In 1956, Senator William Benton took a trip to the USSR and came back stating that the Soviet Union's science education was threatening when compared to the United States' science education curriculum (Dow, 1991).

Correct!

In 1956, Senator William Benton took a trip to the USSR and came back stating that the Soviet Union's science education was, "an ominous threat to the West" (Dow, 1991).

Incorrect!

Photo Gallery (Nested)

A Photo Gallery that is nested displays sets of several images. It can include subcategories, captions, and text descriptions.

Milestone 1 Glossary

Explore the terms discussed in the learning activities for this milestone and to see how the concepts are used in masterworks.

Balance: A feeling of visual equilibrium created by adjusting the implied weight, attention, or attraction of the different elements within a composition.

Economy: The streamlining of a composition to the most fundamental, basic elements for clarity of presentation.

Focal Point: A visual device emphasizing certain elements in a composition to draw attention to a specific area in the piece and to encourage closer scrutiny of the overall work.

Form: 1. The way in which visual elements are organized or arranged to create unity in an artwork. 2. The complete and overall appearance or arrangement of an artwork.

Graphic Art: Two-dimensional art forms including: drawing, painting, and printmaking. Graphic art also refers to commercial art techniques used in the creation of magazines, newspapers, books, and Web pages.

Harmony: The satisfying quality created by different elements of a composition engaging to form a holistic piece. Harmony is frequently established through repitition of the same or similar visual traits.

Line: The path created by the focal point of a tool, instrument, or medium as it moves across a surface. A line is visible when it contrasts in value with its surroundings.

Picture Plane: The two-dimensional surface on which the artist executes a pictoral image.

Point: A point is defined as an exact location in a two-dimensional space. For a point to be visible, it must have some measure of length and some measure of width.

Positive and Negative Space: Positive Space: When a shape appears to occupy space, we call it a positive form or positive space. It is also often referred to as the figure of the design. Negative Space: When a shape is read as being empty or part of the background, we call it a negative form or negative space. This is often referred to as the ground of the design.

Shape: A distinct area that is created by a defined or implied line or boundary. It may also be defined by differences in its value, color, or texture that set it apart from its surroundings.

Unity: The result of bringing the different elements in a composition into an effective relationship between harmony and variety to achieve a quality of completeness.

Variety: Provides contrast and visual interest to a composition by changing, opposing, expanding, or varying the visual elements in a composition. Variety is the opposite partner to harmony in a design.

Balance
Economy
Focal Point
Form
Graphic Art
Harmony
Line
Picture Plane
Point
Positive and Negative Space
Shape
Unity
Variety

Photo Gallery

This type of Photo Gallery displays one set of several images. It can include captions and text descriptions.

Sample Portfolio

Your portfolio is a representation of your work, professionalism, and style.

Review a sample portfolio created using Adobe Lightroom.

1/340 sec at f/4.5

1/125 sec at f/8.0

1/100 sec f/8.0

1/100 sec at f/7.1

1/500 sec at f/5.0

1/500 sec at f/20

1/320 sec at f/13

1.0 sec at f/5.6

1/250 sec at f/11

1/400 sec at f/11

1/100 sec at f/7.1

1/45 sec at f/2.8

1/40 sec at f/4.7

1/105 sec at f/2.8

1/70 sec at f/2.8

1/240 sec at f/2.8

1/480 sec at f/2.8

1/90 sec at f/2.8

1/60 sec at f/2.8

Image Comparison

An image comparison provides two similar stacked images that need to be compared. When the student slides the button back and forth, the top image will mask out, revealing the photo below. It is a great way to instantly compare differences between two images.

Camera Choices

Drag the red button back and forth to view each image section.

Shutter Speed
Aperture Setting

Explains shutter speed and aperture setting using examples.

Different shutter speeds affect what an image looks like and how a viewer interprets the meaning behind that image.

When choosing the aperture setting, you need to consider how much of the image should be in focus so as to achieve the desired image that best communicates your ideas. Selective focus will have a different feeling than extreme depth of field.

HTML Content with Images

This includes several small images that illustrate the included text.

Familiar Venues For Speeches

But there are some new speech venues that have developed: phones, e-mail, chats, and bulletin boards. These are more indirect (published) forms of speech that have emerged as less formal forms of public speaking and interpersonal interaction.