Microsoft Word - flash03.doc

Size: px

Start display at page:

Download "Microsoft Word - flash03.doc"

인문 방
6 years ago
Views:

1 3 단원 플래시 MX2004 의기본다지기 2 1. 패널기능살펴보기 2. 메뉴기능살펴보기 3. 액션기능살펴보기 1/14

메뉴의 Window 의풀다운메뉴에서패널들의목록을볼수있으며, 패널각각을열고닫을수있습니다. Tab 키를누르면패널을임시적으로가려주고다시보여줍니다. Window > Close All Panels 을선택하면모든패널을한꺼번에닫을수있습니다. 1.

2 플래시의나머지기능중패널의각기능과메뉴기능, 액션기능대해살펴보도록하겠습니다. 1. 패널기능살펴보기 패널은그성격에따라사용자가직접그룹화하고패널환경을저장할수도있으므로작업공간을효율적으로사용할수있습니다. 오브젝트의속성을수정할수있는패널, 액션사용의효율을높여주는패널, 현재무비에서사용되는오브젝트를한눈에알수있는라이브러리패널로구성됩니다. 각각의패널들은독특한기능을가지며작업에편리함을더할수있습니다. 메뉴의 Window 의풀다운메뉴에서패널들의목록을볼수있으며, 패널각각을열고닫을수있습니다. Tab 키를누르면패널을임시적으로가려주고다시보여줍니다. Window > Close All Panels 을선택하면모든패널을한꺼번에닫을수있습니다. 1. 패널축소와확대패널은그크기를축소하고, 확대시킬수있습니다. 삼각형아이콘을클릭하면하위옵션이가려지게되며, 패널을닫지않아도작업영역을효율적으로쓸수있습니다. 삼각형아이콘을클릭하거나상단바를클릭하게되면하위옵션이보여집니다. 2. 패널의옵션메뉴보기패널은각각의옵션메뉴를가지고있습니다. 오른쪽상부의 Options Menu control 을클릭하면옵션메뉴가나타나선택할수있습니다. 메뉴의가장하단의 Colse Panel 을선택하면패널이닫힙니다. 2/14

b Fill Color : 오브젝트의내부 (Fill) 색상을설정합니다. c Default Color : 기본값으로설정합니다. d No Color : 색상을채우지않고투명하게만듭니다.

3 3. 패널의분리와병합패널은스테이지위로독립적으로분리되고또병합시킬수있습니다. 패널의왼쪽가장상단을드래그하여분리와병합을할수있습니다. 4. 패널기능살펴보기 1) Color Mixer 색상을선택하거나색상을만들때사용합니다 a Stroke color : 선이나외곽선색상을설정합니다. b Fill Color : 오브젝트의내부 (Fill) 색상을설정합니다. c Default Color : 기본값으로설정합니다. d No Color : 색상을채우지않고투명하게만듭니다. e Swap Colors : 외곽선과내부 (Fill) 색상을바꿔줍니다. f Fill Style : 면색상을채울때의스타일을지정합니다. g 색상성분 : RGB 와 HSB 로구분되며수치를입력하여색상을만들수있습니다. h Alpha : 색상의투명도를설정합니다. i Color selector : 원하는색상을빠르게설정할수있습니다. j 팝업메뉴 3/14

UI Components 란플래시 5 의스마트가이드의기능과비슷한기능으로웹에서많이쓰이는 CheckBox, ComboBox, ListBox, PushButton, RadioButton, ScrollBar, ScrollPane

4 2) Scene 장면들의순서를바꾸거나추가 / 삭제할때사용합니다. a Duplicate Scene : 선택한장면을복사합니다. b Add scene : 새로운장면을추가합니다. c Delete scene : 선택한장면을삭제합니다. 3) Components UI Components 를가지고있는패널입니다. UI Components 란플래시 5 의스마트가이드의기능과비슷한기능으로웹에서많이쓰이는 CheckBox, ComboBox, ListBox, PushButton, RadioButton, ScrollBar, ScrollPane 의양식을플래시사용자라면누구나쉽게꺼내어쓸수있도록라이브러리에저장되어있는오브젝트를말합니다. 스크립트언어를잘다루지못하는디자이너나일반인들에게간단한속성변화만으로활용될수있도록컴포넌트가제공되었습니다. 4) Movie Explorer 무비익스플로러는제작중인무비의계층구조를한눈에알수있도록탐색기의역할을합니다. 무비익스플로러패널은주로 Action Script 를작성하기위해무비의구조를파악하는데활용됩니다. 4/14

