Animated Gif - Illustrator /Text and Shapes

Size: px
Start display at page:

Download "Animated Gif - Illustrator /Text and Shapes"

Transcription

1 - Illustrator /Text and Shapes Use Adobe Illustrator to create an animated gif. Use a variety of shapes, outlined type, or live traced objects as your subjects. Apply all the skills that we have developed on pass projects. Text Step 1-5 inches x 5 inches or 360 pixel x 360 pixel. Step 2 (Text)- Use the type tool to write your text. Step 3 (Text)- Type > Create Outlines Step 4(Text) - Adjust the Kerning and Tracking so all the letters are properly spaced. Shapes Step 1(Shapes) - Open a new document in Adobe Illustrator that is 5 inches x 5 inches or 360 pixel x 360 pixel.. Step 2 (Shapes) - Use your Shape tool to create a variety of interesting shapes. Rectangle Tool The Rectangle Tool is used to draw squares and rectangles. If you hold down the shift key while you drag out you draw a perfect square. There is also a hidden menu. Step 3 (Shapes)- Use your Pen tool create shapes. Pen Tool The pen tool is used to draw straight or curved lines. The tool uses anchor points that are dropped to create lines and shapes. Step 4 (Shapes)- Use your Brush or pencil tool create shapes. Paintbrush Brushes let you stylize the appearance of paths. You can apply brush strokes to existing paths, or you can use the Paintbrush tool to draw a path and apply a brush stroke. Pencil The Pencil Tool is used to draw curved lines. The stoke weight can be changed and patterns can be applied. The pencil can also be used to smooth lines.

2 Live Trace Open a new document in Adobe Illustrator that is 5 inches x 5 inches or 360 pixel x 360 pixel Find an image on the internet. Select your image with the black arrow - At the top of the screen click the button - Image Trace. Click on the Live Trace Menu Try adjusting the Threshold to see how it effects your image. Check the box Ignore White!!!!!. Click here to open all your. This will take away the white background. It may be deceiving, because the artboard is white. Make sure your preview box is checked so you can see how the options are effecting your image.

3 How you create your image for your animated gif is totally up to you. You may want to use only text, you may want to use only shapes, you may want to use only live traced objects. You can combine all the methods or focus on one. Your gif needs to have a minimum of 12 layers see next set of direction for clarification. 5 Step by step how to create layers for your animation. Layer 1 - Draw a collection of shapes, text or images that you want to animate. 5 After you are completely done with layer one. Click in the upper right corner of the layers menu and Duplicate Layer 1 Rename the new layer Layer 2 Turn off the eyeball next to layer 1.

4 Make alterations to Layer 2. After you are completely done with layer two. Click in the upper right corner of the layers menu and Duplicate Layer 2 Rename the new layer Layer 3 Turn off the eyeball next to layer 2. Continue repeating the steps above until you have 12 different layers. Each layer is going to be one frame of animation.

5 Step 1 - In the layers palette, unlock all the layers and click all the eyeballs so you can see all the layers. Step 2- Save a copy of this file into your dropbox now. Drag and drop the file from your desktop into your dropbox account. Make sure it is properly named. It is important to save a copy now just in-case we need to edit the original file later. Step 3 - Reopen your file either by downloading it or using the one on your desktop. Step 4 - File > Export The Format needs to be changed to.psd Export Make sure you save your work onto your desktop Another window will pop up - Make sure your resolution is set to Screen 72 and your Options for - write Layers - is selected. Drag the new psd file into your dropbox to save it.

6 Step 5 - Open up Adobe Photoshop. On your desktop open the Creative Suite folder and click on Photoshop. Step 6 - If your psd file in not on your desktop > download it from your dropbox now. Step 7 - File > Open (find your psd file on the desktop.) Step 8 (optional) - There may be extra space around your image. To make your gif the right size you will need to crop the screen. Step 9 (optional)- Use the rectangle marquee selection tool (the red arrow is pointing at it) and drag a marquee (a box) around your image. The blue arrow is pointing at what the marquee looks like. Step 10 (optional)- Image > Crop

7 Changing the checker board background to a color If your animation has a checker board background, you will need to add a new layer. (c) Drag the layer to the bottom, below layer 1. (a) select layer 1 (b) click the button on the bottom of the layer palette indicated above. (d) open the paint bucket tool. It may be hiding behind the gradient tool Select a color that you would like your background to be. Dump in the color on the new bottom layer (e) rename the layer background, this layer will remain on for all the frames of the animation.

8 Step 11 - Window > Timeline Animated Gif Click this Button Make sure the Create Frame Animation is showing. If not click on the triangle next to the button and change it from video timeline to Frame Animation Step 12 - If your layers are not open - Window > Layers Lets Start Animating Step 13 - For the first frame the only layer that should have an eyeball next to it should be layer 1. Step 14 - Click the button at the bottom of the animation window to add another frame. Add Frame

