Free Mobile Wireframe Template

Posted in Resources > Interaction Design by Firetuts on May 5, 2012

Check out this Free Mobile Wireframe Template from Webportio. Free Mobile Wireframe Template This is another resource to help Fireworks users to design and prototype mobile apps. If you need to design for more viewports on iOS then you can download the iOS grid system for more options.

Adobe Fireworks CS6 New Features

Posted in Resources > Culture by Firetuts on April 23, 2012

With Adobe Fireworks we can create and optimize vector and bitmap images, content, comps, wireframes, mock-ups, and designs for smartphones and tablets with Adobe® Fireworks® CS6. Keep designs crisp on screens of virtually any size with pixel-precise rendering. Smooth integration with Adobe Photoshop®, Illustrator®, and Dreamweaver® as well as other Adobe solutions help you efficiently [...]

Replicate the Siri Icon in Adobe Fireworks

Posted in Resources > Icons by Firetuts on December 26, 2011

With the release of the iPhone 4S we saw the introduction of siri icon on our iPhone. For many of us it marks the serious initiative to implement a long talked about idea of voice controlled computing. I wanted to mark the introduction of voice controlled computing by recreating the Siri icon in fireworks.

Apple iCloud Logo with Brushed Metal effect

Posted in Resources > Icons by Firetuts on September 8, 2011

I came across the new iCloud application from apple (which is in beta at the time of writing this tut) the Apple iCloud Logo replicates the brushed metal that permeates most, if not all apple products. I thought it would be a good excuse to show some techniques for creating brushed metal effects.

Free Social Media Icons

Posted in Resources > Icons by Firetuts on August 6, 2011

While creating the google plus icon recently I started to explore creating other free social media Icons.

Google Plus Icon

Posted in Resources > Icons by Firetuts on July 29, 2011

Having got a google plus account recently I thought I would have a go at creating the Google plus icon, the source for the icons is open to download and re-use.

Letterpress text effect

Posted in Resources > Text Effects by Firetuts on July 14, 2011

Letterpress text effect is a relatively easy effect to achieve and relies on only two filters to get a really good look and feel.

Tilt shift effect with Adobe Fireworks

Posted in Resources > Bitmaps by Firetuts on July 6, 2011

Even though Fireworks is a great web workhorse its still possible to create some nice photo manipulation effects similar to photoshop. In this article i’ll go through a simple way to approximate the tilt shift effect we see all over flickr and alike.

Create custom fonts design in Fireworks

Posted in Resources > Text Effects by Firetuts on December 16, 2009

Every now and again you will need to adjust the shape of a font you are using in a project, Ive needed to do this quite a few times when creating logo concepts that have a play on text shape rather than use a icon/shape logo. Create custom font shapes is an easy technique to [...]

Add Radial Gradient in Text with fireworks

Posted in Resources > Text Effects by Firetuts on January 13, 2008

This is a tip good for poster art. Add radial gradient in text to spice things up. If you’re tired of using borders and bevels, try this.

Page 3 of 512345