5) Library 라이브러리는플래시무비안의자료, 즉심벌, 사운드, 비트맵이미지, 비디오등의정보를보관하는곳으로각각은아이콘으로식별되며폴더로정리할수도있습니다. a 항목수 : 모든항목의개수가나타납니다 b 미리보기창 : 항목을미리보기합니다. c 열제목 : 라이브러리에등록이되어있는오브젝트들의이름과종류등의정보가나타납니다.

5 5) Library 라이브러리는플래시무비안의자료, 즉심벌, 사운드, 비트맵이미지, 비디오등의정보를보관하는곳으로각각은아이콘으로식별되며폴더로정리할수도있습니다. a 항목수 : 모든항목의개수가나타납니다 b 미리보기창 : 항목을미리보기합니다. c 열제목 : 라이브러리에등록이되어있는오브젝트들의이름과종류등의정보가나타납니다. d New Symbol 아이콘 : 메뉴의 Insert>New Symbol 명령과같은명령으로라이브러리창에새로운심벌을만듭니다. e New Folder 아이콘 : 새로운폴더를만듭니다. f Properties 아이콘 : 선택된항목의속성을수정할수있는대화상자가옵니다. g Delete 아이콘 : 항목이삭제되고, 한번삭제되면다시되돌릴수없습니다. h Sort Order 아이콘 : 이름의오름차순또는내림차순으로정리됩니다. i Wide State 아이콘 : 모든열제목이보이도록라이브러리창을넓게합니다. j Narrow State 아이콘 : 가장적절한정보만을표시할정도의폭으로라이브러리창을보여줍니다. 2. 메뉴기능살펴보기 플래시에서도구상자, 팔레트기능과더불어메뉴의활용도많은부분을차지합니다. File, Edit, View, Insert, Modify, Text, Commands, Control, Window, Help 의 10 가지메뉴로이루어져있습니다. 본학습에서는각메뉴별로세부명령중에서중요한명령만살펴보겠습니다. 5/14

-Export Movie 플래시파일을무비의형태로만들어줍니다. swf 파일이나 avi, mov 또는 Animated gif 로만들수있습니다.

6 File 파일을관리하는명령을사용할수있습니다. <File 의주요명령 > Import -Import to Stage 다양한미디어파일을작업영역으로곧바로불러올수있습니다. Export -Export Image 작업중인문서의한장면을이미지컷으로만듭니다. 벡터방식과비트맵방식으로저장이가능하고선택한파일방식에따라옵션을선택할수있습니다. -Export Movie 플래시파일을무비의형태로만들어줍니다. swf 파일이나 avi, mov 또는 Animated gif 로만들수있습니다. Publish Preview 명령과달리바로브라우저가실행되지는않지만 Publish Settings 의옵션대로결과물을만들어주는명령입니다. Edit 오브젝트를편집하는기본명령을제공합니다. 6/14

View 17 단원제안서매출액비교슬라이드작성 플래시 MX 2004 Pro 의화면구성을설정합니다.

-Motion Guide : 선택한레이어상위로모션가이드역할을할새로운레이어가만들어집니다.

7 View 17 단원제안서매출액비교슬라이드작성 플래시 MX 2004 Pro 의화면구성을설정합니다. Snapping 스냅핑은설정에따라서작업을매우간편하면서도쉽게하는팁입니다. Insert 애니메이션에필요한심벌, 레이어, 프레임에대한조정기능을합니다. Timeline -Layer : 타임라인에새로운레이어를추가합니다. -Layer Folder : 새로운레이어폴더를만듭니다. -Motion Guide : 선택한레이어상위로모션가이드역할을할새로운레이어가만들어집니다. -Frame : 타임라인에새로운프레임을삽입합니다. -Keyframe : 타임라인에새로운키프레임을삽입합니다. -Blank Keyframe : 타임라인에비어있는키프레임을삽입합니다. -Create Motion Tween : 선택한프레임에모션트위닝을적용합니다. 7/14

Explode : 오브젝트가폭발을일으키듯이분해되어퍼져나갑니다. -Transform / Transition Transform : 오브젝트의크기, 위치, 색상을변화시키고, 이동및회전시킵니다.

