Premium Content


Premium Content articles are the very best articles from the world's leading internet technology, subject-matter experts. We have many categories of content below on a wide variety of subjects that have all been commissioned from big name authors.

Explore the Premium Content

Masking in Fireworks

Introduction to Masks

Masks are one of the most useful tools in Fireworks. They make it easy to cut out or hide away parts of your work, without having to destroy the original image. This saves you on those Undo commands and means that it's easier to tweak at a later date, when your boss inevitably asks for an alteration...

This tutorial is a beginners introduction to the use of Masks in Macromedia Fireworks MX (and later). It assumes no prior knowledge of Masks (though maybe a little familiarity with Fireworks) and take you through from first principles.

Throughout this tutorial we'll be using the photo of the Meerkat to demonstrate a few of the ways you can use Masking techniques:

I've included him here un-altered, so that you can follow along with the examples more easily.

Read More

An Online Presentation Application With Flash Communication Server MX – part 2

Introduction:

This is 2nd part of this series of articles targeting the steps required to create an online presentation application with Adobe’s (formerly Macromedia Inc.) Flash Communication server 1.5. In the last episode, we learnt how to make a simple presentation application that enabled the presenter to show Jpeg slides to, deliver speech/information about the slides and the users could interact through a text chat.

The general rule in such applications is the greater the number of users, the greater the load on the server and if the application are flooded by un-invited users, then the application may suffer performance issues. In order to avoid this problem, we will learn how to avoid non-invited users by giving access to a select group of users.

Read More

Constructing a website banner - a case study

Anyone who designs websites for a living, or who has built their own website, has faced the need to design and build a banner for the homepage (and for the rest of the site, usually). Banners can play a vital role in the success of the website.

There are two stages to the process, the design and the construction.  This article is about using Fireworks MX (or later) to accomplish the task.  It focuses more on the technical aspects than the aesthetic.  It uses a real-world client project as the basis for the design.

Read More

Working with blends

In the previous article, I showed you how to work with the new Filters feature in Flash Professional 8. They allow you to create some amazing effects on your movie clips, buttons and text fields. In this article, I’ll cover the Blend Modes that you can find in Flash Professional 8. As with the filters, you may have seen blends in software packages like Fireworks and Photoshop. Flash doesn’t offer the same range that you’d find in PhotoShop, but you’ll be surprised at the great effects that you can achieve with the blend modes that are available.

Blends allow you to combine the colours in overlapping objects to achieve different visual effects. Flash Professional 8 includes the following blend modes: Normal, Layer, Darken, Multiply, Lighten, Screen, Overlay, Hard light, Add, Subtract, Difference, Invert, Alpha and Erase. I’ll look at each of these blend modes and show you some examples at the end of the article.

You’ll need a copy of Flash Professional 8 to see the filters covered in this article. You can download a trial copy from the Macromedia Web site.

Download the source files for the tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file. The download includes the starter files you'll need as well as the completed files.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

Let’s get started with an introduction to each of the blend modes.

Read More

Printing in Flash

Printing in Flash

In earlier versions of Flash, printing out your movies was really hard work. Flash MX 2004 introduced the PrintJob class which gave us much more control over printing. It also made the process a whole lot easier.

You can use the PrintJob class to print the Stage from your Flash movie or you can set up movies made especially for printing. These special print movies don’t need to be visible within your main Flash document and they can even be located on a different frame. It’s also possible to create the print movie clip and load the content entirely in ActionScript, before you print it out.

In this tutorial, I want to show you how to get started with the PrintJob class. We’ll look at how you can use it to print the Stage from your Flash movie and then we’ll print out a movie clip that isn’t visible in the published SWF file.

Because the PrintJob class was introduced in Flash Player 7, you’ll need to have at least Flash MX 2004 to complete this tutorial and you’ll have to target Flash Player 7 and above when publishing. You can download the resource files for this tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file.  The zip file includes the starter Flash file, a text file that we’ll load and my completed file.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

We’ll start off by looking at the PrintJob class.

Read More

Working with the Flash 8 Video Encoder

In the previous article, we looked at the updated Import Video Wizard in Flash Professional 8. We used it to embed video clips in a Flash movie. You saw how we could edit the video clip before importing it and how we could add the video to a movie clip so we could write ActionScript to play it.

As I mentioned in the previous article, Flash Professional 8 includes a new codec, the On2 VP6 video codec, which you can use with video that you’re going to publish to Flash Player 8.  If you’re publishing to Flash Player 7, you have to use the Sorenson Spark codec.

In this article, I want to look at working with the Flash 8 Video Encoder. This is a standalone application that allows you to encode video into FLV format. The application allows you to work with more than one file at a time. If you do a lot of work with video, you could install it to another computer dedicated to encoding FLV files.

You’ll need a copy of Flash Professional 8 to see the features covered in this article. If you haven’t bought it yet, you can download a trial copy from the Macromedia Web site. You should also install Flash Player 8 so you can use the new video codec.

You can download the files referred to in the tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

Read More

Getting Started with Flash Lite

You probably know that Flash is available on all sorts of devices, not just computers. You can use Flash on devices such as PDAs, mobile phones and DVD players. Flash Lite is the version of Flash that works with mobile phones. You can use it to create wallpapers, screensavers, games and applications that will play on some mobile phones.