9 Step 15 - Now the second frame should be highlighted in blue and the only layer that should have an eyeball next to it should be layer 2. Frame 2 is selected Step 16 - Add another frame - see step 25 if your need a refresher. Now the third frame should be highlighted in blue and the only layer that should have an eyeball next to it should be layer 3. Frame 3 is selected Step 17 - Continue adding frames and selecting the corresponding layer.

10 Step 18 - You can view your animation by using the controls at the bottom of the animation window. Step 19 - You can control the speed of each frame by adjusting the time at the bottom on each frame. Step 20 - File > Export > Save for the Web (Legacy) Make sure the Gif is selected as the format. In the next window just make sure the image only is selected for the format and you are saving your file onto your desktop. Step 21 - Drag the gif file from the desktop into your dropbox.

-Remember to always hit Command + S every time you make a change to your project going forward.

-Remember to always hit Command + S every time you make a change to your project going forward. -Open Animate -Under Create New - Select ActionScript 3.0 -Choose Classic as the Design type located in the upper right corner -Animate workspace shows a toolbar, timeline, stage, and window tabs -From

More information

Tactile and Advanced Computer Graphics Module 7. Introduction to Illustrator

Tactile and Advanced Computer Graphics Module 7. Introduction to Illustrator Tactile and Advanced Computer Graphics Module 7 Introduction to Illustrator Module #7 Introduction to Illustrator Tactile and Advanced Computer Graphics Module 7 Introduction to Illustrator Summary Goal(s):

More information

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting

Adding Objects Creating Shapes Adding. Text Printing and Exporting Getting Started Creating a. Creating Shapes Adding Text Printing and Exporting Getting Started Creating a Workspace Pages, Masters and Guides Adding Objects Creating Shapes Adding Text Printing and Exporting Getting Started Creating a Workspace Pages, Masters and Guides Adding Objects

More information

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE)

A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) A QUICK TOUR OF ADOBE ILLUSTRATOR CC (2018 RELEASE) Lesson overview In this interactive demonstration of Adobe Illustrator CC (2018 release), you ll get an overview of the main features of the application.

More information

creating files and saving for web

creating files and saving for web creating files and saving for web the template files assume a default image size of 300 x 300 pixels images intended for the web should be produced in rgb mode name your images in a logical format, so

More information

Keyboard Shortcuts. Command Windows Macintosh

Keyboard Shortcuts. Command Windows Macintosh S00ILCS5.qxp 3/19/2010 1:11 AM Page 477 Keyboard Shortcuts k Adobe Illustrator CS5 If a command on a menu includes a keyboard reference, known as a keyboard shortcut, to the right of the command name,

More information

GETTING AROUND STAGE:

