des •••••••••••••••••••• contents...

GUIDEhow to use guide

SYLLABUScourse description + detailscourse policies + gradinguniversity policies + resourcessupplies + materialscalendar

PROJECTS + WEEKLY ACTIVITIESWEEK 1: getting started

Set up computer + early tasks

UNIT 1: Illustrator (WEEKS 1-5) project 1: story strategy

overviewschedulegrading rubricstudy guide

UNIT 2: Photoshop/Powerpoint (WEEKS 6-8): project 2: point-off and photo manipulation


UNIT 3: Indesign (WEEKS 9-12): project 3: business brochure


UNIT 4: Summative (WEEKS 12-15): project 4: summative


RESOURCESyour computer troubleshooting + computer settings browsers + purchasing + labsprinting + plotting + imagingcutting + mountingraster vs. vectorCMYK vs. RGBshortcuts | apple | pc

contents

DESSPRING

DESIGN++++

21012014VISUALPRESENTATION••••••••••••••••••••

••••••••••••••••••••

••••

SYLLABUS+WEEKLYACTIVITYGUIDE

••••••••••••••••••••

••••••••••••••••••••

syllabus overview: how to use

DES 2101design + visual presentation

Dot

Links back to the home page

Gray Links

Links to resources. Directs to outside web pages

Navy Links

Links to more information or to outside web pages with information related to the course

This syllabus is an interactive document. Throughout the pages there are active links. See examples are below:

The right column is a directory. Each line links to the indicated page within the syllabus.

Syllabus

Basic information about the class

Projects + Activities

Everything you need to know about the projects (schedule, requirements, tasks, etc.)

Resources

Helpful resources with links that you may need throughout the course

home page

all pages


•••••••• DES 2101 | SPRING 2014 •••••••• 1syllabus

course descriptionThis is an online course with weekly tasks and submissions. Coursework consists of lectures, tutorials, readings, exercises, quizzes and discussions. Three times, hard copy will be submitted in person. See calendar. Two basic intentions: 1 - increase design acuity (awareness of design principles in concept and action); 2 - develop design craft with basic skills in Adobe Creative Suite and Microsoft PowerPoint. Course materials, lectures, and project submissions will be online with one assisted lab session (optional) per week. In addition, students will submit 3 hard copies during the year (see week 1 getting started for a more detailed description).

This course introduces basic design practices used in presentation. Students will design and create projects that develop design skills useful in today’s society. They will engage in the evaluation, discussion and activity of visual problem solving. Participants will gain skill in conceptual thinking and problem-solving while learning common computer and manual applications. Students will practice use of images, type, color, sequencing and layout. Course is oriented toward the beginner. There will be written exam/s on the readings, lectures and software.

required resources

• seesupply list

student learning outcomes

+ Canidentify,define,andsolveproblemsasevidencedin applying design theory and process.

+ Have mastered a body of knowledge and a mode of inquiry in understanding and application of fundamental design software skills

+ Can locate and critically evaluate information as evidencedinskillsof reflectiveanalysisandmethodsof critique.

release of work statement

Students understand that enrollment in this course grants consent for their work to be selected for inclusion in college or departmental publications (online or in print). Your instructor may select to use your work to represent her/his skills as an instructor in a teaching portfolio (online or in print).

course

DES 2101 | Section 01

FALL 2013

credits 3

classroom

online

lab

305 McNeal Hall

Friday, 10:40-12:35

Optional open lab with TA. Work on project ahead of time to know what questions arise.

Bring laptop if you prefer.

instructor

Monica Fogg

[email protected]

office:250McNeal

hours: W 12:30-2:30 or by appointment

teaching assistant

Jennifer Hoeke

[email protected]

office:217McNeal

hours: M 12-1 , 2-2:45

or by appointment

detailsonline course

mailto:mfogg%40umn.edu?subject=DES%202101


•••••••• DES 2101 | SPRING 2014 •••••••• 2course policies

gradingexpectations

Weekly learning responsibilities include: readings, lectures (on moodle), tutorials (on lynda.com) and peer critiques. Students are expected to track ALL information posted in ESPRESSO (direct messages from instructor and TA.)

It is expected that to achieve average results the average student will spend 9 hours a week as follows: 2-3 hours - course presentations (lectures, tutorials & reading) 1 hour assessing peers 5-6 hours designing & submitting

missed or late work

Weekly process work and peer reviews (part of participation grade) may be submitted up to 5 hours late with no penalty. No submissions after 5 hours past due.

End of unit projects may be submitted up to 48 hours late, losing 10%. Students are responsible for arranging a time for submission of late hard copies. (No special arrangements are necessary for late online work.)

participation

Students participate in online discussions and critiques. Points will be earned for the quality and consistency of your participation.

Students watch required videos and tutorials accessed via our moodle site.

personal electronic devices

If you have Creative Suite on your laptop, we suggest you use that when attending optional Lab Sessions.

Class notes & materials

Students may not make commercial use of lecture notes or materials provided without written consent of instructor.

course policies

assessment criteria example

CRITERIA GENERAL DEFINITION

DESIGN INTELLECTUAL CONTENT

Appropriate information. Hierarchy of message & information clear.

DESIGN VISUAL CONTENT

Clear visual hierarchy. Effective specific use of CRAP to strengthen visual message.

COLOR Effective color strategies. Purposeful.

TEXT Font selection/s, size, alignment, leading/kerning/tracking

TOOLS Effective use of appropriate or required software tools.

CRAFT Quality print. Correct size. Mounted according to specifications. Clean cuts. Fabricated according to specifications.

NOTES + PROCESS

Process work (sketches) submitted. Succinct bullet points addressing requested information.

structure

A 4.00 Achievement outstanding

B 3.00 Achievementsignificantlyabove level necessary

C 2.00 Achievement that MEETS requirements

D 1.00 Achievement that is worthy of credit even though it fails to fully meet course requirements

percentagesA+ 97-100%A 93%A- 90%B+ 87%B 83%B- 80%C+ 77%C 73%C- 70%D 65%


•••••••• DES 2101 | SPRING 2014 •••••••• 3university policies

resources

University Counseling & Consulting Services (UCCS)

199 Coffey Hall, St. Paul or 340 Appleby Hall, East Bank http://uccs.umn.edu 612-624-3323

Student Academic Success Services (SASS; part of UCCS)

340 Appleby Hall, East Bank http://www.sass.umn.edu/ 612-624-3323

Disability Services

180 McNamara, East Bank https://diversity.umn.edu/disability/ 612-626-1333

