스위시 배우면서 꼭 알아야할 관련 용어.

스위시 배우면서 꼭 알아야할 관련용어

SWF(플래시 무비 파일) 기본적으로 플래시에 의해 만들어진 애니메이션을 웹에서 보여주기 위한 파일 포멧입니다. Swish에서도 기본적인 포멧으로 사용되며, 여러분이 Swish에서 기본적으로 설정을 하지 않으셔도 애니메이션이 자동으로 SWF파일로 만들어 집니다. SWI(스위시 편집 파일) 스위시에서 여러분이 기본적으로 작업을 하고 저장하면 SWI로 저장이 됩니다. 플래시의 FLA, 포토샵의 PSD처럼 SWI는 스위시의 기본 확장자 이면서 스위시에서의 모든 작업을 편집할수 있고 수정할수 있습니다. 플래시(Flash) 매크로미디어가 개발한 저작 소프트웨어로서, 전체화면 인터페이스, 그래픽 삽화, 그리고 단순한 상호작용 등이 수반되는 벡터 기반의 애니메이션을 만드는데 사용되는데, 모뎀 접속을 통해서도 스트리밍이 될 정도로 크기가 작고, 앤티앨리어싱과, 화면 상에서 확대 축소가 가능한 파일을 만들어줍니다. 2004년 7월 현재 버전은 Flash MX 2004버전 까지 출시된 상태이며, 아시다시피 Swish의 개발자가 매크로미디어 사에서 소프트웨어 개발 및 프로그래밍을 한 엔지니어 입니다. 플래시의 기본 웹 포멧도 SWF파일이기 때문에 Swish를 하는 분들은 알고 있으면 유용한 프로그램입니다. 오브젝트(Object) 오브젝트는 독립된 하나의 개체를 뜻하는 말로서 Swish에서 사용되는 텍스트,이미지,사운드등이 오브젝트입니다. Effect(효과) Swish는 다양한 내장효과를 지원합니다. 단순히 몇번의 클릭만으로도 무비에 삽입된 오브젝트에 여러가지 효과를 줄수가 있습니다

 

스위시맥스 의 인터페이스 각각의 구성과 주요기능

step 1. 툴바(Toolbars) 1. standard 툴바

New 새로운 무비를 만듭니다 Open 저장되어 있는 swi,swf, gif 등 응용할 파일을 불러옵니다 Save 현재 작업중인 무비를 저장합니다 Cut 선택된 오브젝트 또는 효과를 없애고,그 내용을 클립보드에 복사해 둡니다 Copy 선택된 오브젝트 효과를 그대로 두고, 그 내용을 클립보드에 복사합니다 Paste 자르기(Cut)나 복사(Copy)한 오브젝트 또는 효과를 붙여넣습니다 Delete 선택된 오브젝트 또는 효과를 제거합니다 Bring Forward 선택한 오브젝트의 상하 정렬 순서를 한 단계 앞으로 조정 합니다 Send Backward 선택한 오브젝트의 상하 정렬 순서를 한 단계 뒤로 조정 합니다 Bring to Front 선택한 오브젝트의 상하 정렬순서를 가장 앞으로 조정합니다 Send to Back 선택한 오브젝트의 상하 정렬순서를 가장 뒤로 조정합니다 Undo 가장 최근에 실행한 작업 상태로 되돌려 놓습니다 Redo 되돌리기로 취소했던 작업을 다시 실행합니다 Context-sensitive Help 간편 도움말 기능을 사용합니다 Help Topics 전체 도움말 대화 상자를 엽니다 Purchase SWISH 인터넷으로 스위시를 구입할 수 있습니다

　 2. Insert 툴바

Insert Scene 스위시 무비에 새로운 장면을 삽입합니다 Insert Text 현재 작업중인 장면/스프라이트/그룹에 새로운 텍스트 오브젝트를 삽입합니다 Insert Image 현재 작업중인 장면/스프라이트/그룹에 외부 이미지 파일을 삽입합니다 Insert Content 현재 작업중인 장면/스프라이트/그룹에 외부파일을 삽입합니다 Insert Button 현재 작업중인 장면/스프라이트/그룹에 버튼을 삽입합니다 Insert Sprite 현재 작업중인 장면/스프라이트/그룹에 스프라이트를 삽입합니다

　 3. Control 툴바

Stop 실행중인 무비를 정지합니다 Play 무비를 실행시킵니다 Play Scene 현재 선택된 장면(Sence) 만 실행시킵니다 Play Effect 현재 선택된 효과(Effect) 만 실행시킵니다 Rewind 미리보기 프레임 모드에서 첫 번째 프레임으로 이동합니다 Step Back 미리보기 프레임 모드에서 한 프레임 뒤로 이동합니다 Preview Frame 현재 작업중인 레이아웃 패널을 미리보기 프레임 모드로 전환합니다 Step Forward 미리보기 프레임 모드에서 한 프레임 앞으로 갑니다 Go to End 미리보기 프레임 모드에서 마지막 프레임으로 이동합니다

