Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Summary:

Lines and Borders in Flash

    ●  Lines in Flash - probably unlike any other Adobe products you're familiar with, but interesting none-the-less.

    ●  There are many variations possible, and it can be an easy way to liven up the look of your interface.


Learn About:

Stroke Lines in Flash Manipulate Lines

  •   This tutorial is part of the Aesop's Fables and the Drag and Drop Projects.

Other People's Work:

Here are examples of work inspired by this tutorial.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

lines

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

example 2lines

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Step #1: Open your Project in Flash ~

Open YOUR PROJECT in Flash …

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

… whatever project you're working on, create a New Layer, and lock lock your other layers.

new layer

Call the new layer "Lines" or "frame" or something to describe it.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #2: Line Size And Color ~

Get the Line Tool or hit the keyboard shortcut letter (N) …

… set the Stroke color that matches your composition …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… set the Stroke size here too.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #3: Stroke Style ~

Click the Edit stroke style button …

… and search through the different styles and choose one:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #4: Stroke Style ~

Make some lines in the shape of a frame around the outside of your composition.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Connect the Lines and watch them Snap to each other …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player



Step #5: Adjust the Lines ~

Click the Selection Tool or hit the keyboard shortcut letter (V) …

line tool

… now you can adjust the lines.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Flash is great for drawing because the lines can be moved easily.


Step #6: Symbol ~

Double-click on the line so the whole thing is selected …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… hit F8 and turn the line into a Movie Clip.


Step #7: Filters ~

Open Filters in the properties menu …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


… add Bevel & Drop Shadow

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… and any other Filters that look good.


Step #8: Paint Behind ~

Select the Brush Tool or hit the keyboard shortcut letter (B) …

… click the Brush Mode button and select Paint Behind for the Brush Mode …

… also, you can raise the Brush here also:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #9: Paint Borders ~

Now you can add background colors and anything else you like without disturbing your lines.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Last Step: Save and Attach ~

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]

Attach it!

  •   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.


Other Resources: