November 19,

Size: px
Start display at page:

Download "November 19,"

Transcription

1 Web Images: A Snapshot What kinds of images are GIF JPEG used on the web? What does the name stand for? Graphics Interchange Format Joint Photographic Experts Group Animations Yes No Transparent parts of the image Yes No Color Optimal for low-color or monochrome text Optimal for photos, or images that contain extensive colors What is a source image? A file that is used to generate GIFs and JPEGs. The source file contains information about how the image was created and can be manipulated as needed. Source files are generally not loaded onto webpages, but stored for web development. These newly generated GIF and JPEG files will generally be loaded onto a webpage, but will have a smaller file size and be accessible from Internet browsers. While working in Fireworks, you will want to maintain the Fireworks file as a source file. Always be sure you save the original working document! For more general information about images, check out the Capturing and Manipulating Digital Images for the Web workshop! What is resolution? Resolution is a fancy way to describe the sharpness and clarity of an image. It typically looks like a mathematical expression, like 72 dpi, or 300 dpi. The dpi stands for dots per inch. Higher resolution images are usually used for printing publications, and typically have larger file sizes. This is because the computer has to store more information each dot is assigned a value. When creating images for the web, be sure you use 72 dpi. This will keep your file-size low, while ensuring quality viewing images. Page 1

2 Web Design: Images in Context Web Graphics with Fireworks There are a few factors to keep in mind when planning the images for your Web site: Consistency: Select a particular graphic motif, and use it throughout your site. (i.e. a picture of the Sistene chapel as a button on a page with a Picaso type background would NOT be consistent) Know your audience: If your webpage will be visited by artists, you will want to design a very visual webpage (buttons, backgrounds, etc). If scientists will visit your web page, it should be very clean (drop-down menus, clear colors, etc). Keep your important stuff Above the Fold : You have space of approximately 500 X 300 pixels that will appear on just about every browser, without doing any scrolling. Use this space wisely! Beware of Image Filesize: It s very easy to create huge graphic files that look beautiful and load relatively quickly on your browser, but are so huge that they crash the computers of your visitors. One simple way to avoid this is to create your image as usual, then break it into pieces (this is called slicing) before exporting your final file. You can then use HTML to bring those pieces back together. For example, a file that s this size Can be broken into four smaller files like this 100 KB 25 KB 25 KB 25 KB 25 KB For more information about Web design, visit the EEE Help and How To Section at or enroll in one of the Web design workshops Why Fireworks? Integration with a variety of programs (Dreamweaver, CorelDRAW, Photoshop and Illustrator, to name a few) Advanced functionality animations, JavaScript, HTML Coding, etc. Great Price - sold as part of the Macromedia Studio MX 2004 Package! Free 30-day trial version, A few of the cool features of Macromedia Fireworks: Photo Manipulation Tools: including red-eye reduction, color adjustments, etc. History Panel: Undo and Redo actions taken many steps ago through the history panel. Cross Platform Viewers: See what your graphic will look like on a Mac or a PC (View > {Macintosh or Windows} Gamma) Page 2

3 Becoming Familiar with Fireworks! Web Graphics with Fireworks The opening window of Fireworks looks like the image below. Notice that Fireworks won t let you do anything, until you open either a new file, or an existing file. This will establish a new Fireworks file without anything in it. This creates your blank canvas. Either open a file that you ve been working on, or click Open to browse for another file to work on. Connects you to the web, where you can download bells and whistles for using Fireworks. Additional Help Options. If you don t want to see this window every time you open Fireworks, click Don t show again. When you click Create New Fireworks File, you see this window: Notice, Fireworks tells you how large the image will start Specify your image size and resolution here The canvas color will be the background for your image. If you decide to change this later, from the menu bar, select Modify > Canvas > Canvas Color Page 3

4 Menu Bar Resource for using various functions Fireworks Workspace Minimize, Cascade and Close this File ONLY Web Graphics with Fireworks Minimize, Cascade and Close Fireworks the entire program! The toolbar appears to the left. See below for more information! 4 different views: Original default, working window Preview what it would look like in a browser 2-Up two tiles of the image side by side, so you can compare changes 4-Up Same as 2-Up, but with 4 tiles Quick Export to various programs Various windows appear on the right. To make these disappear, click this bar with the arrow. Click again to make it reappear. The Properties Panel this will change depending on what you have selected and/or what you are currently doing. Some basic image information frame, size and zoom Page 4

5 The Fireworks Toolbar The Fireworks toolbar is broken into 6 sections, all of which contain different functionality. If the button has a small arrow in the lower right hand corner, then there are additional options. Hold the button down, and you ll see the other choices. Notice, when you select one of the buttons on the toolbar, your Properties Panel changes according to which button you ve selected. This allows you to specify particular parameters for the tool you ve chosen. Be careful adjusting the defaults, until you re familiar with the tool and how it works. Select: pick the items to work on Pointer : Selection tool - selects an entire object all components of an object at once Subselection : Selection tool - selects individual components of an object To select more than one object, using your Subselection Tool, click on the first component. While holding the Shift (Apple Key on a Mac), click on the second item. Repeat for subsequent additions. NOTE: these tips apply to a vast majority of software programs. Fireworks Only: To select all the items in a particular area, hold the Control key down and click and drag a box around the area. Scale : Modification tool - change the size of an object while retaining its relative dimensions, once it has been selected Crop : Modification tool - Reduce the size of the image. Once you ve selected this, you can draw a box around what you want to cut. After you hit enter, everything outside the box disappears. Page 5

