Line Art

Pencil drawing from photo

Fireworks Tutorials

Line Drawing

How to convert your image to line art with Fireworks

In this tutorial you are going to learn how to apply find edges effect to an image using Fireworks. The Find Edges filter converts image to a line art by identifying the color transitions in the images and changing them to lines. The image below shows how we have converted the image to a line drawing.

Line Art, Pencil Drawing Effect

Prerequisite Knowledge

This tutorial teaches you how to convert your image to line art using Fireworks and thus assumes you are familiar with some design software, even if you are new to Adobe Fireworks. However be assured that our detailed instructions can be followed by even a total novice.

You Are Here ::: Home >> Free Tutorials >> Fireworks Tutorials >> Line Art, Pencil Drawing Effect

Convert an image to line art with Adobe Fireworks CS3 or below

Follow the steps given below:

  • Step 1: Open a new document (File >> New or (Ctrl + N)) with the dimensions of 350x220 pixels in Fireworks. Import an image (Ctrl + R) you would like to edit. See the example given below:

  • Selected Image

  • Step 2: Select the image, on the bottom right side of the Properties Inspector , you will find Filters. Click over the + symbol you will get a pop-up menu with the filters and place your mouse over Other and click Find Edges from the pop-up menu. Now the image will appear as black with line art.

  • find edges

  • Step 3: Then we need to invert the picture using the Invert filter, so again click over the + symbol you will get a pop-menu, and point to Adjust Color and click Invert from the pop-up menu. The Invert will as below:

  • invert

  • Step 4: Since we are trying for a line art, we need to remove the color, so again click over the + symbol you will get a pop-menu, and point to Other and click Convert to Alpha from the pop-up menu.

  • Line Art, Pencil Drawing Effect

  • The image becomes more beautiful, by adjoining them with a frame. You can make special effects by adding good-looking frames using Adobe Fireworks.
  • Now we are going to create a picture frame. Click on image, go to Commands >> Creative >> Add Picture Frame (The Commands menu is displayed on the menu bar). Now the Add Picture Frame pop-up window will appear, choose the pattern and click Ok. You can adjust the handles appears on or near the object by clicking the Frame layer in the Layers Panel.
  • Listed below are some of the examples and try out the various patterns:

Light Panel   Wood Frame   Grass

Software Required

Adobe Fireworks (Macromedia Fireworks prior to version 8). Please check out the compatible versions listed in the box below. Since this tutorial covers an inbuild core function of fireworks to convert an image to line art, using mostly any version of these software should be fine. If you are using the CS4 version of these software please read Pencil Drawing with Adobe Fireworks CS5.

Compatible Versions of Adobe Fireworks for this Tutorial

Fireworks CS3 Fireworks 4-8 | Fireworks CS3
Adobe Fireworks CS4 & above users: If you are using Fireworks CS4+ please note that some features, steps and screenshot images may differ for the above tutorial. Please read the CS4+ version of this free web design tutorial - Pencil Drawing with Adobe Fireworks CS4+.
Recommended Version: Fireworks CS6
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks!