ADOBE VISUAL COMMUNICATIO

N USING PHOTOSHOP CS5

Domain 1 Review: Setting Project RequirementsDomain 2: Identifying Design Elements When Preparing Images

Domain 1.0Setting Project Requirements

• Objectives– 1.1 Identify the purpose, audience and

audience needs for preparing image(s)– 1.2 Demonstrate knowledge of

standard copyright rules for images and image use

– 1.3 Demonstrate knowledge of project management tasks and responsibilities

– 1.4 Communicate with others (such as peers and clients) about design plans

Domain 1 Vocabulary: Key Words• Lesson Vocabulary

(Know these terms):– Target Audience– Intellectual

property– Copyright– Derivative work– Publication– Fair Use Doctrine

– Copyrighted– Project Scope– Mockup– Comp– Deliverables– Design Comp– Scope Creep

Assignment

ACA Text Photoshop Domain 1Reading / Notes: pages PS4 – PS6Reading / Notes: pages PS11 – PS13

Domain 1 ReviewTarget Audience and Copyright

• Objective 1.1 - Identify the purpose, audience and audience needs for preparing image(s)– Target Audience

• Objective 1.2 - Demonstrate knowledge of standard copyright rules for images and image use– Intellectual Property– Copyright– Derivative Work– Publication– The Fair Use Doctrine

Domain 1 ReviewProject Management

• Objective 1.3 - Demonstrate knowledge of project management tasks and responsibilities– Stage 1 – Planning and Analysis (Creating an

outline): - Identify demographics - Identify elements of the project (called

deliverables)– Stage 2 – Scheduling: Due dates– Stage 3 – Building: Design comp or sketch– Stage 4 – Review and Evaluation: Making sure the project stays on course with the project outline– Stage 5 – Implementing or Publishing: Presenting the

final project in it’s correct medium

Stage 1 – Planning and Analysis Objective 1.1 Identify the Purpose, Audience and Audience

Needs

7

• It is important to determine the target audience; who will your design be marketed to: adults, children, seniors, pet owners, etc.

• Characteristics of the audience to consider include age, occupation, gender, education, residence, ethnicity, and computer literacy competencies. (Demographics)

• Consider the purpose of the graphic or web site when determining the content and design.

77

• Once you know what the deliverables are and when the project is due, you can work with your design team to set up a schedule.

• The Design Process includes:– Starting With An Idea– Making A Mock-Up (Comp)– Gathering and Assembling Content– Fine-Tuning

Stage 2 – SchedulingDue Dates

• If you are working with a team, when are initial ideas due?

• Once a design is decided on, when will the first comp be finished?

• What is the deadline for gathering and assembling content?

• After completing all of these steps, it’s time to fine tune. Go over everything and make sure the assignment has stayed on track.

Stage 2 – SchedulingDue Dates

Stage 3 – Building Design CompStart With An Idea

• A design starts with a vision or idea, either your own or one given to by a client.

• Sometimes the idea is perfectly realized in your mind and it is simply a matter of putting it into a tangible form.

• Other times, the idea needs to be developed as you progress through the design process.

• Either way, you have to start with an idea.

Stage 3 – Building Design Comp Make A Mock-Up

• Have you ever made a collage?• Usually, before you glue everything

down, you arrange the items on the poster board to help you visualize what the final product will look like.

• At this point, nothing is finalized, but you thoughtfully consider ideas for how something will look best.

Stage 3 – Building Design Comp Gather Content

The mock-up gives you a better idea of what kind of content you need for the final design.

Gathering content for your layout can be the most time-consuming and challenging part of the process.

You may need to create content – images and copy – yourself, or procure the content from other sources, such as your client or an outside source.

Stage 3 – Building Design CompCopyrights

At this point, you must consider copyright issues.

If you create your own content or use copyright-free material do not worry about the permission process.

To use other’s material, you need permission, unless your final product falls under the Fair Use Law.

Stage 4 – Review and Evaluation(Review Deliverables)

Another aspect of content gathering is getting the content into the right format for your use.

For example, if Photoshop is to be used, be sure the content can be imported into the program.

The same would need to be considered for any other software being utilized for project creation.

Stage 5 – Implementing or Publishing Assemble Content

