Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Slides:

Advertisements

Similar presentations

Pull up the graph you want to save. Make sure you can see all of it. Generally you will want to maximize the window it is in. Click on the Format this.

Advertisements

Objectives Build and modify an organization chart.

Introducing Macromedia FreeHand MX

Chapter 3 Creating a Business Letter with a Letterhead and Table

Macromedia Fireworks MX 2004 – Design Professional Importing, Selecting, and Modifying Graphics.

Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTORY MICROSOFT WORD Lesson 6– Desktop Publishing with Word.

Foundation Level Course

Chapter 5: Graphics Spotlight on Word ProcessingChapter 51.

Technology ICT Core: Desktop Publishing. Desktop Publishing Desktop Publishing - assembly centres for text, graphics etc Starting a Publication: Start.

Use the Macromedia Flash drawing tools Edit drawings Work with objects Work with text Work with layers Unit Lessons.

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

PowerPoint Lesson 3 Working with Visual Elements

InDesign CS3 Lesson 3 Working with Frames. Using Frames Frames are containers in which you place graphics or text. Frames can also be used as graphic.

Chapter 6 Navigating Presentations Using Hyperlinks and Action Buttons

Screen Captures This tutorial describes how to capture what is on your computer screen to paste into a homework solution, PowerPoint presentation or other.

By: Zaiba Mustafa Copyright ©

Graphics ~ Tools To Edit Clip Art MsBrewer Fall 2012.

Creating Tessellations With Paint. Open Microsoft Paint. Go to: Start, Programs, Accessories, Paint.

Operating Systems Day 7. Status Bar in Notepad 1.Open notepad and type a document or file 2.Click on view menu 3.Select status bar to display the status.

Desktop Publishing Features Designing Documents. Publication Terms  Graphics - Objects used to convey a message.  Multiple Columns - Layout used to.

Pasewark & Pasewark Microsoft Office 2003 BASICS 1 MICROSOFT WORD Lesson 5 — Working with Graphics.

Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTORY MICROSOFT WORD Lesson 6– Desktop Publishing with Word.

Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.

Microsoft Office 2007: Introductory 1 Word Lesson 6 Working with Graphics Computer Applications 1.

 Insert a picture from a file  Move and delete images  Use the Picture Tools tab  Add styles, effects, and captions to images  Resize photos  Use.

XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.

Adobe Flash CS4 – Illustrated Unit B: Creating Graphics and Text.

Introduction to PowerPoint 2003 Learning And Research Technical Unit (LARTU)

© Cheltenham Computer Training Using Freelance Graphics - Slide No. 1 A First Look at Freelance Graphics Using Freelance for Windows.

Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures.

Microsoft Excel 2000 Adding Visual Elements and Managing Files.

WORD REVIEW What is a document feature that identifies 12 complementary colors for text, background, accents, and links in a document called?

Inspire students to develop ideas & organize thinking

Lesson 5: Graphics Spotlight on Word ProcessingLesson 51.

Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools.

Understanding Publisher Publisher is a desktop publishing application from Microsoft. It is often considered to be an entry-level desktop publishing application.

1. Chapter 12 Inserting Shapes and WordArt 3 Inserting Shapes, WordArt, and More Create shapes, text boxes, and WordArt to add visual appeal to a Word.

© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.

PowerPoint Lesson 3 Working with Visual Elements

Getting to Know InDesign

© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Refining Original Illustrations Lesson 9.

Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo.

Chapter 4 Creating a Custom Publication from Scratch Microsoft Publisher 2013.

Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.

Who Wants to be a Millionaire? LIFELINES 1.50/50 2.Poll the audience 3.Ask Another Student.

Window’s Edit Tools. Cut To remove an object from a document and place it in a buffer. In word processing, for example, cut means to move a section of.

© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.

Chapter 20. Copyright 2003, Paradigm Publishing Inc. CHAPTER 20 BACKNEXTEND 20-2 LINKS TO OBJECTIVES Create, Format, and Customize Drawn Objects Create,

Paint Tutorial Created February 2006 Start Paint: Start>Programs>Accessories>Paint.

1 CA203 Presentation Application Creating Shapes Lecture # 7.

Adobe Photoshop T.Ahlam Algharasi. Adobe Photoshop Adobe Photoshop is a seriously powerful photo and image edit ( treating and manipulation, compositing,

Create a space Using the box Draw tool for your image.

By: Julienne Faucher. Step 1 Go to the start menu. Open “Accessories” Open paint Make a box.

Introduction to Tool Panel. The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage If the.

Adobe Illustrator CS5 - Illustrated Unit B: Performing Essential Operations.

Lesson 18 Graphics and Charts. Overview Insert clip art. Move and format clip art. Create WordArt. Create text boxes. Create shapes. Creating diagrams.

Microsoft Publisher 2010 Lesson 4 Graphics in Publications.

Distribution Statement A: Unlimited Distribution Introduction to Microsoft PPT.

Chapter 8. Copyright 2003, Paradigm Publishing Inc. CHAPTER 8 BACKNEXTEND 8-2 LINKS TO OBJECTIVES Delete, Move, Copy, and Paste Text Delete, Move, Copy,

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

Adobe Flash Professional CS5 – Illustrated

Word Lesson 6 Working with Graphics

Lesson 4 Graphics in Publications

Chapter Lessons Use the Macromedia Flash drawing tools

Spotlight on Word Processing

Microsoft Publisher 2010 Illustrated Introductory

European Computer Driving Licence

TEXT AND GRAPHICS MANIPULATION

Presentation transcript:

Beginning Graphic Design

Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2. Shapes a. Two Dimensional: Circle, Triangle, Square, Rectangle, Polygon b. Three Dimensional: Sphere, Cone, Cube, etc… 3. Text a. Font Families b. Serif / Sans-Serif 4. Color / Shading 5. White Space / Negative Space a. Unused space

Graphic Manipulations Page 3 1. Change Size a. Proportional / Stretch, Skew 2. Change Location a. Move to a different area 3. Change Position a. Flip b. Rotate 4. Repetition 5. Combination of Graphic Elements a. Connecting elements b. Overlapping elements 6. Fragmentation a. Cutting element into pieces by lines, gaps or shading 7. Changing Tone or Density of Color / Shading

Basic Graphic Creation Page 4 1. Modular GraphicsModular Graphics 2. Combination of ShapesCombination of Shapes 3. RepetitionRepetition 4. Symbol FontsSymbol Fonts 5. Screen CaptureScreen Capture 6. Clip Art ManipulationClip Art Manipulation

Modular Graphics Page 5 The Beginning….. 1. Open Paint 2. From the IMAGE menu select Attributes 3. Specify the total size of your square / rectangle. 4. Fill your document with Basic Graphic ElementsBasic Graphic Elements Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Modular Graphics Page 6 …..The Middle….. 1. Open a NEW Paint Document From the START menu 2. From the IMAGE menu select Attributes 3. Specify an 8-1/2” x 11” size 4. Resize window so you can view both documents. Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Modular Graphics Page 7 …..The End 1. From the EDIT menu of your original document choose Select All 2. From the EDIT menu select Copy 3. Click on the 8-1/2” x 11” document window to make it active 4. Paste your original image 2 – 4 times 5. Using the Rotate & Flip commands experiment for best results. 6. Using the transparent paste option, position your images together to form a single image Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Modular Graphics Page 8 EXAMPLE Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Combination of Shapes Page 9 1. Look for Basic shapes contained in any object 2. Draw basic shapes either connected or over lapping 3. Add / Erase / Change colors as necessary for detailed drawing Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Combination of Shapes Page 10 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Combination of Shapes Page 11 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Combination of Shapes Page 12 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Combination of Shapes Page 13 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Combination of Shapes Page 14 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Combination of Shapes Page 15 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Repetition Page Draw or Select an Object or Clip Art 2. Copy, then paste multiple times. 3. Experiment with placement of copies, color, size, fragmentation 4. Some Student ExamplesSome Student Examples Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Repetition Page 17 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Symbol Fonts Page Use the Character Map Utility to select appropriate symbols 2. From the START menu select Programs / Accessories / System Tools / Character Map 3. Use scroll box to display the contents of the Font 4. Select desired symbol, manipulate to suit needs. Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Symbol Fonts Page 19 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Symbol Fonts Page 20 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Screen Capture Page Use the Screen Capture Utility to copy on screen elements a. With desired images visible press Print Scrn to copy the contents of the monitor to the clipboard. 2. To copy the contents of the Active Window ONLY… a. Press and HOLD the ALT key while pressing the Print Scrn Key 3. Open PAINT 4. From the EDIT menu select Paste 5. Manipulate images as desired Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Screen Capture Page 22 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip

Clip Art Manipulations Page 23 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip 1. Use the following Link to access instructions for some basic clip art manipulations 2. Clip Art ManipulationsClip Art Manipulations

Future Artist? Page 24 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip From this……..

Future Artist? Page 25 Mod GraphicsMod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art ManipCombination of ShapesRepetitionSymbol FontsScreen CaptureClip Art Manip From this……..To this ? For More Student Examples