　 4. Grouping 툴바

Group 선택한 오브젝트들을 하나의 그룹으로 묶습니다 Group as Sprite 선택한 오브젝트들을 하나의 스프라이트로 만듭니다 Group as Shape 선택한 오브젝트들을 하나의 형태(Shape)로 만듭니다 UnGroup 그룹을 해체 합니다 Convert to Button 선택한 오브젝트를 버튼으로 전환합니다 Convert to Sprite 선택한 오브젝트를 스프라이트로 전환합니다 Convert to Shapes 선택한 오브젝트를 형태(Shape)의 그룹으로 전환합니다 Convert to Letters 선택한 텍스트를 낱글자의 그룹으로 전환합니다

　 5. Export 툴바

Export to SWF 스위시 무비를 웹에서 사용할 수 있도록 swf 파일로 만듭니다 Export to HTML 스위시 무비를 swf 파일과 웹문서인 htm 파일로 만듭니다 Export to AVI 스위시 무비를 동영상 파일인 avi 파일로 만듭니다 Test In Browser 스위시 무비를 웹 브라우저에서 테스트합니다 Test In Player 스위시 무비를 플래시 플레이어에서 테스트합니다

Step 2. 타임라인 패널 (Timeline Panel)

시간의 흐름을 정의하는 곳으로.. 각각 도형마다 레이어가 하나씩 생성됩니다. 이동될 프레임을 더블클릭하면 키프레임(움직임의 변형을 줄 수 있는 프레임)이 삽입됩니다. ^^;  Timeline Frame width 타임라인 패널에 보여지는 프레임의 가로 넓이를 조절합니다  Timeline row height 타임파인 패널에 보여지는 프레임의 세로 높이를 조절합니다  Minimize/ Maximize 타임라인 좌측,버튼이 있는 부분의 크기를 줄이거나 늘입니다

    1.툴박스(Toolbox)

Select/Scale 마우스 클릭과 드래그를 이용하여 오브젝트를 선택하거나 위치이동 및 크기를 변화시킵니다 Rote / Skew 마우스 클릭과 드래그를 이용하여 오브젝트를 회전시키거나 기울기를 변화시킵니다 Reshape 마우스 클릭과 드래그를 이용하여 오브젝트의 형태를  변화시킵니다  Motion Path 마우스 클릭과 드래그를 이용하여 오브젝트의 이동경로를 그립니다 Fill Transform Select/Scale 툴이나 Rotate/Skew 툴을 이용하여 오브젝트의 그라디언트나 이미지로 채우기 효과를 변형합니다 Line 라인을 그립니다 Pencil 마우스를 클릭한 상태로 불규칙한 라인을 그립니다 Bezier 베이지어 곡선을 이용한 그림을 그립니다 Rectangle 사각형을 그립니다 Ellipse 원을 그립니다 Zoom 작업공간을 크게 보거나 작게(Shift + 마우스 클릭) 봅니다 Pan 레이아웃 윈도우(작업공간)의 위치를 이동합니다

2. 줌컨트롤( Zoom Controls)

Zoom memu 작업공간의 보기 비율을  25%,33%,50%,66%,75%,100%, 150%,200%,300%,400%,500% 중에서 선택합니다 Fit Scene In Window 작업 공간의 보기 비율을 레이아웃 윈도우의 크기에 맞춥니다 View at 100% 작업 공간의 보기 비율을 100% 로 합니다 Zoom in 작업공간의 보기 비율을 1.5 배 확대 합니다 Zoom out 작업공간의 보기 비율을 2/3 으로 축소 합니다

Step 5. 무비 패널 (Movie Panel)

Width / Height 무비의 가로,세로 크기를 픽셀(pixel)로 설정합니다 Frame Rate 초당 재생되는 프레임 수를 설정합니다 (default는 12입니다) Bgnd Color 무비의 배경 색상을 설정합니다 Horz/ Vert 격자의 가로,세로 간격을 설정합니다.완성된 결과물에는 보이지 않습니다 Loop preview animation 무비를 미리보기 할때, 자동으로 애니메이션을 반복시킬지 여부를 설정합니다

    Step 7. 트랜스폼 패널 (Transform Panel)