There are two parts to integrating content into your final layout design:Properly importing content into your

layout program (Photoshop, Illustrator, InDesign),

and, accurately positioning content into the intended composition using placement and organization tools.

Stage 5 – Implementing or Publishing: Fine Tune

• This is where you fix the details of your image or layout, including adjusting colors, aligning items, and formatting text (line and character spacing).

• You want your document to look as perfect as possible. At this time, you also prepare your work for its intended output, such as choosing the proper color mode and settings for either screen or print.

Review: Project Management(These steps will be on the certification exam.)

– Stage 1 – Planning and Analysis • Creating an outline • Identify deliverables

– Stage 2 – Scheduling• Deadlines are set

– Stage 3 – Building• Design comp, sketch, rough draft• Copyright concerns

– Stage 4 – Review and Evaluation• Are deadlines being met?• Are deliverables correct (i.e. format, scale, requested

elements, color psychology)?– Stage 5 – Implementing or Publishing

• The finished product, presented to the client in it’s correct medium

Review: Communication

• Objective 1.4 - Communicate with others (such as peers and clients) about design plans

• Project Manager – oversees project, makes sure deadlines are met, tries to foresee potential problems, for instance:– Client is displeased or their review and feedback are

slow– Project requirements change after the project has

started– Poor communication between team members– Poor communication with client– Poor work quality from team members

• Scope Creep – changes in the project as the project is being constructed, usually in the latter stages

DOMAIN 2: Identifying Design Elements When Preparing Images

Objectives• 2.1 Demonstrate knowledge of image resolution, image

size and image file format for web, video and print• 2.2 Demonstrate knowledge of design principles,

elements and image composition• 2.3 Demonstrate knowledge of typography• 2.4 Demonstrate knowledge of color correction using

PS CS5• 2.5 Demonstrate knowledge of image-generating

devices, their resulting image types and how to access resulting images in Photoshop

• 2.6 Understand key terminology of digital images

Domain 2 Vocabulary: Key Words• Lesson Vocabulary (Know these

terms):– Pixel– Resolution– Downsampled– Upsampling– Interpolation– Cropping– Dot per inch (dpi)– Screen Frequency– Screen Ruling– Line Screen Frequency– Lines per inch (lpi)– Document size– Image composition– Aspect ratio

– Field of View– Foreground– Background– Visual hierarchy– Typography– Readability– RGB– CMYK– Gamut– High Dynamic Range– Camera Raw– Bitmap– Raster image– Vector

AssignmentACA Text Photoshop Domain 2Reading / Notes: pgs PS16 – 19, PS21 – PS24, PS26 - 32

(Know File Formats, pg. 18)(Know Design Principles, pg. 21 - 22)

Exercise: Step-by-Step 2.1 and 2.2 – Cropping(CVH-ROP Server > 2014 – 2015 > Multimedia CS6 2014 – 2015 > ACA Data Files > Photoshop > Domain 2 > Pond)

Pages PS19 – PS21, continuation PS25 – 26

TRUE or FALSE?TRUE or FALSE?

Objective 2.1: Demonstrate knowledge of images resolution, image size and image file format for web, video and print

Resolution is measured in pixels per inch.

What is it called when the number of pixels is decreased and image data is removed?

Downsampling

Increasing the number of pixels in an image is referred to as …

Upsampling

Upsampling usually results in inferior image quality because of the loss of

detail.

A.

B.

C.

D.

E.

What does cropping allow you to do?

All of the above

Resample an image (by default)

Remove unwanted pixels

Remove the outside portion of an image to correct its focus

Both A and B

Objective 2.1: Demonstrate knowledge of images resolution image size and image file format for web, video and print

File Formats: What you should know

PSD (.psd)

GIF (.gif)

JPEG or JPG (.jpg)

PNG (.png)

Bitmap (.bmp)

Resolution dependent

Used for digital images Colors: Millions

Fully editable, Used for Web

Used for Web, Bitmap image256 colors

Photoshop format

Objective 2.1: Demonstrate knowledge of images resolution, image size and image file format for web, video and print

Printer Resolution

• Printer resolution is measured in dpi (dots per inch)– The more dots, the higher the

resolution• The actual number of printer dots is

referred to as screen frequency, screen ruling or line screen frequency

