________________ ___________________ Adobe Flash Web Development ______________ ___ _________.pdf
Comments
Content
1 | Module 1: Flash Environment
BAYON HOSTING
បង្កើតក្រាហ្វិក និ្រូបភាពមានចលនា
Adobe Flash
Web Development
ិ សាស្រសត
ិ ី
អ្នកនឹងសិកាពីមេម ៀនតំបូង វធ
ថ្ីៗ
ម និងវធ
ី
សាស្រសតម្រើជាញឹកញាប់កុងកា
ន
បមងកតមវបសាយ
ើ
ងរៀបងរៀ្ងោយៈ កុយ ទិតយតារា
សំរាប់បងក្រ្ៀនងៅ មជ្ឈមណ្ឌល ITEC និ្ចចកចាយតាម Bayon Hosting
2 | Module 1: Flash Environment
BAYON HOSTING
Module 1: Flash Environment
What is Flash?
ពពលដែលពយើងចង់បដនថមនូវ រូបភាពមានចលនាពៅពលើវុ ៉ិបសាយ Web Designer ន៉ិង Web
Developers ភាគពរចើនដបរមកពរបើ Flash។ អនកនឹងដាក់ Flash Movie ពលើ Web Site រកុមហុន, ការកំសានត ន៉ិង
ផ្ទទល់ខ្ួនផងដែរតាមរយៈអុ
ល
៉ិនធឺណ៉ិត។
Flash បានកាលយជា Web design tool ពដាយសារវាមានគុ ណសមបតត៉ិែូចខាងពរកាម៖
ផតល់ពោយ Web developer ន៉ិង designer ជាមួយនឹងការរគប់រគងពលើការបង្ហាញនូ វការង្ហរ
របស់ពគ។ ពពលដែលការ design web pages ពដាយម៉ិនពរបើ Flash, លទធផលគឺ ោស្ស័យពលើ
browser ដែល user ពរបើ ដតបុ ព្ណោះ។
ផតល់នូវការកំនត់យងចាស់ពីរពបៀបដែល site នឹងពធវើការ ន៉ិងបង្ហាញពឡើងម៉ិនចំព
ោះ browser
្ពទ ពដាយសារវារតូវបានបង្ហាញកនុងកមមវ ៉ិធី Flash Player ដែលកមមវ ៉ិធី ភាគពរចើនរតូវបានកនុង
Web browsers មួយចំនួន System Software ន៉ិងោច download ពី web site abode បាន។
Flash បានខ្ចប់នូវការង្ហរយងពរចើនពៅជាកមមវ ៉ិធី ដែលង្ហយស្សួលពរបើមួយ។ អនកម៉ិនរតឹមដត
ោចបពងកើត movies ពីការគូ សកនុង Flash បុព្ណោះពទ ដតអនកក៏ោច import content ដែលបពងកើត
កនុងកមមវ ីធី Design ែទទពទៀតែូចជា Adobe Photoshop, Adobe Firework
ព
ោះបី ជាយង្ក៏ពដាយរយៈពពលពដានឡូត ពៅដតជោះឥទធ៉ិពលពដាយសាររបភទ Connection ដែល
អនកទសសនាមាន ែូពចនោះអនករតូវព៉ិចារ្កនុងការបពងកើត animation។
File Type
*.fla: Flash project file ជា file ដែលផទុករាល់ component
ំងអស់របស់ឯកសារមួ យ។ អនកអនក
ោចដកដរប file ពនោះបានែូចជា graphic, animation, actionscript ជាពែើម
*.swf: Swift File: ជា file ដែលពគ publish សំរាប់ការបង្ហាញពលើ web pages
*.html: ជា file html ដែលបានដាក់បញ្ូច លកូែ ដែល embed នូវ *.swf file ពែើមបីពធវើការបង្ហាញ
ពលើ browser
*.flv: ជា file ដែលបានពី ការពរបើ flash video encoder ដែលពរបើសំរាប់បំដលង video file ជា
flash video។ វាជារបពភទ streaming file ដែលោចពោយ user ចាក់បពណើត រ ន៉ិងពធវើការ
download បពណើត រពី Web server.
Practise 1 Viewing all File Type
3 | Module 1: Flash Environment
BAYON HOSTING
The Flash Work Environment
ម៉ិនថាអនកបពងកើតរ ឺ ដកដរប Flash ពនាោះពទ អនកនឹងពធវើការជាមួ យនឹង Key tools ែូចជា Stage, Work Area,
ន៉ិង Timeline។ អនកក៏រតូវពរបើ Tools កនុង Toolbox ន៉ិងPanelsជាពរចើនពទៀតពែើមបី បពងកើត ន៉ិងការពរបើ របាស់នូវ
Objects។
ផ្ទទំងការង្ហររបស់ Flashបានផតល់ Tools ន៉ិង Features ជាពរចើ នែូចជា
Panels
Tool Box
Stage
Work Area
Stage : គឺជាផ្ទទំងធំ មានរាងជាចតុពកាណដកងពៅកនុង Workspace ដែលអនកនឹ ងបពងកើត ន៉ិងដាក់នូវ
រគប់ content
ំងអស់សំរាប់ movie របស់អនក។ ពពលអនក Play movie,វានឹងបង្ហាញពៅទីពនោះ។
អនកោចគូរ ដាក់នូវ Objects ពផសងៗដាក់ កុង
ន Stage ។
The work area ជាផ្ទទំងពណ៌របពផោះ ដែលព័ទធជុំវ ៉ិញ Stage។ អនកោចពរបើ វាពពលកំពុងពធវើការ
ជាមួយនឹង animation objects ដែលនឹងរ ំក៉ិ លឆលងកាត់ Stage.
The Toolbox. Toolbox មានផទុករាល់ tools
ំងអស់ដែលអនកនឹងរតូវការបពងកើត ន៉ិងពធវើការដក
Flash artword. មាន tool ជាពរចើនសំរាប់ drawing, painting, selecting, ន៉ិង edit។ Toolbox ដចក
ពចញជា 4 ដផនកែូចជា
o
Tool មាន selecting, drawing, ន៉ិង painting
4 | Module 1: Flash Environment
o
View សំរាប់ ពធវើការដកដរបការបង្ហាញទន Stage
o
Colors បង្ហាញពី tools ដែលពរបើសំរាប់បូរពណ
ត
៌ outline ន៉ិង fill
o
Options បង្ហាញពី ជំពរ ើសបដនថមសំរាប់ tool ដែលបាន select
BAYON HOSTING
The Timeline. ពរបើ សំរាប់ ពរៀបចំ content របស់ movie ពដាយពរបើនូវ
o
layer ជាការពរៀបចំ element ដែលោចពោយអនកដាក់ រប
ូ ភាពពីពលើរប
ូ ែទទពទៀត ន៉ិងោច
រគប់រគងវ ៉ិធី ដែល object បង្ហាញ ន៉ិងពធវើការ។
o
frames ជាកំនាត់ ទន movie មួយដែលបងកពឡើងពដាយរូបភាពខ្លួនវាមួយ ពហើយវាកំនត់ ពពល
ដែលវានឹងរតូវបង្ហាញកនុង movie។
Panel s ោច float ពលើ screen រ ឺោច docked ពីពរកាម រ ឺ សាតំទន work area ន៉ិង Timeline។
អនកោចពធវើការ Create ន៉ិង Save panel ដែលអនកគ៉ិតថាង្ហយស្សួលសំរាប់អនក
Workspace Layout
កនុង Adobe Flash CS3 អនកោចមានជំពរ ើសកនុងការបង្ហាញបី របពភទគឺ៖
អនករតូវចូ លពៅកាន់ Window Workspace
o
Default
o
Icon and Text Default
5 | Module 1: Flash Environment
o
BAYON HOSTING
Icon Only Default
Property Inspector
The Property Inspector. Property Inspector ផតល់នូវពត៌មានពី document ដែលអនកពធវើការពលើ រ ឺបញ្ជ
ា ក់ពី object
ដែលមានកនុង movie។
ពពលគ្មមន object ្រតូវបាន select វាបង្ហាញ attributes ទន movie ដែលអនកពធវើការពលើ។
ពពល select ពលើ object ្មួ យវានឹងបង្ហាញនូ វ attribute ដែលមានកនុង object ពនាោះម៉ិនថាវាជា
symbol, shape, bitmap, video, group, frame រ ឺ Text ពទ។
វាសំរួលែល់ការ design ន៉ិង develop ពដាយោចពោយអនកពធវើការដកដរប document រ ឺ object ពដាយម៉ិនចាំបាច់
ចូលតាម menu រ ឺ panels.
Practice II
Show Info
Show the Info panel ផតល់ពត៌ មានអំពី ទីតាំង ន៉ិងទំហំទន object ពលើ screen ន៉ិងជាជំនួយពពលបពងកើត movie។
Window Info
Using Document Properties
អនកោចចូ លព
កាន់ Document តាមរយៈ ModifyDocument Property រ ឺ Ctrl + J
Match:
Printer កំនត់ទំហំរបស់ stage ពោយពសមើនឹងទំហំរកដាស់
Contents កំនត់ទំហំរបស់ stage ពោយពសមើនឹងទំហំ content ដែលមាន
Default កំនត់យកតំទលដែលជា Default ជាទូ ពៅ
6 | Module 1: Flash Environment
Using Grid View
ViewGridShow Grid
Save Flash Project
Save As File Flash
BAYON HOSTING
7 | Module 2: Drawing and Painting
BAYON HOSTING
Module 2: Drawing and Painting
Flash ផតល់នូវ tool ជាពរចើនសំរាប់ការ drawing ន៉ិង painting, ដែលោចពោយអនកោចបពងកើតនូវ object ដែលគួ រ
ពោយចាប់ ោរមមណ៍ សំរាប់ movie របស់អនក។ អនកោចដកនូ វ outline ន៉ិង fill properties, ន៉ិងបពងកើតនូវ color
swatches, gradients ន៉ិង line stylesបាន។
Objectives
ពែើមបី draw ន៉ិង paint កនុង Flash អនករតូវយល់៖
ភាពខ្ុសគ្មនរវាង vector ន៉ិង raster graphics
ពែើមបីពោយ file flash មានទំហំតូចអនករតូវពរបើនូវ vector graphics
បពងកើត object ពដាយពរបើនូវ Flash drawing ន៉ិង painting tools
ពយើងនឹងរតូវពរបើនូវ tools មានរបពយជន៍យងពរចើនសំរាប់ការបពងកើត graphic objects, ែូចជា
pencil, pen, line, brush, oval, rectangle, ន៉ិង eraser tools.
បពងកើតនូវ color swatch, gradient, ន៉ិង line style មួយពដាយខ្លួនឯង
Flash ផតល់នូវ color យងពរចើ នរបពភទែូ ចជា, preset colors, gradients, ន៉ិង line style សំរាប់ពរជើ ស
ពរ ើស។
Vector vs. Raster Graphics
មុនពពលអនកចាប់ ពផតើមពធវើការជាមួយ Flash អនកគួរយល់ពោយចាស់ពីរបពភទទន graphics គឺ vector ន៉ិង raster។
Flash ោចពោយអនកបពងកើត ន៉ិងពធវើចលនានូ វ vector graphics។ អនកក៏ោច import ន៉ិងពរបើ របាស់ raster graphic
ផងដែរជាមួ យនឹង Flash។
Vector Graphics
Vector graphics គឺផសំពឡើងបនាទត់ រតង់ ន៉ិងពកាង ដែលកំនត់ពដាយរូបមនតគណ៉ិតវ ៉ិទា។ វាមានគុណសមបតត៉ិែូច
ជា៖
មានទំហំតូចជាង raster graphic. ដែលសនសំពពល download សំរាប់ visitor ពពលពមើ ល site របស់
អនក។
វាម៉ិនោស្ស័យនឹង resolution ពទ ែូពចនោះអនកោចពរងីកបរងួម ពដាយម៉ិនពធវើពោយខ្ូចគុ ណភាព ឬ
ដបករគ្មប់ពនាោះពទ។
ោច print បានរគប់ resolution
ំងអស់ដែល printer support ពដាយសារដតរូបមនតគណ៉ិតវ ៉ិទា
ដែលវាពរបើ ។
បុដនតវាមានការលំបាកកនុងការបពងកើត ន៉ិងដក ពដាយសារវាផសំពឡើងពដាយ object តូចៗជាពរចើន។
Raster Graphics
Raster graphics ឬរតូវបានពគពៅថា bitmaps, គឺផសំពីរកឡា(សំ្ញ់) ទនកាពរតូចៗ រតូវបានពៅថា pixels។
Pixel នីមួយៗកនុង raster graphic មួយោចមានពណ៌ពផសងគ្មន រ ឺ shade ទន gray។ វាមានលទធភាពកនុងការបង្ហាញ
8 | Module 2: Drawing and Painting
BAYON HOSTING
យងលំអ៉ិត ន៉ិងរូបភាពសមុគសាមញ បុដនតវាពធវើពោយរូបភាពមានទំហំ ពដាយសារវារតូវបានផទុកពត៌ មាន អំពី
ពណ៌បស់ pixel នីមួយៗ។
ពពលអនកបតូរទំ ហំ ទន raster graphics មួយ វាោចពធវើពោយដបករគ្មប់ ពដាយសារដត pixel រតូវបាន ដចក
ពលើរកឡាថមីពឡើងវ ៉ិញ។ ពដាយសារដតទ៉ិននន័យដែលព៉ិពណ៌នា raster image មួយ គឺរតូវបានកំនត់ ពោយ រតូវ
នឹងទំហំទន grid មួយចាស់លាស់។
ពដាយសារមូលពហតុ ពនោះពហើយពទើបពធវើពោយវាបង្ហាញមានលកខណៈដបករគ្មប់ ពពលដែលវារតូវបាន
បង្ហាញពលើកុំពយូទ័ រ ដែលមាន resolution
បជាង resolution ដែលរូបភាពរតូវបានបពងកើត។
អនកោច Import raster graphics ចូលកនុង Flash ន៉ិងពធវើការជាមួយវា បុដនតអនកនឹងម៉ិនោចរគប់រគង ពលើ
ការង្ហរដែលពរបើបាន
ំងអស់ពនាោះពទ។ ពពលអនក import raster image ចូល flash នឹងបរងួមរូបភាពពនាោះពោយ
មានទំហំតូច។
ជាឧ
ហរណ៍ ឧបមាថាអនកមានរូបភាពមួ យ ដែលជាបនាទត់មានរបដវង 50pixels ពលើ screen របស់
អនក។ ពបើរប
ូ ភាពជា raster graphic វារតូវបានកំនត់ ពដាយ 50pixel ពដាយសារ ពណ៌របស់ pixel ោចមាន
ពណ៌ខ្ុសគ្មន។ ពបើវាជា vector graphic រូបភាពោចរតូវបានកំនត់ពដាយ សមី ការគណ៉ិតវ ៉ិទាខាងកនុងដែល
សំគ្មល់នូវចំនុចចាប់ ន៉ិងចំនុចបញ្ចប់សំរាប់បនាទត់ ពនាោះ។ ែូចពនោះ រូបភាពដែលកំនត់ ពដាយ vector graphic
មានទំហំតូចជាង ពដាយសារវាម៉ិនសំគ្មល់រគប់ pixel
ំងអស់ដែលពរបើកុង
ន graphic image។
Practice 1:
ពរបៀបពធៀបរូបភាពដែលបពងកើតពដាយ Vector ន៉ិង Raster Images
Basic Drawing and Painting
Pencil Tool ( Y )
ពរបើ សំរាប់គូស free-form shape, បនាទត់ រ ឺដខ្សពកាង។ Pencil មាន modifier mode ចំនួនបីគឺ
9 | Module 2: Drawing and Painting
BAYON HOSTING
straighten: Modifier ពនោះនឹងបំដលងរាល់កំនាត់បនាទត់ពៅជាកំនាត់ ដែលរតង់។ វានឹងបំដលង
រូបដែលស្សពែៀងនឹង រងវង់, កាពរ, ន៉ិងរតី ពកាណ ពោយពៅជារាងព៉ិ តៗ
smooth: Modifier ពនោះនឹងបំ ដលងបនាទត់ រពឆតរឆូត ពោយពៅជារាងជាដខ្សពកាង
ink: សំរាប់គូសតាមអវីដែលអនករតូវការ
ចំ្ំ៖ ពែើមបីគូសបនាទត់ ពោយរតង់អនករតូវចុច Shift ពោយជាប់
Pen Tool ( P )
The Pen tool មានរបពយជន៍ សំរាប់គូសនូវ ផលូវជាក់លាក់ ជាមួយបនាទត់ រតង់ រ ឺដខ្សពកាងលអ កនុងទំរង់ជា vector
format។ ពែើមបីបពងកើតនូវ Line រ ឺ curves អនករតូវកំ នត់ anchor point ពោយបាន ២ រ ឺពរចើន សំរាប់បនាទត់ ការដក
ទ៉ិសពៅទនដខ្សពកាងអនករតូវគូ សពដាយរ ំក៉ិ ល tangent handle។ ពែើមបីគូសបនាទត់ រតង់ជាមួយនឹង pen tool ចុច
ពៅកាន់ទីតាំងបញ្ចប់ រ ឺ anchor ពៅកាន់ចំនុចទនបនាទត់។ អនកោចចុច [Shift] key ពែើមបីបងខំពោយដខ្សបពងកើត
0
បានមុំ 45 ។
ពែើមបីគូរនូវដខ្សពកាងមួ យ កំនត់ anchor point តំបូង បនាទប់ មក
ញពៅតាមទ៉ិ សដែលអនកចង់ពោយវាពកាង
ពៅតាម។ ពពលែល់កដនលងបញ្ចប់ ដែលអនកចង់ពោយដខ្សពកាងពៅ របដលង mouse button ជាការពស្សច។
ពែើមបីដកនូវភាពពកាងពកាងអនកបតូរ tagent handle ដែលកំ នត់នូវ ជំពៅ ន៉ិងកំពស់ទនដខ្សពកាង។ សំរាប់ anchor
point នីមួយៗពលើដខ្សពកាង មាន tagent handle ចំនួន២ ដែលបញ្ជ
ា ពលើដខ្សពកាង ដែលនឹងវានឹងរ ំក៉ិ ល
ំង២
ពពលអនកដកដខ្សពកាង
Pen tool កនុង Flash CS3 មាន mode បីបដនថមពទៀតែូ ចជា៖
Add Anchor Point: ចុចពលើបនាទត់ពែើមបីបដនថម point
Delete Anchor Point: ចុចពលើ Anchor point ពែើមបីលុបវាពចាល។
Convert Anchor Point: ចុចពលើ anchor point, ពែើមបីបំដលងពៅជា corner point។ ពបើចង់ពោយវា
ពកាងវ ៉ិញមានដតវ ៉ិធី ពរបើ selection tool បូកន៉ិង subselection tool បុព្ណោះ
Shape Tools and their Properties
អនកោចពរបើ Line, Oval, ន៉ិង Rectangle tools ពែើមបីគូសនូ វ line, ovals, circles, rectangles, ន៉ិង squares។
Tools នីមួយៗោចពោយអនកពរជើ សពរ ើសនូវ outline propertiesសំរាប់ outlines ទន shape ដែលអនកបានបពងកើ
10 | Module 2: Drawing and Painting
BAYON HOSTING
ត។ អនកោចបតូររបពភទទន outline (ែូចជា dashed, dotted, hair line,…) ពណ៌ទន line ន៉ិងកំរាស់របស់វា។
Stroke and Fill Properties
ពពលអនកបពងកើតនូ វ shape មួ យពដាយពរបើ tool drawing រ ឺ painting ្មួ យក៏ពដាយ អនកនឹងពធវើការ
ំង fill
ខាងកនុង ន៉ិង stroke ខាងពរៅ។ ពែើមបីបូតរពណ៌ stroke រ ឺ fill របស់ object មួយអនករតូវពរបើ ដផនកពណ៌កនុង
Toolbox
ចំ្ំ
ពែើមបី select
ំង fill ន៉ិង stroke អនករតូវ double-click ពលើ fill
ពែើមបី select បដនថម អនករតូវចុ ច shift key ជាមួយ object ដែលរតូវ select
ពែើមបី deselect អនករតូវចុច shift key ជាមួ យ object ដែលរតូវ deselect
Web-safe Colors
រគប់ពណ៌
ំងអស់កុងdefault
ន
pallete របស់ Flash គឺជា Web-safe colors។ ម៉ិនថាអនកពរបើ machine ដែល
មាន Video card 256 color ពទពណ៌នឹងបង្ហាញយងរតឹមរតូវ។
The Brush Tool ( B )
Brush tool ោចរតូវបានពរបើ សំរាប់គូរនូ វ free hand shapes ស្សពែៀងនឹង pencil tool បុដនតវាបដនថម នូវ solid fill
ពៅកាន់ shape របស់វា។ វាផតល់នូវទំ ហំរបស់ brush ន៉ិង shape ោចពោយអនកបពងកើតនូវ effect សំរាប់ ការគូ រ
ជាពរចើន។ Brush tool ក៏បានផតល់នូវ modifier ចំនួន 5 ែូចខាងពរកាម៖
11 | Module 2: Drawing and Painting
BAYON HOSTING
: គូររគប់ដផនក
ំងអស់ទន object ដែលរគបពដាយ stroke របស់ brush
: គូរដផនក fill ដែលបពងកើតពដាយ stroke ទន brush
: គូរជុំវ ៉ិញ object ែូពនោះ object នឹងបង្ហាញពៅពលើែដែល
: គូរដតពលើអីវដែលបាន select ពដាយ arrow tool បុព្ណោះ
: គូរដតខាងកនុងចពនាលោះ stroke ទន object មួយបុព្ណោះ
Eraser Tool(E)
ែូចនឹង brush tool ដែរ Eraser មាន shape, size ពរចើនសំរាប់ពរជើ សពរ ើដែរ ន៉ិងមាន modifier ែូចគ្មនដែរ។
បុដនត Eraser tool រតូវបានពរបើ សំរាប់លុប បនាទត់ រ ឺ fill ពី shape កនុង Flash movie របស់អនក។
: លុបរគប់ដផនក
ំងអស់ទន object ដែលរគបពដាយ stroke របស់ Eraser
: លុបដផនក fill ដែលបពងកើតពដាយ stroke ទន eraser បុព្ណោះ
: លុបដផនក stroke ដែលបពងកើតពដាយ stroke ទន eraser បុព្ណោះ
: លុបដតពលើ fill អវីដែលបាន select ពដាយ arrow tool បុព្ណោះ
: លុបដតខាងកនុងចពនាលោះ stroke ទន object មួយបុព្ណោះ
Lock Fill
: ពរបើសំរាប់ fill object ពរចើនជាមួយនឹង gradient ដតមួ យ រ ឺ fill ែទទពទៀត។
ំងពនោះោចមានរបពយជន៌ កុងករណ
ន
ី
Eraser ក៏មាន option មួយពទៀតគឺ
Faucet។ អនកោចពរបើវាពែើមបីបពងកើតពលបឿនកនុងការលុប fill
ំងមូល រ ឺ
បនាទត់ ពដាយម៉ិនចាំបាច់គ៉ិតពី Eraser mode ដែលអនកពរបើពនាោះពទ។
The Paint Bucket Tool (K)
Fill Color សំរាប់ object ថមីន៉ិងចាស់គឺោចបតូរពណ៌បានកនុងដផនក color ទន Toolbox រ ឺ Property Inspector។
អនកោចដក object ពនោះបានផងដែរពដាយពរបើ របាស់នូវ the Paint Bucket tool ពពលពធវើការជាមួ យនឹងfill។
ជាមួយនឹង Paint Bucket tool អនកោចបដនថម solid, gradient(band ទន color blendingពៅវ ៉ិញពៅមក) រ ឺ
bitmap fill ពៅកាន់ object របស់អនក។ Gradients ោចលាយរហូតែល់ពៅ ៨ពណ៌ ន៉ិងោចបពងកើតពដាយ
12 | Module 2: Drawing and Painting
BAYON HOSTING
linear bands រ ឺ ផទ៉ិតរងវង់ពរចើន។ អនកោចដកដរប gradient fillបដនថមពដាយពរបើ Fill Transfomr Tool ពែើមបី rotate
បងវ៉ិល, skew ទំពរត, បតូរផទ៉ិត, ផ្ទតស់បូតរទទឹង ន៉ិងកំពស់របស់ gradient បាន។
ែូចនឹង Brush ន៉ិង Eraser tool ដែរ វាផតល់នូវ modifiers សំរាប់ដកពី រពបៀដែលវាពែើមបីបដនថម រ ឺ លុបពី ពណ៌ពី
Object, Paint Bucket tool មាន Gap Size modifier។ The Paint Bucket tool ពធវើការពលើ សំោងពលើ ទផទព៉ិត។
ពពលពពលអនកពធវើការជាមួ យ object មួយ ដែលចង់ចាក់ពណ៌ពលើទផទដែលម៉ិន
ន់ប៉ិទ អនកោចពរបើ enclosed
outline។
The Gap Size modifier ោចពោយអនកពរជើ សពរ ើរបពភទទផទដែលអនករតូវចាប់បំពពញ ពីការពរបើ outline សំរាប់
ប៉ិទជ៉ិតពលើទផទពដាយពរបើ គំលាតធំ។
Fill Transform Tool ( F )
Fill Transform Tool ពរបើសំរាប់ពធវើការ edit gradient fill ដែលោចពោយពយើងោចពធវើការ បតូរទីតាំងផទ៉ិត របស់
gradient, resize, rotate សំរាប់ gradient ជា linear ន៉ិង radial ។
The Ink Bottle ( S )
The Ink Bottle tool ពរបើសំរាប់ បូលកខ
ត
ណៈរបស់ stroke ទន line ដែលមានស្សាប់។ ពពលដែល shape មួយរតូវ
បានគូរ tool ពនោះនឹងផតល់ភាពង្ហយស្សួលកនុងការបតូរលកខណៈទន line ដែលបពងកើត shape ពនាោះ។ ពពលអនក
បាន Select Ink Bottle tool អនកោចកំនត់ attribute ទន line មួយកនុង Property Inspector ែូចនឹងdrawing
tool ែទទពទៀតដែរ។
Eyedropper Tools ( I )
The Eyedropper tool ពរបើសំរាប់ចំលងពណ៌ទន fill រ ឺ stroke ដែលមានស្សាប់កុង
ន object ន៉ិងចង់ដាក់ កុងobject
ន
ថមី
មួយពទៀត។ tool ពនោះនឹងយកតំទលកដនលងដែលអនកចុ ច mouse មាងពទៀតពរកាយពីអនកចំ លងពណ៌ ដែល fill
នឹងបតូរពៅជា fill bucket tool ភាលម ដតពបើអនកចំ លងពណ៌ពី stroke វានឹងបតូរពៅជា Ink Bottle ជំនួសវ ៉ិញ។
Creating Custom Colors, Gradients, and Line Styles
Flash បានផតល់នូវ ពណ៌, gradients ន៉ិង lines style ជាពរចើ នសំរាប់អនកពរជើ ពរ ើសពពលបពងកើតFlash movies។
បុដនតអនកនឹងរតូវការបពងកើត ពណ៌, gradient, រ ឺ line style សំរាប់ movie ដែលអនកចង់បពងកើត។
13 | Module 2: Drawing and Painting
BAYON HOSTING
The Color Mixer Panel (Shift +9)
ពពលអនករតូវការបពងកើត រ ឺដកនូ វ solid color អនកោចពរបើ Color Mixer panel, ដែលអនកោចកំនត់ពណ៌ពដាយ
ពរបើទំរង់ RGB, រ ឺ HSB(Hue,Saturation,Blur),hexadecimal ។ អនកក៏ោចពរបើ Alpha mode ពែើមបីកំនត់កំរ ៉ិត
transparency ទន Color មួយបានផងដែរ។ ពបើអនកបាន select object មួយពលើ stage មុនពពលអនកចាប់ ពផតើមបតូ
រពណ៌កនុង Mixer panel ពនាោះពណ៌ដែលមានកនុង color mixer នឹងោស្ស័យនឹងពណ៌ទន object ពនាោះ។
Creating a Custom Color Swatch (Ctrl +9)
ពែើមបីបដនថមពណ៌ពៅកាន់ Color Swatch អនករតូវការពរបើនូវ Color Mixer រួចពហើយលាយពណ៌ដែលអនករតូវ
ការពរបើ ញឹកញាប់កុង
ន Movie មួយ។ បនាទប់មកពទៀតអនករតូវចុចពលើសញ្ជា
រួចចុចពលើ
ែូចខាងពរកាម៖
បនាទប់មកពទៀតអនកចូ លពៅកាន់ Color Swatch អនកនឹងព
ើញពណ៌ពនាោះែូចខាងពរកាម៖
កយ Add Swatch
14 | Module 2: Drawing and Painting
BAYON HOSTING
Custom Gradients
ែូចដែលអនកពធវើការបដនថមពណ៌ពៅកាន់ Flash pallete អនកក៏មានជំពរ ើសកនុងការបដនថម gradients ខ្លួនឯងបាន
ផងដែរ។ តំនាក់កាលកនុងការបពងកើត gradient មានភាពសមុគសាមញបនត៉ិចបនតួច ដែលរតូវពធវើការពលើ Color
Mixer panel។ Gradient control ទីពនោះោចពោយអនកពរជើ សពរ ើសជារបពភទ linear រ ឺ radial។
Creating a Custom Gradient Swatch
ពពលដែលអនកពធវើការជាមួ យនឹង gradients pointer ពលើ gradient bar កំនត់នូវពណ៌ដែលរតូវបដនថម កនុង
gradient ក៏ែូចជាពណ៌ដែលរតូវបដនថមកនុង gradient។
ពែើមបីបូតរពណ៌ទន pointer អនករតូវ select ពលើ រួចដកពណ៌កនុង Mixer រ ឺ double click ពលើវាពែើមបី Select ពី color
pallet រ ឺពរបើ eye dropper ពែើ មបីselect ពណ៌។
ពែើមបីបដនថម pointer អនករតូវដាក់ mouse ពោយ gradient controller ពោយពចញសញ្ជារពួញរួចពលើវា វានឹង
បពងកើត pointer ដែលយកពណ៌ពីកដនលងដែលពយើងចុច។
15 | Module 3: Graphic in Flash
BAYON HOSTING
Module 3: Graphic in Flash
Flash ផតល់នូវ tool ជាពរចើនសំរាប់ការ drawing ន៉ិង painting, ដែលោចពោយអនកោចបពងកើតនូវ object ដែលគួ រ
ពោយចាប់ ោរមមណ៍ សំរាប់ movie របស់អនក។ អនកោចដកនូ វ outline ន៉ិង fill properties, ន៉ិងបពងកើតនូវ color
swatches, gradients ន៉ិង line stylesបាន។
Objectives
ពែើមបី draw ន៉ិង paint កនុង Flash អនករតូវយល់៖
ភាពខ្ុសគ្មនរវាង vector ន៉ិង raster graphics
ពែើមបីពោយ file flash មានទំហំតូចអនករតូវពរបើនូវ vector graphics
បពងកើត object ពដាយពរបើនូវ Flash drawing ន៉ិង painting tools
ពយើងនឹងរតូវពរបើ នូវ tools មានរបពយជន៍យងពរចើនសំរាប់ការបពងកើត graphic objects, ែូចជា
pencil, pen, line, brush, oval, rectangle, ន៉ិង eraser tools.
បពងកើតនូវ color swatch, gradient, ន៉ិង line style មួយពដាយខ្លួនឯង
Flash ផតល់នូវ color យងពរចើ នរបពភទែូ ចជា, preset colors, gradients, ន៉ិង line style សំរាប់ពរជើ ស
ពរ ើស។
Vector vs. Raster Graphics
មុនពពលអនកចាប់ ពផតើមពធវើការជាមួយ Flash អនកគួរយល់ពោយចាស់ពីរបពភទទន graphics គឺ vector ន៉ិង raster។
Flash ោចពោយអនកបពងកើត ន៉ិងពធវើចលនានូ វ vector graphics។ អនកក៏ោច import ន៉ិងពរបើ របាស់ raster graphic
ផងដែរជាមួ យនឹង Flash។
Vector Graphics
Vector graphics គឺផសំពឡើងបនាទត់ រតង់ ន៉ិងពកាង ដែលកំនត់ពដាយរូបមនតគណ៉ិតវ ៉ិទា។ វាមានគុណសមបតត៉ិែូច
ជា៖
មានទំហំតូចជាង raster graphic. ដែលសនសំពពល download សំរាប់ visitor ពពលពមើ ល site របស់
អនក។
វាម៉ិនោស្ស័យនឹង resolution ពទ ែូពចនោះអនកោចពរងីកបរងួម ពដាយម៉ិនពធវើពោយខ្ូចគុ ណភាព ឬ
ដបករគ្មប់ពនាោះពទ។
ោច print បានរគប់ resolution
ំងអស់ដែល printer support ពដាយសារដតរូបមនតគណ៉ិតវ ៉ិទា
ដែលវាពរបើ ។
បុដនតវាមានការលំបាកកនុងការបពងកើត ន៉ិងដក ពដាយសារវាផសំពឡើងពដាយ object តូចៗជាពរចើន។
Raster Graphics
Raster graphics ឬរតូវបានពគពៅថា bitmaps, គឺផសំពីរកឡា(សំ្ញ់) ទនកាពរតូចៗ រតូវបានពៅថា pixels។
Pixel នីមួយៗកនុង raster graphic មួយោចមានពណ៌ពផសងគ្មន រ ឺ shade ទន gray។ វាមានលទធភាពកនុងការបង្ហាញ
16 | Module 3: Graphic in Flash
BAYON HOSTING
យងលំអ៉ិត ន៉ិងរូបភាពសមុគសាមញ បុដនតវាពធវើពោយរូបភាពមានទំហំ ពដាយសារវារតូវបានផទុកពត៌ មាន អំពី
ពណ៌បស់ pixel នីមួយៗ។
ពពលអនកបតូរទំ ហំ ទន raster graphics មួយ វាោចពធវើពោយដបករគ្មប់ ពដាយសារដត pixel រតូវបាន ដចក
ពលើរកឡាថមីពឡើងវ ៉ិញ។ ពដាយសារដតទ៉ិននន័យដែលព៉ិពណ៌នា raster image មួយ គឺរតូវបានកំនត់ ពោយ រតូវ
នឹងទំហំទន grid មួយចាស់លាស់។
ពដាយសារមូលពហតុ ពនោះពហើយពទើបពធវើពោយវាបង្ហាញមានលកខណៈដបករគ្មប់ ពពលដែលវារតូវបាន
បង្ហាញពលើកុំពយូទ័ រ ដែលមាន resolution
បជាង resolution ដែលរូបភាពរតូវបានបពងកើត។
អនកោច Import raster graphics ចូលកនុង Flash ន៉ិងពធវើការជាមួយវា បុដនតអនកនឹងម៉ិនោចរគប់រគង ពលើ
ការង្ហរដែលពរបើបាន
ំងអស់ពនាោះពទ។ ពពលអនក import raster image ចូល flash នឹងបរងួមរូបភាពពនាោះពោយ
មានទំហំតូច។
ជាឧ
ហរណ៍ ឧបមាថាអនកមានរូបភាពមួ យ ដែលជាបនាទត់មានរបដវង 50pixels ពលើ screen របស់
អនក។ ពបើរប
ូ ភាពជា raster graphic វារតូវបានកំនត់ ពដាយ 50pixel ពដាយសារ ពណ៌របស់ pixel ោចមាន
ពណ៌ខ្ុសគ្មន។ ពបើវាជា vector graphic រូបភាពោចរតូវបានកំនត់ពដាយ សមី ការគណ៉ិតវ ៉ិទាខាងកនុងដែល
សំគ្មល់នូវចំនុចចាប់ ន៉ិងចំនុចបញ្ចប់សំរាប់បនាទត់ ពនាោះ។ ែូចពនោះ រូបភាពដែលកំនត់ ពដាយ vector graphic
មានទំហំតូចជាង ពដាយសារវាម៉ិនសំគ្មល់រគប់ pixel
ំងអស់ដែលពរបើកុង
ន graphic image។
Practice 1:
ពរបៀបពធៀបរូបភាពដែលបពងកើតពដាយ Vector ន៉ិង Raster Images
Type of graphic objects in Flash CS3
Shapes: ជា vector drawing ដែលបានបពងកើតពដាយFlash drawing tools រ ឺ files ដែលបានImport
ពៅកាន់ Flash ពី Illustrator CS3 រ ឺ Fireworks CS3។
Drawing objects: ជារបពភទមាងដែលគូរពដាយ Flash drawing កនុង Tools panel.
Primitives: ជា graphic ដែលបពងកើតពដាយ Rectangle Primitive ន៉ិង Oval Primitive tools កនុង
Tools Panel
Bitmaps ជារូបភាពដែលបានបពងកើតកនុង Photoshop CS3 ន៉ិង Fireworks CS3.
The Tools panel
The Tools panel ជាកដនលងដែល drawing tools
effects, blends, ន៉ិង Color panel។
ំងអស់តាំងពៅ។ វាពរបើផសំជាមួយនឹ ង Property Inspector,
17 | Module 3: Graphic in Flash
បនាទត់ដែលគូ សកាត់ tools គឺជាការសំគ្មល់រកុមទន tools
BAYON HOSTING
ំងពនាោះពៅជាបួនដផនកពផសងៗពីគ្មន។ ដផនក
ំង
ពនាោះមានែូចជា៖
Selecting Section: រកុមពនោះមាន toolsចំនួន ៤ ដែលោចពោយអនក select objects, select
objects កនុង objects, ដក objects, ពហើយដថម
ត។
ំង select ដផនក្មួ យទន object មួយដថមពទៀ
Drawing: មាន tool ចំនួន ៦ ពរបើសំរាប់ draw images, បពងកើត graphics ន៉ិង text element ន៉ិង
draw shapes ន៉ិង lines។
Modification: មាន tool ចំនួន ៤ សំរាប់ពរជើសពរ ើស stroke ន៉ិង fills, ការពរជើសពរ ើសោំចបញ្ជ
ា ក់
ពី ពណ៌ រ ឺកំនត់ម៉ិនយកពណ៌សំរាប់ object មួយ។
Color selection ន៉ិង options: ជា tool ពរបើ សំរាប់ zoom in ន៉ិង zoom ពៅកាន់ object រ ឺ image,
select color សំរាប់ fill color ន៉ិង stroke color។ Option ដែលពៅពរកាមផ្ទលស់បូរោស្ស័
ត
យនឹង
tool ដែលអនកបាន select។
Selection and Subselection tools
Selection
តំបូងអនករតូវគូស ចតុពកាណមួយពលើ stage។
ចុចពលើ Selection tool ពដាយចុច mouse រ ឺ ចុច V key។ ពពលអនករ ំក៉ិ ល tool ពលើ shape វានឹង
បង្ហាញ across ៤ទ៉ិសពរកាម cursor។ មានន័ យថាអនកោច move object បាន ពដាយចុចពហើយ
អូសវា។
18 | Module 3: Graphic in Flash
BAYON HOSTING
ចុចពលើវាពហើយអូ សពៅសាតំ។ អនកោចចុច ctrl + z ពែើមបីពៅែូចមុនវ ៉ិញ។
រគប់ object ដែលអនកបាន draw គឺរតូវបានបពងកើតពដាយ object 2 គឺ stroke ន៉ិង fill។ ពបើអនកពរបើ Illustrator,
Photoshop រ ឺ Fireworks user ដបលកពដាយសារវាសុទធដតបពងកើតពដាយ vector
ពែើមបី Select shape
ំងអស់។
ំងអស់ អនកមានវ ៉ិធី២។
1. ទី១ double-click ពលើ item។
2. គូរ selection box ពកាតប object
ពហើយចុច
ំងមូ ល។ ពែើមបីគូរ selection box អនករតូវចុច ពរៅ object
ញពី រជុងមាខង ពៅរជុងមាខងពទៀត។
ពយើងោចផតំុវាពធវើជា unit ដតមួយបានពដាយពធវើការ group វា។ ពែើមបីពធវើ group អនករតូវចុច Modify
Group។ ពពលពនោះអនកោច
ញពដាយ click ដតមតង។
The Selection tool ោចពធវើការពលើលពីការ select ន៉ិង drag object បុព្ណោះពទ អនកោចពរបើវាពែើមបីដករទង់
រ
យ shape ទន object មួយ។
ពដាយសារពពល object រតូវបាន group ពយើងម៉ិនោច reshape object បានពទ។ែូពចនោះអនករតូវ
Select object ពហើយចុច ModifyUngroup។
ពពលអនកដាក់ mouse ជ៉ិត stroke អនកនឹងព
ើញន៉ិម៉ិតតសញ្ជា
មានន័ យថាអនកោច reshape
នូវ stroke បានពហើយ។
បនាទប់មកអនកចុច ពហើយ
ញ stroke។ ពពលអនក drag stroke វានឹងពកាង មានន័យថាវាមានចំ
នុច anchor(ចាប់ ន៉ិងចប់)។ ពបើអនកចង់រ ំក៉ិ លទីតាំង anchor អនករតូវដាក់ mouse ដកបររជុងទន
shape។
សពងខប
មានការង្ហរ ២យងគឺ Select ន៉ិង Reshape
ពែើមបី select រតូវព
ើញសញ្ជា រពួញ
ពែើមបី select ដផនក
ំងអស់របស់ shape រតូវ double-click ឬ គូរ selection ជុំវ ៉ិញ shape
ជាសញ្ជាសំគ្មល់ reshape
Other Tools
Smooth Button ពរបើសំរាប់ ដក shape ពោយមានលកខណៈ Smooth ជាងមុន
19 | Module 3: Graphic in Flash
BAYON HOSTING
Straghten Button ពរបើ សំរាប់ដក shape ពោយមានលកខណៈរតង់។
Subselection (A)
អនកោចចូ លពរបើពដាយចុចពលើ Subselection Tool រ ឺ key A។ ចុចពលើរជុង្មួយរបស់ដខ្សពកាង វានឹង
បង្ហាញចំនុច ន៉ិង handle ដែលអនកោចដកដខ្សពកាងពដាយ move handle រ ឺ points។ handle គឺមានដតពលើ
ដខ្សពកាងពទ។
ពធវើការជាមួ យនឹង point ន៉ិង handle ដែលមានកនុង shape មួយ
Point ជាចំ នុចដែលសំគ្មល់ពីចំនុចចាប់ ន៉ិ ងចប់ របស់ បនាទត់រ ឺដខ្សពកាងមួ យ។
handle បង្ហាញដតកនុង ដខ្សពកាងបុ ព្ណោះ វាពរបើ សំរាប់ ដកមុំរបស់ដខ្សពកាង។
The Free Tansform tool (Q)
ជាមួយនឹង Free Transform tool អនកោចពធវើការ Scale, skew, ន៉ិង rotate objects ពលើ stage។ ពែើមបីពរបើវា
អនករតូវពធវើែូចខាងពរកាម៖
1.
Select object ពលើ stage ពហើយ select the Free Transform tool ពដាយចុចពលើ toolbox រ ឺ វាយ key
Object ដែលអនក select នឹងបង្ហាញនូ វ handle ចំនួន 8 ជាមួយនឹង dot ពណ៌សពៅចំក្
ត ល។
2.
រ ំក៉ិល cursur ពៅតាមរជុងនី មួយៗ អនកនឹងព
ើញែូចខាងពរកាម គឺវាបង្ហាញនូវ rotate icon។
3.
អនកោច skew object ពដាយដាក់ mouse ពៅតាមបព្
ត យ border ពោយពចញសញាា split arrow
។
4.
អនកោច scale object ពដាយដាក់ pointer ពោយពោយពចញសញ្ជារពួញសងខាង ពៅរជុងទន
handle។
ចំព
ោះចំនុច white dot វាបញ្ជ
ា ក់ពីផ៉ិចតទន object។ ការ Rotate ពរបើ ចំនុចពនោះពធវើជាផទ៉ិត ពហើយការ transform
ោស្ស័យនឹ ងចំនុចពនោះពពលអនកចុច Alt key
5. ចុចពលើ white dot ពហើយ
ចំនុចរតូវចាំ៖
ញវាែូចរូប បនាទប់មកសាកលបងបងវ៉ិលរូប
20 | Module 3: Graphic in Flash
BAYON HOSTING
ការង្ហររបស់ Free Transform tool គឺសំរាប់
ចំព
សំរាប់ Scale : រតូវដាក់ mouse ចំនុច handle
ង 8 ពោយពចញសញ្ជ
ា reside
សំរាប់ Rotate: រតូវដាក់ mouse ដកបរ handle ពោយពចញសញ្ជ
ា rotate
សំរាប់ Skew: រតូវដាក់ mouse ពោយតាមបព្
ត យ border របស់ object
ោះ white dot សំរាប់កំនត់ ផ៉ិទតទន object
The Gradient Transform tool
1. គូររងវង់មួយពលើ stage ពហើយ gradient background។
2. តំបូងអនករតូវចុចពលើ Gradient Tranform រ ឺ F key។
3. ចុចពលើ object ពលើ stage អនកនឹងព
ើញែូចខាងពរកាម
Center Point : មាន feature 2 ។
o
white dot ជាផច៉ិតទន gradient
o
រតីពកាណោច moveផច៉ិត gradient តាមអងគត់ផ៉ិចត។
Resize handle: សំរាប់ពរងីកដផនកបព្
ត យទន រវងវង់
Radius handle: សំរាប់បូតរកាំរបស់ gradient
Rotate handle: សំរាប់បងវ៉ិល gradient
Object Drawing mode
Object Drawing គឺសំពៅពលើគូរ object ពដាយម៉ិនពោយវា merge ជាមួ យនឹង object ដែលពៅពរកាមវា ដែល
ឋ៉ិតកនុង layer ដតមួយ
21 | Module 3: Graphic in Flash
BAYON HOSTING
Object Drawing ពធវើការែូចខាងពរកាម៖
1. ពពលអនកគូ រ shape មួយជាន់ ពលើ shape មួយពទៀត ពហើយអនក
ញ shape មួយពចញវ ៉ិញ វានឹងពធវើ
ពោយបានបង់ដផនករបស់ shape ដែលពៅពរកាម
2. ពបើអនកយក shape ថមីមកគូរពដាយពរបើ drawing object option វានឹងម៉ិនពធវើពោយមានបញ្ាពនោះពទ។
ពពលអនក select drawing object វានឹងបង្ហាញ visual clue ថាអនកកំពុង select object drawing mode។
ចំ្ំថា drawing ម៉ិនោច reshape ពដាយពរបើ selection ណ៉ិង subselection tool បានពទ។
Color Panel
22 | Module 3: Graphic in Flash
BAYON HOSTING
Fill Style: ជា drop-down list សំរាប់ពោយអនកបពងកើត fill ជា Solid, gradient, ន៉ិង រូបភាព
Gradient Range: ជាកដនលងបង្ហាញពីកំរ ៉ិតពណ៌របស់ Crayon
Gradient Preview: បង្ហាញពី លទធរបស់ gradient
Alpha: កំនត់ opacity ទណ fill រ ឺ stroke color
Swap Colors: សំរាបឆ្លលស់ពណ៌របស់ stroke ន៉ិង fill color
No Fill: សំរាប់កំនត់ shape កុំពោយមាន fill
Black and White: ពធវើពោយ stroke ពណ៌ពមម, fill ពណ៌ស
Crayons: ជាកដនលងសំរាប់
ញតំរូវ gradient។ ពែើមបីបដនថម crayon អនករតូវចុចកនុង gradient
range ចំពណ៌ដែលរតូវដាក់ ពោយ crayon ថមី។ ពបើអនកចង់ លុបអនករតូវ
ញវាពចញមកពរៅ។
23 | Module 4: Manipulating Object
BAYON HOSTING
Module 4: Manipulating Object
Selection and Subselection tools
Selection
តំបូងអនករតូវគូស ចតុពកាណមួយពលើ stage។
ចុចពលើ Selection tool ពដាយចុច mouse រ ឺ ចុច V key។ ពពលអនករ ំក៉ិ ល tool ពលើ shape វានឹង
បង្ហាញ across ៤ទ៉ិសពរកាម cursor។ មានន័ យថាអនកោច move object បាន ពដាយចុចពហើយ
អូសវា។
ចុចពលើវាពហើយអូ សពៅសាតំ។ អនកោចចុច ctrl + z ពែើមបីពៅែូចមុនវ ៉ិញ។
រគប់ object ដែលអនកបាន draw គឺរតូវបានបពងកើតពដាយ object 2 គឺ stroke ន៉ិង fill។ ពបើអនកពរបើ Illustrator,
Photoshop រ ឺ Fireworks user ដបលកពដាយសារវាសុទធដតបពងកើតពដាយ vector
ពែើមបី Select shape
ំងអស់។
ំងអស់ អនកមានវ ៉ិធី២។
1. ទី១ double-click ពលើ item។
2. គូរ selection box ពកាតប object
ពហើយចុច
ំងមូ ល។ ពែើមបីគូរ selection box អនករតូវចុច ពរៅ object
ញពី រជុងមាខង ពៅរជុងមាខងពទៀត។
ពយើងោចផតុំវាពធវើជា unit ដតមួយបានពដាយពធវើការ group វា។ ពែើមបីពធវើ group អនករតូវចុច Modify
Group។ ពពលពនោះអនកោច
ញពដាយ click ដតមតង។
The Selection tool ោចពធវើការពលើលពីការ select ន៉ិង drag object បុព្ណោះពទ អនកោចពរបើវាពែើមបីដករទង់
រ
យ shape ទន object មួយ។
ពដាយសារពពល object រតូវបាន group ពយើងម៉ិនោច reshape object បានពទ។ែូពចនោះអនករតូវ
Select object ពហើយចុច ModifyUngroup។
ពពលអនកដាក់ mouse ជ៉ិត stroke អនកនឹងព
ើញន៉ិម៉ិតតសញ្ជា
មានន័ យថាអនកោច reshape
នូវ stroke បានពហើយ។
បនាទប់មកអនកចុច ពហើយ
ញ stroke។ ពពលអនក drag stroke វានឹងពកាង មានន័យថាវាមានចំ
នុច anchor(ចាប់ ន៉ិងចប់)។ ពបើអនកចង់រ ំក៉ិ លទីតាំង anchor អនករតូវដាក់ mouse ដកបររជុងទន
shape។
24 | Module 4: Manipulating Object
BAYON HOSTING
សពងខប
មានការង្ហរ ២យងគឺ Select ន៉ិង Reshape
ពែើមបី select រតូវព
ើញសញ្ជា រពួញ
ពែើមបី select ដផនក
ំងអស់របស់ shape រតូវ double-click ឬ គូរ selection ជុំវ ៉ិញ shape
ជាសញ្ជាសំគ្មល់ reshape
Other Tools
Smooth Button ពរបើសំរាប់ ដក shape ពោយមានលកខណៈ Smooth ជាងមុន
Straghten Button ពរបើ សំរាប់ដក shape ពោយមានលកខណៈរតង់។
Subselection (A)
អនកោចចូ លពរបើពដាយចុចពលើ Subselection Tool រ ឺ key A។ ចុចពលើរជុង្មួយរបស់ដខ្សពកាង វានឹង
បង្ហាញចំនុច ន៉ិង handle ដែលអនកោចដកដខ្សពកាងពដាយ move handle រ ឺ points។ handle គឺមានដតពលើ
ដខ្សពកាងពទ។
ពធវើការជាមួ យនឹង point ន៉ិង handle ដែលមានកនុង shape មួយ
Point ជាចំ នុចដែលសំគ្មល់ពីចំនុចចាប់ ន៉ិ ងចប់ របស់ បនាទត់រ ឺដខ្សពកាងមួ យ។
handle បង្ហាញដតកនុង ដខ្សពកាងបុ ព្ណោះ វាពរបើ សំរាប់ ដកមុំរបស់ដខ្សពកាង។
The Free Tansform tool (Q)
ជាមួយនឹង Free Transform tool អនកោចពធវើការ Scale, skew, ន៉ិង rotate objects ពលើ stage។ ពែើមបីពរបើវា
អនករតូវពធវើែូចខាងពរកាម៖
6.
Select object ពលើ stage ពហើយ select the Free Transform tool ពដាយចុចពលើ toolbox រ ឺ វាយ key
Object ដែលអនក select នឹងបង្ហាញនូ វ handle ចំនួន 8 ជាមួយនឹង dot ពណ៌សពៅចំក្
ត ល។
7.
រ ំក៉ិល cursor ពៅតាមរជុងនី មួយៗ អនកនឹងព
8.
អនកោច skew object ពដាយដាក់ mouse ពៅតាមបព្
ត យ border ពោយពចញសញាា split arrow
។
ើញែូចខាងពរកាម គឺវាបង្ហាញនូវ rotate icon។
25 | Module 4: Manipulating Object
9.
BAYON HOSTING
អនកោច scale object ពដាយដាក់ pointer ពោយពោយពចញសញ្ជារពួញសងខាង ពៅរជុងទន
handle។
ចំព
ោះចំនុច white dot វាបញ្ជ
ា ក់ពីផ៉ិចតទន object។ ការ Rotate ពរបើ ចំនុចពនោះពធវើជាផទ៉ិត ពហើយការ transform
ោស្ស័យនឹ ងចំនុចពនោះពពលអនកចុច Alt key
10. ចុចពលើ white dot ពហើយ
ញវាែូចរូប បនាទប់មកសាកលបងបងវ៉ិលរូប
ចំនុចរតូវចាំ៖
ការង្ហររបស់ Free Transform tool គឺសំរាប់
ចំព
សំរាប់ Scale : រតូវដាក់ mouse ចំនុច handle
ង 8 ពោយពចញសញ្ជ
ា reside
សំរាប់ Rotate: រតូវដាក់ mouse ដកបរ handle ពោយពចញសញ្ជ
ា rotate
សំរាប់ Skew: រតូវដាក់ mouse ពោយតាមបព្
ត យ border របស់ object
ោះ white dot សំរាប់កំនត់ ផ៉ិទតទន object
The Gradient Transform tool
4. គូររងវង់មួយពលើ stage ពហើយ gradient background។
5. តំបូងអនករតូវចុចពលើ Gradient Tranform រ ឺ F key។
6. ចុចពលើ object ពលើ stage អនកនឹងព
ើញែូចខាងពរកាម
Center Point : មាន feature 2 ។
o
white dot ជាផច៉ិតទន gradient
o
រតីពកាណោច moveផច៉ិត gradient តាមអងគត់ផ៉ិចត។
Resize handle: សំរាប់ពរងីកដផនកបព្
ត យទន រវងវង់
Radius handle: សំរាប់បូតរកាំរបស់ gradient
Rotate handle: សំរាប់បងវ៉ិល gradient
26 | Module 4: Manipulating Object
BAYON HOSTING
Object Drawing mode
Object Drawing គឺសំពៅពលើគូរ object ពដាយម៉ិនពោយវា merge ជាមួ យនឹង object ដែលពៅពរកាមវា ដែល
ឋ៉ិតកនុង layer ដតមួយ
Object Drawing ពធវើការែូចខាងពរកាម៖
3. ពពលអនកគូ រ shape មួយជាន់ ពលើ shape មួយពទៀត ពហើយអនក
ញ shape មួយពចញវ ៉ិញ វានឹងពធវើ
ពោយបានបង់ដផនករបស់ shape ដែលពៅពរកាម
4. ពបើអនកយក shape ថមីមកគូរពដាយពរបើ drawing object option វានឹងម៉ិនពធវើពោយមានបញ្ាពនោះពទ។
ពពលអនក select drawing object វានឹងបង្ហាញ visual clue ថាអនកកំពុង select object drawing mode។
ចំ្ំថា drawing ម៉ិនោច reshape ពដាយពរបើ selection ណ៉ិង subselection tool បានពទ។
27 | Module 4: Manipulating Object
BAYON HOSTING
Color Panel
Fill Style: ជា drop-down list សំរាប់ពោយអនកបពងកើត fill ជា Solid, gradient, ន៉ិង រូបភាព
Gradient Range: ជាកដនលងបង្ហាញពីកំរ ៉ិតពណ៌របស់ Crayon
Gradient Preview: បង្ហាញពី លទធរបស់ gradient
Alpha: កំនត់ opacity ទណ fill រ ឺ stroke color
Swap Colors: សំរាបឆ្លលស់ពណ៌របស់ stroke ន៉ិង fill color
No Fill: សំរាប់កំនត់ shape កុំពោយមាន fill
Black and White: ពធវើពោយ stroke ពណ៌ពមម, fill ពណ៌ស
Crayons: ជាកដនលងសំរាប់
ញតំរូវ gradient។ ពែើមបីបដនថម crayon អនករតូវចុចកនុង gradient range
ចំពណ៌ដែលរតូវដាក់ ពោយ crayon ថមី។ ពបើអនកចង់លុបអនករតូវ
ញវាពចញមកពរៅ។
28 | Module 5: Working with Text
BAYON HOSTING
Module 5: Working with Text
អនករបដហលជាចង់បដនថម text ពៅកាន់ Flash movie របស់អនក។ Text blocks ន៉ិង text fields ោចពោយអនក
បដនថមពត៌ មាន ន៉ិងពធវើការជាមួយនឹង movie របស់អនក។ Text ោចរតូវបានបំ ដបកជាដផនក ពែើមបីពរបើកុង
ន
animation រ ឺបពងកើត graphic element កនុង movie របស់អនក។
Text Blocks
Variable ន៉ិង fixed width text blocks ជាមពធាបាយកនុងការបដនថម text ពៅកនុង Flash document.
Variable width text blocks នឹងពរងីកនូវទទឹងរបស់វាពោយពសមើនឹងអកសរដែលវាមាន។
Fixed width text block រកាទទឹង ដតដរបរបួលកំពស់ពដាយ wrap ដែលបដនថមពៅបនាទត់ ថីមមួយ
ពទៀត។
text ដែលមានកនុង text block ោច format, edit, ន៉ិង move បាន។
ពពលអនកបពងកើត ន៉ិងដក text blocks អនកោចពធវើការជាមួ យនឹង Property Inspector, ដែលបង្ហាញនូ វតួអកសរ
ន៉ិងការរពបៀបចំ paragraph រាល់ពពលដែល Text tool រតូវបាន select។ Attribute មានែូចជា៖
Font, color, size
Bold and italics
Alignment and text direction
Character adjustment
Margins, using the Format button
Text border
Setting a hyperlink
Text Fields
អនកោបបដនថម text ពដាយពរបើ text fields ក៏បានដែរ។ វាផតល់ការង្ហរពលើសពី text block គឺអនកោចពរបើ text
fileds ពែើមបី
request ពោយ user វាយបញ្ូច លនូវ username ន៉ិង password
29 | Module 5: Working with Text
BAYON HOSTING
រ ឺអនកោចពរបើវាពែើមបីបង្ហាញនូ វពត៌មានដែលដរបរបួលពី ពពលមួយ ពៅពពលពផសង ែូចជាការ
របលងជាពែើម។
បុពនតពែើមបីពធវើការជាមួ យវាអនករតូវពរបើ
ំង ActionScript,(ជាភាសាដែលបញ្ូច ល text ជាដផនកទន action) ន៉ិង
Common Gateway Interface (CGI) program, ដែលចាំទទួល ន៉ិងពបាោះតំ ទលពៅពោយ site របស់អនក។
ពែើមបីបូតរពី text block ពៅជា variable width block អនករតូវ double-click ពលើ handle ពៅរជុងទន
text block៕
Converting Text into Shapes
ការបំ ដលង text ពៅជា shape ពដាយពធវើការ breaking វាពធវើជាចំដនកៗពែើមបីការង្ហរមួ យចំនួនែូចជា៖
អនកោចពរបើ Arrow tool ពែើមបីពធវើការបតូរ shape របស់អកសរ។
អនកោចបតូរ
ពហើយអនកោចពធវើចលនាពលើអកសរពដាយដឡកពី គ្មនបាន។
ំងពណ៌ fill ន៉ិង stroke color
បុដនតពពលអនកបំ ដលង text ពៅជា shape អនកម៉ិនោចពរបើ នូវ character រ ឺ paragraph character បានពទ។
ែូពចនោះវាជាការចាំបាច់ដែលអនករតូវបតូរវាពោយពហើយពពលអនកចង់ break វា apart ពៅជា shapes។
ពែើមបីពធវើការ break apart អនករតូវ
Select ពលើ text block
ចូល Modify Break Apart។ បនាទប់មកអកសរនឹងរតូវបានផ្ទតច់ពចញពី គ្មន
ពែើមបីបំដលងដផនកទន text ជា shape អនករតូវ break apart មតងពទៀតពដាយ Modify Break
Apart (Ctrl + B)។
ពពលវាកាលយជា shape អនកោចពរបើ select tool ពែើមបី reshape វាបាន។ អនកក៏ោចបតូរពណ៌ fill ជា solid រ ឺ
gradient បាន។ អនកក៏ោចចាក់ពណ៌ពោយ stroke color បានផងដែរ។
30 | Module 6: Multiple Layers in a Movie
BAYON HOSTING
Module 6: Multiple Layers in a Movie
ពពលអនកពធវើការពលើចំនួនយងពរចើនទន Objects ពលើ layer ដតមួ យ វាោចនឹងោចនឹងមានការរចឡំកុងការ
ន
ញយកលំដាប់ ទន stack។ ការពរបើ multiple layer ោចពធវើពោយ shapes ន៉ិង object ង្ហយស្សួលកនុងការ
រគប់រគងជាងមុន ពហើយអនកនឹងោចបពងកើតនូវ effect បានពរចើនពដាយម៉ិនបារមមណ៌ object interaction។
Create and Managing Multiple Layers
ពែើមបីបពងកើតនូ វ Layer ថមី អនករតូវពធវើការជាមួ យនឹង Timeline. ជាមួយ Timeline អនកោចបដនថម រ ឺលុប layers បតូ
រលំដាប់ទន layer, hide layers, lock layers, ន៉ិង organize layer កនុង folders។ ដចកចាយនូវ item ពៅកាន់
layer ែទទពទៀតពដាពរបើនូវ Layer Command
Creating and Deleting Layers
ពរបើ សំរាប់បពងកើត layer ថមី
ពរបើ សំរាប់ Add Motion Guide
សំរាប់បពងកើត Folder សំរាប់ ដាក់
ពរបើសំរាប់ លុប layer ដែលកំ ពុង select
ពែើមបី cut object ពី layer មួយពៅ Layer មួយពទៀតអនករតូវ ctrl + X , Ctrl + Shift + V
Distribute to Layers
ជាការដបងដចករាល់ object ដែលបាន select ពៅកាន់ layer ថមីពរៀងៗខ្លួន។ ពែើមបីពធវើដបបពនោះរតូវ
Select រាល់ object ដែលចង់ ដបងដចក ពៅកាន់ layers ពរៀងខ្លួន
Modify Distribute to Layers។
ចំព
ោះ object ដែលរតូវដាក់កុនង layer ដតមួ យអនកោច group វា
Layer Organization
ពពលអនកពធវើការជាមួយនឹង layers ពរចើនរបពភទ វានឹងមានការលំបាកកនុងការចងចាំនូវ objects ្រតូវ ពៅ
កនុង layer មួយ្។ ពែើមបីសំរួលអនករតូវ៖
បតូរព្មោះ layer ពោយសមនឹ ង object។
31 | Module 6: Multiple Layers in a Movie
ពរៀបចំ movie ពដាយផតុំ layers ស្សពែៀងគ្មនដាក់កុងfolderរួ
ន
មមួយ
ដាក់ layer តាមលំដាប់ ដែលរតូវបង្ហាញ។
BAYON HOSTING
Locking and Unlocking Layers
ពពលអនក lock layer មួយ អនកការ
រវាពីការបតូរពដាយ អពចតនា។ ពពលកំពុងពធវើការជាមួយនឹង overlapping
objects ពលើ multiple layer ។ ពបើអនកចង់ ដក layer ដែលបាន lock អនករតូវ unlock ជាមុនស៉ិន។ អនកក៏ោចកំន
ត់ពោយ visible រ ឺ hidden layer មួយៗបាន។
Hidden Layers and Outlines
ពពលដែលអនកកំពុងដក objects ពលើ layer មួយកនុង movie ដែលមាន multi-layered ពពលខ្លោះវាោចសំរាប់កុង
ន
ការ hide layers ែទទពទៀត។ ការពធវើដបបពនោះជួយអនកពផ្ទតតចំដតពលើ layer ដែលអនករតូវការពធវើការបុ ព្ណោះ
ពដាយម៉ិនចង់ ពោយមានការរ ំខានពី layer ែទទពទៀត ជាព៉ិពសសពពលមាន overlapping layer។
Tool មាងពទៀតសំខាន់ ពពលអនកពធវើការជាមួយនឹង complex drawingគឺការបង្ហាញ objects ជា outlines។ ជំ
ពរ ើសពនោះោចជាជំនួយែ៏ព៉ិពសស ពពលអនកពធវើការជាមូយនឹ ង multi-layer movie, ពដាយផតល់នូវ outline color
ពផសងៗខ្ុ សគ្មនពៅកាន់ layer ពផសងៗគ្មន។
Mask Layers
Layers ោចមានរបពយជន៍ សំរាប់ការពរៀបចំ movies របស់អនក បុដនតវាោចជួយបដនថម effect ពៅកនុង movies
របស់អនក។ ឧ ហរណ៍ ជាមួ យនឹង mask layer អនកោចបពងកើតដតទផទទន layer ពោយបង្ហាញ។ mask layer
លាក់ដផនក ទន layer ដែលពៅជាប់ពីពរកាម ដែលជា masked layer។ ពែើមបីបពងកើត masking effects Layer
រតូវដតបាន link គ្មនពៅវ ៉ិញពៅមក។
Aligning Objects
ការពរបើ ដភនកពែើមបី align object កនុង Flash movie គឺព៉ិបាក ន៉ិងម៉ិនសុរក៉ិតលអ។ Flash បានផតល់នូវ tools ដែល
ជួយការង្ហរពនោះ គឺ Align Panel ដែលផតល់នូវ options ពរចើ ន សំរាប់ ការតាំង objects ពលើ stage។ អនកោច
align objects តាម horizontal ណ៉ិង vertical តាមរជុងខាងសាតំ ក្
ត ល់ ន៉ិង ខាងពឆវង។ អនកោចពរបើនូវ
Align panel ពែើមបី distribute objects ពោយមាន គំលាតពសមើគ្មន បតូរទំហំពោយពសមើគ្មន។
Align Panel
32 | Module 6: Multiple Layers in a Movie
BAYON HOSTING
កនុង Align Panel ដចកជាបួនដផនកគឺ
Align: ពរបើ សំរាប់តរមឹម object ដែលមានកនុង stage
o
ពបើ To stage ម៉ិនបាន select ពនាោះវា align ពដាយពធៀបនឹង object គ្មនវា។
o
ពបើ To stage បាន select ពនាោះវា align ពធៀបនឹង stage របស់វា។
Distribute ពរបើ សំរាប់រាយ objects ដែលបាន select ពៅកាន់ object ្មួយ រ ឺ stage
Match Size ពរបើ សំរាប់ resize object ពោយពសមើនឹង object ដែលធំជាងពគ រ ឺតំ រ ឹមពោយពសមើនឹង
Stage size
Space : ពរបើ សំរាប់កំនត់ space ពី object មួយពៅ object ពោយពសមើគ្មន
33 | Module 7: Creating Animation
BAYON HOSTING
Module 7: Creating Animation
Flash ោចរតូវបានពរបើ សំរាប់ បពងកើត basic type ទន animation ែូចជា frame-by frame, shape tweening,
ន៉ិង Motion tweening។
Frame-by-Frame Animation
Traditional animation ពរបើនូវពសរ ីទន imagesដែលផ្ទលស់បូរបនត
ត
៉ិចៗពីរប
ូ មួ យ ពៅរូបបនាទប់ពែើមបីបពងកើតជាចល
នា។ Frame-by-frame animation កនុង Flash ក៏ពធវើការដបបពនោះដែរ។ ការពរបើ របាស់ពសរ ីទន frames ជាចលនា
ដែលពកើតពី ការផ្ទលស់បូតរពី frame មួយពៅ frame មួយ។
កនុង Flash animation frame ដែលអនកពរបើ សំរាប់កំនត់បំលាស់បូរកន
ត ុង animation របស់អនកពៅថា keyframes
។ សំរាប់ frame-by-frame animation, frame នីមួយៗគឺ ជា keyframe ពដាយសារវារតូវផ្ទលស់ បូរបនត
ត
៉ិចមតងៗ
រវាង frame នីមួយៗ។ កនុង Timeline, keyframes សំគ្មល់ពដាយ circle
Shape-Tweened Animation
Flash បានបពងកើតភាពង្ហយស្សួលកនុងការបពងកើត effect សំរាប់ការបតូររាងរូវរបស់ object រ ឺ រចបាច់ objects
បញ្ូច លគ្មនជាមួយនឹង animation process មួយពៅថា tweening។ Tweening ជារបពភទមួយទន animation
ដែល state ចាប់ពផតើម ន៉ិងបញ្ចប់ កំនត់ពដាយពរបើ Stage ន៉ិង Timeline, ពហើយរាល់ state រតូវបានគណនា
ពដាយ Flash។ អនកក៏ោចពរបើ tweening សំរាប់បពងកើត animation ដែលពធវើការបតូរ color, size, location ន៉ិង
transparency ទន object បានផងដែរ។ ជាមួយនឹង Shape Tweening, អនកោចបពងកើតនូវ effect ទន
transforming ទន image មួយពី កដងកបមួ យ ពៅជារពោះអងគមាចស់ស្សស់សង្ហារបាន ពដាយរគ្មន់ដតបពងកើត
keyframe ដែលមានរូបពផតើមមួយ ន៉ិងបញ្ចប់មួយបុព្ណោះ ពហើយបង្ហគប់ពោយ Flash បពងកើត shape tween
មួយជាការពស្សច។ Shape tweening ជាជំពរ ើសដតមួ យគត់សំរាប់ shape ធមមតាដែលមានកនុង Flash បុនពនាោះ
អនកម៉ិនោចបពងកើត shape tween ជាមួយនឹង symbols, groups, រ ឺ bitmap images បានពទ។
ពែើមបីបពងកើត Shape អនករតូវ
កនុង Frame តំបូងអនករតូវដាក់ រប
ូ ភាពដែលអនកចង់ពោយបតូរ shape ែូចខាងពរកាម៖
34 | Module 7: Creating Animation
BAYON HOSTING
កនុង Timeline បពងកើត blank keyframe មួយចំ frame ទី 25 ពដាយ select frame ទី 25 ពហើយចុច
F7
បនាទប់មកពទៀតអនករតូវគូរ shape ដែលអនកចង់ពោយ shape ពែើមដរបពៅែូចខាងពរកាម៖
បនាទប់មកពទៀតអនកោចចុច Enter ពែើមបី preview movie បាន ឬក៏ចុច Ctrl+Enter ពែើមបី
preview កនុង flash player
Motion-Tweened
ជាមួយ motion tweening, អនកោចង្ហយស្សួលកនុងការបពងកើត motion effect សំរាប់ object កនុង Flash movies,
ែូចជា ព
ោះ
Sponsor Documents