GETTING AROUND STAGE: ASM FLASH INTRO FLASH CS3 is a 2D software that is used extensively for Internet animation. Its icon appears as a red square with a stylized Fl on it. It requires patience, because (like most computer

More information

1. New document, set to 5in x 5in, no bleed. Color Mode should be default at CMYK. If it s not, changed that when the new document opens.

1. New document, set to 5in x 5in, no bleed. Color Mode should be default at CMYK. If it s not, changed that when the new document opens. art 2413 typography fall 17 software review This exercise will reacquaint students with Adobe Illustrator, Photoshop, and InDesign. These are the three main design programs used by the industry. There

More information

2. If a window pops up that asks if you want to customize your color settings, click No.

2. If a window pops up that asks if you want to customize your color settings, click No. Practice Activity: Adobe Photoshop 7.0 ATTENTION! Before doing this practice activity you must have all of the following materials saved to your USB: runningshoe.gif basketballshoe.gif soccershoe.gif baseballshoe.gif

More information

Adobe Illustrator CS Design Professional GETTING STARTED WITH ILLUSTRATOR

Adobe Illustrator CS Design Professional GETTING STARTED WITH ILLUSTRATOR Adobe Illustrator CS Design Professional GETTING STARTED WITH ILLUSTRATOR Chapter Lessons Create a new document Explore the Illustrator window Create basic shapes Apply fill and stroke colors to objects

More information

Adobe Flash CS4 Part 1: Introduction to Flash

Adobe Flash CS4 Part 1: Introduction to Flash CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Flash CS4 Part 1: Introduction to Flash Fall 2010, Version 1.0 Table of Contents Introduction...3 Downloading the Data Files...3

More information

Adobe Illustrator CC Advanced

Adobe Illustrator CC Advanced Copy/Paste Objects 1. Select with Selection-Tool 1. Hold Alt-Key Drag with Selection-Tool while still holding the Alt-Key (Additionally holding Shift will move straight or in 45/90/180 Degrees) Align Objects

More information

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand Photoshop is the software for image processing. With this you can manipulate your pictures, either scanned or otherwise inserted to a great extant.

More information

Adobe Illustrator. Always NAME your project file. It should be specific to you and the project you are working on.

Adobe Illustrator. Always NAME your project file. It should be specific to you and the project you are working on. Adobe Illustrator This packet will serve as a basic introduction to Adobe Illustrator and some of the tools it has to offer. It is recommended that anyone looking to become more familiar with the program

More information

How to draw and create shapes

How to draw and create shapes Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using

More information

Creative Effects with Illustrator

Creative Effects with Illustrator ADOBE ILLUSTRATOR Creative Effects with Illustrator PREVIEW OVERVIEW The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and photographs.

More information

Photoshop Basics A quick introduction to the basic tools in Photoshop

Photoshop Basics A quick introduction to the basic tools in Photoshop Photoshop Basics A quick introduction to the basic tools in Photoshop Photoshop logo courtesy Adobe Systems Inc. By Dr. Anthony R. Curtis Mass Communication Department University of North Carolina at Pembroke

More information

ILLUSTRATOR TUTORIAL-1 workshop handout

ILLUSTRATOR TUTORIAL-1 workshop handout Why is Illustrator a powerful tool? ILLUSTRATOR TUTORIAL-1 workshop handout Computer graphics fall into two main categories, bitmap graphics and vector graphics. Adobe Illustrator is a vector based software

More information

Adobe Animate Basics

Adobe Animate Basics Adobe Animate Basics What is Adobe Animate? Adobe Animate, formerly known as Adobe Flash, is a multimedia authoring and computer animation program. Animate can be used to design vector graphics and animation,

More information

GIMP ANIMATION EFFECTS

GIMP ANIMATION EFFECTS GIMP ANIMATION EFFECTS Animation: Text Word by Word ANIMATION: TEXT WORD BY WORD GIMP is all about IT (Images and Text) BACKGROUND IMAGE Before you begin the text animation, you will download a public

More information

Add Photo Mounts To A Photo With Photoshop Part 1

Add Photo Mounts To A Photo With Photoshop Part 1 Add Photo Mounts To A Photo With Photoshop Part 1 Written by Steve Patterson. In this Photoshop Effects tutorial, we ll learn how to create and add simplephoto mounts to an image, a nice finishing touch

More information

Adobe Illustrator CS5 Part 2: Vector Graphic Effects

Adobe Illustrator CS5 Part 2: Vector Graphic Effects CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Illustrator CS5 Part 2: Vector Graphic Effects Summer 2011, Version 1.0 Table of Contents Introduction...2 Downloading the

More information

Cell Phone. Adobe Illustrator Lesson 16 Working with Gradients Transparency Menu 1. START>PROGRAMS>ADOBE ILLUSTRATOR CS3

Cell Phone. Adobe Illustrator Lesson 16 Working with Gradients Transparency Menu 1. START>PROGRAMS>ADOBE ILLUSTRATOR CS3 L e s s o n 1 6, P a g e 1 Adobe Illustrator Lesson 16 Working with Gradients Transparency Menu Cell Phone 1. START>PROGRAMS>ADOBE ILLUSTRATOR CS3 2. File>New and use these settings. Be sure to change

More information

:: MULTIMEDIA TOOLS :: (2131) :: CLASS NOTES

:: MULTIMEDIA TOOLS :: (2131) :: CLASS NOTES CLASS :: 06 03.04 2016 3 Hours THE AGENDA LOGO CREATION [Adobe Illustrator] :: Text Tool [Creating Outlines] :: Type on Path :: Shapes and Pathfinder :: Pen Tool [DEMO] :: Trace a Simple Illustration/Image

More information

In this lesson, you ll learn how to:

In this lesson, you ll learn how to: LESSON 5: ADVANCED DRAWING TECHNIQUES OBJECTIVES In this lesson, you ll learn how to: apply gradient fills modify graphics by smoothing, straightening, and optimizing understand the difference between

More information

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles.

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles. LESSON 2: CREATING AND MANIPULATING IMAGES OBJECTIVES By the end of this lesson, you will be able to: create and import graphics use the text tool attach text to a path create shapes create curved and

More information

Drawing shapes and lines

Drawing shapes and lines Fine F Fi i Handmade H d d Ch Chocolates l Hours Mon Sat 10am 6pm In this demonstration of Adobe Illustrator CS6, you will be introduced to new and exciting application features, like gradients on a stroke

More information

ADOBE ILLUSTRATOR CS3

ADOBE ILLUSTRATOR CS3 ADOBE ILLUSTRATOR CS3 Chapter 2 Creating Text and Gradients Chapter 2 1 Creating type Create and Format Text Create text anywhere Select the Type Tool Click the artboard and start typing or click and drag

More information

The Photoshop Workspace

The Photoshop Workspace Adobe Photoshop: Chapter 2: The Photoshop Workspace When you first open or start Photoshop the work area is made up of a set of default or standard Tools, Palettes and menus. Photoshop s Tools are contained

More information

Adobe Graphic Master. BIGROCKDESIGNS computer training consultants. Course Outline LEVEL: Section 1 Illustrator CC (Day 1 & 2) DURATION:

Adobe Graphic Master. BIGROCKDESIGNS computer training consultants. Course Outline LEVEL: Section 1 Illustrator CC (Day 1 & 2) DURATION: Adobe Graphic Master Course Outline This course has been created to provide the user with the skills required to incorporate all the packages of Adobe Creative Suite CC/CS6 so as to develop all print requirements

More information

MULTIMEDIA WEB DESIGN

MULTIMEDIA WEB DESIGN CLASS :: 05 03.02 2018 3 Hours THE AGENDA SAVING VECTOR LOGO [Adobe Illustrator] :: File Types: [.ai,.png,.jpg,.gif,.svg] :: Save for Web :: SVG Web Code [View code, View in Browser] LOGO CREATION [Adobe

More information

ANIMATION FOR EDUCATORS. Professional Development Salary Point Class Presented by Jonathan Mazur, NBCT

ANIMATION FOR EDUCATORS. Professional Development Salary Point Class Presented by Jonathan Mazur, NBCT ANIMATION FOR EDUCATORS Professional Development Salary Point Class Presented by Jonathan Mazur, NBCT jonathan.mazur@lausd.net PLANNING YOUR ANIMATION PROJECT Identifying Learning Goals Defining Assessment

More information

Advanced Special Effects

Advanced Special Effects Adobe Illustrator Advanced Special Effects AI exercise preview exercise overview The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects

More information

Macromedia Flash. ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash

Macromedia Flash.   ( Macromedia Flash) : - - Flash. Flash. 10. ( Frame ) . Motion Tween. . Flash Macromedia Flash ( Macromedia Flash).... : 233 - Ram - 16 64 600 - - Flash. Flash... Flash... Flash player Flash.. Flash Flash. Flash. Tweening 10. ( Frame ). Flash (10 1 ). Motion Tween :. Flash. Flash

More information

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques Creating a superhero using the pen tool Topics covered: Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques Getting Started 1. Reset your work environment

More information

Creative Effects with Illustrator

Creative Effects with Illustrator ADOBE ILLUSTRATOR PREVIEW Creative Effects with Illustrator AI OVERVIEW The object is to create a poster with a unified color scheme by compositing artwork drawn in Illustrator with various effects and

More information

ADOBE PHOTOSHOP Using Masks for Illustration Effects

ADOBE PHOTOSHOP Using Masks for Illustration Effects ADOBE PHOTOSHOP Using Masks for Illustration Effects PS PREVIEW OVERVIEW In this exercise, you ll see a more illustrative use of Photoshop. You ll combine existing photos with digital art created from

More information

INDESIGN AND PHOTOSHOP

INDESIGN AND PHOTOSHOP NEIL MALEK, ACI With just a few basic tools, anyone can professionally polish photos in Photoshop and arrange them into a layout in InDesign. The incredible power and diverse tools can be intimidating,

More information

Adobe Illustrator A Hot Air Balloon Sky Scene In this tutorial, we'll explain how to create a fun sky scene with hot air balloons.

Adobe Illustrator A Hot Air Balloon Sky Scene In this tutorial, we'll explain how to create a fun sky scene with hot air balloons. Adobe Illustrator A Hot Air Balloon Sky Scene In this tutorial, we'll explain how to create a fun sky scene with hot air balloons. We will take advantage of the Blend Tool and the Symbol Sprayer Tool and

More information

Adobe photoshop Using Masks for Illustration Effects

Adobe photoshop Using Masks for Illustration Effects Adobe photoshop Using Masks for Illustration Effects PS Preview Overview In this exercise you ll see a more illustrative use of Photoshop. You ll combine existing photos with digital art created from scratch

More information

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo Final Figure Size exclusion chromatography (SEC) is used primarily for the analysis of large molecules such as proteins

More information

Quick Guide for Photoshop CC Basics April 2016 Training:

Quick Guide for Photoshop CC Basics April 2016 Training: Photoshop CC Basics Creating a New File 1. Click File > New 2. Keep Default Photoshop Size selected in the Preset drop-down list. 3. Click OK. Showing Rulers 1. On the Menu bar, click View. 2. Click Rulers.

More information

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

PASS4TEST. IT Certification Guaranteed, The Easy Way!   We offer free update service for one year PASS4TEST IT Certification Guaranteed, The Easy Way! \ http://www.pass4test.com We offer free update service for one year Exam : 9A0-088 Title : Adobe IIIustrator CS4 Exam Vendors : Adobe Version : DEMO

More information

Using Masks for Illustration Effects

Using Masks for Illustration Effects These instructions were written for Photoshop CS4 but things should work the same or similarly in most recent versions Photoshop. 1. To download the files you ll use in this exercise please visit: http:///goodies.html

More information

INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS

INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS INSTRUCTORS: A. SANPHAWAT JATUPATWARANGKUL A. NATTAPOL SUPHAWONG A. THEEPRAKORN LUNTHOMRATTANA COMPUTER AIDED DESIGN I AUTOCAD AND ILLUSTRATOR CS BITMAP IMAGES VS VECTOR GRAPHICS WORKING WITH BITMAP IMAGES

More information

Illustrator 1 Object Creation and Modification Tools

Illustrator 1 Object Creation and Modification Tools Illustrator 1 Object Creation and Modification Tools Pen Tool Creates a precision shape using points and curve handles. Shape Tools Creates geometric solids. Selection Tool Selects objects and groups.

More information

From the dock at the left, right, top, or bottom of your monitor screen, open the Finder.

From the dock at the left, right, top, or bottom of your monitor screen, open the Finder. GETTING STARTED Composition & Defamiliarization: Using Adobe Illustrator as a Tool Kristen Foster 2010 Drawing and Composition Module OTIS College of Art and Design Trash preferences + Open Illustrator

More information

Recipes4Success. Draw and Animate a Rocket Ship. Frames 5 - Drawing Tools

Recipes4Success. Draw and Animate a Rocket Ship. Frames 5 - Drawing Tools Recipes4Success You can use the drawing tools and path animation tools in Frames to create illustrated cartoons. In this Recipe, you will draw and animate a rocket ship. 2012. All Rights Reserved. This

More information

EDITING SHAPES. Lesson overview

EDITING SHAPES. Lesson overview 3 CREATING AND EDITING SHAPES Lesson overview In this lesson, you ll learn how to do the following: Create a document with multiple artboards. Use tools and commands to create basic shapes. Work with drawing

More information

9 Using Appearance Attributes, Styles, and Effects

9 Using Appearance Attributes, Styles, and Effects 9 Using Appearance Attributes, Styles, and Effects You can alter the look of an object without changing its structure using appearance attributes fills, strokes, effects, transparency, blending modes,

More information

Photoshop / Editing paths

Photoshop / Editing paths Photoshop / Editing paths Path segments, components, and points Select a path Adjust path segments Add or delete anchor points Convert between smooth points and corner points Adjust path components Path

More information

Adobe Fireworks is an incredible application with specific solutions to

Adobe Fireworks is an incredible application with specific solutions to Chapter 1: Introducing Fireworks CS4 In This Chapter Understanding when you should use Fireworks Discovering the workspace Finding out about the tools Looking into the views Using the basic selection tools

More information

Keys for selecting tools

Keys for selecting tools Keys for selecting tools Use these shortcuts in the Tools panel. In most cases, you can momentarily switch tools by holding down the keyboard shortcut for the tool. Selection tool V V Rotation tool W W

More information

Exam : 9A Title : Adobe IIIustrator CS4 Exam. Version : Demo

Exam : 9A Title : Adobe IIIustrator CS4 Exam. Version : Demo Exam : 9A0-088 Title : Adobe IIIustrator CS4 Exam Version : Demo 1. While working on a document to be printed on an offset press you decide to print a composite proof to examine the results of color trapping

More information

Photoshop Creative Cloud (CC)

Photoshop Creative Cloud (CC) Photoshop Creative Cloud (CC) Photoshop is an image editing and design software. Photoshop can be used to add special effects to an image, correct color and image flaws, and even remove parts of an image

More information

Creating Vector Shapes Week 2 Assignment 1. Illustrator Defaults

Creating Vector Shapes Week 2 Assignment 1. Illustrator Defaults Illustrator Defaults Before we begin, we are going to make sure that all of us are using the same settings within our application. For this class, we will always want to make sure that our application

More information

Step-By-Step Instructions for Using InDesign

Step-By-Step Instructions for Using InDesign Step-By-Step Instructions for Using InDesign Before you even start a new document in InDesign, you will need to think about the size of your book as well as the number of pages you want to include (not

More information

Illustrator. Project Workbook

Illustrator. Project Workbook Project Workbook 2 Contents Illustrator Illustrator Examples... 4 Pen Tool and Image Trace... 4 Illustrator Tour Project... 5 Type and Logos... 14 Designing with Symbols Project... 20 Illustrator Special

More information

6 Using Adobe illustrator: advanced

6 Using Adobe illustrator: advanced 6 Using Adobe illustrator: advanced This document was prepared by Luke Easterbrook 2011. 1 Summary This document covers the use of the Adobe Creative Suite for Scientific Illustration. The adobe creative

More information

Course Prerequisite: CE 1403 or 1404 Adobe Creative Suite, or equivalent experience.

Course Prerequisite: CE 1403 or 1404 Adobe Creative Suite, or equivalent experience. Syllabus: Adobe Illustrator Continuing Education-SPRING 12 CE*2407 Adobe Illustrator 10 Mondays, 7:00 10:00 pm, Jan 23 April 2 Sarah Gager Lochrie, sarah@sarahgager.com Course Description Turn out professional-looking

More information

EXPORTING ASSETS. Lesson overview

EXPORTING ASSETS. Lesson overview 15 EXPORTING ASSETS Lesson overview In this lesson, you ll learn how to do the following: Create pixel-perfect drawings. Use the Export For Screens command. Work with the Asset Export panel. Generate,

More information

Adobe InDesign CC 2017

Adobe InDesign CC 2017 Adobe InDesign CC 2017 InDesign is used for print and layout design. It is one of the best programs to work with text and make publications, fliers, and printed designs. New Document Toolbar Exporting

More information

Adobe Illustrator CS5 Basic. Course Outline. Course Length: 1 Day. Course Overview. Prerequisites/Audience

Adobe Illustrator CS5 Basic. Course Outline. Course Length: 1 Day. Course Overview. Prerequisites/Audience Adobe Illustrator CS5 Basic Course Length: 1 Day Course Overview This course covers the fundamentals of Illustrator CS5, which is used primarily to work with vector-based graphics. After getting familiar

More information

2 SELECTING AND ALIGNING

2 SELECTING AND ALIGNING 2 SELECTING AND ALIGNING Lesson overview In this lesson, you ll learn how to do the following: Differentiate between the various selection tools and employ different selection techniques. Recognize Smart

More information

Adobe PageMaker Tutorial

Adobe PageMaker Tutorial Tutorial Introduction This tutorial is designed to give you a basic understanding of Adobe PageMaker. The handout is designed for first-time users and will cover a few important basics. PageMaker is a

More information

Adobe Web Project. Illustrator. Curriculum Guide

Adobe Web Project. Illustrator. Curriculum Guide Adobe Web Project Illustrator Curriculum Guide ILLUSTRATOR OVERVIEW Contents Illustrator Lesson 1: Beginning Successfully Tools Palettes Artwork Windows Lesson 2: Working in Illustrator Artwork Drawing

More information

The original image. Let s get started! The final result.

The original image. Let s get started! The final result. Vertical Photo Panels Effect In this Photoshop tutorial, we ll learn how to create the illusion that a single photo is being displayed as a series of vertical panels. It may look complicated, but as we

More information

CHAPTER 7 Enrichment Activity

CHAPTER 7 Enrichment Activity Create an Illustration with Symbols The Symbols palette is a collection of images, like clip art. Choose Window>Symbols to view the Symbols pallet. When you open the palette, it looks like you have only

More information

Creating. an Illustration. Illustrator 9.0. Objectives

Creating. an Illustration. Illustrator 9.0. Objectives U B nit Creating an Illustration Objectives Plan your illustration Work with palettes Draw with the Paintbrush Tool Scale objects Distort an object Choose colors from the Web Swatch library Use the Transform

More information

13 PREPARING FILES FOR THE WEB

13 PREPARING FILES FOR THE WEB 13 PREPARING FILES FOR THE WEB Lesson overview In this lesson, you ll learn how to do the following: Create and stylize a button for a website. Use layer groups and artboards. Optimize design assets for

More information

Creating an Animated Navigation Bar in InDesign*

Creating an Animated Navigation Bar in InDesign* Creating an Animated Navigation Bar in InDesign* *for SWF or FLA export only Here s a digital dilemma: You want to provide navigation controls for readers, but you don t want to take up screen real estate

More information

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert.

2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert. PhotoShop Help File Sleeping mask advert lesson 1.) Open adobe Photoshop. 2.) Open you re my documents folder, and then open you re my pictures folder. Now create a new folder called mask advert. 3.) From