선택한 오브젝트의 위치와 크기, 기울기 등을 설정하는 곳입니다. X/Y - 오브젝트의 x,y 좌표 값을 설정 W/H - 오브젝트의 가로,세로크기 설정 Reset - 설정값을 초기화 합니다 Maintain line width - 오브젝트 형태 변형시 라인의                                 크기도 변형 (체크안한 상태)

　 Step 8. 액션 패널 (Actions Panel)

1. 액션(Actions) 라벨을 설정합니다 특정내용을 미리 로드시킵니다 무비를 재생합니다 무비를 멈추게 합니다 지정한 프레임으로 이동합니다 특정 프레임이 로드되면 설정한 액션을 실행합니다 텔 타겟을 설정해 다른 무비나 무비클립의 액션을 제어합니다 변형시킵니다 재생중인 무비에서 다른 무비를 불러 옵니다 Load Movie에 의해 로드된 무비를 종료합니다 선택한 사운드를 재생합니다 선택한 사운드를 멈추게 합니다 삽입된 모든 사운드의 재생을 멈추게 합니다 다른 웹 문서로 이동합니다 FS 커맨드를 이용해 외부 프로그램으로 전달할 명령을 설정합니다 메일 보내기를 설정합니다 2. 이벤트(Event) On press 마우스를 클릭할때 On Release 마우스를 클릭하고 놓았을때 ON RollOver 마우스포인터가 오브젝트 위에 올라갔을 때 On Roll Out 마우스포인터가 오브젝트 영역을 벗어날 때 On Drag Over 마우스를 드래그해서 오브젝트위에 올려졌을 때 on Drag Out 마우스를 드래그해서 오브젝트 영역을 벗어났을 때 On Release Outside 마우스버튼을 누르고 마우스 커서가 오브젝트 밖으로 벗어난 후 버튼을 놓았을 때

  Step 9. 컬러 패널 (Color Panel)

Alpha - 알파값(불투명도)을 설정             A가 100% 변화無             A가 0%    투명한 상태 color - 컬러를 설정 합니다

Step 10. 익스포트 패널 (Export Panel)

size 100%  이 항목을 체크하면 브라우저의 크기대로 swf 파일의 사이즈가 결정됩니다.Full 스크린과 달리 삽입된 오브젝트의 크기가 늘어나지 않고, 단지 여백부분이 swf 파일 영역으로 만들어집니다. Loop  무비의 반복 여부를 설정합니다 Menu  플래시 무비에서 마우스 오른쪽 버튼을 이용한 메뉴의 사용여부를 설정 Base  기본경로를 설정 .Object와 Embed tags의  Base로 설정됩니다. Quality  보여질 무비의 품질을 설정합니다 Scale  Object와 Embed tags의  Scale 값을 설정합니다 Align Movie  무비의 정렬 상태를 설정합니다 Align Window  윈도우의 정렬 상태를 설정합니다 Window Mode  윈도우 모드를 설정합니다.배경을 투명하게 할 수도 있습니다  Copy HTML to Clipboard  html 소스를 클립보드에 복사합니다

   초급생이 만들수있는 두루마리  

Movie = Width:560   Height:410   Frame Rate:25 

 1.   4각툴-W=560   H=410   x=280  y=205  적색 (바탕)

       4각툴-W=540   H=390   x=280  y=205  (회색)

       4각툴-W=520   H=330    x=280  y=185  (회색)

       위의 shape2개를 묶어 우클Shape Operations-Exclude 클릭

 

 2.   다음은 components - effect - Filters - Glow Filters 를 작업창으로

      끌어낸다 outline 페널을 열고 Glow Filters +자를 풀고 Text 선택

      삭제를 한다음 트렌스폼 페널을 열고 x=0 y=0 를 하고 (엔터)

 

 3.  다음은 Glow Filters 를 선택 Window - Parameters 선택 Color=흑색

       inner =false. knockout=false. 아래 Filters Settings +자를 풀고 

       x=16 y=16. stre=3.으로 한다.

 

 4.   다음은 아래 쉐이프 2개중 위의 Shape를 복사해 Glow Filters 를 선택하고

       우측클릭 Paste 선택 (위치확인) 다음은 그 상태에서 4각툴을 선택하고

       W=480   H=290   x=280  y=185 이를 복사한뒤 아래 바탕을 죄외한 나머지를

       묶어 GroupING - Group as Movie Clip 을준다

 

 5.   Movie Clip을 선택해놓고 우클 붙혀넣기 한다음 Solide - image를 선택

      노란 폴더를 클릭 이미지를 불러온다 이를 우클 복사 붙혀넣고 그위에 우클

      Transform - Flip horizontal 로 뒤집고 우측 X= -200  y=185 로하고 (엔터) 

      다음은 4각툴을 선택하고 w=40 h=300  위의 image를 Solide로 바꿔주고 x=20

      y=185 (엔터) 아래 이미지2장과 함께묶어 엔카포인터 o=x에 클릭을 하고

      위 4각형 좌측 상단 점에 클릭을 한다

     

 

 6.   다음은 이를 타임라인 100프레임에 떠불클릭 Width: 520(엔터)같은라인

       160프레임에 우클 Place를 주고 같은라인 260프레임에 떠불클릭 Width:40

       (엔터) 이를 2칸 내려그 아래 이미지와 묶어 이에 올려놓고 우클

       GroupING - Group as Movie Clip을 주고 좌측 이동툴을 클릭하고 우측

       작은4각형의 Use Bottom Object as mask 체크를 해 준다

 

 7.   4각툴을 선택하고 w=40 y=38  엔카포인터 다시한번 좌측 상단 점을 클릭해주고

       우측 x= -0로로 하고 (엔터) 이를 타임라인 100프레임에 떠불클릭 x=520(엔터)

       같은 라인 160프레임에 우클Place를 주고 같은라인 260프레임에 떠불클릭

       x= -0(엔터)

 

 8.   다음은 아래 이미지를 위로1칸 올리고 이를 타임라인 100프레임에 떠불클릭

       x=1000 (엔터) 같은 라인 160프레임에 우클Place를 주고 같은라인 260프레임에

       떠불클릭 x= -20(엔터)

 

 9.   다음은 아래 shape와 묶어 올려놓고 우클 GroupING - Group as Movie Clip을

       주고 좌측 이동툴을 클릭하고 우측 작은4각형의 Use Bottom Object as mask에

       체크를 해 준다

 