Student Writing Support (part of Center for Writing)

10 Nicholson Hall, East Bank http://writing.umn.edu/sws/index.html 612-626-7579

College of Design, Campus Support Resources http://design.umn.edu/current_stu-dents/advising/

The following university policies apply to all aspects of the course including online and in-class activities, as well as student work submitted.

Scholastic dishonesty and student conduct code:

http://www1.umn.edu/regents/policies/academic/Student_Conduct_Code.pdf

Sexual Harassment

http://www1.umn.edu/regents/policies/humanresources/SexHarassment.pdf

Climate of inclusivity

You are expected to be attentive to postings & comments by instructors and TA/s; ask questions if you do not understand something; offer your opinion in online discussions. The University of Minnesota is committed to providing a safe climate for all students, faculty, and staff. All persons shall have equal access to its programs and facilities without regard to race, color, creed, religion, national origin, sex, age, marital status, disability, public assistance status, veteran status, or sexual orientation. Racism, sexism, homophobia, classism, ageism and other forms of bigotry are inappropriate to express in this class. Reports of harassment are taken seriously, and there are individualsandofficesavailableforhelp.

Academic freedom and responsibility:

http://www1.umn.edu/regents/policies/academic/Academic_Freedom.pdf

Availability of disability + mental health services:

If you have any special classroom requirements please contactoneof theofficeslistedatright.Theywillwork with you and, if necessary, they will contact the instructor to work out the details for any necessary accommodations.

university policies








•••••••• DES 2101 | SPRING 2014 •••••••• 4

required books

• Non-Designer’sDesignBook,3rdedition,Williams

• PresentationZen,firstedition,Reynolds

Books should be available at U bookstore, amazon.com or other venders. E-readers are OK if you can identify page numbers as assigned.

In addition to the required texts and access to tutorials on lynda.com, the materials listed on this page will be required to complete the projects assigned during the course.

supply list

supply list

□ *Canadian recycled paper sketch pad 5 x 7” or larger, or equivalent type

□ *Olfa knife and pack of snap-off blades or Exacto, #11 blade

□ *Ruler, stainless steel, cork back @ 18”

□ *Self-healing cutting board @ 8.5x 12”

□ *Cello-mount, 12 sheets 9x12” or LetraTac, CelloTac

□ *Burnisher (3M blue plastic squeegee) or similar

□ *3M white low-tack tape roll (1”)

□ *3 sheets, 20 x 30 black foam core @ 3/16

□ *1 sheet, 20 x 30 adhesive black foam core @ 3/16 (*SAVE this for the final Summative Project)

□ pencil or mechanical pencil & eraser

□ thumb-drive and back-up storage method (CDR, portable hard-drive, etc.)

□ camera or access to camera

materials

required software

The course will use Adobe Creative Suite 6 STANDARD as well as PowerPoint 2010 (and Word and Google.)

Adobe Creative Suite 6 Standard includes Illustrator, Photoshop and InDesign. You do not have to own the software if you are willing to do your work in a University Lab that has the software, but of course, it is always easier to have it on your own computer.

If you like, See Page 23 Your Computer for purchase sites through the University.

required printing

The list of materials represents the minimum amount of materials needed to complete all of the projects without any waste, and does not include printing.

Projects will require printing draft versions and full-color, aswellashigh-qualityprintsforfinalsubmittals.

required lynda.com registration

Instruction about HOW to use the design software in this course is delivered via lynda.com tutorials. Viewing of videos is required. Follow the link below to access the online library of tutlorials.

http://lynda.umn.edu

You can learn more about how to use lynda.com tutorialsthroughtheuniversity’sOfficeof InformationTechnology or OIT at; www.oit.umn.edu/training/online-training/lynda/index.htm

All materials should be available from most art supply stores, including the U bookstore.

Forconvenience,thefirst9itemsareavailablein a kit (materials bundled and discounted to $71.50 versus 95.68 if sold separately) at:

Wet Paint Artists Supply1684 West Grand Ave, St. Paul, MN 55105651-698-6431

Kits are available by January 17 in store or online. Online purchases must be completed by 5PM, Thursday, January 23 and picked up at the back of McNeal 33 between 11:30AM and 12PM, Friday, January 24.

Visit: www.wetpaintart.com Click on U of M kits.

Find class number DES2101 and Fogg

http://www.lynda.com/

http://www.lynda.com/lyndaClassroom/StudentRegistration/RegistrationStep1.aspx

http://www.wetpaintart.com


•••••••• DES 2101 | SPRING 2014 •••••••• 5class schedule

calendarUnit Week Mon Wed Fri Sun

Intro 01 20 University Closed 21 January23 optional face-to-face class, McNeal 3310:40-11:30

25Submission midnight

Design + Illustrator

0227Peer Review 29

31Open lab, McNeal 30510:40-12:35

02 Submission midnight

0303Peer Review 05 Febuary

07Open lab, McNeal 305


0410Peer Review



0517QUIZ 1 Peer Review


23Final Submission midnight

Design +Photoshop + Powerpoint

06

24Grade Peer PARTICIPATION Project 1 Hard copy Due 12-2:30 or 6:30pm-8



07 03 05 March07Open lab, McNeal 305


0810Peer Review



Design +InDesign

0924Grade Peer PARTICIPATION



1031QUIZ 2Peer Review

02 April04Open lab, McNeal 305


11 07 0911Open lab, McNeal 305


1214Peer Review

1618 Open lab, McNeal 305


Design +Summative

13

21Grade Peer PARTICIPATION Project 3 Hard copy Due 12-2:30 or 6:30pm-8



1428QUIZ 3 Peer Review

30 02Open lab, McNeal 305


15 05

07 May Final Project Hard copy due 12-2:30 or 6:30pm-8 (or Thursday, tomorrow)

08...THURSDAY. Online submission by midnight. Hard copy 12-2:30 or 6:30pm-8 (or yesterday, Wednesday.)

12

FINAL 1214 WEDNESDAYTime TBD McNeal 364

6


•••••••• DES 2101 | Fall 2013 •••••••• getting started

week one

Ourfirstweekisaboutgettingacclimated.Theweekisdiagramed below. The overall goal this week is to demystify the online component and to be sure all systems are “go” (both your computer and our moodle site.) During week one, you will explore our moodle site, do an ice breaker activity with your team, make submissions via “assignment” and “workshop” formats, and set your computer up for the best viewing of the course on moodle (See Your Computer for more info).

The tasks this week are pretty easy, but still important. They will help you get comfortable, raise some questions, AND lead into tasks for next week.

week 1 | getting started | schedule overviewRhythm of course

This course is divided into units. Each unit covers topics of design + software. Unit 1: Design + Adobe Illustrator Unit 2: Design + Photoshop + PowerPoint Unit 3: Design + InDesign Unit 4: Summative

Ineachunit,studentsdesignaspecificproject.Weeklyreadings, lectures, tutorials, and tasks are listed for each unit. This course is designed with a regular rhythm and regular deadlines.

The syllabus includes; for each unit:

project overview weekly readings, lectures, tutorials & tasks grading rubric study guide: tools & terms

Further project information can be found on moodle via weekly postings from instructor, lectures, videos, etc. With the exception of 3 hard copy submissions, all submissions, quizzes & discussions are online. The syllabusincludesacalendarwithspecificdatesnoted.

Mondays

Peer assessments 9:00am-midnight

Hard copy due 12-2:30 & 6:30-8pm (twice)*

Quiz accessible 5:00pm-7:00pm (3 times)*

New weekly tasks, lectures, tutorials

Fridays

First Friday of semester: Optional one time meeting in classroom. 10:40am-11:30am, McNeal 33

All other Fridays: Optional lab with TA 10:40am-12:35pm, McNeal 305

Sundays

Weekly deadline. process or project submissions due anytime in the week, up to 11:55pm Sunday

Exceptions

Last week of class, different schedule. Online submission by midnight Thursday. Hard copy due Wednesday and/or Thursday. Exact time TBD*

Finals week, pick up of work Wednesday, time TBD.

Unit Week Readings + Lectures Quizzes + Peer Reviews + Tutorials (lynda.com) Project (weekly tasks)

set up 01

Syllabus (read)

VIDEO: Welcome & OrientationVIDEO: SyllabusVIDEO: our moodleLECTURE: This Week and CRAP

ILLUSTRATOR ESSENTIALno tutorials assigned yet, but this week explore the lynda.com tutorials (see link on page 4)

ORIENT TO COURSEexplore moodle sitedo ice breaker select fable (with team)submit for participationset up computer

*Thosewithaconflict(becauseof class or work schedule) may arrange an individual override by contacting instructor at least 1 week in advance.

7


•••••••• DES 2101 | Fall 2013 ••••••••

This Story Strategy project exercises imagination, Illustrator tools, color basics, design strategies and craft (printing, mounting.) Each week, you will develop different skills and work on different aspects of your design. Each week builds onto skills learned the week before.

The emphasis is on developing visual strategies for telling a story. The challenge is to create visual impact through the character of simple shapes, distribution of colors, and use of picture plane. At the end of 5 weeks, you will have a 3-panel board that tells a story in 3 different ways. One artboard (panel) will tell the story visually, in predetermined colors. One will replicate that image, but use all new colors, creating a different end result/mood. The center panel will tell the story with words, and relate visually to the side images. For all 3, color and application of designprincipleswillbeimportant.Thefinalversionwill be submitted online as well as in hard copy. Weekly process work will be submitted online.

project 1 overview

Due Date:Project Final: Febuary 23

(Process work each week)

Submit

□ Digital version

•Finalartboards

•Draftartwork(weekly)

•Earlyconceptsketches

□ Hard copy

•Finalartworkmounted+trimmed

detailsillustrator unit | project 1 | story strategy | overview

30”8”8”2” 2”1”1” 8”

12.5”2.5”

8”2”

30”8”

8”2”

2”1”

1”8”

2”2” 8”12”

Telling a Story

Who or what is the subject? What is the essence of the person/entity you want to represent? How can you do that visually? What emotion/s do you want to evoke? How can you convey or dramatize this/these visually? What impact would you like to create, inspired by the selected fable? How can you dramatize this/these visually? What strategies might you use to do this? What aspects of C.R.A.P. can strengthen your design?


•••••••• DES 2101 | SPRING 2014 •••••••• 8project 1 schedule

project 1 | story strategy | schedule

Unit Week Readings + LecturesQuizzes + Peer Reviews + Tutorials (lynda.com)

Project (weekly tasks)

Illustrator

02

Reynolds pp 31-38Williams pp 11-90

LECTURE: Visual & Conceptual Hierarchy in Character Develop-ment

VIDEO: linking & uploading submission process

PEER REVIEW Monday, 9am-midnight

ILLUSTRATOR ESSENTIALCS6 Chapters:1 Getting Started2 Working with Documents3 Selecting & Transforming 8 Don’t Be Afraid of Pen Tool15 Printing, Saving, Exporting

CHARCTER DEVELOPMENTSet up document.Develop characters.

1.MAKE SUBMISSION (name only, easy) to: PARTICIPATION: Illustrator Unit SUBMISSION. (Scroll to bottom of Illustrator unit to find this.)

03

Williams pp 91-108Reynolds pp 100-118

VIDEO: Principles of DesignLECTURE: Design Strategies in develop-ing SceneLECTURE: Color StrategyVIDEO: Color & Color Relationships


ILLUSTRATOR ESSENTIALCS6 chapters:4 Working with Color5 Working with Fills & Strokes6 & 7 Paths & Shapes11 Working with Layers

COLOR STRATEGYDevelop story scene.Apply color strategies.

04Williams pp 145-200

LECTURE: Fable Label


ILLUSTRATOR ESSENTIALCS6 chapters9 Using Type

FABLE LABELDesign fable label including fable text and color palettes.

05 LECTURE: Cutting & Mounting

QUIZ 1, 7-9 PM

ILLUSTRATOR ESSENTIALCS6 chapter15 Printing, Saving, Exporting

FINAL SUBMISSION ONLINE + HARD COPYincluding early process sketches


•••••••• DES 2101 | SPRING 2014 •••••••• 9project 1 rubric

project 1 | story strategy | assessment

CRITERIA STORY STRATEGY POINTS


Effective character development. Essence of characters and relationships implied through shape & scale.

10


Message strengthened through intentional design strategies. Placement, positive/negative aspects. C.R.A.P and hierarchy communicates story.

10

COLOR

Mood/emotion enhanced through purposeful color strategies. FIRST DESIGN: effective use of 4 prescribed colors (3 hues + black-OR-white.) SECOND DESIGN: purposeful color chord, as defined by LECTURE, chosen and applied to alter mood/emotional content.

5

TEXT

Fable Label. Effective hierarchy (intellectual & visual.) Effective font selections, size, alignment, leading, kerning, tracking. Visual connection (repetition) established between label and images.

10

TOOLSEffective use of pen tool to create two characters. Competent use of basic Illustrator tools.

10

CRAFTQuality print. Correct size. Mounted according to specifications. Clean cuts. 5

NOTES + PROCESS

Two succinct bullet points address; 1 - color chord selected and why / to what purpose, 2 - an aspect of CRAP which most significantly impacts your design.

Process sketches included; indicating multiple design options.

10

TOTAL 60


•••••••• DES 2101 | SPRING 2014 •••••••• 10glossary

study guide: tools + terms | design + illustrator Term Definition

CMYK

RBG

Preview Mode

CRAP

Principles of Design

Color Chords:

Complementary

Analagous

Split-Complementary

Cool/Warm

Triad

Kerning

Leading

Tracking

Hierarchy

Thumbnails

Design Strategies

Color Strategies

Spot color

Ascenders, descenders

Baseline

Concordant, conflicting,

contrasting

Oldstyle, modern, slab serif,

sans serif, script

Decorative

Font

Tint, shade

Justified, quad left & right

Flush left, quad left

Flush right, quad right

Tools/Actions to know Notes

Transform: Reflect

Transform: Rotate

Select, Direct Select

Alignment tools

Pen, Add or delete anchor

Convert anchor point

Snap to (point, grid)

Smart guides

Shape tools: circle, oval,

square, rectangle

Scale (how to increase and

decrease size)

Maintain proportion (when

altering size)

Brush libraries

Gradient tool

Eyedropper

Hand & other navigation

Zoom

Layers

Palette

Text tools: point, path, area,

closed path, etc.

Fill, Stroke

View (purpose of menu)

Window (purpose of menu)

Effects (purpose of menu)

Pencil

Pencil Smooth tool

Path Eraser tool

Line: segments

Line: arcs

Line: spiral

Eraser

Scissors

Knife

Blend tool

Paragraph settings

11


•••••••• DES 2101 | Fall 2013 ••••••••

Photo Exercise: Image Manipulation

For this Exercise, you will use Photoshop to combine & adjust photo images. In making adjustments, your task is to enhance message, design and/or quality. You will be provided with separate images of fruit. You are to combine them to create an image of a fruit bowl. You will change the hue of the apple or orange, maintaining texture & shading. If apple is red, make it green or vice versa…not just a darker color of same hue. Enhance the background by eliminating distractions or placing the fruit bowl into a different scene.

Download images from moodle. Save and label. When isolating aspects of an image, adjust tolerances to get the typeof edgeyouwant(sharpversusfeathered).Cropthefinalimageeffectively.Thefinishedversionshouldbeflattened(MenuBar>Layer>Flatten).Saveasjpeg,quality7.Label(yourname_FruitBowl)

Doing the basic tasks listed above achieves “meets expectations” - a C.

Skills that go beyond expectations include consistent and effective: 1. softened edges of isolated items 2. color decisions that enhance composition 3. application of shadow

4. integration of fruit bowl and background

Aswithourfirstproject,emphasisisondevelopingstrategiesfor telling a story, this time both visual and verbal. Most of you are familiar with PowerPoint, prezi.com or other methods of presentation. For this project, you will develop and deliver a persuasive presentation…in PowerPoint. Your oral presentation will be supported visually with PowerPoint. Oral and visual components will be INTERdependent. You will save and submit as a movie document.

You will concurrently develop skills in Photoshop and execute aspecificexercisetowardthatend.

Point-Off

Intellectual content: Key points. Story Strategy. Script. What information is on each slide. Most slides should use minimal text. One slide must use heavy text, as a design challenge.

Visual content: Images (online sources are OK, as long as no copyright issues) .

Visual design: Layout & color strategy; font/s, word art; use & location of text. You may NOT USE one of the template designs available on PowerPoint. Use of template will be cause for failure.

Technical content: Consider and execute where appropriate… Sound, Timer, Transitions, other effects

project 2 overview

project 2 | point-off + photo | overview

Due Date:Project final: March 16

(process work each week)

Point-Off Requirements

□ 8-20 slides

□ 2 minute movie

□ opening slide with name, semester

□ 1 text-heavy slide

□ closing slide

Submit

□ Digital PointOff as movie document


•Nohardcopy

□ Digital Photo Exercise

•Nohardcopy

details



project 2 | point-off + photo| schedule

Unit Week Readings + LecturesQuizzez + Peer Reviews + Tutorials (lynda.com)


Photoshop + Powerpoint

06

Reynolds pp 5-25, 75-97 Reynolds pp 45-73, 119-153

LECTURE: PowerPointLECTURE: Photo Manipulation

IMAGES (to download for Photo Manipula-tion Exercise)

PEER REVIEW OF PARTICIPATION IN CRITIQUES, ILLUSTRATOR UNITMonday, 9am-midnight

POWERPOINT 2010 ESSENTIALchapters 1 Understanding PowerPoint 20102 Getting Started3 Formatting a Presentation5 Working with Shapes ...OR...POWERPOINT for mac 2011chapters Intro & Navigating User Interface2 Getting Started3 Formatting a Presentation4 Working with Text

PHOTOSHOP ESSENTIAL CS6 chapters1 It Begins in Bridge2 Whittling Down to Keepers3 Camera Raw Essentials4 Fixing Common Problems in Raw7 Photoshop Interface

DEVELOP MESSAGE & RESEARCHQuote selection, draft script, photo ideas & research (Lots of tutorials this week, while you are laying the groundwork for your project.)

Begin Photo Manipulation Exercise

MAKE SUBMISSION (name only, easy) to: PARTICIPATION: Power-Point & Photoshop. SUBMISSION & peer review. (Scroll to bottom of PowerPoint & Photoshop unit to find this.)

07Reynolds pp 153-179 & 185-211

PHOTOSHOP ESSENTIAL CS6 chapters10 Cropping & Transformations11 Working with Layers12 Selections & Layers Masks13 & 14 Tone & Color Adjustments16 Combining Multiple Images21 Sharing Images

EDIT & DESIGNAdjust script, revise photos, basic design of slides

08


POWERPOINT ESSENTIALchapters 6 Adding Audio & Video8 Sharing with Others ...OR...POWERPOINT for mac 2011chapters 6 Working with Pictures & Multimedia10 Sharing your presentation

FINAL SUBMISSIONPointOff... & separately, Photo Exercise



project 2 | point-off + photo| assessment

CRITERIA PHOTO MANIPULATION POINTS POINT-OFF POINTS


N/A -

Effective message. Effective balance between visual & verbal content.

Good use and alteration of images.

10


C.R.A.P applied to composition and framing. Effectively altered existing background or effectively placed fruit bowl into new scene.