More information

Drawing tool gallery 2 06/06/07 09:21:26. Illustrator provides the following drawing tools: The Add Anchor Point tool (+) adds anchor points to paths.

Drawing tool gallery 2 06/06/07 09:21:26. Illustrator provides the following drawing tools: The Add Anchor Point tool (+) adds anchor points to paths. pport/adobe/adobehelpdata/cache/illustrator/12.0/en_us/htmłpage/ws714a382cdf7d304e7e07d0100196cbc5f-6266.html Drawing tool gallery Drawing tool gallery Illustrator provides the following drawing tools:

More information

Adobe InDesign CS6 Tutorial

Adobe InDesign CS6 Tutorial Adobe InDesign CS6 Tutorial Adobe InDesign CS6 is a page-layout software that takes print publishing and page design beyond current boundaries. InDesign is a desktop publishing program that incorporates

More information

ORGANIZING YOUR ARTWORK WITH LAYERS

ORGANIZING YOUR ARTWORK WITH LAYERS 9 ORGANIZING YOUR ARTWORK WITH LAYERS Lesson overview In this lesson, you ll learn how to do the following: Work with the Layers panel. Create, rearrange, and lock layers and sublayers. Move objects between

More information

Hand Drawn Lines with the Liquify Filter

Hand Drawn Lines with the Liquify Filter Hand Drawn Lines with the Liquify Filter digitalscrapper.com/blog/qt-hand-drawn-lines Jenifer Juris Hand Drawn Lines with the Liquify Filter by Jenifer Juris Add an authentic hand drawn touch to any project

More information

Adobe Photoshop CS2 Reference Guide For Windows

Adobe Photoshop CS2 Reference Guide For Windows This program is located: Adobe Photoshop CS2 Reference Guide For Windows Start > All Programs > Photo Editing and Scanning >Adobe Photoshop CS2 General Keyboarding Tips: TAB Show/Hide Toolbox and Palettes

More information

ILLUSTRATOR. Introduction to Adobe Illustrator. You will;

ILLUSTRATOR. Introduction to Adobe Illustrator. You will; ILLUSTRATOR You will; 1. Learn Basic Navigation. 2. Learn about Paths. 3. Learn about the Line Tools. 4. Learn about the Shape Tools. 5. Learn about Strokes and Fills. 6. Learn about Transformations. 7.

More information

DrawPlus X8. Quick Start Guide. Simple steps for getting started with your drawing.

DrawPlus X8. Quick Start Guide. Simple steps for getting started with your drawing. DrawPlus X8 Quick Start Guide Simple steps for getting started with your drawing. In this guide, we will refer to specific tools, toolbars and tabs. Use this visual reference to help locate them on the

More information

GRAPHIC WEB DESIGNER PROGRAM

GRAPHIC WEB DESIGNER PROGRAM NH132 Illustrator Level 1 24Total Hours COURSE TITLE: Illustrator Level 1 COURSE OVERVIEW: This course covers the fundamentals of Illustrator, which is used primarily to work with vector-based graphics.

More information

PLEASE NOTE THAT LECTURE NOTES ARE IN TRANSITION TO VERSION 8

PLEASE NOTE THAT LECTURE NOTES ARE IN TRANSITION TO VERSION 8 Flash MX Professional 2004/Flash 8 Introduction to Flash, Panels, Drawing tools Outline of lecture demo/hands on class practice (Reading Chapters Flash MX 2004 HOT CH 1-3) PLEASE NOTE THAT LECTURE NOTES

More information

HO-1: INTRODUCTION TO FIREWORKS

HO-1: INTRODUCTION TO FIREWORKS HO-1: INTRODUCTION TO FIREWORKS The Fireworks Work Environment Adobe Fireworks CS4 is a hybrid vector and bitmap tool that provides an efficient design environment for rapidly prototyping websites and

More information

InDesign CS Basics. To learn the tools and features of InDesign CS to create publications efficiently and effectively.

InDesign CS Basics. To learn the tools and features of InDesign CS to create publications efficiently and effectively. InDesign CS Basics InDesign Basics Training Objective To learn the tools and features of InDesign CS to create publications efficiently and effectively. What you can expect to learn from this class: How

More information

EDITING AND COMBINING SHAPES AND PATHS

EDITING AND COMBINING SHAPES AND PATHS 4 EDITING AND COMBINING SHAPES AND PATHS Lesson overview In this lesson, you ll learn how to do the following: Cut with the Scissors tool. Join paths. Work with the Knife tool. Outline strokes. Work with

