Now: Tutorial for Web and Software Design > Flash > Flash Articles > Flash Content
> Making Professional Graphics For Your Flash Movies [Bookmark it]
Making Professional Graphics For Your Flash Movies

What is the difference between your regular ole Flash site and a professional one? Well, it largely comes down to opinion, but there are also some key elements to look at. I've learned after viewing Flash sites for years that the ones that catch readers' attention more than anything are the ones with great graphics. Yes, graphics and design, NOT programming.

You can have the most advanced action scripting site, but if your artwork doesn't cut it, then neither will your site.

Here is the big question - "How do they make those awesome graphics and great design?"

As far as a good design, that just takes practice and looking around. If you see a site that catches your attention, take notes. This may sound silly, but taking notes can make the difference from a garage designer and a professional designer working for a fortune 500 company.

There are several ways to produce professional graphics for flash.

One way is to draw everything within flash, but there is a drawback. Some designers can do it, but for the most of us it's hard to get those great effects that you can do with other programs such as Macromedia Fireworks, Adobe PhotoShop or Adobe Illustrator.

If you want to do everything within Flash, that's fine, but it takes a long time to get everything looking professional (at least in my case). It also takes a lot of practice!

The easiest way for me is to make the graphics I want OUTSIDE of flash. I usually use Photoshop or Fireworks to do this.

I design all of my graphics with 3rd party software then save them as either a JPG or a GIF and import them into flash. There are 2 ways you can use graphics after you've imported them into Flash. One is to design them exactly how you want outside of Flash, import the file and use it as is. The second way is to convert them to vectors using the option within Flash. This way they can be made to look like they were done in flash and make them resizable.

Tracing Bitmaps using Flash

Trace bitmap propertiesHere is a past tutorial on Tracing Bitmaps. (This works for JPG and GIF Files because when you import them into flash it automatically converts them to bitmaps.)

To convert a bitmap image to a vector image, you first have to import the bitmap you wish to convert by going to file > import or Ctrl+R and selecting the bitmap that you want to import.

With the bitmap selected, go to Modify > Trace Bitmap. You will have these options which you can select to best fit your needs:

Color Threshold sets the number of colors in your converted or traced bitmap. It reduces the number of colors by averaging the colors based on the value chosen in color threshold, and minimum area. Color Threshold contrasts RGB color values of adjacent pixels to the value entered. Lowering the color threshold puts more colors in the vector image.

Minimum Area is the radius measured in pixels, which color threshold uses to describe adjacent pixels when comparing pixels to decide what color to use for the center pixel.

The Curved Fit determines how smoothly outlines are drawn. If the curves in the bitmap have lots of twists select Very Tight. If they are smooth, then select Very Smooth.

Corner Threshold is similar to curve fit, but has to do with the corners of your bitmap image.

It's pretty easy to import images and make them into vector images, but it still takes some practice and getting used to. Same as learning any other method.

To make my images crisp when I convert them to vector images, I usually use these values when I "Trace Bitmap":

By playing with these values you can make some cool graphics from pictures that you've imported.

Just as working with other types of media, Flash just takes time. You can learn it from front to back, but the design doesn't just happen instantly. When I started doing Flash I thought I had the coolest website because I had moving objects. Now if it doesn't look professional and have at least a minimal level of action scripting I'm not happy with it.


About the Author:
Having created the outlines for FlashNewz and FLADownloads, John has become a strong voice in the Flash Community. His reviews and tutorials give great insight and knowledge to readers around the world. He has a keen eye for what's hot and what's not in the Flash world. He has also developed and continues to run his own flash portal as a side project to keep his mind on the Flash community

Being a key designer for advertising creative, he's got style when it comes to grabbing readers attention. With a proven track record, there isn't much this guy can't handle.

[Bookmark][Print] [Close][To Top]
  • Prev Article-Flash:

  • Next Article-Flash:
  • Related Materias
    Motion Animations
    Shape Transformations
    Effects on Animations
    Butterfly Wings Animation
    Working with Texts
    Working with Texts
    Working with Sounds
    Working with Objects
    Controlling File Size in F
    My First Flash Animation
    Topics
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Graphic Design Tutorial
     

    Coreldraw Tutorial

      Illustrator Tutorial
      3D Graphics Articles
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial&Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial&Articles
     

    XML Style Tutorial

      AJAX Tutorial
      XML Mobile
    Flash Tutorial&Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial&Articles
     

    Linux Tutorial

      Symbian Tutorial
      MacOS Tutorial