Fireworks CS6 A Quick Logo Creation. Step 1- Launch Fireworks CS6 300 x 200 Pixels.

Slides:

Advertisements

Similar presentations

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.

Advertisements

Layout Library Story line Preview screen Tool selection menu.

The GIMP Simple features tutorial By Mary A White.

Adobe Fireworks CS3 Revealed CHAPTER THREE: IMPORTING, SELECTING, AND MODIFYING GRAPHICS.

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

Computer Information Technology Section 7-2

1 USING FIREWORKS Cropping an Image Obtaining Information Changing Image Size Rotating an Image Adjusting the Color of an Image Drawing Tools Using the.

Creating Animations – Lesson 71 Creating Animations Lesson 7.

Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.

Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.

Exercise 1 Checklist Dreamweaver - Local Root Folder –Make sure it is properly specified in Dreamweaver  Verify Otherwise can cause problems with local.

© 2005 Lawrenceville Press Slide 1 Chapter 5 Bitmap Graphics are Composed of Pixels.

PowerPoint Tutorial Pt 2 J.Kellow Images - Images - Can be photos, clip art or own art from paint or other drawing program If necessary remove the white.

Removing White Backgrounds Using Adobe Fireworks.

Photoshop Elements for Libraries: Preparing Your Photos To Go Online Instructor: Jeanne Moje An Infopeople Workshop Winter 2005.

Pronto Whiteboard Features Prepared by Advanced Learning Technologies of the North Dakota University System August 2009.

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.

Use “Paint” to create a Title Page and page 1. Start Menu 2. All Programs 3. Accessories 4. Paint 5. Click on Paint Bucket (Fill with Color) 6. Select.

Chapter 6 Images in Dreamweaver & Fireworks Mrs. Johnson Web Design.

DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.

Microsoft Expression Web-Illustrated Unit I: Working with Tables.

UNDERSTANDING ADOBE FLASH. The Flash Interface  The flash interface provides you with:  A menu bar  Panels  A work area: stage.

Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.

C-Map Tutorial How to create and save a concept map using C-Map, export a C-Map as an image, and export a C-Map as a webpage.

Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.

Adobe InDesign CS5 – Illustrated Unit E: Using Master Pages Adobe InDesign CS5 – Illustrated Unit E: Using Master Pages.

CIS 205—Web Design & Development Fireworks Chapter 1.

Word Garry Storer IT Training Co-Ordinator IT Services.

Resizing Images CS 268. Where to start? Pictures (of course)  Need to down size them for the web.  Pictures taken with a 10 mega pixel camera are usually.

Lecture Manipulating Graphics w/ Paint.Net. What is Paint.Net? Paint.NET is free image and photo editing software for computers that run Windows. It features.

Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.

Sports Website Creation. In this project you will design and produce your own website.

Working with Images William Pegram April 1, 2013.

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.

Animating GIF. What is it? Think of how a flip book works. Each page is a different picture and when flipped through quickly, it looks as though objects.

The Internet Using the Internet Web addresses Searching Favourites Saving / Printing web pages.

First-Semester Writing Portfolio at Seton Hall University.

Adobe InDesign CS2—Revealed PLACING AND LINKING GRAPHICS.

Import pictures I usually save them to my desktop Click here to browse files on your computer or images from the web.

Getting Started with Fireworks A few tips: –Before you begin an assignment, be sure to create a folder on your drive for it. –If your canvas is checkered,

PLACING AND LINKING GRAPHICS

Magnify an image to see pixels Toolbox Document Tab Zoom Level Status Bar Document Window Panels Options Bar Menu Bar.

CMAP Concept Mapping Activity Climate Change Unit.

Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.

Fireworks MX. 2 Lesson 1—Create a New Document and Import Files n Fireworks files are called __________ and are created in the _____ format. n To create.

Unit A Getting Started with Adobe Photoshop. What is Adobe Photoshop? Adobe Photoshop delivers powerful, industry-standard image-editing tools for designers.

Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.

+ Christmas Village Ms. Hattenrath. + Christmas Coloring Sheets On the following slides, there will be Christmas coloring sheets. Please select the ones.

Creating interactive web pages using Fireworks Creating a 5 page mock up.

Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,

Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -

Unit 2, Lesson 7 Creating Web Pages and Web Documents.

Objective: Students will know the screen parts, tools, and menus of the Fireworks program. Students will be able to create a new document, create basic.

Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing.

Page 1 of 8 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 2: ANIMATION 1) Launch Fireworks. 2) Open blackbackground-stanford.gif.

CS 281 – Fall 2010 Lab 4 Parametric Query and Forms in MS Access.

Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Creating a Navigation Bar.

Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.

Unit 15 – Web Authoring Web Authoring Project.

Super Hero Databases Lesson 4.

Chapter Lessons Work with imported files

setting the resolution - 72 vs 300 dpi (300 better quality)

Chapter Lessons Work with imported files

Save for Web and Devices in PS

Photoshop Bell Work Hand Tool: The hand tool moves an image within its window Zoom Tool: The Zoom Tool magnifies and reduces the view of an image. CTRL.

Optimizing Images for the Web

Step-by-Step Banner Creation Guide

Creating buttons in Fireworks

Presentation transcript:

Fireworks CS6 A Quick Logo Creation

Step 1- Launch Fireworks CS6 300 x 200 Pixels

Step 2- Background (Shape) USE VECTOR TOOLBOX OVERSIZE THE SHAPE

Step 3- Add Shape / Use Styles To Customise Play With Styles

Step 4- I Added Some Text, Increased Size and Used A Style

Step 5- Highlight The Text, Click Modify And Distort

Step 6- I Want A Hat Image For The Logo, Save To z: drive

Step 7- Now Add Hat To Current Document and Use Magic Wand to delete background MAGIC WAND

Step 8- I Used An Effect To Tidy Perimeter Of Hat

Step 9- I Imported Another Image, Re- Sized (Shift, Mouse) To Reduce The Size + Removed The Background

Step 12- File Type To GIF WebAdaptive

Step 13- Click File, Export Wizard Click File, Export

Step 14- Click For “The Web” and Continue

Step 15- Read Before You Preview

Step 16a- Preview and Play With Settings? Which is the best one? Why?

Step 16b- All About Optimisation sing/WS3f28b00cc50711d9- 73dfa65f133a490f3b html sing/WS3f28b00cc50711d9- 73dfa65f133a490f3b html

Step 17- Export

Step 18- Open From Windows

Step 19- Details