Fireworks Tutorials

Line Drawing

Photo to Drawing

Line Drawing Effect

How to convert your photo to line drawing with Adobe Fireworks

In this tutorial you are going to learn how to apply find edges effect to an image using Adobe Fireworks CS4+. 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.

Adobe Fireworks CS4 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 >> Adobe Fireworks CS4+ Tutorials >> Line Art, Pencil Drawing Effect

Convert an image to line art with Adobe Fireworks CS4+

Follow the steps given below:

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

  • Selected Image

  • Step 2: Click on the image, on the right bottom side of the Properties Window , 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.

  • Adobe Fireworks CS4 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 CS4+.
  • In Adobe Fireworks CS4+ there are several picture frame are available. Now we are going to create a picture frame. Click on image, go to Commands >> Creative >> Add Picture Frame. 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 in Adobe Fireworks CS4+:

Light Panel   Wood Frame   Grass

Software Required

Adobe Fireworks CS4+. If you are using the CS3 and below version please read Pencil Drawing with Fireworks.

Compatible Versions of Adobe Fireworks for this Tutorial

Fireworks CS6 Fireworks CS4 | Fireworks CS5 | Fireworks CS6
Adobe Fireworks CS3 & below users: For lower versions of Fireworks, some features, steps and screenshot images may differ. Please read the CS3 & Below version of this free web design tutorial - Pencil Drawing with Fireworks.
Recommended Version: Fireworks CS6
Please like, +1, link to and share this SmartWebby resource if you found it helpful. Thanks!