More information

Using a Photoshop project design in Flash Catalyst

Using a Photoshop project design in Flash Catalyst Turn layer visibility on and off by clicking in the eye Using a Photoshop project design in Flash Catalyst You must plan your project carefully and design each page with all the necessary components. Some

More information

4 Working with Selections

4 Working with Selections 4 Working with Selections Learning how to select areas of an image is of primary importance you must first select what you want to affect. Once you ve made a selection, only the area within the selection

More information

Adobe InDesign Reference NEW YORK CITY COLLEGE OF TECHNOLOGY THE CITY UNIVERSITY OF NEW YORK

Adobe InDesign Reference NEW YORK CITY COLLEGE OF TECHNOLOGY THE CITY UNIVERSITY OF NEW YORK Adobe InDesign Reference NEW YORK CITY COLLEGE OF TECHNOLOGY THE CITY UNIVERSITY OF NEW YORK ARCHITECTURAL TECHNOLOGY DEPARTMENT By Annie Boccelli, Anne Leonhardt, Joseph Lim, & Joe Smith created 18 December

More information

Graphic Design & Digital Photography. Photoshop Basics: Working With Selection.

Graphic Design & Digital Photography. Photoshop Basics: Working With Selection. 1 Graphic Design & Digital Photography Photoshop Basics: Working With Selection. What You ll Learn: Make specific areas of an image active using selection tools, reposition a selection marquee, move and