6 Bitmap: Treats objects as a collection of dots, called pixels. Basically views the elements as a mosaic. Marquee : Selection tool click and drag a box on the image to select a particular area. Lasso : Selection tool click and drag a boundary around a section of the image to select that section. This tool is not constrained to a box. Magic Wand : Selection tool click on a color in your image to select similar colors. Paint Brush : Creation tool paint on your canvas. Pencil : Creation tool draw on your canvas. In general, the pencil is sharper than the paint brush. This can be changed in the properties panel, but this is generally the difference. Eraser : Modification tool the only way to delete the characteristics of pixels in bitmap mode. Blur : Modification tool reduce the sharpness of a section of the image. Rubber Stamp : Modification tool replace current pixels with other pixels in the image a specified distance away. Eyedropper : Color selection tool click on any color in the image and it will become the main color in your palette. Paint bucket : Modification tool fill the selected area with the main color in your color palette. If nothing is selected, the paint bucket will fill the entire canvas. Page 6

7 Vector: Uses lines and curves to create objects. Vector graphics are easily scalable, and do not depend on resolution. Line : Creation tool insert a starting and ending vertex, and connect these with a straight line. Pen : Creation tool create multiple vertices and connect them with curves (the vertices with the curves is called a path). Auto Shape : Creation tool click and drag on your canvas to create specific shapes. Additional shapes are available when you click and hold this button down. Text : Creation tool add text to your image. Freeform : Modification tool move vertices that were placed on the canvas with the path tool. Knife : Modification tool separate one existing path into two or more paths (slicing tool). Web: These tools are for advanced functionality with the web, like adding buttons, linking images or parts of an image, etc. Rectangle Hotspot : Select an area to which you want to add a special effect, like animation, rollover, menu, etc. Slice : Break the image into smaller, more manageable components that will load more easily onto a webpage. Hide : Make all hotspots and slices disappear from view. This button will not erase the hotspots or slices, but it will make them invisible. Show : Make all hotspots and slices appear. This button will show the hotspots and slices that have already been created. Page 7

8 Colors: Establishes the color palette for your graphic. Specific colors can be chosen for particular components of the graphic. Line Color : Pick a color for the border of the selected item by clicking on the arrow in the lower right corner of the button. Fill Color : Pick a color for the inside of the selected item by clicking on the arrow in the lower right corner of the button. Black / White : Specifies a black line with a white fill for the object that you ve selected. Transparent : Changes the current selected category (line or fill) to transparent basically erases all color. Switch : Reverse the line and fill color. View: Alters the appearance of your window or your place in the window, while you are working on the graphic Standard Screen : Shows program bar (typically the blue bar at the top of the screen that indicates you are in a particular file in Fireworks), menu bar (File, Edit, View, etc), toolbars and docked tabs on the right. Full Screen with Menu : Shows menu bar, toolbars and docked tabs on the right. Full Screen without Menu : Shows toolbar and docked tabs on the right. Hand : Moves your view of the entire graphic, so you can work on/view a specific areas of the graphic. You can click and drag with the hand. To see the entire image in the current window, double click the hand button. Magnify : Makes your view of the graphic larger, so you can do more detailed editing. You can click in the image to magnify. To make the graphic smaller, while the magnify button is selected, hold down the Alt key (Apple Key on a Mac) and click in the image. To quickly see the image in 100% magnification, double click the Magnify button. Page 8

9 Today s Project: The Many Faces of Peter the Anteater Here s what the final product will look like. Some of this we ll do together, some will be a demo. Source Files we ll be using today: anteaterstudying.gif baoc.html ucirvine.gif Note: The disk icon is intended to remind you to save your file. When working in a graphics program, it is ALWAYS a good idea to Save Early, Save Often!! Step 1: Create a New Fireworks File that is 500 X 300, 72 dpi 1. Double-Click the Macromedia Fireworks icon on the desktop. 2. Select Create New File. 3. Enter the image size indicated above. 4. Click OK! Page 9

10 Step 2: Add the Title for the Page Web Graphics with Fireworks 1. Select the text tool from the Vector portion of the Toolbar. 2. Click near the top of the page, and type The Many Faces of Peter the Anteater. Fireworks automatically uses the default text parameters. Where should we look to change the default characteristics of the text? As you continue to use Fireworks, explore the various sections of the Properties Panel these options will greatly enhance your graphics and can be used to create very professional graphics. The Properties Panel for the text in our sample image today looks like this: I used Impact font, size 24 Instead of a solid color for the font, choose Fill Options, then Pattern. A bunch of new options appear below. Select the one you like! These four options specify the size and location of the text. In this case, it is 385 pixels wide, 32 pixels high, and begins at 63 pixels over from the left and 21 pixels down from the top. Center your text! The Effects Button expands to a variety of new menus, one of which is Shadow and Glow. Select Shadow to drop a shadow. You ll see a new window, where you can specify color and additional parameters. To cancel the Drop Shadow, click the check mark. It will turn to a red X, and the shadow will disappear. The effects button is another great feature to explore! Don t forget to save! Page 10