5Cohesive look. Effective purposeful color strategy. C.R.A.P and hierarchy communicates story.

10

COLOR

Composition effectively strengthened by color alterations (hue, saturation, filters, etc.). Changed hue of at least one item, maintaining same value range (not flat fill).

10

TEXT N/A 10

Effective font(s) selection, size, alignment, etc. Title slide includes name and semester.Text is simple on most slides. Required TEXT-HEAVY slide is well designed & fits within presentation.

10

TOOLS

Successful integration of objects (maintaining appropriate edges). Suc-cessful demonstration of several of the follow-ing: isolation, rotation, fill, layering, removal of distractions (maintain-ing appropriate color & pattern.)

5 Effective use of PowerPoint tool options. (Special effects do not overshadow message.) 5

CRAFT N/A - Pacing & delivery. Professional, prepared. Within time constraints. 5

NOTES + PROCESS N/A - N/A

TOTAL 30 40


•••••••• DES 2101 | SPRING 2014 •••••••• 14ppt glossary

study guide: tools + terms | design + ppt Term Definition

CMYK

RBG

CRAP (individually, as well as

visual & conceptual)


Elements of Design

Visual acuity

Rule of Thirds

Golden Mean

Significance of goal (story,

purpose, etc.)

Appropriate amount of

content per slide

Acronym “SUCCESS” from

Presentation Zen p76

Design versus decoration

Recommended number of

words per slide

3 types of ppt: visual support

for oral presentation,

stand-alone loop,

white board

replacement


Backstage versus menu

Save (various methods &

purposes)

Save and send (various)

Options settings (possible

modifications)

Ribbon

Insert options

Transition options

Animation options

View options

Templates (what, why,

advisability of using)

Use of green dot at top of

text/image/content

frame

Outline mode

Rearranging slides

Slide sorter view

Picture effects

Removing background

from photos

Content (option) icons in

placeholder

Insert table

Insert chart

Add SmartArt

Add photo, artwork, video

Photo adjustments

possible in PPT

Spellcheck, Thesaurus

Working with text

Color adjustments

Slide master

How to move, size & rotate

shapes

Layers


•••••••• DES 2101 | SPRING 2014 •••••••• 15 photoshop glossary

study guide: tools + terms | design + photoshop Term Definition

CMYK

RBG

Preview Mode


visual & conceptual


Elements of Design

Visual Acuity

Rule of Thirds

Golden Mean

Unity with Variety


Adobe Bridge, purpose and

use in Photoshop

Straighten

Rotate

Crop

Image size

Image resolution

Resampling, downsample,

upsample

Adjustments possible for

various tools as in:

adjust size, hardness,

space, +/-

Quick selection tool

Dodge tool

Burn tool

Healing Brush tool

Spot Brush tool

History brush

Magic wand tool

Lasso

Clone stamp

Hand

Marquee

Histogram

Select, deselect, reselect,

inverse select (menu)

Flatten (menu)

History palette (window)

Layers palette

Adjustments palette,

adjustment options

4 formats for saving and why:

psd, Tiff, jpeg, png



Layer (purpose of menu)

Select (purpose of menu)

16


•••••••• DES 2101 | Fall 2013 ••••••••

Telling The Story?Proximity - Intellectual. What information is logically grouped together?

What information is enough/too much for each document?

How is content different for front/back versus inside 2 pages?

Proximity - Visual. How are groupings and/or negative spaces used to create order?

Alignment.

Does alignment unify, organize, create visual connections?

Repetition.

What elements are repeated? Does it enhance consistency or create boredom?

Are select items/elements repeated – font, scale, value, etc.?

Contrast.

How or what kind of contrast can further hierarchy?

Establishing hierarchy and embracing process are key to this Project. You will design a 4-page brochure for your fantasy business. Two of the pages will be a front and back. The additional two pages will be the insides. This brochure serves to introduce your business to prospective clients or the community. It should include information about the products, services, contact information, etc. The goals are to demonstrate: clear, strong visual & intellectual hierarchy; effective conveyance of the business “attitude”; and visual connection between all 4 pages. You will develop this in stages. Resolution in each stage is important and lays the foundation for each consecutive stage.

This is another opportunity to consciously improve awareness and application of CRAP.

project 3 overview

project 3 | business brochure | overview

Due Date:Project final Online April 20th

Photo Online April 20th

Hardcopy of Business Brochure April 21

Submit

□ Digital version

•Finalartboards


•Conceptsketches(withfinal)

□ Hard copy


•FirstprintingSTAPLED and handed in with hard copy

details

*Each page will be 8.5” x 11”, vertical or horizontal. Brochure will include a minimum of 2 images, generated and adjusted by you. No photos from other sources.



project 3 | business brochure |schedule



InDesign

09

Williams pp 109-142

LECTURE: InDesign & project intro

Optional: review video Principle of Design

PEER REVIEW OF PARTICIPATION IN CRITIQUES, PhotoShop + PowerPoint UNITMonday, 9am-midnight

INDESIGN ESSENTIAL CS6 chapters1 Learn InDesign in 30 minutes2 Understanding Workspace3 Creating a Document4 Managing Pages18 Packaging, Printing, Exporting

CONCEPT & DRAFTRevised business concept, sketch and draft InDesign ver-sion, photos for possible use

1.MAKE SUBMISSION (name only, easy) to: PARTICIPATION: InDesign SUBMISSION & peer review. (Scroll to bottom of InDesign unit to find this.)

10Reynolds pp 119-153

QUIZ #2, Monday, 5-7 PM


INDESIGN ESSENTIAL CS6 chapters5 Text6 Graphics12 Character Formatting13 Paragraph Formatting14 Styles

PHOTOSHOP CS6 chapter9 Digital Image Essentials (really helpful)

REVISION & PHOTO WORKRevised InDesign version, pho-tos adjusted and placed

11 Mounting GuideINDESIGN ESSENTIAL CS6 chapter9 Color

PRINT & REITERATEPrint, adjust fonts, color, etc.

12

LECTURE: Summative ProjectDOCUMENT: Client Options


FINAL SUBMISSIONincluding early process sketches + print test

SUMMATIVE CONCEPTevent selection(May want to get a jump on design ideas, as well)



project 3 | business brochure |assessment

CRITERIA BUSINESS BROCHURE POINTS


Appropriate content on cover (front & back). Appropriate content on inside 2-page spread. Hierarchy of message & information clear.

10


Effective unity, organization, visual connection between 4 pages. C.R.A.P and hierarchy communicates message effectively.

