flash professional cs5-01-2012-01-12a_2

Flash Professional CS5

2012-01-14

Jaroot Busarathid

ARIT@PBRU, CSC@SCAAT.PBRU

เนอหา 2012-01-14 (เชา)

แนะน ำเครองมอ Flash Professional CS5

ค ำสงพนฐำนทควรจ ำ

กำรวำดชนงำน

ชนงำนทเปนรปภำพ

ตวอกษร

ตกแตงส

Jaroot Busarathid (ARIT@PBRU, CSC@SCAAT.PBRU)

เนอหา 2012-01-14 (บาย)

กำรแกไขและปรบปรงเปลยนรปทรง

กำรจดกำรกบชนงำน

ซมโบล (Symbol) และโครงสรำงของชนงำน

หลกกำรเคลอนไหวเบองตน

ความสามารถเดนของ 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

เอนเมชน

เอนเมชน (Animation) คอ กำรสรำงภำพเคลอนไหวดวยกำรฉำยภำพนงตอเนองกนจนดเสมอนภำพนนมควำมเคลอนไหว

Flash ใชท าอะไรไดบาง

เอนเมชน

เกม

น ำเสนอผลงำน

เวบแบบตอบสนองกบผใช (Interaction)

สอกำรสอน

สอประสม (Multimedia)

หนาตาของโปรแกรม (Welcome Screen)

(User Interface)

Menu bar

Timeline

แถบเมน (Menu Bar)

เปนทรวบรวมแถบค ำสงตำงๆ เพอจดกำรกบ

Insert

Commands

Control

Window

สเตจ (Stage)

พนทแสดงผลงำนทสรำงขน

เปนเสมอนเวทกำรแสดง

ชนสวนหรอวตถทอยนอกกรอบของสเตจจะไมถกแสดงผลเมอท ำงำน

จ านวนเฟรมตอวนาท

ขนาดของสเตจ

สพนหลง ของสเตจ

ไทมไลน

เสนชวงเวลำ

1 ชองแทน 1 เฟรม หรอ 1 ฉำก

ปกตใช 24 เฟรม ตอ วนำท

Playhead เฟรมปจจบน

Layer ฉากทซอนกน

ลบเลเยอร

สราง Folder

สรางเลเยอร ควบคมการเลน

จ านวนเฟรมตอวนาท

ความยาวของ เอนเมชน

พาเนล

เปนตวเสรม/ชวยในกำรปรบแตงคำ เชน กำรปรบคำส

เครองมอ

Selection/ transform

Drawing

Option

ค าส งพนฐานทควรจ า

เรมงำนใหม (File > New…)

เปดงำนเดม (File > Open)

บนทก (File > Save)

บนทกเปนแฟมใหม (File > Save As…)

แสดงแถบไมบรรทด (View > Ruler)

แสดงกรด (View > Grid > Show Grid)

เสนไกด (View > Guide) ใชคกบไมบรรทด

สแนป (View > Snap) ใชเปนตวชวยในกำรขยบเขำส Grid, Guide, Pixels และ Object

กำรปรบมมมอง

ยอนกลบ (Undo, Ctrl+Z)

ท ำซ ำ (Repeat, Ctrl+Y)

เลอกทงหมด (Ctrl+A)

คดลอก (Ctrl+C)

วำง (Ctrl+V)

การวาดชนงาน

Shape & Stroke

Shape วงกลม/วงร

Strokeเสนขอบ

Tools>Oval

สงทเราท ากบ Shape ได

ก ำหนดส (Stroke Color, Fill Color)

Stroke Color No Color ไมม Stroke

Fill Color No Color ไมมสภำยในวตถ

Alpha % ก ำหนดคณสมบตกำรโปรงใส

ตดรปทรง

ตอรปทรง

เลอกบำงสวน (ใช Selection)

ก าหนดคณสมบต

Poly Star Tool

Oval Primitive Tool

วาดเสน

เสนตรง (Line Tool)

เสนดนสอ (Pencil Tool)

ปำกกำตดเสน (Pen Tool)

แปรงทำส (Brush Tool)

การวาดแบบ Object Drawing

มองวำแตะละครงทมกำรวำดจะไดวตถ 1 ชน

เมอวตถซอนกนจะไมมผลตอกน

สำมำรถจดเรยงวตถ (Arrange) เพอจดล ำดบต ำแหนงกำรซอนได

มาเลน Deco Tool กน

ประเภทของรปภาพ

เวกเตอร (Vector)

Flash Drawing

Illustrator

CorelDRAW!

บตแมพ (Bitmap) หรอ รำสเตอร (Raster)

PhotoShop

PhotoPaint

รปถำย

ภำพทสแกนเขำคอมพวเตอร

การใสภาพบตแมพ

Import to Stage

File > Import > Import to Stage …

Import to Library

File > Import > Import to Library…

ลำกวำงจำก Library ไปท Stage

ตวอกษร

ประเภทของตวอกษร

Classic Text ม 3 รปแบบ

Static Text เปนชนงำนทสรำงขนเชนเดยวกบ Drawing Object

Input Text เปนตวอกษรทน ำเขำจำกผใช

