Hot Adobe Fireworks How-Tos « Adobe Fireworks

How To: Create shiny textured text in Fireworks

This video will show you how your text can be the best using Fireworks! Your design will grab your viewers attention with these simple steps! Proper text size is very important. Using a thick font can make the biggest impression. Filling it with the gradient color with the right light adjustments will make it shine. Don't forget to texture it as well, a nice metallic galvanized finish is featured in the text. Sharp edges and shadowing will make it stand out to any internet surfer.

How To: Create 3-D perspective boxes in Adobe Fireworks

This tutorial shows you a very basic process in Adobe Fireworks - how to make a 3-D perspective box. The steps to complete this simple procedure are clearly outlined in this tutorial. Once rendered, you can even animate your little box and have it dance across the screen!

How To: Create an image inside text effect with Fireworks

In the following tutorial you will create an image inside of text effect and learn how to use text as a mask for both vector and bitmap graphics in several different ways.

How To: Use the Vector Pen Tool in Fireworks 8

The Fireworks 8 pen tool lets you create straight or curved line segments by placing points. Pen tool creates object lines that can be altered by sub-selecting and modifying one or more control points. In this Fireworks 8 video tutorial you will learn how to use Vector Pen Tool, and adjust its parameters. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Use the Vector Pen Tool in Firework...

How To: Replace colors in Fireworks 8

The Replace Color tool lets you select one color and paint over it with a different color. To use the Replace Color tool, choose whether you want to select replacement colors from the swatches or from the image itself using the From drop-down. This is not always the best method to do this, but it's one of the fastest and worth knowing. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions. Repl...

How To: Blur, dodge, and sharpen images in Fireworks 8

In this Fireworks 8 video tutorial you will learn how to use Blur, Dodge, and Sharpen tools. The Blur tool creates the effect of blurring pixels, giving a soft or out-of-focus effect. The Dodge tool is used to lighten pixels on the image. The Sharpen tool increases the contrast between pixels and is useful for repairing out-of-focus images. Make sure to hit "play tutorial" in the top left corner of the video to start the video. There is no sound, so you'll need to watch the pop-up directions....

How To: Create wireframes with doc templates in Adobe Fireworks CS5

In this video tutorial, we learn how to create wireframes using doc templates in Adobe Fireworks CS5. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Create an aurora color burst background for your websites in Fireworks

An aurora effect or color burst effect can blend several different colors in an airy, attractive background. You can make your background reflect, as well. And a benefit of this style is that it's very lightweight and usually does not take up much memory to load.

How To: Inlay and emboss a textured text logo with Fireworks (CS3, CS4 or CS5)

Lift up your text or push it back down with Firework's inlay & emboss feature. Works for FW CS3, CS4, and CS5. Don't be shy with your words, make them stand out! This same trick can also be used with GIMP and Adobe Photoshop.

How To: Create a scroll panel in Adobe Fireworks CS5

In this video tutorial, we learn how to create scroll panels within Fireworks CS5. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Import ASE files in Adobe Fireworks CS5 when rapid prototyping

In this video tutorial, we learn how to import ASE files in Fireworks CS5 when doing prototyping work. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Customize the background for your YouTube channel in Adobe Fireworks

Create a fully editable, customizable background for your YouTube channel. This tutorial shows how to use custom graphics and a custom layout to distinguish your YouTube channel without sacrificing any usability or readability. You'll need a YouTube Partner Account to apply these templates.

How To: Script a randomized fireworks effect in Fireworks using Action Script

This is a custom particle effect, coded using ActionScript 3, that will recreate the effect of a rocket and fireworks explosion. The effect is also randomized, so you'll never get the same animation twice. This tutorial shows you how to code this effect using Fireworks.

How To: Create and animate a helicopter in Flash and Fireworks

This tutorial shows you how to make a very simple animation - a moving helicoper. First you create the helicopter in Fireworks 3, and then you can use Flash scripting to make the searchlight go back and forth, and make the propeller blade start spinning.

How To: Create your first website using the Adobe Fireworks software

Aimed at people who have never created a website before, this tutorial shows you how to use a graphics program to create a website that will have an impact, load quickly and index easily with various search engines. You won't even need to know much coding!

How To: Create a custom backgrond for your social networking profile using Fireworks

Make a custom background for your Facebook, MySpace or YouTube profile using the Fireworks software! This tutorial, using the YouTube layout, shows you how to create a little extra personalization for your profile. Keep screen size and your file limitations in mind as you create your image!

How To: Share layers between pages and create dummy text in Adobe Fireworks

Tom Green shows how to make your life easier using these Fireworks productivity tips. This tutorial includes things like sharing layers between pages and creating dummy text.

How To: Animate pictures using Fireworks 8

In this tutorial, we learn how to animate pictures using Fireworks 8. First, open up Fireworks 8, then open up your picture and zoom in to make it a full screen. You can also draw your picture inside of a blank document on the page. After you have drawn your image onto the screen, go to the frames panel. From here, go to options, then duplicate the pictures. After this, change your picture in the second frame to make the arm in a different position. Now, move from the different frames and it ...

How To: Make a slideshow using Fireworks CS4

Adobe Fireworks is a powerful vector graphics editing tool for creating Flash websites. It has many powerful functions, just one of which you will learn how to use here. This video explains how to make slideshows (or image galleries for the web-savvy) that will display on your website. Making slideshows in Fireworks is easier than doing so in some other programs, so if you're lucky enough to have it watch this video and then get those photos organized!

How To: Draw a female anime character in Adobe Fireworks CS4

Interested in creating anime-style characters within Fireworks? See how it's done. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking for a fun project, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take a look.

How To: Create custom themes for your PSP with Adobe Fireworks

Learn how to create your own custom PSP themes with transparent icons using Adobe Fireworks, Gimp and PSP Theme Converter. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take a look.

How To: Generate a CSS-based layout with Adobe Fireworks

See how to work with (and for) CSS when using Adobe Fireworks. Whether you're new to Adobe's popular bitmap and vector graphics editor (formerly known as Macromedia Fireworks) or are a seasoned web design professional simply looking to become better acquainted with the application, you're sure to benefit from this free video software tutorial. For more information, including detailed step-by-step instructions, take look.

How To: Create a rain effect with Fireworks & After Effects

In this two-part tutorial, Tom Green opens up a picture of the Swiss Alps, re-sizes the image in Fireworks, and creates a rain simulation in After Effects. For more information, including detailed, step-by-step instructions, and to get started using this fun effect in your own After Effects project, watch this free video software tutorial.

How To: Make reflective text in Adobe Fireworks CS3/CS4

In this video tutorial, viewers learn how to make a reflective text in Adobe Fireworks CS3/CS4. Adobe Fireworks a bitmap and vector graphics editor. Begin by opening Fireworks and create a new project. Create your text and then duplicate it. Align the duplicated text under the original and flip it vertically. Click on the color and select Fill Options. Select Gradient and keep the second option at Linear. Drag the opacity on the left to zero and the right to 100. This video will benefit those...

How To: Make a flash banner in Adobe Fireworks CS3/CS4

First of all open adobe Firework CS3/CS4. Open the 'file', then 'new' and set a banner with 'width' as 900, 'height' as 100 and ‘resolution’ set as 72. It shall open a banner for you on the screen. Now from the side bar underneath the vector, select the 'ellipse tool' and then drag the ellipse to fill in the whole banner as shown in the video. Now from the right side bar you have to expand the 'pages and layers'. Now select 'optimize and align' and select 'animated website 1. 2a’. Now minimiz...

How To: Create a watermark for your videos in Fireworks

HelpTube1 teaches you how to create a watermark for your videos using Adobe Fireworks CS3. Create a new 100x100 pixels file, with a transparent canvas. Create the custom shape that you want. You can add borders and colors, but make sure you don't overcomplicate your design, as people seeing your video will not be able to decipher it. You can also add a short piece of text, preferably in the middle of your watermark. Go to file and save it as Fireworks png. You can then bring up this file in "...

How To: Use the basic drawing tools in Fireworks CS3

In this video tutorial for Adobe Fireworks CS3, you'll learn how to use both the vector and bitmap drawing tools as well as how to change their properties.

How To: Animate floating text in Adobe Fireworks and Flash

Tom Green demonstrates this floating text technique by cutting the text out of the an image using Fireworks and then animating the text floating using Flash.

How To: Use the image slide show in Adobe Fireworks

How do you create a slide show without having to write a bit of code? The answer is Adobe Fireworks.

How To: Animate in Adobe Fireworks CS3

Watch this video tutorial to find out how to animate in Adobe Fireworks CS3 (Fw). Fireworks was originally developed by Macromedia for those of you who didn't know. Here, you will learn some simple and basic animation in Fireworks, great for just starting out.

How To: Import and export images in Adobe Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough, however; you'll need to know how to use it. In this CS4 video tutorial, you'll learn how to import and export images in Adobe Fireworks. For more, including detailed instructions on the image importation and exportatio...

How To: Use smart guides and tooltips in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough, however; you'll need to know how to use it. In this CS4 video tutorial, you'll learn how to use smart guides and tooltips in Adobe Fireworks CS4. Use smart guides and tooltips in Fireworks CS4.

How To: Create HTML clickthroughs in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough, however; you'll need to know how to use it. In this CS4 video tutorial, you'll learn how to create HTML clickthroughs in Adobe Fireworks. Create HTML clickthroughs in Fireworks CS4.

How To: Create interactive prototypes in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough, however; you'll need to know how to use it. In this CS4 video tutorial, you'll learn how to create intereactive prototypes for review in Adobe Fireworks CS4. Create interactive prototypes in Fireworks CS4.

How To: Scale objects with 9-slice scaling in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough, however; you'll need to know how to use it. In this CS4 video tutorial, you'll learn how to scale objects with 9-slice scaling in Adobe Fireworks. Scale objects with 9-slice scaling in Fireworks CS4.

How To: Create CSS/XHTML layouts in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough, however; you'll need to know how to use it. In this CS4 video tutorial, you'll learn how to create CSS and XHTML layouts in Adobe Fireworks. Create CSS/XHTML layouts in Fireworks CS4.

How To: Import files into Adobe Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough, however; you'll need to know how to use it. In this CS4 video tutorial, you'll learn how to import files into Adobe Fireworks. Import files into Adobe Fireworks CS4.

How To: Create rollover effects in Fireworks

In this episode Paul Wyatt shows you how to use rollover effects in Fireworks, and create a menu bar for your sites. In this Fireworks project you’ll get to grips with slicing images, using frames, and mastering behaviors

How To: Use Fireworks CS4

This ten-part video tutorial series covers all the new features and uses of Fireworks CS4. This is a great introduction to any user new to Fireworks in general, or wanting to learn what changes have happened from Fireworks CS3 to CS4.

How To: Export CSS and images out of Fireworks CS4

Fireworks CS4 is bridging the gap between graphic design and CSS (Cascading Style Sheets) with it's new CSS and images export script. Jim Babbage shows you how the CSS and images export script in Fireworks CS4 works in this Adobe CS4 tutorial. Let Fireworks CS4 do some of the work for you with the help of this tutorial and the new Export CSS and images script. Export CSS and images out of Fireworks CS4.