10

COLOR Effective and purposeful color strategy. 5

TEXTEffective font selection/s, size, alignment, leading/kerning/tracking. 10

TOOLSEffective self-generated images. Image(s) inte-gral to design. Photo process work submitted 5

CRAFT

Quality print. Correct size. Fabricated and mounted according to specifications. Clean cuts. Test printing stapled and submitted with hard copy.

10

NOTES + PROCESSProcess work (sketches of multiple design options + photo manipulations) submitted. 5

TOTAL 55


•••••••• DES 2101 | SPRING 2014 •••••••• 19glossary

study guide: tools + terms | design + indesign Term Definition

Consistent image

Focal Point

Dominance

White space, positive/

negative relationship

CMYK

RBG

Preview Mode


visual & conceptual)


Elements of Design

Visual acuity

Rule of Thirds

Golden Mean

Unity with Variety


EPUB

3 types of documents:

document, book,

library

Facing pages

Columns and how to set

and change them

Rulers

Guides

Text frames

Text frame options

Formatting type options

Kerning

Leading

Tracking

Paragraph formatting

Page up, page down

Flowing text

Master pages

Placing images, single,

multiple

Preview mode

Stacking & layering

Arrange command

Text wrap panel

Save as template

Bleed

Pre-fitting

Links in InDesign

Bundling into pdf



20


•••••••• DES 2101 | Fall 2013 ••••••••

In this project, you will design and execute a poster OR a bannerforaspecificclient.Thisisanindividualproject,but you will continue to give and receive feedback within your team. You will each choose an event from a list provided, develop design concepts, print and mount a finalposter/banneraswellasdesign,printandmounta smaller related piece. Most of the clients are real, with a real event, even though some of the event details are stillflexible(exactdate,speakers,etc.)Theclientjustmight want to use your design for their event! One year, one of the designs was used for the RETAIL CONNECT conference.

Initial concept development will be in a manual (sketchbook) process. Sketches will indicate MULTIPLE design options. Development and execution will continue in Illustrator, Photoshop and InDesign.

The Poster (14 x 20” vertical or horizontal) or Banner (9 x 29”, vertical or horizontal...a scaled down version of typical banner proportions) must include at least one image that you have altered in Photoshop or Illustrator.

The Secondary, supporting piece (minimum size 6 x 8”) can be a press release, table-top sign, menu, agenda, hanging accoutrement, take-away brochure, coupon, party invitation, postcard, etc. It relates visually to the poster/banner and contextually to the event.

One of the pieces (poster or secondary) must include a scaled map or diagram executed in Illustrator, NOT Photoshop. (This is an issue of raster versus vector.) The map or diagram is to be drawn by you. If you need to “place” a map into Illustrator as a guide, you may do so, deleting that at completion of your drawing.

project 4 overview

project 4 | summative |overview

Due Date:Project Final

Digital version May 8th

Hard copy May 7th or 8th

time 12-2:30pm & 6:30-8pm.

(process work each week)

Submit

□ Digital version

•Finalartboards


•Conceptsketches(withfinal)

□ Hard copy


details



project 4 | summative | schedule



Summative

13

LECTURE: Summative ProjectDOCUMENT: Client Options

PEER REVIEW OF PARTICIPATION IN CRITIQUES, InDesign UNITMonday, 9am-midnight

Still available to you:

ILLUSTRATOR ESSENTIALPHOTOSHOP ESSENTIALINDESIGN ESSENTIAL

DRAFTConcept, layout, photo work begun

14

QUIZ #3, Monday, 5-7 PM


PHOTOSHOP CS6 chapter9 Digital Image Essentials

REVISED VERSIONLayout revised, photos edited and placed

15


*schedule different this last week of class

FINAL SUBMISSIONincluding early process sketches

ONLINE DEADLINETHURSDAY midnight

HARD COPY DEADLINEWEDNESDAY, time TBDorTHURSDAY, time TBD

Finals Week 16PICK-UP OF SUMMATIVEWEDNESDAY, time TBD



project 4 | summative | assessment

CRITERIA SUMMATIVE PROJECT POINTS


Appropriate intellectual content. Hierarchy of message & information clear. 10


Visual hierarchy clear. Effective use of CRAP to strengthen visual message. 20

Secondary piece effective stand-alone design. Clear conhesion with banner/poster. 10

COLOR Color purposeful and effective. 10

TEXTEffective font selection(s), size, alignment, leading/kerning/tracking 10

TOOLS

Map or diagram well-executed (in Illustratror). Useful, effective. 10

Effective image selections, resolution, manipulation. Integral to design. 10

CRAFTQuality print. Correct size. Fabricated and mounted according to specifications. Clean cuts.

10

NOTES + PROCESSCreative. Unique, individual and clever solution. Process work (sketches of multiple design options) submitted.

10

TOTAL 100


•••••••• DES 2101 | Fall 2013 •••••••• Your Computer

Recommended Browsers

PC: Firefox or Chrome

Mac: Firefox

Video Troubleshooting

When viewing a video on moodle, it may not load right away. If this happens, click the yellow shield in the upper corner and your video should be able to play. This usually happens when you are in Google Chrome.

Computer Lab Information

McNeal Hall Computer Labs

Computers are available for students enrolled in ANY CDes course, regardless of major. However, use is limited to times when rooms are not reserved forspecificclasssessions.Besuretocheckthecalendar of schedulcd use.

Room 305 - Houses 48 pcs

Room 316 - Houses 22 macs

Room 310 - Houses 20 macs

Room 69 - Open computer lab

Other OIT Labs

Other UMN campus computer labs.

Be sure to check software availability in labs once you are on the OIT site.

your computertech issues

purchase sites

23

Moodle

For technical problems with moodle, [email protected]

Technical Resources

For technical issues such as connectivity, computer glitches, lab equipment, etc. [email protected] and (612) 301-4357

UMart

New computers, accessories, cell phones and service, and high-speed internet access at educational discounts.

Utools

Many high demand software licenses at volume and educational discounts.

University Bookstore M tech Store

Educational discounts for on computers, peripherals and software including: Apple, HP, Toshiba, Sony, Adobe, Endnote and others. Apple authorized service provider.

http://www.design.umn.edu/about/offices/it/labs/

http://www.oit.umn.edu/computer-labs/

http://www.design.umn.edu/about/offices/it/labs/contact.html

http://www.oit.umn.edu/umart/

http://www.oit.umn.edu/utools/

http://www.bookstores.umn.edu/viewCategory.cgi?categoryID=1618


•••••••• DES 2101 | SPRING 2014 •••••••• 24