8 Timeline Effects -Assistants Copy to Grid : 오브젝트를설정한칸과줄수만큼복사합니다. Distributed Duplicate : 오브젝트를설정한각도와위치로복사합니다. -Effects Blur : 오브젝트가천천히퍼져번지는효과를만듭니다. Drop Shadow : 오브젝트에그림자효과를만듭니다. Expand : 오브젝트를상하좌우로확장시키거나축소시킵니다. Explode : 오브젝트가폭발을일으키듯이분해되어퍼져나갑니다. -Transform / Transition Transform : 오브젝트의크기, 위치, 색상을변화시키고, 이동및회전시킵니다. Transition : 오브젝트가서서히나타나거나서서히사라지게함 Modify 프레임, 레이어, 무비등의정보와세부옵션을설정합니다. Symbol 프레임, 레이어, 무비등의정보와세부옵션을설정합니다. -Duplicate Symbol : 선택된심벌이라이브러리에복사되어등록됩니다. -Swap Symbol : 선택된심벌을라이브러리에등록되어있는다른심벌로변경할수있습니다. 8/14

Timeline 프레임을조정하는메뉴들이있습니다. 타임라인상의선택한프레임을변경합니다.

-Layer Properties : 레이어의환경을설정합니다. -Reverse Frames : 선택한프레임의순서를역순으로바꿔줍니다.

-Clear Keyframe : 선택한키프레임을삭제합니다. -Convert to Blank Keyframes : 선택한프레임을빈키프레임으로전환합니다.

9 Timeline 프레임을조정하는메뉴들이있습니다. 타임라인상의선택한프레임을변경합니다. -Distribute to Layers : 선택한오브젝트들을개수만큼레이어를생성하여각레이어로배포하는기능을합니다. -Layer Properties : 레이어의환경을설정합니다. -Reverse Frames : 선택한프레임의순서를역순으로바꿔줍니다. -Synchronize Symbols : 프레임의심벌을동기화합니다. -Convert to Keyframes : 선택한프레임을키프레임으로전환합니다. -Clear Keyframe : 선택한키프레임을삭제합니다. -Convert to Blank Keyframes : 선택한프레임을빈키프레임으로전환합니다. Text 플래시내에서문자의속성과특성을설정합니다. 메뉴에서보다는주로속성창을이용하여작업을합니다. Commands 복잡한작업을미리저장하여한번클릭만으로도간단하게작업을처리하도록미리명령를저장해놓는기능입니다. 다른개발자들이만들어놓은커맨드익스텐션을설치하면메뉴의 Commands에추가되고직접커맨트를만들어추가할수도있습니다. Control 메인무비창에서의무비재생과관련된설정을할수있습니다. 9/14

Window 작업중에사용되는각종패널과도구상자를표시하는데사용됩니다. 3. 액션기능살펴보기 액션은타임라인만으로는불가능했던다양한효과와애니메이션을만들수있게해주고, 복잡한반복적인작업으로인한많은시간과노력을줄일수있도록해줍니다. 몇가지용어와방법만이해한다면쉽게액션을다룰수있게될것입니다. 1) 액션의개념액션스크립트는플래시의버전 5 부터사용된스크립트, 즉간단한프로그램언어입니다.

10 Window 작업중에사용되는각종패널과도구상자를표시하는데사용됩니다. 3. 액션기능살펴보기 액션은타임라인만으로는불가능했던다양한효과와애니메이션을만들수있게해주고, 복잡한반복적인작업으로인한많은시간과노력을줄일수있도록해줍니다. 몇가지용어와방법만이해한다면쉽게액션을다룰수있게될것입니다. 1) 액션의개념액션스크립트는플래시의버전 5 부터사용된스크립트, 즉간단한프로그램언어입니다. 액션스크립트는타임라인만으로는불가능했던다양한효과와애니메이션을만들수있게해주고, 복잡하고반복적인작업으로인한많은시간과노력을줄일수있습니다. 2) 액션스크립트로할수있는것들 1 타임라인을컨트롤합니다. 버튼액션스크립트를이용하여무비를실행하거나멈출수있습니다. 2 메뉴와관련된페이지로이동합니다. 버튼을클릭하면메뉴와관련된페이지로이동하는무비를만들수있습니다. 3 키보드로무비를제어합니다. 키보드의특정키를누르면원하는페이지로이동하도록설정할수있습니다. 4 외부에있는플래시무비를불러옵니다. 미리만들어놓은플래시파일을불러와새로운무비를간단히만들수도있습니다. 5 하이퍼링크를설정합니다. 버튼에하이퍼링크를설정하여원하는사이트로이동할수도있고, 이메일로보낼수있습니다. 6 플래시무비를브라우저와연동시킵니다. 7 무비클립을드래그하여원하는곳으로이동할수있습니다. 8 마우스커서의모양을바꿉니다. 10/14

