You are on page 1of 5

GUIDE No 1

Graphic design basic tools

Page 1 of 5

AREA:

Computer Science

GRADE:

8th A B C D

TOPIC:

Graphic design basic tools

TEACHER:

Andrs Rengifo

DATE:
STUDENTS NAME:
Grade Motto: Im moving on to build my identity by interacting with others and assuming myself as a
purposeful, critic and reflexive human being towards our environment

INTRODUCTION:
In this guide you will get to practice basic skills that are useful to design graphics and animations alike by using the
software Flash from Adobe. At the end of this guide you should be capable of using the most common tools and
commands in order to have a strong foundation, once you have solid foundations, you are free to experiment into more
complex projects and discover your creative power. Remember that adobe Flash is not free so chances are you do not
have it at home, as a result, take advantage of the time in the computer room.
ACTIVITIES:
Activity 1.
a. Put the labels into the corresponding space, this activity will help you be familiar with the scene of adobe flash.
- Panels (docked and expanded)
- Timeline
- Stage
- Tools
- Panels (icon view)

panels (icon view)

panels (docked and expanded)

script

Tools

Timeline

b. Now, name the selection tools. Write your answer in the box

GUIDE No 1

Graphic design basic tools

Page 2 of 5

Which tool do you use to move your figure?


selection tool
______________________________________

Now, name these creating tools in the box:


In the rectangle there are Oval tool, Rectangle primitive tool, oval primitive tool, polystar
What other tools do you see in the rectangle? __________________________________________________
tool.

Pen tool
Text tool
Line Tool
Rectangle tool
Pencil Tool
Brush Tool
Deco tool

Activity 2: Define according the teachers explanation:


a programming lenguage useful for internet pages
A. What is action script 3.0? is
_________________________________________________________________________
________________________________________________________________________________________________
________________________________________________________________________________________________
A way of creating movement in Adobe Flash because Flash does the most of work and is easiest.
B. What is a tween? _______________________________________________________________________________
________________________________________________________________________________________________

_______________________________________________________________________________________
individual pictures in a sequence of pictures that create animations
C. What is a frame? ________________________________________________________________________________
________________________________________________________________________________________________

_______________________________________________________________________________________
Is a frame in the timeline where a new object appears
D. What is a key frame? ____________________________________________________________________________
________________________________________________________________________________________________

_______________________________________________________________________________________
Activity 3.
Design the following Shape Tween.
1. Open Flash and select Flash file (Action Script 3.0) from the create new column of Flash.
2. Press the R key to turn your cursor into a Rectangle tool
3. On the left side of the Stage, click and drag down toward
the right to draw a medium-size rectangle.
4. The timeline panel should be visible just below the white
stage. Of the Timeline panel is not visible, click Window.
Select frame 20 and press F7.

GUIDE No 1

Graphic design basic tools

Page 3 of 5

5. Now press the O key to turn the cursor into an Oval tool. Click the right side of the Stage and drag to draw a mediumsize oval.
6. Finally, return to Frame 1 (where the animation begins) by clicking the dot under the 1 (for Frame 1) in the Timeline.
(That dot represents a key frame that has contentyour rectangle.)
7. Click Insert from the menu, and click Shape Tween. Thats it!

Activity 4.
Check the video FlashDrawing1 and start experimenting with drawings,
you can also use flash to use outline tools. Remember to use Action
Script 3.0 when you start designing.
Some basic tips for this activity.

1. Select the document size in the Properties Menu

2. Go to: File Import Import to Stage and put the

picture on the stage.

GUIDE No 1

Graphic design basic tools

Page 4 of 5

3. Get the Free Transform Tool


4. Hold the Shift key and to fit your pic inside the white stage

area.
5. Make sure the image on the stage is selected.

6. Hit

(or Right-Click and elect:

) and select Movie Clip - not Button.

7. Then, open the Properties panel, Where it says "Color: None" go to: Alpha.

8. Lower the Alpha according to the needs.


9. Create a new layer above the picture.

GUIDE No 1

Graphic design basic tools

Page 5 of 5

10. Select the Brush Tool and Change the Fill Color to Black

11. Raise the smoothing level to around 80-85 and start drawing your image.

BIBLIOGRAPHY:
Adobe Flash Professional CS Mastering layers. Oxford Publishing (2014)