11 Demonstration: Adding Peter to the Title of the Page 1. Select the words Peter the Anteater. 2. A new parameter appears in the Properties Panel: This allows me to shift the text above the baseline (a positive number would appear), or below the baseline (as shown, a negative number appears). 3. Now, I need to get the Peter Graphic. a. This is the anteater from the UCI Libraries Webpage ( b. With the cursor over the graphic, right click and select Save Image As (on a Mac, position your cursor over the graphic, click and hold for the menu). c. Browse to the location of your image files, create an appropriate name and click OK. 4. To add Peter to my title: a. From the File Menu, select Import (or click Ctrl-R). b. Browse to the image file location, select Peter and click OK. c. Your cursor will now look like an upper left hand corner. Click anywhere in the image to place your graphic. d. Click above Peter the Anteater. 5. I prefer the image to be transparent, so I ll use my magic wand to select the white part of the image and hit Delete. Step 3: Import the Intellectual Image 1. From the File Menu, select Import. If you prefer keyboard shortcuts, you can click Ctrl-R. 2. Browse to your desktop, click on the Fireworks folder, and select anteaterstudying.jpg. 3. Your cursor will now look like an upper left hand corner. Click anywhere in the image to place your graphic. The whole image doesn t appear? What can we do? Don t forget to save! 4. This image needs to be rotated! There are two main ways to accomplish this: a. On the Selection Palette, click the Scale Tool. i. Place your cursor over your graphic, but not over the picture of the anteater. ii. You will see what appears to be a circle with an arrow at the end. This is the rotate indicator. iii. Now, you can click and drag to rotate the image. Page 11

12 b. Modify > Transform > Free Transform (or hit Ctrl-T). i. Again, you will see the rotate indicator when you hover outside the picture on your canvas. ii. You can click and drag to rotate. iii. Hit Enter to Save your rotation. 5. This image is way too big for our space, because we want a variety of things to appear above the fold. How can we scale the image so that it is sufficiently small? 6. To add a caption, we will need to add some text. a. From the Vector section of the toolbar, click the Text tool. b. Now, click directly below the image, and type Intellectual. c. In the sample, the text is the same color as Peter s skin. d. Select all the text. e. In the Properties window, click the color box. You ll see a new popup window that gives you a bunch of colors. However, we want to select a color that s already in our image. f. You ll probably notice that your cursor suddenly turned into an eyedropper. This will allow you to pick any color in the window. Click anywhere in Peter s skin, and you ll see that the color of the text has changed to the color of Peter s skin. Don t forget to save! Page 12

13 Step 4: Peter the B.A.O.C. 1. We want to use an image from another source, without saving the file to our computer. The newest version of Fireworks has a fancy shmancy feature that let s us accomplish this. 2. Open the following URL in an Internet Browser window: 3. Be sure both Fireworks and your Browser window are visible. If not, click the Restore button in the upper right corner of the application window. 4. Click on the Celebration image in the browser window (it s the second to last image). 5. While still holding the mouse button down, drag the image into Fireworks. You ll see a + in the Fireworks window. 6. Release the mouse button. 7. The image should be in your Fireworks file!! Technology makes it very easy to copy an image from just about any site. When creating webpages, always be cognizant of copyright issues associated with images and source files! 8. Now, scale your image as necessary, and add the B.A.O.C. caption. Don t forget to save! Step 5: Add the internal link to B.A.O.C. 1. With your pointer tool, select the B.A.O.C. Caption. 2. From the Edit Menu, select Insert > Hotspot (or, Ctrl-Shift-U on the keyboard). 3. Now, Fireworks knows that you might want to add some functionality to your caption. 4. Your Property Window will again look different. To add your link, type the file location in the Link box and alternate text in the Alt box. Your screen should look like this: 5. Now, click anywhere outside the Hotspot. 6. Your link has been created! Don t forget to save! Page 13

14 Demonstration: Peter the Adventurer! 1. Import the anteatersurfing.jpg graphic. 2. Hold the marquee tool down, until you see a circle marquee. Click and drag a marquee around the center of the graphic. 3. From the Select Menu, choose Select Inverse. This deselects what you ve selected, and selects what you didn t select originally. 4. Click Delete. The rest of the black box surrounding the circular center is now gone! 5. Now, I want to add fancy text that goes in a bit of a circle around this new image. a. Using the text tool, type Adventurer near the image. b. In the Vector section of the palette, click and hold the rectangle tool until you see all the options. Select Ellipse. c. In the image, click and drag a circle around the anteater surfing graphic. Make the ellipse slightly larger than the original graphic. d. Since I don t want this image to show over my original graphic, I ll choose Modify > Arrange > Send to Back. This will put the new ellipse behind everything else. e. Now I want to attach the Adventurer text to my ellipse. Using the pointer tool, select the text, hold the shift key down and select the ellipse. f. From the Text Menu, click Attach to Path (or Ctrl-Shift-Y from the keyboard). Now, the text follows the path of the ellipse. g. To make the text fancy, Use the pointer tool to select the text and click on the + by the Effects section of the Properties Panel. h. Just to be sure the text moves with the graphic, click on the Pointer Tool (if not already selected), and using the Control key, create a box around the whole thing. i. From the Modify Menu, select Group (or Ctrl-G from the keyboard). This will ensure that the entire graphic (caption and image) will move as a single unit. Step 6: UC Irvine Logo 1. Import the ucirvine.gif image from the Fireworks folder on the desktop. 2. Place it near the bottom of the graphic. 3. To make the logo a bit more aesthetically pleasing, use the magic wand tool to select the white background of the logo. 4. Once selected, hit Delete. 5. Insert a hotspot on the image, and link it to Don t forget to save! Page 14

15 Step 7: Cropping Web Graphics with Fireworks 1. There is a significant portion of the canvas that is not filled with any images. To remove this blank section, we will need to crop the document. 2. On the Selection palette, click the Crop tool. 3. In the image, click and drag a box of appropriate size around the graphic. 4. When you release, you will see a new selection box around your image. This box can be resized as necessary using the white boxes on the border. The areas of the graphic that are not selected will have a gray cover over them. This allows you to focus in on your selection visually. 5. Once you have sized your selection appropriately, hit the Enter key on the keyboard. 6. The unselected portion will disappear, and you will be left with a smaller graphic. Demonstration: Slicing and Export to Dreamweaver Slicing is the process of breaking a larger image into more manageable pieces. These new sections of your graphic will be smaller in size, and easier to load for web browsers. 1. On the Web palette, click the Slice tool. 2. Click and drag rectangles around the graphic. Each rectangle will become a slice. 3. There are three main ways to export your graphic into a Dreamweaver document: a. File Menu > Export Wizard. This will walk you through the process of exporting your graphic and will help in the optimization of your image. b. File Menu > Export Preview. This preview is a shorter process, wherein you can select parameters and optimize your graphic without prompts. c. Icon in the upper right corner of the window: click Export HTML to make your graphic accessible to Dreamweaver Additional Topics to Explore: Try adding a Pop-Up Menu. Insert a hotspot, then from the Modify Menu, Click Add Pop-Up Menu. Try adding a button Fireworks has some of these built in. From the Edit Menu, Select Insert, then New Button. Check out the bullets and images available in Fireworks Libraries (Edit > Libraries) If you get stuck Contact Dwayne or Caryn! Dwayne: dpack@uci.edu, (from on campus, ext 45274) Caryn: cneiswen@uci.edu, (from on campus, ext 43638) Created by Caryn Neiswender, November 2003 Page 15

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

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 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

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

Kidspiration 3 Basics Website:

Kidspiration 3 Basics Website: Website: http://etc.usf.edu/te/ Kidspiration is the visual learning tool for K-5 learners from the makers of Inspiration. With Kidspiration, students can build graphic organizers such as webs, concept

More information

Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site

Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site More Photoshop skills Selecting areas of the image - using the selection tools In Recitation 2 we learned there are several

More information

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics FACULTY AND STAFF COMPUTER TRAINING @ FOOTHILL-DE ANZA Office 2001 Graphics Microsoft Clip Art Introduction Office 2001 wants to be the application that does everything, including Windows! When it comes

More information

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool.

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool. THE BROWSE TOOL Us it to go through the stack and click on buttons THE BUTTON TOOL Use this tool to select buttons to edit.. RECTANGLE TOOL This tool lets you capture a rectangular area to copy, cut, move,

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

The Macromedia Flash Workspace

The Macromedia Flash Workspace Activity 5.1 Worksheet The Macromedia Flash Workspace Student Name: Date: Identify the Stage, workspace, Timeline, layers, panels, Tools panel, and Property inspector. The Macromedia Flash Workspace 5-35

More information

Exploring the Flash MX 2004 Workspace

Exploring the Flash MX 2004 Workspace 1 Chapter Exploring the Flash MX 2004 Workspace COPYRIGHTED MATERIAL This first chapter is a warm-up to prepare you for your Flash MX 2004 adventure. It provides a quick introduction to Flash, and is a

More information

ENGL 323: Writing for New Media Repurposing Content for the Web Part Two

ENGL 323: Writing for New Media Repurposing Content for the Web Part Two ENGL 323: Writing for New Media Repurposing Content for the Web Part Two Dr. Michael Little michaellittle@kings.edu Hafey-Marian 418 x5917 Using Color to Establish Visual Hierarchies Color is useful in

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

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

CHAPTER 1 COPYRIGHTED MATERIAL. Getting to Know AutoCAD. Opening a new drawing. Getting familiar with the AutoCAD and AutoCAD LT Graphics windows

CHAPTER 1 COPYRIGHTED MATERIAL. Getting to Know AutoCAD. Opening a new drawing. Getting familiar with the AutoCAD and AutoCAD LT Graphics windows CHAPTER 1 Getting to Know AutoCAD Opening a new drawing Getting familiar with the AutoCAD and AutoCAD LT Graphics windows Modifying the display Displaying and arranging toolbars COPYRIGHTED MATERIAL 2

More information

Designer Reference 1

Designer Reference 1 Designer Reference 1 Table of Contents USE OF THE DESIGNER...4 KEYBOARD SHORTCUTS...5 Shortcuts...5 Keyboard Hints...5 MENUS...7 File Menu...7 Edit Menu...8 Favorites Menu...9 Document Menu...10 Item Menu...12

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

Unit 21 - Creating a Navigation Bar in Macromedia Fireworks

Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------

More information

Interface. 2. Interface Photoshop CS/ImageReady CS for the Web H O T

Interface. 2. Interface Photoshop CS/ImageReady CS for the Web H O T 2. Interface Photoshop CS/ImageReady CS for the Web H O T 2. Interface The Welcome Screen Interface Overview Using the Toolbox Using Palettes Using the Options Bar Creating a Tool Preset Resetting Tools

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

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

USING THE PHOTOSHOP TOOLBOX

USING THE PHOTOSHOP TOOLBOX IN THIS CHAPTER USING THE PHOTOSHOP TOOLBOX Using the Options Bar 44 Using the Selection Tools 45 Using the Crop and Slice Tools 46 Using the Retouching Tools 46 Using the Painting Tools 49 Using the Drawing

More information

Creating Buttons and Pop-up Menus

Creating Buttons and Pop-up Menus Using Fireworks CHAPTER 12 Creating Buttons and Pop-up Menus 12 In Macromedia Fireworks 8 you can create a variety of JavaScript buttons and CSS or JavaScript pop-up menus, even if you know nothing about

More information

ITEC185. Introduction to Digital Media

ITEC185. Introduction to Digital Media ITEC185 Introduction to Digital Media ADOBE ILLUSTRATOR CC 2015 What is Adobe Illustrator? Adobe Illustrator is a program used by both artists and graphic designers to create vector images. These images

More information

Adobe illustrator Introduction

Adobe illustrator Introduction Adobe illustrator Introduction This document was prepared by Luke Easterbrook 2013 1 Summary This document is an introduction to using adobe illustrator for scientific illustration. The document is a filleable

More information

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush.

Paint/Draw Tools. Foreground color. Free-form select. Select. Eraser/Color Eraser. Fill Color. Color Picker. Magnify. Pencil. Brush. Paint/Draw Tools There are two types of draw programs. Bitmap (Paint) Uses pixels mapped to a grid More suitable for photo-realistic images Not easily scalable loses sharpness if resized File sizes are

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

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things.

HOW TO. In this section, you will find. miscellaneous handouts that explain. HOW TO do various things. In this section, you will find miscellaneous handouts that explain do various things. 140 SAVING Introduction Every time you do something, you should save it on the DESKTOP. Click Save and then click on

More information

HAPPY HOLIDAYS PHOTO BORDER

HAPPY HOLIDAYS PHOTO BORDER HAPPY HOLIDAYS PHOTO BORDER In this Photoshop tutorial, we ll learn how to create a simple and fun Happy Holidays winter photo border! Photoshop ships with some great snowflake shapes that we can use in

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

Photoshop Fundamentals

Photoshop Fundamentals Lesson 3 Photoshop Fundamentals Photoshop Fundamentals How to Navigate your Document Zooming in and out To zoom in and out on your Photoshop document, hold down the Command key (Ctrl on Win) and press

More information

Promethean Board. Guide to Basics

Promethean Board. Guide to Basics Promethean Board Guide to Basics 1 Table of Contents Introduction... 3 Aligning the Projector Image... 3 Calibrating the ACTIVboard... 4 Opening ACTIVstudio/Creating a Profile... 4 Features Located Within

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

Getting Started Guide

Getting Started Guide SnagIt Getting Started Guide Welcome to SnagIt Thank you for your purchase of SnagIt. SnagIt is the premier application to use for all of your screen capturing needs. Whatever you can see on your screen,

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

Introduction to Microsoft Office PowerPoint 2010

Introduction to Microsoft Office PowerPoint 2010 Introduction to Microsoft Office PowerPoint 2010 TABLE OF CONTENTS Open PowerPoint 2010... 1 About the Editing Screen... 1 Create a Title Slide... 6 Save Your Presentation... 6 Create a New Slide... 7

More information

Learning to use the drawing tools

Learning to use the drawing tools Create a blank slide This module was developed for Office 2000 and 2001, but although there are cosmetic changes in the appearance of some of the tools, the basic functionality is the same in Powerpoint

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

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

Acrobat X Professional

Acrobat X Professional Acrobat X Professional Toolbar Well Page Navigations/Page Indicator Buttons for paging through document Scroll Bar/box page indicator appears when using the scroll button to navigate. When you release

More information

Adobe Fireworks CS Essential Techniques

Adobe Fireworks CS Essential Techniques Adobe Fireworks CS4 HOW-TOs 100 Essential Techniques Jim Babbage 140 64 Creating Graphic Symbols Resizing Symbols When you resize any bitmap to a smaller size, pixel information is discarded. This is normally

More information

Awesome PowerPoint Tricks for Effective Presentations

Awesome PowerPoint Tricks for Effective Presentations EFFECTIVE LEARNING STARTS WITH COMPELLING CONTENT Awesome PowerPoint Tricks for Effective Presentations Instructional Design and Content Creation for Live Training and elearning info.com +1 866 789 2482

More information

Assignment 1 Photoshop CAD Fundamentals I Due January 18 Architecture 411

Assignment 1 Photoshop CAD Fundamentals I Due January 18 Architecture 411 Due January 18 Architecture 411 Objectives To learn the basic concepts involved with raster-based images, including: pixels, RGB color, indexed color, layers, rasterization, and the sorts of operations

More information

Step 1: Create A New Photoshop Document

Step 1: Create A New Photoshop Document Snowflakes Photo Border In this Photoshop tutorial, we ll learn how to create a simple snowflakes photo border, which can be a fun finishing touch for photos of family and friends during the holidays,

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

A new clients guide to: Activating a new Studio 3.0 Account Creating a Photo Album Starting a Project Submitting a Project Publishing Tips

A new clients guide to: Activating a new Studio 3.0 Account Creating a Photo Album Starting a Project Submitting a Project Publishing Tips Getting Started With Heritage Makers A Guide to the Heritage Studio 3.0 Drag and Drop Publishing System presented by Heritage Makers A new clients guide to: Activating a new Studio 3.0 Account Creating

More information

XnView 1.9. a ZOOMERS guide. Introduction...2 Browser Mode... 5 Image View Mode...15 Printing Image Editing...28 Configuration...

XnView 1.9. a ZOOMERS guide. Introduction...2 Browser Mode... 5 Image View Mode...15 Printing Image Editing...28 Configuration... XnView 1.9 a ZOOMERS guide Introduction...2 Browser Mode... 5 Image View Mode...15 Printing... 22 Image Editing...28 Configuration... 36 Written by Chorlton Workshop for hsbp Introduction This is a guide

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

ADOBE PHOTOSHOP BOOK SAHALSOFTWARE. Frist Editing. Contents

ADOBE PHOTOSHOP BOOK SAHALSOFTWARE. Frist Editing. Contents ADOBE PHOTOSHOP BOOK SAHALSOFTWARE Frist Editing Contents Lesson 01: Introduction of Adobe Photoshop Lesson 02: How to Open Photoshop Lesson 03: Environment Lesson 04: Tools in Adobe Photoshop Lesson 05:

More information

User Guide Belltech Systems, LLC

User Guide Belltech Systems, LLC User Guide Belltech Systems, LLC http://www.belltechsystems.com May, 2006 1. Introducing Belltech CaptureXT 2. Installation and Uninstallation Installation Running the Application Uninstallation 3. User

More information

You can also search online templates which can be picked based on background themes or based on content needs. Page eleven will explain more.

You can also search online templates which can be picked based on background themes or based on content needs. Page eleven will explain more. Microsoft PowerPoint 2016 Part 1: The Basics Opening PowerPoint Double click on the PowerPoint icon on the desktop. When you first open PowerPoint you will see a list of new presentation themes. You can

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

Magazine Layout Design. and Adobe InDesign basics

Magazine Layout Design. and Adobe InDesign basics Magazine Layout Design and Adobe InDesign basics Click on Document on the right side of the pink and black box in the center of your screen. To create a document If this box does not pop open, go to the

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

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW STAROFFICE 8 DRAW Graphics They say a picture is worth a thousand words. Pictures are often used along with our words for good reason. They help communicate our thoughts. They give extra information that

More information

Microsoft Word

Microsoft Word OBJECTS: Shapes (part 1) Shapes and the Drawing Tools Basic shapes can be used to graphically represent information or categories. The NOTE: Please read the Objects (add-on) document before continuing.

More information

bold: text format that makes letters look fatter and darker; used to make important words stand out

bold: text format that makes letters look fatter and darker; used to make important words stand out acceptable use: a set of policies that state what you are expected to do and not do while using information, websites, or programs; these rules and policies are created to protect the users of the products

More information

Layers (Just the Basics) By Jerry Koons

Layers (Just the Basics) By Jerry Koons and their applications are always a topic of concern and confusion, especially to those that are new to the Photoshop and Elements programs. will become one of your best tools after you understand their

More information

Session 7 MS Word. Graphics. Inserting Clipart, and Graphics Modify graphics Position graphics

Session 7 MS Word. Graphics. Inserting Clipart, and Graphics Modify graphics Position graphics Session 7 MS Word Graphics Inserting Clipart, and Graphics Modify graphics Position graphics Table of Contents Session 7 Working with Graphics... 1 The Toolbar... 1 Drawing Toolbar... 1 Picture Toolbar...

More information

use selection tools, layers & masks in PhotoPlus X4 Faking it! Combine three source photos and add text to create a composite image or montage.

use selection tools, layers & masks in PhotoPlus X4 Faking it! Combine three source photos and add text to create a composite image or montage. How to use selection tools, layers & masks in PhotoPlus X4 Faking it! Combine three source photos and add text to create a composite image or montage. The example montage uses photographs of a famous building

More information

[Not for Circulation] This document provides a variety of shortcuts for working in PowerPoint 2007.

[Not for Circulation] This document provides a variety of shortcuts for working in PowerPoint 2007. PowerPoint Shortcuts This document provides a variety of shortcuts for working in PowerPoint 2007. Using Slides from Other Presentations To add a slide from an existing presentation to the current presentation,

More information

Interactive Tourist Map

Interactive Tourist Map Adobe Edge Animate Tutorial Mouse Events Interactive Tourist Map Lesson 1 Set up your project This lesson aims to teach you how to: Import images Set up the stage Place and size images Draw shapes Make

More information

2 Working with Selections

2 Working with Selections 2 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

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

Press the Plus + key to zoom in. Press the Minus - key to zoom out. Scroll the mouse wheel away from you to zoom in; towards you to zoom out.

Press the Plus + key to zoom in. Press the Minus - key to zoom out. Scroll the mouse wheel away from you to zoom in; towards you to zoom out. Navigate Around the Map Interactive maps provide many choices for displaying information, searching for more details, and moving around the map. Most navigation uses the mouse, but at times you may also

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

BASICS OF PIXLR EDITOR

BASICS OF PIXLR EDITOR BASICS OF PIXLR EDITOR Pixlr is a website which you can edit your images professionally. It is a cloud cased system and founded in Sweden. It is similar to Photoshop (but it s free to use online) and you

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

Interface. 2. Interface Adobe InDesign CS2 H O T

Interface. 2. Interface Adobe InDesign CS2 H O T 2. Interface Adobe InDesign CS2 H O T 2 Interface The Welcome Screen Interface Overview The Toolbox Toolbox Fly-Out Menus InDesign Palettes Collapsing and Grouping Palettes Moving and Resizing Docked or

More information

Piktochart 101 Create your first infographic in 15 minutes

Piktochart 101 Create your first infographic in 15 minutes Piktochart 101 Create your first infographic in 15 minutes TABLE OF CONTENTS 01 Getting Started 5 Steps to Creating Your First Infographic in 15 Minutes 1.1 Pick a Template 1.2 Click Create and Start Adding

More information

Corel Draw 11. What is Vector Graphics?

Corel Draw 11. What is Vector Graphics? Corel Draw 11 Corel Draw is a vector based drawing that program that makes it easy to create professional artwork from logos to intricate technical illustrations. Corel Draw 11's enhanced text handling

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

The Fundamentals. Document Basics

The Fundamentals. Document Basics 3 The Fundamentals Opening a Program... 3 Similarities in All Programs... 3 It's On Now What?...4 Making things easier to see.. 4 Adjusting Text Size.....4 My Computer. 4 Control Panel... 5 Accessibility

More information

Photoshop tutorial: Final Product in Photoshop:

Photoshop tutorial: Final Product in Photoshop: Disclaimer: There are many, many ways to approach web design. This tutorial is neither the most cutting-edge nor most efficient. Instead, this tutorial is set-up to show you as many functions in Photoshop

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

Vanishing Flagpole (An Adobe Photo Shop CS5 Project)

Vanishing Flagpole (An Adobe Photo Shop CS5 Project) Vanishing Flagpole (An Adobe Photo Shop CS5 Project) Now you see it. Now you don t Getting Started 1) Download the files needed for this project 2) Unzip the flagpole folder then delete the zipped file.