9 플래시무비의현재로딩상태를알려주는프리로딩을만들어보여줍니다. 10 오브젝트의속성 ( 색상, 크기, 위치, 투명도 ) 을변경합니다. 11 오브젝트의충돌감지를이용하여게임등에응용할수있습니다. 12 If 조건문을이용하여퀴즈게임을만들수있습니다. 17 단원제안서매출액비교슬라이드작성 3) 액션의종류알아보기액션은액션을입력하는대상과역할에따라구분합니다.

11 9 플래시무비의현재로딩상태를알려주는프리로딩을만들어보여줍니다. 10 오브젝트의속성 ( 색상, 크기, 위치, 투명도 ) 을변경합니다. 11 오브젝트의충돌감지를이용하여게임등에응용할수있습니다. 12 If 조건문을이용하여퀴즈게임을만들수있습니다. 17 단원제안서매출액비교슬라이드작성 3) 액션의종류알아보기액션은액션을입력하는대상과역할에따라구분합니다. 액션을입력할수있는대상은프레임, 버튼, 무비클립으로나뉩니다. 그리고액션은무비안에서계산하고, 비교하고, 불러오고, 속성을제어하는등의역할을수행합니다. 즉, 대상을정하고그대상에해야할역할을부여하여무비에서실행되도록명령하는것이 ActionScript 의기본개념입니다. 4) 이벤트 (Event) 플래시에서이벤트는프레임이벤트 (Frame Event), 버튼이벤트 (Button Event), 무비클립이벤트 (MovieClip Event) 세가지로나뉩니다. 이벤트란액션이실행되는근본적인사건, 즉프레임의이동, 버튼의선택및드래그, 마우스의동작, 키보드입력등을말합니다. 5) 이벤트핸들러 (Event Handler) 이벤트핸들러란이벤트가발생할때이를제어하는 ActionScript 언어를말합니다. 예를들어버튼위로마우스를가져가면어떤대상의무비클립인스턴스가사라지도록 ActionScript를작성하였다고한다면버튼위로마우스를가져가는동작은이벤트이고이러한이벤트를제어하는버튼위로마우스를가져가는구체적인방법을제시하는스크립트언어를이벤트핸들러라고합니다. 이벤트핸들러에는프레임이벤트핸들러, 버튼이벤트핸들러, 무비클립이벤트핸들러의세가지로구분이됩니다. 11/14

- 인스턴스네임을가지고있는데이터 : 무비클립, 버튼, 비디오, 텍스트필드등이인스턴스네임을가질수있는오브젝트입니다. - 데이터값이없는데이터 : Null 또는정의되지않은데이터값을가리킵니다. 8) 변수변수는임시로데이터를저장할수있는저장소를말합니다. 변수명을우선지정해주고변수에데이터값을대입합니다.

12 6) 인스턴스와인스턴스네임 7) 데이터타입 (Data Type) 플래시에서사용되는데이터타입은숫자 (Number), 문자열 (String), 불린 (Boolean), 인스턴스네임을가지고있는데이터, 데이터값이없는데이터등이있으며이는변수지정뿐만아니라모든대입식에쓰입니다. - 숫자 (Number) : 사칙연산 (+,-,, ), 비교연산 ( < > = ) 을수행합니다. - 문자열 (String) : 문자로인식되는 안의데이터입니다. - 불린 (Boolean) : 참 (true), 거짓 (false) 에대한데이터입니다. - 인스턴스네임을가지고있는데이터 : 무비클립, 버튼, 비디오, 텍스트필드등이인스턴스네임을가질수있는오브젝트입니다. - 데이터값이없는데이터 : Null 또는정의되지않은데이터값을가리킵니다. 8) 변수변수는임시로데이터를저장할수있는저장소를말합니다. 변수명을우선지정해주고변수에데이터값을대입합니다. 여기서데이터는숫자 (Number), 문자열 (String), 불린 (Boolean : 참또는거짓 ) 을입력할수있습니다. 따라서변수명을알고있다면액션스크립트의어느곳에서도변수에대입되어있는데이터를불러올수있습니다. 변수를지정할때쓰이는 =( 등호 ) 은 같다 라는뜻보다는 대입하라, 넘겨주어라 라는뜻으로이해하시면됩니다. 등호의오른쪽에위치한값을왼쪽으로넘겨주는연산식의기본개념과동일합니다. 12/14

