 |
|
|
|
|
| Adding the Content |
|
 |
|
|
| Step 31. |
| For this part of the tutorial we're going to create the content section. First of all make the corner radius 10, set the fill color to grey (#F4F5F5), and then click on the first frame of the content layer. |
|
|
|
| |
| Step 32. |
| Make a large rectangle, just above the dark grey layer. |
|
|
|
| |
|
|
| Step 33. |
| Lock all the layers, apart from the content layer. Use the selection tool (V) to select the part of the light grey rectangle that is above the dark grey one. |
|
|
|
|
| Step 34. |
| Delete the selected area, and you should have something like below. |
|
|
|
|
| Step 35. |
| Convert the rectangle in to an MC called "content". |
|
|
|
|
| Step 36. |
| Give the content MC the instance name "content" |
|
|
|
|
| Step 37. |
| Go into the content MC, name the layer with the rectangle "BG" and create a new layer called "labels. Create a blank key frame on frame 10, by clicking on it and pressing F7, and then create another one at frame 20. Each of these blank key frames will hold the content of a section. Click on frame 10, of the "labels" layer and, enter"home" in the properties panel. |
|
|
|
|
| Step 38. |
| Enter a label for each section every 10 frames. When the action script is written in part 5, the labels will be used to tell the playhead to go to that specific section. |
|
|
|
|
| Step 39. |
| Next, create a layer for the content and create a blank key frame at the same position as the labels, for each section. Place a label on from 1 called "start". This is needed for the drawing in animation of the website, when there's no need to show any content. Add some content for the first section, at frame 10. The settings for the body text, that's been created, can be seen below. |
|
|
|
|
| Step 40. |
| The settings for the heading text, that's been created, can be seen below. |
|
|
|
|
Step 41. |
| Next, add the content for each section. Create a layer called "script" and add a stop() action on the first frame. |
|
|
|
|
|
|
|
|
|
 |