More information

Word 2013 Quick Start Guide

Word 2013 Quick Start Guide Getting Started File Tab: Click to access actions like Print, Save As, and Word Options. Ribbon: Logically organize actions onto Tabs, Groups, and Buttons to facilitate finding commands. Active Document

More information

If you have been using CorelDRAW, you may have turned off this opening screen. If so, skip to step 5.

If you have been using CorelDRAW, you may have turned off this opening screen. If so, skip to step 5. Opening CorelDRAW If you have been using CorelDRAW, you may have turned off this opening screen. If so, skip to step 5. 1. When CorelDRAW is loaded, a new section is created on the Start Menu. To open

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

BASICS OF MOTIONSTUDIO

BASICS OF MOTIONSTUDIO EXPERIMENT NO: 1 BASICS OF MOTIONSTUDIO User Interface MotionStudio combines draw, paint and animation in one easy easy-to-use program gram to save time and make work easy. Main Window Main Window is the

More information

How to Use the Pixlr Online Image Editor: 9 Steps (with Pictures)

How to Use the Pixlr Online Image Editor: 9 Steps (with Pictures) How to Use the Pixlr Online Image Editor: 9 Steps (with Pictures) Wednesday, February 18 2015, 9:45 PM 1 Go to Pixlr and click on the Image Editor icon. 2 Select an image option when prompted. You can

