Category Archives: tutorials

Adobe Fireworks Tutorial – Creating A Candy Button

adobe fireworks tutorial candy

In this Adobe Fireworks tutorial , you will learn how I created those nice looking icons ( twitter , rss , mail ) icons in the top right area of my header, and the social media icon pack I submitted here

Read More »

Posted in tutorials | Tagged , , , , , | 2 Comments

Text Kerning in Adobe Fireworks

text kerning in adobe fireworks

Kerning refers to adjusting the space between two letters. In Adobe Fireworks , the default horizontal kerning or “tracking” is 0. If we use only 1 word , it can easily be kerned by using the justified alignment button or by using tracking. But what if we want more kerning for two words, a phrase or even a paragraph ?

Read More »

Posted in tutorials | Tagged , , , , , , , , | 2 Comments

Sparkle in Adobe Fireworks

This tutorial is for beginners using Adobe Fireworks. It’s an easy technique that can add finishing touches to your design.

Read More »

Posted in tutorials | Tagged , , , , , , , | 2 Comments

Photomanipulation Tutorial – Making Objects Stand Out

stock1

photomanip

This is my first photomanipulation tutorial in Adobe Fireworks CS4 which requires only a few steps to complete, and would be very effective to convey a meaning in your design / website header.

Before using a photograph that you find in the web, make sure to check the rules on using the photograph / stock image. Some have stock rules that you must comply before posting it in your website / blog or for commercial use. There are tons of free stock images that you can use for your personal / commercial projects, I highly suggest you get your images from deviantart.

Read More »

Posted in tutorials | Tagged , , , , , , , , , | 7 Comments

Creating A Fading Line Effect Using Adobe Fireworks CS4

fancy

One of the most overlooked tools in Adobe Fireworks is the Eraser Tool. It is a neat tool especially if you want to manipulate bitmaps. Vector paths with fills have options to use fill colors that are gradients , or semi transparent colors.

Read More »

Posted in tutorials | Tagged , , , , , , , | 3 Comments

Using the Color Blender Tool in Fireworks CS4

I have created this short video on how to use the color blender tool in adobe fireworks effectively. The color blender allows you to blend two colors of your choice , its especially useful when you try to blend two complementary colors, and you want the transition of colors to be as smooth as possible.

color blender
It can also help you in creating the color scheme for your web mockup / design.

Read More »

Also posted in videos | Tagged , , , , | Leave a comment

Tech Orb Interface Video – Adobe Fireworks Tutorial

This Adobe Fireworks tutorial teaches you how to create a tech orb interface. I will show you some techniques on how to create a different kind of glossy button/orb , and add some extra touches to the design. Although this is just a portion on a web interface / application skin , I will show more interface techniques in the future.

tech orb

Read More »

Also posted in videos | Tagged , , , , , , , | Leave a comment

Creating a fancy text effect in Adobe Fireworks

This is the first youtube video I ever made , so you might encounter some video editing issues ( lol im still a noob using camtasia). The tutorial lets you create a fancy letter or text effect that you can use on your projects , and you can even you use any version of Adobe Fireworks , yes even fireworks 2 lol.

fancy text effect final

Read More »

Also posted in videos | Tagged , , , , , | 1 Comment

Feathering in Adobe Fireworks

feathering header

Basically , feathering is changing the edge of fills , or the edge of your vector object to feather. By default the edge is set in Anti – Alias , but you can also change it to Hard or Feather. This is a very easy technique, but if done in the right way, could help  soften your images,  and add glows or highlights.

Read More »

Posted in tutorials | Tagged , , , , , , | 2 Comments