b 무비클립의속성 (MovieClip Properties) : 무비클립인스턴스의속성입니다.

13 9) 매개변수 10) 함수 (Function) 함수란데이터의값이저장되어있는변수를받아서값을변환하여반환하는재사용이가능한코드입니다. < 형식 > function 함수명 ( 매개변수 ){ 실행될액션스크립트 } 11) 속성 (Properties) a 전역속성 (Global Properties) 플래시무비전체에적용되는속성입니다. b 무비클립의속성 (MovieClip Properties) : 무비클립인스턴스의속성입니다. 12) 액션패널입력창살펴보기플래시 MX 2004 에서는액션을지정하고자하는대상을선택한후액션스크립트입력창을불러와원하는액션을지정해주면됩니다. 액션스크립트입력창을불러오려면메뉴에서 [Window]-[Development Panels]-[Actions] 를클릭하거나, 단축키 F9 를누르면됩니다. 이전버전인플래시 MX 에서는일반모드와전문가모드가나뉘어져있었지만, 플래시 MX 2004 로업그레이드되면서일반모드가없어졌습니다. 13/14

1액션툴박스 : 액션들을모아둔액션목록으로, 화살표아이콘을클릭하면사용할수있는액션목록이나타납니다. 2스크립트네이게이터 : 액션이적용된위치와무비의여러오브젝트를찾기쉽도록보여줍니다. 3액션추가버튼 : 클릭하면액션목록이나타납니다. 4찾기 : 액션스크립트입력창에서특정단어나문장을검색합니다. 5찾아바꾸기 : 액션스크립트입력창에있는특정단어를한꺼번에다른단어로변경해줍니다.

14 1액션툴박스 : 액션들을모아둔액션목록으로, 화살표아이콘을클릭하면사용할수있는액션목록이나타납니다. 2스크립트네이게이터 : 액션이적용된위치와무비의여러오브젝트를찾기쉽도록보여줍니다. 3액션추가버튼 : 클릭하면액션목록이나타납니다. 4찾기 : 액션스크립트입력창에서특정단어나문장을검색합니다. 5찾아바꾸기 : 액션스크립트입력창에있는특정단어를한꺼번에다른단어로변경해줍니다. 6타겟경로지정 : 액션을지정할대상인타겟의경로를선택할수있습니다. 7문법체크 : 액션스크립트가잘작성되었는지문법을체크해줍니다. 8자동정렬 : 작성된액션스크립트를보기좋은모습으로정렬시켜줍니다. 9코드힌트보기 : 액션스크립트를작성하기쉽도록코드를입력할때커서가있는곳에적당한값을보여주는풍선도움말이나타납니다. 10팝업메뉴 : 액션스크립트입력창과관련된설정팝업메뉴가나타납니다. 11참조 : 액션에대한설명과간단한예제가있는액션스크립트사전이나타납니다. 12디버그옵션 : 액션스크립트의오류를검사하는 디버깅작업 이실행됩니다. 13보기옵션 : 스크립트의입력창의줄번호줄바뀜등을설정합니다. 14점프메뉴 : 선택된오브젝트의정보가나타납니다. 핀으로고정된오브젝트를쉽게찾을수있습니다. 15핀 : 클릭하면아이콘이바뀌게되는데, 일일이다시찾을필요없이고정시켜놓고추가로스크립트를추가할수있고수정할수있도록고정시켜놓는기능입니다. 여러개의오브젝트를고정시킬수있습니다. 플래시 MX 2004 의기본다지기중패널기능, 메뉴기능, 액션기능에대해알아보았습니다. 플래시애니메이션을구현하는데가장기본이되는기능들이므로확실이다지시길바랍니다. 14/14

Microsoft Word - flash19.doc

Microsoft Word - flash19.doc 19 단원 Scene 이이동하는무비애니메이션 1. gotoandplay 액션활용하기 2. Scene 이용하기 3. 무비클립교체하기 4. 종합실습 1/8 이번시간에는플래시에서다중씬 (scene) 을이용한애니메이션을만들어보겠습니다. Scene은영화대본에서의장면과비슷하다고생각하시면됩니다. 하지만플래시의장면은기능이더뛰어나, 장면을이용하면하나의무비를여러개의분류로나눌수있게됩니다.