The College of Design and the University of Minnesota have a number of resources to facilitate design. In addition to computer labs with design software, there are several options for large format printing and digital imaging. Printing and plotting services are offered at a significantdiscounttostudentsthroughtheUniversity,and the software and imaging labs are free to students during operating hours. Familiarizing yourself with the resources available, and learning how to use the services before you need to use them will save you time when you are reaching a project deadline.

McNeal Hall: CDes computer lab staff, the large format plotting service, and the large format scanner will be located in McNeal 69.

FAQs: CDes Lab Technology, Printing and Plotting

CDes Printing and Plotter Prices

printing + plotting

UofM Copy Centers

paper

Tips on paper selection

Paper

imaging

Imaging lab locations

resources

printing + plotting

printing + plotting + imaging

http://www.design.umn.edu/about/offices/it/labs/faq.html

http://www.design.umn.edu/about/offices/it/labs/prices.html

http://www.printing.umn.edu/copycenters/index.html

http://www.scudderpress.com/articles/stock.php

http://en.wikipedia.org/wiki/Paper

http://www.design.umn.edu/current_students/leo/ilab/index.html


•••••••• DES 2101 | SPRING 2014 •••••••• 25cutting + mounting

How your designs are displayed are an important factor in how they are received. Ragged edges, inconsistent borders, bubbles, scrapes, and dents all affect the quality of your work.

The amount of time, effort, and attention you give to properlyaligning,mounting,andtrimmingyourfinaldesign are essential to the quality of craft in your work.

While there are multiple tools and methods for mounting a piece of artwork, each method requires PRACTICE. Regardless of the materials you use, be sure to test your ability to cleanly mount and trim before trying to mount yourfinalartwork.Alittlepracticecansavelotsof timeand frustration.

Once you have mounted your artwork, you will need to trim the excess image and foamcore. Practice your cutting skills using a metal straight-edge and Olfa or Exacto knife. Be sure to change blades often. Foamcore and adhesive both dull blades quickly. A dull blade makes cutting harder, and can lead to errors and rough edges.

cutting + mounting

cutting + mounting

Video Tutorial - coldmount

Video Tutorial - spray adhesive

Video Tutorial - self-adhesive

materials3M - Spray Adhesive

Self-Adhesive Foamcore

Cellomount [cold mount]

resources

NO

TE: N

O S

PRAY

AD

HES

IVE

ALLO

WED

IN M

CNEA

L H

ALL

http://www.youtube.com/watch?v=Aq2sJ1kUdHs

http://www.youtube.com/watch?v=z4-6uJ2uTeY

http://www.youtube.com/watch?v=kS4tLdXJNp0

http://solutions.3m.com/wps/portal/3M/en_US/3M-Super-77/Super77/SprayAdhesive/Product-Information?PC_7_RJH9U5230GE3E02LECIE204A00000000_assetType=MMM_Article&PC_7_RJH9U5230GE3E02LECIE204A00000000_assetId=1114284886905&PC_7_RJH9U5230GE3E02LECIE204A00000000_univid=1114284886905#7_RJH9U5230GE3E02LECIE204A00

http://www.artsupply.com/foamcore/self_adhesive.htm

http://cellomount.com/


•••••••• DES 2101 | SPRING 2014 •••••••• 26raster vs. vector

There are two types of computer graphics: raster and vector. Raster images are composed of pixels, and vector artwork is composed of paths.

Rasterimagesuseagridof pixelsassignedspecificcolorvalues to represent image data. Images taken with a camera or captured with a scanner will be composed of pixels. Numerous factors contribute to the quality of an image - but image resolution is one of the most important factors. Typically this is expressed in the pixel density of an image, or the amount of pixels in one linear inch of an image. The higher the number, the higher the resolution. Changing the size of a raster image, changes the resolution, and ultimately the quality of the image.

Vector graphics on the other hand, are composed of paths. These paths are expressions of mathematical functions and are used to make lines, shape, and text. Unlike raster images - vector graphics do not lose clarity when they are scaled to larger or smaller sizes. The scalability of vector graphics make them ideal for developing logos, graphic elements, and working with type.

raster vs. vector

additional infoRaster vs. Vector

Vector Graphics

Raster Graphics

dots per inch

pixels per inch

resources

http://www.sketchpad.net/basics1.htm

http://en.wikipedia.org/wiki/Vector_graphics

http://en.wikipedia.org/wiki/Raster_graphics

http://en.wikipedia.org/wiki/Dots_per_inch

http://en.wikipedia.org/wiki/Pixel_density


•••••••• DES 2101 | SPRING 2014 •••••••• 27cmyk vs. rgb

Color is an important aspect of design, and can be used with dramatic effect. Understanding how color is reproduced across different media is essential to how colors are selected and applied.

Different processes and media require working in different color spaces. If you are painting on canvas - what you see is what you get. But if you are painting on a computer, what you see on the screen is not neccessarily what the printer will produce, or what someone else might see on their screen.

These variations are caused by a number of variables including type of display, types of inks and printers, different light sources, and the human eye. Understanding how to control color and calibrate for changes across media will help you get the color you want out of your finaldesign.

cmyk vs. rgb

additional info

RGB vs. CMYK

CMYK Color Model

RGB Color Model

Spot Color

Pantone

How the eye sees color

resources

CMYK

The CMYK color space is a subtractive color model used in printing. The letters stand for the four primary inks used in most printing processes: Cyan, Magenta, Yellow, and the Key color (aka Black or Registration). Printing processes separate each of these four colors - and the mixture of the separations combines to produce full-color representations.

RGB

The RGB color space is what the human eye actually sees. It is an additive color model used to reproduce color in electronic displays, and is composed of the primary additive colors Red, Green, and Blue.

Spot Color

In offset printing - spot colors are inks that are used in a single run. In addition to CMYK, special inks can be blended and added to the process. These colors can be predetermined and can be used to match colors from a variety of sources.

http://www.printernational.org/rgb-versus-cmyk.php

http://en.wikipedia.org/wiki/CMYK_color_model

http://en.wikipedia.org/wiki/RGB_color_model

http://en.wikipedia.org/wiki/Spot_color

http://www.pantone.com/pages/pantone/index.aspx

http://www.colormatters.com/color-and-vision/how-the-eye-sees-color


•••••••• DES 2101 | SPRING 2014 •••••••• 28shortcuts | apple

Tool/Command Shortcut

Move V

Marquee M

Lasso L

Magic Wand W

Eyedropper I

Crop C

Brush B

Eraser E

Pen P

Type T

Hand H

Zoom Z

Help F1

New z+N

Open z+O

Close z+W

Save z+S

Save As... Shift+z+S

Save for Web & Devices Opt+Shift+z+S

File Info Opt+Shift+z+I

Print z+P

Exit z+Q

Cut z+X

Copy z+C

Paste z+V

Free Transform z+T

Levels z+L

Image Size... Opt+z+I

Canvas Size... Opt+z+C

New Layer... Shift+z+N

Merge Down z+E

Merge Visible Shift+z+E

Select All z+A

Deselect z+D

Select Inverse Shift+z+I

Add to Selection Shift

Subtract from Selection Option

Show/Hide Grid z+’

Show/Hide Guides z+;

Show/Hide Rulers z+R

Undo z+Z

Redo Shift+ z+Z


Selection V

Direct Selection A

Rectangle M

Ellipse L

Eyedropper I

Free Transform E

Hand H

Line \

Pen P

Rotate R

Scale S

Type T

InDesign Help F1

New z+N

Open z+O

Close z+W

Save z+S

Save As Shift+z+S

Save A Copy Opt+z+S

Export z+E

Package Shift+z+Opt+P


Print z+P

Copy z+C

Cut z+X

Paste z+V

Paste Into z+Opt+V

Paste in Place Shift+z+Opt+V

Paste w/o Formatting Shift+z+V

Place z+D

Group z+G

Ungroup Shift+z+G

Bring to Front Shift+z+]

Send Backward z+[

Send to Back Shift+z+[


Show/Hide Guides Ctrl+;


Show/Hide Frames z+H

Zoom In z+Num +

Zoom Out z+Num -

Fit Page z+0

Fit Spread z+Opt+0

Entire Pasteboard Shift+z+Opt+0

Undo z+Z

Redo Shift+z+Z


Selection V

Direct Selection A

Pen P

Type T

Line \

Rectangle M

Ellipse L

Paintbrush B

Pencil N

Eraser Shift+E

Scissors C

Free Transform E

Gradient G

Artboard Shift+O

Hand H

Eyedropper I

Zoom Z

Illustrator Help F1

New z+N

Open z+O

Close z+W

Save z+S

Save As... Shift+z+S

Save for Web Opt+Shift+z+S


Print z+P

Exit z+Q

Cut z+X

Copy z+C

Paste z+V

Move Shift+z+M

Bring to Front Shift+z+]

Bring Forward z+]

Send Backward z+[

Send to Back Shift+z+[

Group z+G

Ungroup Shift+z+G

Select All z+A

Deselect Shift+z+A

All on Artbvoard Opt+z+A


Show/Hide Guides z+;


Zoom In z+=

Zoom Out z+-

Undo z+Z

Redo Shift+z+Z

illustrator photoshop inDesign


•••••••• DES 2101 | SPRING 2014 •••••••• 29shortcuts | pc


Move Tool V

Marquee Tool M

Lasso Tool L

Magic Wand Tool W

Eyedropper Tool I

Crop Tool C

Brush Tool B

Eraser Tool E

Pen Tool P

Type Tool T

Hand Tool H

Zoom Tool Z

Help F1

New Ctrl+N

Open Ctrl+O

Close Ctrl+W

Save Ctrl+S

Save As... Shift+Ctrl+S

Save for Web & Devices Alt+Shift+Ctrl+S

File Info Alt+Shift+Ctrl+I

Print Ctrl+P

Exit Ctrl+Q

Cut Ctrl+X

Copy Ctrl+C

Paste Ctrl+V

Free Transform Ctrl+T

Levels Ctrl+L

Image Size... Alt+Ctrl+I

Canvas Size... Alt+Ctrl+C

New Layer... Shift+Ctrl+N

Merge Down Ctrl+E

Merge Visible Shift+Ctrl+E

Select All Ctrl+A

Deselect Ctrl+D

Select Inverse Shift+Ctrl+I

Add to Selection Shift

Subtract from Selection Altion

Show/Hide Grid Ctrl+’


Show/Hide Rulers Ctrl+R

Undo Ctrl+Z

Redo Shift+ Ctrl+Z


Selection V

Direct Selection A

Rectangle M

Ellipse L

Eyedropper I

Free Transform E

Hand H

Line \

Pen P

Rotate R

Scale S

Type T

InDesign Help F1

New Ctrl+N

Open Ctrl+O

Close Ctrl+W

Save Ctrl+S

Save As Shift+Ctrl+S

Save A Copy Alt+Ctrl+S

Export Ctrl+E

Package Shift+Ctrl+Alt+P


Print Ctrl+P

Copy Ctrl+C

Cut Ctrl+X

Paste Ctrl+V

Paste Into Ctrl+Alt+V

Paste in Place Shift+Ctrl+Alt+V

Paste w/o Formatting Shift+Ctrl+V

Place Ctrl+D

Group Ctrl+G

Ungroup Shift+Ctrl+G

Bring to Front Shift+Ctrl+]

Send Backward Ctrl+[

Send to Back Shift+Ctrl+[




Show/Hide Frames Ctrl+H

Zoom In Ctrl+Num +

Zoom Out Ctrl+Num -

Fit Page Ctrl+0

Fit Spread Ctrl+Alt+0

Entire Pasteboard Shift+Ctrl+Alt+0

Undo Ctrl+Z

Redo Shift+Ctrl+Z


Selection V

Direct Selection A

Pen P

Type T

Line \

Rectangle M

Ellipse L

Paintbrush B

Pencil N

Eraser Shift+E

Scissors C

Free Transform E

Gradient G

Artboard Shift+O

Hand H

Eyedropper I

Zoom Z

Illustrator Help F1

New Ctrl+N

Open Ctrl+O

Close Ctrl+W

Save Ctrl+S

Save As... Shift+Ctrl+S

Save for Web Alt+Shift+Ctrl+S


Print Ctrl+P

Exit Ctrl+Q

Cut Ctrl+X

Copy Ctrl+C

Paste Ctrl+V

Move Shift+Ctrl+M

Bring to Front Shift+Ctrl+]

Bring Forward Ctrl+]

Send Backward Ctrl+[

Send to Back Shift+Ctrl+[

Group Ctrl+G

Ungroup Shift+Ctrl+G

Select All Ctrl+A

Deselect Shift+Ctrl+A

All on Artbvoard Alt+Ctrl+A




Zoom In Ctrl+=

Zoom Out Ctrl+-

Undo Ctrl+Z

Redo Shift+Ctrl+Z

illustrator photoshop inDesign