adobe fireworks

Change page: < 1 2 > | Displaying page 1 of 2, items 1 to 30 of 37.

Adobe Fireworks CS5 : Designing the banner ad (part 3) - Importing Photoshop images

You are getting lots of practice importing images. You will import two more images now, but there’s a twist. These images are Photoshop (PSD) files. Fireworks has some special features for importing such files, even if the file is only a single image.

Adobe Fireworks CS5 : Designing the banner ad (part 2) - Importing assets, Using the Auto Vector Mask for quick fades

You’ll do more complicated masking shortly, but for these police cars, the Auto Vector Mask is just the feature to use. It not only creates a mask quickly, but lets you preview the effect. This command can be used on vector or bitmap objects.

Adobe Fireworks CS5 : Designing the banner ad (part 1) - Adding the background, Editing gradient colors, Editing gradient direction and angle

With the rectangle still active, and the gradient applied, you should see two control arms. The arms are normally black, but we’ve outlined them in white here to make them easier to see.

Adobe Fireworks CS5 : Masking - About masks

In this lesson, you will work with masks to create a banner ad for the promotion of the Double Identity movie, and you’ll have a chance to brush up on importing images and using the Pen and Subselection tools along the way.

Adobe Fireworks CS5 : Fireworks and Flash (part 2) - Importing a flattened bitmap

Bitmap objects cannot be edited within Flash, but this is where Fireworks comes in handy. Flattened objects like this image can benefit from the other Flash/Fireworks integration feature, round-trip editing.

Adobe Fireworks CS5 : Fireworks and Flash (part 1) - Importing Fireworks documents into Flash

It’s important to understand the differences between importing a layered Fireworks PNG file and importing a flattened version of a Fireworks PNG file. In this exercise you will import a native Fireworks PNG file as well as a standard JPEG file.

Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 4) - Adding to the skyline, Adding windows to the building

Selecting the compound shape is just a way to make sure you are adding the other shapes to the correct object. Once you choose the Rectangle tool, the compound shape is no longer selected. This is normal.

Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 3) - Using the Compound Shape tool, Working with compound shapes

You have one last task for this file. Notice the skyline scene? The client has asked that the entire width of the design be filled with a skyline, so you need to add one more building.

Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 2) - Customizing the stroke, Importing and resizing a vector object

Much like adding a fill to a vector, styling the stroke can also add impact and interest to an object. The plain red stroke we’ve got currently is okay, but to achieve a sense of grittiness and danger, you will customize the stroke using one of the preset Stroke categories.

Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 1) - Adding a gradient fill

This “arm” controls the location, direction, angle, and length of the gradient fill. The arm has a circle control point at one end and a square control point at the other.

Adobe Fireworks CS5 : Working with Vector Graphics - Drawing the shape

You will do your best to imitate the shape shown in the following figure. It’s made up of a series of straight anchor point segments. This is a custom shape, so don’t worry if you don’t create an exact match.

Adobe Fireworks CS5 : Working with Vector Graphics - Editing paths

Creating paths and shapes is empowering (and fun!), but it’s only half the battle. Knowing how to edit vectors—that is, to be able to customize them—is equally important.

Adobe Fireworks CS5 : Working with Vector Graphics - Understanding paths and the Pen tool

The Pen tool lets you create custom shapes and paths by drawing with the mouse or a stylus. You can also use it to edit existing shapes by adding anchor points.

Adobe Fireworks CS5 : Working with Vector Graphics - Working with Auto Shapes

Auto Shapes are art with JavaScript logic attached. They include additional diamond-shaped control points that let you alter visual properties, such as corner roundness, corner shape, or the number of points in a star. Most of these control points also have tooltips that describe how they affect the Auto Shape.

Adobe Fireworks CS5 : Working with Vector Graphics - Scaling vector objects, Adding text to your design

Since CS4, Fireworks uses the same text engine as Illustrator and Photoshop, so copying and pasting text from these applications, or opening a Photoshop file containing text, has become much more predictable. Prior to CS4, Fireworks used its own proprietary type engine to render fonts.

Adobe Fireworks CS5 : Working with Vector Graphics - Changing the appearance of basic vector shapes

You can scale, skew, and distort basic vector shapes using the Transform tools in the Tools panel . You can change their fill, stroke, color, and even texture using the Properties panel. In this section we’ll concentrate on basic modifications.

Adobe Fireworks CS5 : Fireworks and Dreamweaver (part 3) - Three-slice technique for content containers

A common visual technique for containing web content is to put the content inside some sort of container, often called a pod, which can expand vertically or horizontally to contain additional content. The three-slice technique creates a pod that expands in one dimension while the other dimension remains fixed.

Adobe Fireworks CS5 : Fireworks and Dreamweaver (part 2) - Round-trip editing

Another request has come in—this one for a change to the navigation bar. The client would prefer the navigation text to be closer to the right and with more spacing between each link. You will make this change using round-trip editing.

Adobe Fireworks CS5 : Fireworks and Dreamweaver (part 1) - Copying and pasting to Dreamweaver

It’s no surprise that products within Adobe Creative Suite are meant to play well together—they are a suite, after all. In this section, you’ll learn some techniques for making the most of the integration between Fireworks and Dreamweaver.

Adobe Fireworks CS5 : Working with Vector Graphics - Basic vector drawing techniques

The Tools panel contains several basic vector shapes, which include the Line tool, the Rectangle tool, the Ellipse tool, and the Polygon tool. To create one of these shapes, select the appropriate tool, and then click and drag on the canvas.

Adobe Fireworks CS5 : Working with Selections - Converting a selection to a path

In Fireworks, you can easily convert bitmap selections to vector paths. Paths can be easier to edit than bitmap selections, in part because you aren’t as likely to delete an entire path by accident.

Adobe Fireworks CS5 : Improving Your Workflow - Cool shortcuts

The client for Nature Tours is wondering about changing the font for the banner, and has asked to have a look at just the website banner. Without changing the layout at all, you can export a specific area of the page.

Adobe Fireworks CS5 : Importing and resizing images

Everything lines up nicely, except those first two images. They were shot with a different camera, and their dimensions differ from the other images. You will crop these two images right on the canvas.

Adobe Fireworks CS5 : Batch-processing images

We needed only thumbnail images for this page in the design. However, should you wish, you could link the thumbnails to the full-sized versions of images using Dreamweaver or your preferred web-design software so that, when clicked, the full-sized images open for viewing.

Adobe Fireworks CS5 : Working with Adobe Bridge

Adobe Bridge can save you a lot of time by letting you view, sort, and open images you wish to use in Fireworks. You can also add information to certain types of images, such as JPEG files or Fireworks PNG files, using the Metadata panel in Bridge.

Adobe Fireworks CS5 : Using document templates (part 2)

You will work with the same call-to-action file as before, but as with the logo, you will customize it once it’s been imported. You will use the Subselection tool to edit individual objects in the group, without ungrouping them.

Adobe Fireworks CS5 : Using document templates (part 1)

One feature that may help you in concept and prototyping stages is document templates. Fireworks comes with a number of prebuilt templates you can use to jump-start a brand-new project

Adobe Fireworks CS5 : Repairing areas with the Rubber Stamp tool

Many professionals prefer to do this type of retouching on a separate layer. In this way, they avoid the potential for permanently ruining an original image. Fireworks lets you do this kind of work in an empty bitmap object, even in the same layer as the original artwork.

Adobe Fireworks CS5 : Applying the Unsharp Mask Live Filter

When resizing an image (often called resampling), pixels are added or removed from the file. When you resize an image to larger than its original size, you are adding pixels and increasing the file size.

Adobe Fireworks CS5 : Adjusting brightness with the Dodge and Burn tools

Sometimes a photo has good general exposure but there are areas in the image that are too light or too dark. These areas need some local adjustment, and this is where the Dodge and Burn tools come in handy.