Download - Flash professional cs5-01-2012-01-12a_2
เนอหา 2012-01-14 (เชา)
แนะน ำเครองมอ Flash Professional CS5
ค ำสงพนฐำนทควรจ ำ
กำรวำดชนงำน
ชนงำนทเปนรปภำพ
ตวอกษร
ตกแตงส
Jaroot Busarathid (ARIT@PBRU, [email protected])
เนอหา 2012-01-14 (บาย)
กำรแกไขและปรบปรงเปลยนรปทรง
กำรจดกำรกบชนงำน
ซมโบล (Symbol) และโครงสรำงของชนงำน
หลกกำรเคลอนไหวเบองตน
Jaroot Busarathid (ARIT@PBRU, [email protected])
ความสามารถเดนของ Flash CS5
ระบบจดกำรตวอกษรทดข นเมอมกำรถำยโอนขอมลจำก Adobe Indesign
ท ำงำนและใชงำนขอมลแบบ XML
เพมเครองมอเขยน ActionScript ทเรยกวำ Code Snippets
ท ำงำนรวมกบ Flash Builder ซงเปนเครองมอส ำหรบใช Flex Framework ผนวกเขำกบ PHP (ใช PHP ตดตอฐำนขอมล และ Flash Builder จดกำรกบ User Interface)
เชอมตอกบ Video ไดดข น
เพมเตม Deco ได
รองรบกำรสรำง .ipa ซงเปนไฟลส ำหรบ iPhone และรองรบกำรใชงำนกบ Adobe Air ท ำใหงำนทสรำงท ำงำนไดทง Windows, OS X, Linux
Jaroot Busarathid (ARIT@PBRU, [email protected])
เอนเมชน
เอนเมชน (Animation) คอ กำรสรำงภำพเคลอนไหวดวยกำรฉำยภำพนงตอเนองกนจนดเสมอนภำพนนมควำมเคลอนไหว
Jaroot Busarathid (ARIT@PBRU, [email protected])
Flash ใชท าอะไรไดบาง
เอนเมชน
เกม
น ำเสนอผลงำน
เวบแบบตอบสนองกบผใช (Interaction)
สอกำรสอน
สอประสม (Multimedia)
Jaroot Busarathid (ARIT@PBRU, [email protected])
(User Interface)
Jaroot Busarathid (ARIT@PBRU, [email protected])
1
2
3 4
5
Menu bar
Stage
Timeline
Panel
Tools
แถบเมน (Menu Bar)
เปนทรวบรวมแถบค ำสงตำงๆ เพอจดกำรกบ
File
Edit
View
Insert
Text
Commands
Control
Debug
Window
Help
Jaroot Busarathid (ARIT@PBRU, [email protected])
สเตจ (Stage)
พนทแสดงผลงำนทสรำงขน
เปนเสมอนเวทกำรแสดง
ชนสวนหรอวตถทอยนอกกรอบของสเตจจะไมถกแสดงผลเมอท ำงำน
Jaroot Busarathid (ARIT@PBRU, [email protected])
ไทมไลน
เสนชวงเวลำ
1 ชองแทน 1 เฟรม หรอ 1 ฉำก
ปกตใช 24 เฟรม ตอ วนำท
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Playhead เฟรมปจจบน
Layer ฉากทซอนกน
ลบเลเยอร
สราง Folder
สรางเลเยอร ควบคมการเลน
จ านวนเฟรมตอวนาท
ความยาวของ เอนเมชน
เครองมอ
Jaroot Busarathid (ARIT@PBRU, [email protected])
Selection/ transform
Drawing
Paint
View
Color
Option
ค าส งพนฐานทควรจ า
เรมงำนใหม (File > New…)
เปดงำนเดม (File > Open)
บนทก (File > Save)
บนทกเปนแฟมใหม (File > Save As…)
แสดงแถบไมบรรทด (View > Ruler)
แสดงกรด (View > Grid > Show Grid)
เสนไกด (View > Guide) ใชคกบไมบรรทด
สแนป (View > Snap) ใชเปนตวชวยในกำรขยบเขำส Grid, Guide, Pixels และ Object
Jaroot Busarathid (ARIT@PBRU, [email protected])
กำรปรบมมมอง
ยอนกลบ (Undo, Ctrl+Z)
ท ำซ ำ (Repeat, Ctrl+Y)
เลอกทงหมด (Ctrl+A)
คดลอก (Ctrl+C)
วำง (Ctrl+V)
Jaroot Busarathid (ARIT@PBRU, [email protected])
การวาดชนงาน
Shape & Stroke
Jaroot Busarathid (ARIT@PBRU, [email protected])
Shape วงกลม/วงร
Strokeเสนขอบ
Tools>Oval
Jaroot Busarathid (ARIT@PBRU, [email protected])
สงทเราท ากบ Shape ได
ก ำหนดส (Stroke Color, Fill Color)
Stroke Color No Color ไมม Stroke
Fill Color No Color ไมมสภำยในวตถ
Alpha % ก ำหนดคณสมบตกำรโปรงใส
ตดรปทรง
ตอรปทรง
เลอกบำงสวน (ใช Selection)
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
วาดเสน
เสนตรง (Line Tool)
เสนดนสอ (Pencil Tool)
ปำกกำตดเสน (Pen Tool)
แปรงทำส (Brush Tool)
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
การวาดแบบ Object Drawing
มองวำแตะละครงทมกำรวำดจะไดวตถ 1 ชน
เมอวตถซอนกนจะไมมผลตอกน
สำมำรถจดเรยงวตถ (Arrange) เพอจดล ำดบต ำแหนงกำรซอนได
Jaroot Busarathid (ARIT@PBRU, [email protected])
มาเลน Deco Tool กน
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
ประเภทของรปภาพ
เวกเตอร (Vector)
Flash Drawing
Illustrator
CorelDRAW!
บตแมพ (Bitmap) หรอ รำสเตอร (Raster)
PhotoShop
Paint
PhotoPaint
รปถำย
ภำพทสแกนเขำคอมพวเตอร
Jaroot Busarathid (ARIT@PBRU, [email protected])
การใสภาพบตแมพ
Import to Stage
File > Import > Import to Stage …
Import to Library
File > Import > Import to Library…
ลำกวำงจำก Library ไปท Stage
Jaroot Busarathid (ARIT@PBRU, [email protected])
ตวอกษร
ประเภทของตวอกษร
Classic Text ม 3 รปแบบ
Static Text เปนชนงำนทสรำงขนเชนเดยวกบ Drawing Object
Input Text เปนตวอกษรทน ำเขำจำกผใช
Dynamic Text เปนตวเลขหรอตวอกษรทใชควบคกบกำรค ำนวณ
TLF Text ใชไดกบ ActionScript 3.0 เทำนน ซงเปนรปแบบเดยวกบทใชใน Adobe InDesign และเปนตวอกษรเหมอนกบ Static และ Dynamic Text
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
การแยกตวอกษร
Jaroot Busarathid (ARIT@PBRU, [email protected])
เอฟเฟคตวอกษร
Drop Shadow
Blur
Glow
Bevel
Gradient Glow
Gradient Bevel
Adjust Color
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
ตกแตงส
None
Solid Color
Linear Gradient
Radial Gradient
Bitmap Fill
Jaroot Busarathid (ARIT@PBRU, [email protected])
Solid Color
Jaroot Busarathid (ARIT@PBRU, [email protected])
Linear Gradient
Jaroot Busarathid (ARIT@PBRU, [email protected])
Radial Gradient
Jaroot Busarathid (ARIT@PBRU, [email protected])
Bitmap Fill
Jaroot Busarathid (ARIT@PBRU, [email protected])
Paint Buck (กระปองส)
Jaroot Busarathid (ARIT@PBRU, [email protected])
การแกไขชนงาน
Jaroot Busarathid (ARIT@PBRU, [email protected])
Lasso Tool Free Transform
SubselectionTool
SelectionTool
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
การจดการกบชนงาน
กำรยำย (Drag and Drop)
กำรคดลอก (Ctrl+C, Ctrl+V)
กำรจดกลม (Ctrl+G)
กำรจดระเบยบชนงำน (Align)
กำรจดล ำดบ (Arrange)
Jaroot Busarathid (ARIT@PBRU, [email protected])
ซมโบล
ซมโบล (Symbol) คอชนงำนทสรำงเอำไวและน ำกลบมำใชอก
อนสแตนซ (Instance) คอวตถ/ช นงำนทสรำงมำจำกซมโบล
Jaroot Busarathid (ARIT@PBRU, [email protected])
การแปลงซมโบลเปนกราฟก
เปนซมโบลส ำหรบภำพนงทเปนรปทรงเวกเตอรหรอบตแมพ
ใชเปนสวนประกอบของภำพเคลอนไหว
Jaroot Busarathid (ARIT@PBRU, [email protected])
การแปลงซมโบลเปนป ม
สรำงเพอใชตอบสนองตอกำรกระท ำของเมำส
Jaroot Busarathid (ARIT@PBRU, [email protected])
การแปลงซมโบลเปนคลปภาพยนต
ใชสรำงคลปภำพยนตยอย
นยมใชเตรยมทำทำงของตวแสดง
จะอสระจำก Timeline
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
Jaroot Busarathid (ARIT@PBRU, [email protected])
โครงสรางของงาน
Jaroot Busarathid (ARIT@PBRU, [email protected])
Flash Movie
Scene Scene Scene
Movie Clip, Button, Graphic,
Drawing Object
Movie Clip, Button, Graphic,
Drawing Object
Movie Clip, Button, Graphic,
Drawing Object
…
…
…
…
หลกการเคลอนไหวเบองตน
เฟรม (Frame)
เฟรมทมช นงำน (Keyframe)
เฟรมปกต (Frame)
เฟรมเปลำ (Blank Frame)
Jaroot Busarathid (ARIT@PBRU, [email protected])
ภาพตอเนอง
ภำพตอภำพ (frame-by-frame)
เคลอนยำยชนงำน (Motion Tween)
เปลยนรปทรงชนงำน (Shape Tween)
Jaroot Busarathid (ARIT@PBRU, [email protected])
มาท าตวอกษรวงกนเถอะ
สรำง Text ทเปนชอของนกศกษำและตกแตงใหสวยงำม
ลำกใหอยนอกสเตจ
ท ำเฟรมหลกตำมผสอน
ทดลองรน (กด Enter)
Jaroot Busarathid (ARIT@PBRU, [email protected])
นกบนบนทองฟา
วำดนกและจดกบเปนซมโบล (Bird)
ลบ Instance ของนกทงไปกอน
วำดฉำกหลง
สรำงนกจำกซมโบล โดยเอำไวดำนนอกสเตจ
สรำงเฟรมหลกตำมผสอนครบ
ทดลองรน
Jaroot Busarathid (ARIT@PBRU, [email protected])
แนะน าตนเอง
วำดรปตวเองและเกบเปนซมโบล
สรำง Text เปนรหสของนกศกษำ แลวเกบเปนซมโบล
สรำง Text เปนชอของนกศกษำ แลวเกบเปนซมโบล
สรำง Text เปนขอควำมแนะน ำตนเอง แลวเกบเปนซมโบล
ท ำอยำงไรกไดใหรปเลอนจำกบนลงลำง (หยดทมมบนซำยของจอภำพ)
ท ำอยำงไรกไดใหรหสและชอของนกศกษำเลอนมำจำกทำงขวำมำหยดทขอบดำนขวำของรป
ท ำอยำงไรกไดใหขอควำมแนะน ำตนเองเลอจำกดำนลำงมำหยดทดำนลำงของรป
รอ 10 วนำท
Jaroot Busarathid (ARIT@PBRU, [email protected])
รป รหสประจ ำตว
ชอ-นำมสกล
ขอควำมแนะน ำตนเอง
จบวนท 1
พรงนมำท ำ Animation กนตอ
พรงนมำใสเสยงกน
พรงนมำท ำงำนน ำเสนอของแตละคน เพอเปนกำรยนยนวำพวกเรำท ำสอดวย Flash เปนแลว
Jaroot Busarathid (ARIT@PBRU, [email protected])