More information

Chapter 1 Introduction to Photoshop CS3 1. Exploring the New Interface Opening an Existing File... 24

Chapter 1 Introduction to Photoshop CS3 1. Exploring the New Interface Opening an Existing File... 24 CONTENTS Chapter 1 Introduction to Photoshop CS3 1 Exploring the New Interface... 4 Title Bar...4 Menu Bar...5 Options Bar...5 Document Window...6 The Toolbox...7 All New Tabbed Palettes...18 Opening an

More information

Photoshop Domain 3: Setting Project Requirements. Dreamweaver Domain 3

Photoshop Domain 3: Setting Project Requirements. Dreamweaver Domain 3 Photoshop Domain 3: Setting Project Requirements 1 Objectives Identify elements of the Photoshop CS5 user interface and demonstrate knowledge of their functions. Demonstrate knowledge of layers and masks.

More information

Chapter 1. Getting to Know Illustrator

Chapter 1. Getting to Know Illustrator Chapter 1 Getting to Know Illustrator Exploring the Illustrator Workspace The arrangement of windows and panels that you see on your monitor is called the workspace. The Illustrator workspace features

More information

Paint Tutorial (Project #14a)

Paint Tutorial (Project #14a) Paint Tutorial (Project #14a) In order to learn all there is to know about this drawing program, go through the Microsoft Tutorial (below). (Do not save this to your folder.) Practice using the different

More information

Adobe Illustrator CC 2018 Tutorial

Adobe Illustrator CC 2018 Tutorial Adobe Illustrator CC 2018 Tutorial GETTING STARTED Adobe Illustrator CC is an illustration program that can be used for print, multimedia and online graphics. Whether you plan to design or illustrate multimedia

More information

Started with Illustrator 9.0

Started with Illustrator 9.0 U A nit Getting Started with Objectives Define illustration software Start Illustrator View the Illustrator window Create basic shapes and enter text Modify objects Save an Illustrator document Use Illustrator

More information

Photoshop Introduction to The Shape Tool nigelbuckner This handout is an introduction to get you started using the Shape tool.

Photoshop Introduction to The Shape Tool nigelbuckner This handout is an introduction to get you started using the Shape tool. Photoshop Introduction to The Shape Tool nigelbuckner 2008 This handout is an introduction to get you started using the Shape tool. What is a shape in Photoshop? The Shape tool makes it possible to draw

More information

How to Create a Seamless Half Drop Repeat Pattern in Photoshop and Fill an Object

How to Create a Seamless Half Drop Repeat Pattern in Photoshop and Fill an Object How to Create a Seamless Half Drop Repeat Pattern in Photoshop and Fill an Object Half drop repeat patterns are used to create decorative fabric and surface design Examples of repeat patterns are all around

More information

Objective Utilize appropriate tools and methods to produce digital graphics.

Objective Utilize appropriate tools and methods to produce digital graphics. INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where they are most effective or used most often. This

More information

Creating a 3D bottle with a label in Adobe Illustrator CS6.

Creating a 3D bottle with a label in Adobe Illustrator CS6. Creating a 3D bottle with a label in Adobe Illustrator CS6. Step 1 Click on File and then New to begin a new document. Step 2 Set up the width and height of the new document so that there is enough room

More information

Exercise III: Creating a Logo with Illustrator CS6

Exercise III: Creating a Logo with Illustrator CS6 Exercise III: Creating a Logo with Illustrator CS6 Project 1: Creating Logos with the Shape Tools Now that we have some experience with Illustrator s tools, let s expand our goal to create a logo, web

More information

OnPoint s Guide to MimioStudio 9

OnPoint s Guide to MimioStudio 9 1 OnPoint s Guide to MimioStudio 9 Getting started with MimioStudio 9 Mimio Studio 9 Notebook Overview.... 2 MimioStudio 9 Notebook...... 3 MimioStudio 9 ActivityWizard.. 4 MimioStudio 9 Tools Overview......

More information