how to create a web banner using adobe

20
HOW TO CREATE A WEB BANNER USING ADOBE FLASH Created by: AIZAT SHAMSUDDIN FAKHRI SYAHIR ROSLI NUR SYARIDA ABDUL LATIF

Upload: encik-aizat-bin-shamsuddin

Post on 26-Jul-2015

192 views

Category:

Education


5 download

TRANSCRIPT

Page 1: How to create a web banner using adobe

HOW TO CREATE A WEB BANNER USING ADOBE FLASHCreated by:

AIZAT SHAMSUDDIN

FAKHRI SYAHIR ROSLI

NUR SYARIDA ABDUL LATIF

Page 2: How to create a web banner using adobe

1. LAUNCH THE APPLICATION.

Page 3: How to create a web banner using adobe

2. CLICK THE “AIR FOR DESKTOP” UNDER CREATE NEW OPTION.

Page 4: How to create a web banner using adobe

3. ADJUST THE FRAME SIZE: 800X150 PIXEL.

Page 5: How to create a web banner using adobe

4. CHANGE THE BACKGROUND COLOR.

Page 6: How to create a web banner using adobe

5. SELECT THE TEXT TOOL.

Page 7: How to create a web banner using adobe

6. CLICK ON THE STAGE TO CREATE TEXT BOX. TYPE IN THE WORD.

Page 8: How to create a web banner using adobe

7. SELECT MOVE TOOL TO REPOSITION THE WORD ON THE STAGE.

Page 9: How to create a web banner using adobe

8. RIGHT CLICK ON SUITABLE FRAME, AND CLICK ON “INSERT FRAME”.

Page 10: How to create a web banner using adobe

9. RIGHT CLICK ON THE SUITABLE FRAME, AND CLICK ON “INSERT KEYFRAME”.

Page 11: How to create a web banner using adobe

10. REPOSITION THE WORDS. DOUBLE CLICK ON IT. TYPE IN THE NEW WORD.

Page 12: How to create a web banner using adobe

11. REPEAT STEP 8 BY INSERTING THE FRAME.

Page 13: How to create a web banner using adobe

12. REPEAT STEP 8 AND 9 UNTIL YOUR SENTENCE IS COMPLETE.

Page 14: How to create a web banner using adobe

13. FOR THE LAST FRAME TYPE IN THE FULL SENTENCE. CHANGE THE COLOR BY CLICK ON THE COLOR BOX AND SELECT THE DESIRED COLOR.

Page 15: How to create a web banner using adobe

14. PRESS “CTRL + ENTER” TO PREVIEW YOUR WEB BANNER.

Page 16: How to create a web banner using adobe

15. CLICK “FILE” AND SELECT “SAVE AS” TO SAVE YOUR PROJECT.

Page 17: How to create a web banner using adobe

16. SELECT EXPORT MOVIE TO PUBLISH YOUR PROJECT.

Page 18: How to create a web banner using adobe

17. NAME THE PROJECT. CLICK SAVE.

Page 19: How to create a web banner using adobe

18. PREVIEW THE PROJECT ON THE SAVE FOLDER.

Page 20: How to create a web banner using adobe

THANK YOU