Topics Search

Adobe Fireworks

 

iPhone Wireframe Templates and Library Objects

iPhone Wireframe Templates and Library Objects Icon
Adobe Fireworks CS6 iPhone Wireframe Templates and Library Objects – In this lesson, we’ll take a quick look at some of the tools that you can use in Adobe Fireworks CS6 to create a design prototype for a mobile iPhone version of our eLearning course. Fireworks CS6 will get you started with the design process and it also provides some great support for iQuery Mobile and CSS Sprites.
 

iPhone Design Techniques

iPhone Design Techniques Icon
iPhone Design Techniques with AdobeFireworks CS6 -In this lesson, we’ll build a basic iPhone application custom design using Adobe Fireworks. This lesson covers importing custom graphic, adding layers, image transparency, and creating pages for view states in Fireworks CS6.
 

Creating an Interactive PDF for the Review Process

Creating an Interactive PDF for the Review Process Icon
Adobe Fireworks CS6 / Adobe Acrobat Professional XI – In this lesson we will create an interactive PDF with Adobe Fireworks CS6. Starting with the iPhone mockup, you will learn the basics of working with the Web Layer and Hotspot tool. Exporting design comps for Adobe Acrobat Professional is a great way to start the design review and approval process.
 

How to apply twist and fade

How to apply twist and fade Icon
In this tutorial you are going to learn how to create some fun abstract effects using Adobe Fireworks CS4+. This tutorial explains how a single Image/Vector can be converted into various Images/Vectors using the properties such as Steps, Spacing, Rotation and Opacity. The image below shows how we have applied twist and fade effects to a honey bee.
 

Gel Cap / Plastic Button

Gel Cap / Plastic Button Icon
Learn how to create a button with glossy finish with the help of this tutorial. May be a little redundant. There is a lot of these tutorials around but whatever. Here's mine.
 

Build a Promotional iPhone App Website Wireframe

Build a Promotional iPhone App Website Wireframe Icon
Fireworks is a great tool for creating a wireframe and while it doesn’t work perfect with Photoshop, you can export over there and then build off your wireframe. We’ll cover the design process of creating a wireframe for an iPhone application website in Fireworks. For those of you not familiar with this program, it will be a good jumping off point for using it to wireframe your web design projects. This is a first part of a multi-part series and will be fun!
 

Awesome Light Effects

Awesome Light Effects Icon
The process is simple, just playing with some circles, blend modes and a bit of color! So let me know guys what do you think and show us your experiments as well!=
 

Interaction design and rapid prototyping

Interaction design and rapid prototyping Icon
In the following four short video presentations, I demonstrate how to use Adobe Fireworks CS4 for information and interaction design and creating interactive prototypes quickly, and how you can use Fireworks as a design tool that fits into your complete design process, from concept to development.
 

Prototyping for the Apple iPhone

Prototyping for the Apple iPhone Icon
The best way to evaluate any design is to see it on the device for which it is made—the sooner in the process, the better. For designing web pages, this is easy: use the "preview in browser" function in Fireworks or create a clickable prototype of the pages you have set up. But when you design for the Apple iPhone, it is a bit harder. This tutorial shows you how to use a few scripts to make your Fireworks prototype work for the Apple iPhone.
 

Add Radial Gradient in Text

Add Radial Gradient in Text Icon
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.
 

Designing a website application

Designing a website application Icon
This tutorial shows you the process of creating a website application in Adobe Fireworks CS4—from sketching the original page design to developing wireframes, to creating the final design. All the essential tools and instructions will be covered in this article to help you begin creating websites and designs within Fireworks CS4 right away. If you are already familiar with Fireworks, you'll get a tour of some new features included in Fireworks CS4 as you follow along.
 

Paths: combining, subtracting and more...

Paths: combining, subtracting and more... Icon
This tutorial cover some basic functionalities and it's very useful for those willing to improve their Fireworks skills. You will learn how to play with paths, combining, subtracting and much more. Also you will end up creating a logo.
 

How to create blend mode

How to create blend mode Icon
In this tutorial you are going to learn how to use blend mode to an image using Adobe Fireworks CS4+. Adobe Fireworks CS4+ has several blending mode help you to get the look you want in a photograph. The blending mode allow you to create multiple images. Blending mode also include a dimension of control to the opacity of objects and images.
 

Designing a media player skin

Designing a media player skin Icon
In this article, I'll take you through the step-by-step process I used to create a custom skin for a media player I recently designed. This particular interface is inspired by the first "Batman" movie, specifically based on the performance of Jack Nicholson in the role of The Joker.
 

Rollover CSS Sprite

Rollover CSS Sprite Icon
This tutorial follows on from the early post on CSS sprites extraction and will cover the process of making a set of buttons, then exporting them as a rollover CSS sprite.
 

How to Create a Smart 2D Button

How to Create a Smart 2D Button Icon
In this Adobe Fireworks tutorial, you will learn how to create a neat button with 2D effect in Adobe Fireworks. You will also learn how to create a rollover effect for the button.
 

Create a Beautiful Christmas Card

Create a Beautiful Christmas Card Icon
In this tutorial you will learn how to a create colorful baubles, a Christmas tree and finally a beautiful Christmas card design with bokeh effects.
 

Typography Art in Fireworks

Typography Art in Fireworks Icon
In this tutorial, we are going to learn how to create a simple typography illustration in Adobe Fireworks. We will use the transformation tool and paste inside property of Fireworks to create a beautiful typography effect.
 

Trace and Draw an Image

Trace and Draw an Image Icon
In this tutorial we are going to learn how trace and draw an image using Fireworks. You will learn how to draw a Panda in Fireworks by tracing an image.
 

Image Blur & Overlay Effect in Fireworks

Image Blur & Overlay Effect in Fireworks Icon
In this tutorial you will learn how to blur an image and blend text with an image using the overlay blend mode in Fireworks.