More information

WORK AREA. Lesson overview

WORK AREA. Lesson overview 1 GETTING TO KNOW THE WORK AREA Lesson overview In this lesson, you ll explore the workspace and learn how to do the following: Open an Adobe Illustrator CS6 file. Adjust the user interface brightness.

More information

Contents. Introducing Clicker Paint 5. Getting Started 7. Using The Tools 10. Using Sticky Points 15. Free resources at LearningGrids.

Contents. Introducing Clicker Paint 5. Getting Started 7. Using The Tools 10. Using Sticky Points 15. Free resources at LearningGrids. ClickerPaintManualUS.indd 2-3 13/02/2007 13:20:28 Clicker Paint User Guide Contents Introducing Clicker Paint 5 Free resources at LearningGrids.com, 6 Installing Clicker Paint, 6 Getting Started 7 How

More information

COPYRIGHTED MATERIAL PHOTOSHOP WORKSPACE. Interface Overview 3. Menus 15. The Toolbox 29. Palettes 61. Presets and Preferences 83 WEB TASKS

COPYRIGHTED MATERIAL PHOTOSHOP WORKSPACE. Interface Overview 3. Menus 15. The Toolbox 29. Palettes 61. Presets and Preferences 83 WEB TASKS PHOTOSHOP WORKSPACE CHAPTER 1 Interface Overview 3 CHAPTER 2 Menus 15 CHAPTER 3 The Toolbox 29 CHAPTER 4 Palettes 61 CHAPTER 5 Presets and Preferences 83 COPYRIGHTED MATERIAL PHOTOSHOP WORK SPACE UNIVERSAL

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