10.   다음은  Movie  Clip2개를 묶어 다시  GroupING - Group as Movie Clip을

       주고 4각툴을 선택하고 x=280 y=185  w=480  h=290 을 그려 한칸 아래로 내리고

       위의 Movie Clip과 묶어 다시GroupING - Group as Movie Clip을 주고

       위의 작은4각형 Use Bottom Object as mask 체크를 해 준다

 

11.   다음은 다시 4각툴을 선택하고 x=280 y=185  w=480  h=290 을 그려색상은

       (회색)으로 하고 이를 하나 더복사해 그자리에 붙혀넣고 이를 우측 Solide-

       gradient를 선택 검은바 클릭 적색으로 흰색바 클릭 검정색으로 바꿔주고

       gradient 4각형을 클릭하고 둥근모양을 선택한 다음 트렌스폼 w=460 h=270

       shape2개를 묵어 GroupING - Group as Movie Clip을 주고 바탕위  shape

       위에 까지 내려 놓는다

 

12.   4각툴 선택 x=280 y=375 w=520  h=30 을그려놓은 다음 components - 

      effect - Filters - Glow Filters 를 작업창으로 끌어낸다 outline 페널을 열고

       Glow Filters +자를 풀고 Text 선택 삭제를 한다음 트렌스폼 페널을 열고 x=0

       y=0 를 하고 (엔터)

 

13.  다음은 Glow Filters 를 선택 Window - Parameters 선택 Color=흑색

       inner =false. knockout=false. 아래 Filters Settings +자를 풀고 

       x=16 y=16. stre=3.으로 한다.

 

14.   다음은 아래 쉐이프를 복사해 Glow Filters 를 선택하고 우측클릭 Paste 선택

       (위치확인) +자를 닫고 아래shape와 묶어 GroupING - Group as Movie Clip

       을준다

 

15.    다음은 Text 툴을 선택하고 방금 만들어지 긴 4각형위에 클릭하고

        안녕 하세요 반갑습니다  오늘도 행복한 하루 되세요(다른글도 좋음)

        를 적어 (글 Size=14)적당히 위치하고 효과를 준다

 

16.    효과는 타임라인 1프레임에 우클 Appear into position 마지막줄 아래서부터

        9번쩨 Wild - Typewrite; 를주고 효과 막대를 40프레임까지 늘어트린 다음

        같은라인 80프레임에 우클 맨아래 Core effect - Vortex; 를 주고 효과막대를

        110프레임까지 늘어 트린다음 글을 선택하고 GroupING - Group as

        Movie Clip 을 준다 (우측 공백에는 작가 이름을 넣는다)

 

음악 관련 태그 소스입니다.

 

 1.플레이어 만들기

 

<EMBED src=여기에 음악 주소를 넣으세요 width=300 height=68 showcontrols=1 showstatusbar=1 autostart=true volume=0 loop=true></EMBED>

 

 

아래의 소스를 적용시키면 음악 플레이어가 보이지 않습니다.

 

<EMBED src=음악 주소 hidden=true type=audio/mpeg volume="true" loop="true">