Dynamic Text เปนตวเลขหรอตวอกษรทใชควบคกบกำรค ำนวณ

TLF Text ใชไดกบ ActionScript 3.0 เทำนน ซงเปนรปแบบเดยวกบทใชใน Adobe InDesign และเปนตวอกษรเหมอนกบ Static และ Dynamic Text

จดตวอกษร

แบบอกษร

ขนำด

ระยะหำง

ยกก ำลง/หอย

การแยกตวอกษร

เอฟเฟคตวอกษร

Drop Shadow

Gradient Glow

Gradient Bevel

Adjust Color

ใชแมส RGB (Red/Green/Blue)

รองรบ Alpha (โปรงแสง)

ตกแตงส

Solid Color

Linear Gradient

Radial Gradient

Bitmap Fill

Solid Color

Linear Gradient

Radial Gradient

Bitmap Fill

Paint Buck (กระปองส)

การแกไขชนงาน

Lasso Tool Free Transform

SubselectionTool

SelectionTool

Selection Tool

Lasso Tool

Free Transform

จดหมน

การจดการกบชนงาน

กำรยำย (Drag and Drop)

กำรคดลอก (Ctrl+C, Ctrl+V)

กำรจดกลม (Ctrl+G)

กำรจดระเบยบชนงำน (Align)

กำรจดล ำดบ (Arrange)

ซมโบล

ซมโบล (Symbol) คอชนงำนทสรำงเอำไวและน ำกลบมำใชอก

อนสแตนซ (Instance) คอวตถ/ช นงำนทสรำงมำจำกซมโบล

การแปลงซมโบลเปนกราฟก

เปนซมโบลส ำหรบภำพนงทเปนรปทรงเวกเตอรหรอบตแมพ

ใชเปนสวนประกอบของภำพเคลอนไหว

การแปลงซมโบลเปนป ม

สรำงเพอใชตอบสนองตอกำรกระท ำของเมำส

การแปลงซมโบลเปนคลปภาพยนต

ใชสรำงคลปภำพยนตยอย

นยมใชเตรยมทำทำงของตวแสดง

จะอสระจำก Timeline

โครงสรางของงาน

Flash Movie

Scene Scene Scene

Movie Clip, Button, Graphic,

Drawing Object

หลกการเคลอนไหวเบองตน

เฟรม (Frame)

เฟรมทมช นงำน (Keyframe)

เฟรมปกต (Frame)

เฟรมเปลำ (Blank Frame)

ภาพตอเนอง

ภำพตอภำพ (frame-by-frame)

เคลอนยำยชนงำน (Motion Tween)

เปลยนรปทรงชนงำน (Shape Tween)

มาท าตวอกษรวงกนเถอะ

สรำง Text ทเปนชอของนกศกษำและตกแตงใหสวยงำม

ลำกใหอยนอกสเตจ

ท ำเฟรมหลกตำมผสอน

ทดลองรน (กด Enter)

นกบนบนทองฟา

วำดนกและจดกบเปนซมโบล (Bird)

ลบ Instance ของนกทงไปกอน

วำดฉำกหลง

สรำงนกจำกซมโบล โดยเอำไวดำนนอกสเตจ

สรำงเฟรมหลกตำมผสอนครบ

ทดลองรน

แนะน าตนเอง

วำดรปตวเองและเกบเปนซมโบล

สรำง Text เปนรหสของนกศกษำ แลวเกบเปนซมโบล

สรำง Text เปนชอของนกศกษำ แลวเกบเปนซมโบล

สรำง Text เปนขอควำมแนะน ำตนเอง แลวเกบเปนซมโบล

ท ำอยำงไรกไดใหรปเลอนจำกบนลงลำง (หยดทมมบนซำยของจอภำพ)

ท ำอยำงไรกไดใหรหสและชอของนกศกษำเลอนมำจำกทำงขวำมำหยดทขอบดำนขวำของรป

ท ำอยำงไรกไดใหขอควำมแนะน ำตนเองเลอจำกดำนลำงมำหยดทดำนลำงของรป

รอ 10 วนำท

รป รหสประจ ำตว

ชอ-นำมสกล

ขอควำมแนะน ำตนเอง

จบวนท 1

พรงนมำท ำ Animation กนตอ

พรงนมำใสเสยงกน

พรงนมำท ำงำนน ำเสนอของแตละคน เพอเปนกำรยนยนวำพวกเรำท ำสอดวย Flash เปนแลว

flash professional cs5-01-2012-01-12a_2

Documents

apostila adobe-flash-cs5

adobe flash-cs5

apostila flash cs5

adobe flash cs5

introduccion a flash cs5

technoflash - flash lessons for flash cs5

cs5 flash tutorial

คู่มือ adobe flash cs5

flash cs5 introduction.docx

adobe flash cs5 tutorialdddd

flash cs5 basic...[flash document) » icreate » [save...

flash cs5(1)

manual de-flash-cs5

adobe flash professional cs5

คู่มือ adobe flash cs5 · โปรแกรม...

apostila do flash cs5

adobe flash cs5 profesional

apostila completa flash cs5

manual flash cs5 - v2012

flash cs5 - manual