Graphics and Screenshots Dr. Lam TECM 4250. Poll! Text CHRISLAM138 to 22333.

Slides:

Advertisements

Similar presentations

 An operating system (OS) is a set of computer programs that allow the user to perform basic tasks like copying, moving, saving and printing files. 

Advertisements

IMD 205 MULTIMEDIA FOR INFORMATION PROFESSIONAL Topic 5: Adobe Photoshop: Introduction.

Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.

Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.

Using Powerpoint to Create Interface Prototype Copy & Paste Interface Designs –Use Screen Capture to Copy Existing Interface –“Print Screen / SysRq” Button:

Lecture 6 Desktop Publishing III – Presentation Software Introduction to Information Technology With thanks to Dr. A. Zhang, Dr. Haipeng Guo, and Dr. David.

An ide for teaching and learning prolog

1 ADVANCED MICROSOFT POWERPOINT Lesson 7 – Working with Visual and Sound Objects Microsoft Office 2003: Advanced.

Getting Started with Adobe Photoshop CS6

Create Forms Lesson 5. Software Orientation Creating Forms A form is a database object –enter, edit, or display data from a table or query Providing.

Lesson 3: Removing objects. Starter: Open the powerpoint from O:\ Drive 1. Double click “My Computer” on the desktop 2. Double click “O:\” 3. Double click.

Wish Training ICT Functional Skills ICT. Key fact: Being ‘functional’ means that the learner will: Be able to apply skills to all sorts of real-life contexts.

ASPIRE TESTING Universal Technology Terminology. Answer Option One of the possible answer choices to a question.

1 Import NRCC Data February 2015 Obtaining NRCC Rainfall Data and Importing it into WinTR-20.

Concrete Coalition Toolkit.  Look up your assigned addresses in the spreadsheet CCSF_VirtualSurvey.xlsx in the shared dropbox folder. Step 1.

Learningcomputer.com Introduction to Microsoft Word 2007 New Look and Feel.

Basic Computer and Word Functions, part 1 Read the information and use to answer the questions in the Basic Computer and Word Functions Study Guide.

Fill in the blanks: (1) ______tool is used for selection in paint program. (2) _____tool makes the letter bold. (3) In paint program ________ tool is used.

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 2 (4/23)

Output Design. Output design  Output can be: Displayed on a screen/VDU/monitor. Printed on paper as hard copy. Sound.

Getting to Know InDesign

HTML Comprehensive Concepts and Techniques Second Edition.

Systems Software Operating Systems. What is software? Software is the term that we use for all the programs and data that we use with a computer system.

APPLICATION SHARING IN COLLABORATE. CLICK THE APPLICATION SHARING ICON After you click here, a window will open asking which application you would like.

CSC/FAR 020, Computer Graphics, October 20, 2014 Dr. Dale E. Parson Outline for week 8, Type tools.

Analyzing and Visualizing Data Dr. Lam TECM 4180.

Chapter 1 Getting Started with Adobe Photoshop CS4.

A POWERPOINT PRESENTATION HOW TO CREATE…. WHY YOU USE POWERPOINT Well PowerPoint is a vary useful tool when you need to create a presentation. By using.

Desktop Publishing Part 2 Desktop Publishing Photoshop Skills Lesson4

Adobe Photoshop CS5 Chapter 1 Editing a Photo. Start Photoshop and customize the Photoshop workspace Open a photo Identify parts of the Photoshop workspace.

+ Let’s Rip DVDs Only for back-up purposes, of course.

Instructions – Day 2 Parts of a procedure u Introduction Explain purpose Describe when applicable u Instruction steps Give steps, results, and required.

What is Photoshop? An image editing software developed and manufactured by Adobe Systems Inc. Photoshop is considered one of the leaders in photo editing.

PowerPoint Activity 1 Insert and edit a graphic in PowerPoint 2010 Step by step how to clip from Google Maps to PowerPoint Edit a graphic.

Welcome eager young artists! Ms. Edelman Saturday, March 12, 2016  DO NOW: take out your notebook and a pen.

PowerPoint Essentials Vocabulary

Do Now: Take out your notebook and a pen. Good morning! Do Now: Take out your notebook and a pen. Good morning! Aim: What is Photoshop? Mr. Spaterella.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

USING ILLUSTRATIONS AND GRAPHICS Lesson 8 - #1.08.

Using Illustrations and Graphics Word Lesson 8. Essential Question  How do you insert and format images, shapes, SmartArt and use Word tools and options.

GCSE ICT User Interfaces. User interfaces The way in which the user of a computer communicates with the machine is called the Human- Computer Interface.

Chapter 3: I Need a Tour Guide (Introduction to Visual Basic 2012)

Software Operating System Applications BIOS.

Task 2f – part a Prove that you can receive an WITH an attachment, open it AND save the attachment to your user area. Open the with the attachment.

Chapter 1 Editing a Photo

Computer Modeling Fundamentals Using Inventor

PowerPoint Essentials Vocabulary

Computer Modeling Fundamentals Using Inventor

Getting Started with Adobe Photoshop CS5

Home Learning Task 2 Find at least three examples of special effects in images, film stills, etc. Identify which groups they are most likely to appeal.

Getting Started with Adobe Photoshop CS6

Chapter Lessons Start Adobe Photoshop CS

Analyzing and Visualizing Data

Creating Web Pages and Graphics

Print the screen on Macbook Easily

PLEASE SIGN IN TO RECEIVE FLEX CREDIT!!

Computer Modeling Fundamentals Using Inventor

How to Install an old version of Adobe Reader on Mac OS.

How To Use Sticky Notes.

Instructions for Windows users:

Instructions for Windows users:

Instructions for Windows users:

Comic Strip Template Academic Writing for Graduate Students I ENGL 501

CSC/FAR 020, Computer Graphics, October 30, 2013

Computer Modeling Fundamentals

Computer Modeling Fundamentals Using Inventor

Starter Which of these inventions is: Used most by people in Britain

Trivia 1 Photoshop.

Maker Education Manipulator

CSC/FAR 020, Computer Graphics, October 26-31, 2011

Presentation transcript:

Graphics and Screenshots Dr. Lam TECM 4250

Poll! Text CHRISLAM138 to 22333

First impression: Good or bad use of graphics?

What can graphics do? 1.Add visual interest 2.Reinforce learning or comprehension

Which of these do you think was most effective?

Types of Graphics

Decorative

Representational

Mnemonic

Organizational

Relational

Transformational

Interpretative

Which three do you think are most helpful for instructions?

Lesson Takeaway 1.What is it you are trying to get the reader to learn? 2.Would a graphic help the reader learn it? 3.What type of graphic would a reader learn it?

Screen Shots Three options for screen shots 1.Zoomed in 2.Whole Screen or at least more context 3.Combination

Zoomed in example 1.Press the save icon.

Whole Screen 1.Press the save icon.

Whole with callout 1.Press the save icon.

When not to use a screen shot If audience doesn’t need the visual representation to complete the task E.g., if it’s so obvious like “Click File > Save” For every single step

When to use screenshots As representative images of unfamiliar interfaces E.g.,,The “justify” icon in Word After a major change in the process to show the user they have reached the correct outcome

Last tips Alignment Same width for all screenshots if possible Don’t go crazy with these. Ask yourself: Is this helping the user learn the process?

How to… Snipping tool (Windows) Command + Shift + 4 (Mac) Edit in Photoshop or other graphics editing software