Understanding File Management

Understanding File Management UNIT B Windows 2007 Understanding File Management Files You Will Need: Win B-1.bmp Win B-2.bmp Most of your work on a computer involves using programs to create files. For example, you might use WordPad

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

L E S S O N 2 Background

L E S S O N 2 Background Flight, Naperville Central High School, Naperville, Ill. No hard hat needed in the InDesign work area Once you learn the concepts of good page design, and you learn how to use InDesign, you are limited

More information

Xyron Wishblade Software Manual (PC)

Xyron Wishblade Software Manual (PC) Xyron Wishblade Software Manual (PC) Provided By http://www.mybinding.com http://www.mybindingblog.com Xyron Wishblade Create & Cut Software Manual Section 1 Getting Started with Tool Bars 2 Standard Tool

More information

Design and Print Instruction Manual

Design and Print Instruction Manual Diamond Design Design and Print Instruction Manual Contents Installation 1 Installing the Diamond Design Software 2-3 Installing the ORIGINAL Argox OS-214 printer drivers 4 Installing the EXCEL Argox OS-314

More information

FrontPage. Directions & Reference

FrontPage. Directions & Reference FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web Page...

More information

Adobe Photoshop CS2/CS3: introduction

Adobe Photoshop CS2/CS3: introduction Adobe Photoshop CS2/CS3: introduction Lessons Lesson 1: Overview of Adobe Photoshop CS2/CS3 After you learn about the Photoshop workspace, you'll learn to create a new image, select it, and make an example

More information

animation, and what interface elements the Flash editor contains to help you create and control your animation.

animation, and what interface elements the Flash editor contains to help you create and control your animation. e r ch02.fm Page 43 Wednesday, November 15, 2000 8:52 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information

MS Publisher 2007: Graphics. Lesson Notes Author: Pamela Schmidt

MS Publisher 2007: Graphics. Lesson Notes Author: Pamela Schmidt MS Publisher 2007: Graphics Lesson Notes Author: Pamela Schmidt Auto Shapes When a shape tool is selected, a precision pointer (cross hair) will appear when the mouse pointer is taken over the document.

More information

Adobe. Photoshop CC. Alberto Seveso. CLASSROOM IN A BOOK The official training workbook from Adobe. Andrew Faulkner & Conrad Chavez

Adobe. Photoshop CC. Alberto Seveso. CLASSROOM IN A BOOK The official training workbook from Adobe. Andrew Faulkner & Conrad Chavez Adobe Photoshop CC 2015 ERRATA release 2015.5 RELEASE Alberto Seveso CLASSROOM IN A BOOK The official training workbook from Adobe Andrew Faulkner & Conrad Chavez ERRATA AND FEATURE UPDATES Errata and

More information

Was this document helpful? smarttech.com/docfeedback/ SMART Ink 5.2 USER S GUIDE

Was this document helpful? smarttech.com/docfeedback/ SMART Ink 5.2 USER S GUIDE Was this document helpful? smarttech.com/docfeedback/171190 SMART Ink 5.2 USER S GUIDE Trademark notice SMART Ink, SMART Notebook, SMART Meeting Pro, Pen ID, smarttech, the SMART logo and all SMART taglines

More information

IT153 Midterm Study Guide

IT153 Midterm Study Guide IT153 Midterm Study Guide These are facts about the Adobe Dreamweaver CS4 Application. If you know these facts, you should be able to do well on your midterm. Dreamweaver users work in the Document window

More information

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics Education and Training CUFMEM14A Exercise 2 Create, Manipulate and Incorporate 2D Graphics Menu Exercise 2 Exercise 2a: Scarecrow Exercise - Painting and Drawing Tools... 3 Exercise 2b: Scarecrow Exercise

More information

ITP 101 Project 2 - Photoshop

ITP 101 Project 2 - Photoshop ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development

More information

Animating the Page IN THIS CHAPTER. Timelines and Frames

Animating the Page IN THIS CHAPTER. Timelines and Frames e r ch02.fm Page 41 Friday, September 17, 1999 10:45 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information