Because mobile phones don’t have the power of a computer, Flash Lite is a cut down version of Flash. You can find out more about it at http://www.macromedia.com/software/flashlite/. Flash Lite comes in three different versions – 1.0, 1.1 and the newly released 2.0. Flash Lite 2.0 works includes support for video and XML. However, authoring tools for this version aren’t yet available. In this article, we’ll work with version 1.1.

Not all devices support Flash Lite but you can find a complete list of those that do at http://www.macromedia.com/mobile/supported_devices/. In general, many of the phones available in Japan support Flash Lite. Symbian Series 60 phones and Symbian UIQ phones also support Flash Lite.

Flash Professional 8 comes with several different options for working with Flash Lite. The Flash Lite emulator allows you to preview your content to see how it will appear in the mobile phone and there are a number of templates to start you off.

You can download the resource files for this tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file. I’ve shown how Flash Lite 1.1 works with Flash Professional 8, but you can use earlier versions of Flash.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

Read More

To mask, or not to mask. That is the question!

One of the big milestones in your Fireworks graphics expertise is the technique of using masks to isolate a portion of an image. It’s almost a right-of-passage, and it isn’t always easy to use. Fireworks has many useful methods for building image masks but this article isn’t about those—instead, it’s a method you can use that simulates a mask without the drawbacks associated with masks. And while I am not saying you shouldn’t use masks (where, oh, where would we be without them!) what I am saying is that sometimes a mask is more of a pain to use—even in Fireworks—than it needs to be.

Read More

Correcting lens and perspective distortion

When you photograph buildings, or any scene with strong vertical lines, your image will show, to varying degrees, distortions due to the lens and arising from the angle of view.  When you print the photograph these distortions are immediately obvious and can ruin an otherwise good print.  They can also make building a panorama from several distorted photographs very difficult, even if the distortions are slight.

There are specialist cameras and lenses you can use to avoid these problems, but unless you're a professional photographer, these are probably outside your budget.  Fortunately with digital image processing, we can correct most or all of these distortions.  There are quite a number of ways to do this, and for different image editing software applications there are different approaches.

This article shows how to do this using Photoshop CS2, PaintShop Pro 8, Fireworks (4, MX, MX2004, 8) and earlier versions of Photoshop and PSP using plugins from theimagingfactory.com.

Read More

Christmas eCard, part II – Sending and Viewing

Introduction

In the previous article of the series we have built the functionality required for composing our Christmas eCard. Today we will complete the application and build the functionality for sending as well as viewing the received card.

You won’t need a database to store eCard information; instead it will be passed to the URL containing the eCard viewer Flash movie in a query string. A server-side page will extract all the parameters from the query string and pass them to Flash.

Before attempting to send the card to the recipient we will validate user’s input.
For this task we will utilize the new Flash 8 External Interface class while putting to work JavaScript regular expressions feature.
Please note that version 8 of Flash application is required to complete this tutorial.

Read More

Working with video in Flash Professional 8

Flash Professional 8 includes a range of changes to the way you can work with video. These include a new standalone package called the Flash 8 Video Encoder. There are also changes to the Import Video Wizard and a new codec, the On2 VP6 video codec, for exporting video.

In this article, I want to look at embedding video with the Import Video Wizard. I’ll show you how you can use this Wizard to add video to a Flash movie. In the next article, I’ll show you how to use the Flash Video Encoder and we’ll work with the FLV video format.

You’ll need a copy of Flash Professional 8 to see the features covered in this article. If you haven’t bought it yet, you can download a trial copy from the Macromedia Web site. You should also install Flash Player 8 so you can use the new video codec. Note that the code samples within the article all use AS2.0.

You can download the files referred to in the tutorial from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options... and clicking the Delete Cookies... button on the General tab.

This article is part of the new interactive e-book; Out of my mind: Flash 8 Power

Read More

Flash 8 – ActionScript and JavaScript communication

In previous versions of Flash, getting ActionScript and JavaScript to communicate was a big effort. You could use getURL and fscommand to call a JavaScript function from within a Flash movie. If you’ve ever worked with fscommand, you’ll know that creating this type of communication can be pretty hard going.

Flash 8 includes a brand new way to communicate called the ExternalInterface class or the External API. The External API allows a Flash movie to communicate with a Web browser or any other container that plays the Flash movie. Not only can your Flash movie communicate with JavaScript, but you can also call a C#, VB.NET or Python function in a desktop application. The only drawback is that you have to target Flash Player 8 to be able to use this functionality.

In this tutorial, we’ll set up a simple two-way communication between Flash and a form on a Web page. You’ll be able to enter details in Flash, and transfer them to a form on a Web page. You’ll also be able to enter details in the Web form and transfer them through to Flash.

You’ll need a copy of Flash 8 so you can work with the External API. Download the source files for the tutorial from the blue Properties box that contains the article PDF. There’s a heading titled Code Download and you can click the Details link next to it to get the zip file. The download includes the starter files you’ll need as well as the completed files.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options... and clicking the Delete Cookies... button on the General tab.

As we’ll focus on Web browser communication in this tutorial, we’d better find out which browsers support the External API and how the Flash Player 8 security model has changed.

Read More
Newer articles Older articles