• Document Size: stated in inches (width and height) and pixels (resolution)

• Accessed by Image > Image Size

Objective 2.2: Demonstrate Knowledge of Design Principles, Elements and Image Composition

• Line: the basic component of a shape, directs the eye

• Shape (Form): a line that defines or implies a boundary

• Texture: a fill used in shapes to imply what an object may feel like

• Emphasis – making a specific element stand out

• Symmetry – even distribution of the text and graphics around a center point (radial balance)

Objective 2.2: Demonstrate Knowledge of Design Principles, Elements and Image Composition

• Contrast – separates elements by comparing differences

• Movement (Rhythm) – directs the eye in a certain direction

• Color Theory – represents emotions

• Rule of Thirds – theory that the most interesting components of a composition are off center

• Balance – having a cohesive visual pattern

Objective 2.2: Demonstrate Knowledge of Design Principles, Elements and Image Composition

• White Space – areas without graphics (margins, padding, line spacing)

• Proximity – distance between text an graphics

• Unity – wholeness, achieved by using the same color or different tints of a color

• Alignment – spacing

• Repetition – repeating an element to achieve visual consistency

Objective 2.2: Demonstrate Knowledge of Design Principles, Elements and Image Composition

TERMS YOU SHOULD KNOW

Image Composition – the arrangement of the visual elements of your image to create a visually compelling design

Aspect Ratio – the relationship of an objects height to its width

Field of View – the area the makes up the picture

Foreground – the area that displays the subject of the composition

Background – the area behind the subject the provides context and depth or is used to help isolate the main object

Visual Hierarchy – technique used in graphic design to emphasize important elements and organize content in a logical manner

AssignmentReading / Notes: pages PS26 – 32Review Questions: pages PS33 - 34

Exercise: (CVH-ROP Server > 2014 – 2015 >Multimedia CS6 2015 – 2015 > ACA Data Files >Photoshop > ?) Crayons (Hue / Saturation Adjustments) CS5 Chapter 3

Objective 2.3: Demonstrate knowledge of Typography

• Typography – the selections made to design the text (font, style, color) and the placement of words (spacing)

• Readability – the feeling that is conveyed by making typeface comfortable and easy to read; done by the use of casing, typefaces, alignment, spacing, proximity and styles

Objective 2.4: Demonstrate knowledge of Color Correction Using Photoshop CS5• Color Modes: RGB and CMYK• RGB (Red, Green, Blue) – used for screen display. RGB

is the mode you should always work in. It produces a smaller file and is easier to store. You can change the mode when you are ready to publish, if needed.

• CMYK (Cyan, Yellow, Magenta, Key (Black)) – used for print

• Gamut – the display or print color limit of a piece of equipment

• High Dynamic Range images (HDR) – allow a photographer to record a much larger range of tonal detail that can be captured in one photo

Objective 2.5: Demonstrate knowledge of Image-Generating Devices, Their Resulting Image Types and How to Access Resulting Images in Photoshop

• Images may by imported into (opened in) Photoshop from a camera (digital or film), or from scanning

• The Camera Raw format contain minimally processed data that is not ready to be used and still needs to be processed. It is an option on many digital cameras and some scanners. This format is analogous to negatives in film photography. Images in this format are sometimes referred to as digital negatives.

• This format provides more control and flexibility when working with images in Photoshop however, these files are much larger than .jpg files

Objective 2.6: Understand Key Terminology of Digital Images

• Bitmap vs Vector Graphics• Bitmap (Raster) images

– Represented by pixels in a grid layout– Each pixel contains color information for the image– Resolution dependent – the larger the picture, the

worse the quality• Vector images

– Created mathematically by using points on a graph (X,Y coordinates)

– Resolution independent – can be enlarged without changing the quality of the image

• Vector images must be rasterized before they can be edited in Photoshop

DOMAIN 2: Identifying Design Elements When Preparing Images

• Objectives Review• Demonstrate knowledge of image resolution, image

size and image file format for web, video and print• Demonstrate knowledge of design principles, elements

and image composition• Demonstrate knowledge of typography• Demonstrate knowledge of color correction using PS

CS5• Demonstrate knowledge of image-generating devices,

their resulting image types and how to access resulting images in Photoshop

• Understand key terminology of digital images