Flash / AS

Blend / WPF
ASP.net / PHP

Photoshop

Forums
Blog

About
 
page flipper
Interactive Flash Streaming with Influxis Flash Server Hosting: Fast, Reliable, Powerful, Affordable.

 

 

Creating a Wooden Frame
       by Maulik Kataria aka theflash  |  6 July 2006

As of now, from info found on the previous page, you created the frame. There is much more left, so we'll pick up from where we left off by covering how to add a wooden texture.

Add Wooden Texture
Before we start, let's first take a look at the picture of real wood grains.

Here you can see that there are lines at random distances. Also notice that there are dark lines and light lines which make up grains. We will use the following tones for grain lines:

Dark tone:
Light tone:

To create random lines we will use the brush tool. Before we start adding lines I would suggest creating new layers, one for the dark lines and one for the light lines. This allows us to have the flexibility to separate them and change the colors of tones whenever needed:

Now grab the brush tool and pick the appropriate size (from the size list on bottom of the toolbar), smaller is preferable. Now select dark tone color for brush, for that copy the hex value and paste in the color selector dialog.

Now for drawing lines we will use shift key so they are drawn straight. So press the shift key and click on start point and drag till the end of the frame and then release the mouse. Create 2-3 dark lines using this method. The actual reason for selecting brush tool rather than line tool is that stroke drawn with brush tool will vary in thickness even in the straight line. This will be more suitable for grains we want to create.

Now we need more grains on all 4 sides of the boards. So add similar lines on each side. Use both dark and light tones. Also if you wish you can add some mid-tones as well to increase the detail. After adding lines on all sides it may look like this:

So finally we have the basic frame with wooden material ready. Now in order to make it look like a real frame we need to add some 3D effects. To achieve that we are going to use Flash 8 filters.

The last page is next. Let's go there now!

1 | 2 | 3


kirupa.com's fast and reliable hosting provided by Media Temple.
flash components
The Text Animation Component for Flash CS3
Check out the great, high-quality flash extensions.
Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.
Check out our high quality vector-based design packs!
Flash Effect Components

Flash Templates
CSS Templates
Dreamweaver Templates

flash menus, buttons and components
Digicrafts Components
The best flash components ever!
Entheos Flash Website Templates
Free Flash Page Flip
Learn how to advertise on kirupa.com