플래시 인터페이스와 주요 기능

Similar documents
슬라이드 1

Microsoft Word - flash19.doc

Microsoft PowerPoint - 2주.pptx

Studuino소프트웨어 설치

게임 기획서 표준양식 연구보고서

SIGIL 완벽입문

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

Windows 8에서 BioStar 1 설치하기

<BCF6C1A4BABB5FB9E6B0FAC8C45F33355FC1A4BAB8C8AD20B1B3C0B D20C6F7C5E4BCA520C8B0BFEBC7CFB1E22E687770>

IRISCard Anywhere 5

Why 3D Max?

1

3D MAX + WEEK 9 Hansung Univ. Interior Design

슬라이드 1

<4F B8A620C0CCBFEBC7D120C8B8B7CE20C0DBBCBAC0C720B1E2C3CA2E687770>

Microsoft PowerPoint - chap02-C프로그램시작하기.pptx

Microsoft Word - src.doc

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

쉽게 풀어쓴 C 프로그래밍

1809_2018-BESPINGLOBAL_Design Guidelines_out

슬라이드 제목 없음

6. 설치가시작되는동안 USB 드라이버가자동으로로드됩니다. USB 드라이버가성공적으로로드되면 Setup is starting( 설치가시작되는중 )... 화면이표시됩니다. 7. 화면지침에따라 Windows 7 설치를완료합니다. 방법 2: 수정된 Windows 7 ISO

소프트웨어공학 Tutorial #2: StarUML Eun Man Choi

ISP and CodeVisionAVR C Compiler.hwp

슬라이드 1

Endpoint Protector - Active Directory Deployment Guide

SQL Developer Connect to TimesTen 유니원아이앤씨 DB 기술지원팀 2010 년 07 월 28 일 문서정보 프로젝트명 SQL Developer Connect to TimesTen 서브시스템명 버전 1.0 문서명 작성일 작성자

화면상에보이게하거나숨기게하도록한다. p tif tip> windows 에서제공하는팔레트메뉴는토글기능이므로화면에보였다숨겼다를 번갈아가면서선택할수있다. 02 일부팔레트를버튼을클릭하여제거하여작업화면을조절한다음 [Windows]-[Workspace]-[Save

Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

View Licenses and Services (customer)

EndNote X2 초급 분당차병원도서실사서최근영 ( )

슬라이드 1

Microsoft Word - Korean_뷰어 메뉴얼_공용_ADVR&SWi_.doc

Google Maps Android API v2

목차 1. 시스템요구사항 암호및힌트설정 ( 윈도우 ) JetFlash Vault 시작하기 ( 윈도우 ) JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault

슬라이드 1

쉽게 풀어쓴 C 프로그래밍

슬라이드 1

9장 프리미어 프로 CS4 시작하기

볼륨 조절 아이콘 표시하기 만일 알림 영역에 볼륨 조절 아이콘이 표시되지 않았다면 아래의 방법을 따라합니다. 1> [시작] - [제어판] - [사운드 및 오디오 장치] 아이콘을 더블 클릭합니다. 2) [사운드 및 오디오 장치 등록 정보] 대화상자에서 [볼륨] 탭을 클릭

MF5900 Series MF Driver Installation Guide

PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.

<4D F736F F D D31312D30312D53572D30312DBBE7BFEBC0DABCB3B8EDBCAD5FBFDCBACEB9E8C6F7BFEB2E646F63>

arcplan Enterprise 6 Charting Facelifts

mobile_guide_SA

Microsoft 을 열면 깔끔한 사용자 중심의 메뉴 및 레이아웃이 제일 먼저 눈에 띕니다. 또한 은 스마트폰, 테블릿 및 클라우드는 물론 가 설치되어 있지 않은 PC 에서도 사용할 수 있습니다. 따라서 장소와 디바이스에 관계 없이 언제, 어디서나 문서를 확인하고 편집

PowerPoint Template

목 차 설치 및 사용 안내서 이 책의 일부 또는 전부를 복제하거나 무단으로 배포하는 행위는 법으로 금지되어 있습니다. 1. e-station AT 란? 1. 소개 2. 주요 특징 3. 기술 사양 2. e-station AT 설치 1. 설치 방법 3. e-station

제 53 회서울특별시과학전람회 예선대회작품설명서 본선대회작품설명서 쓰나미의피해를최소화시키는건물과 건물배치에대한탐구 출품번호 S-504 출품분야학생부출품부문지구과학 학교명학년 ( 직위 ) 성명

01장

(Microsoft PowerPoint - \301\24613\260\255 - oFusion \276\300 \261\270\274\272)

OOO Paint

3. 저장위치를 바탕화면으로 설정하고, 저장을 하고, 실행을 합니다. 4. 바탕화면에 아이콘이 생성되고 아이콘을 더블 클릭합니다. 5. 실행을 클릭하여 프로그램을 설치합니다. 다음버튼을 클릭하고, 사용권 계약에서는 예를 클릭합 니다. 6. 암호 입력창이 뜨면 기본 암호

tiawPlot ac 사용방법

Data Sync Manager(DSM) Example Guide Data Sync Manager (DSM) Example Guide DSM Copyright 2003 Ari System, Inc. All Rights reserved. Data Sync Manager

System Recovery 사용자 매뉴얼

슬라이드 1

슬라이드 1

tut_modelsim(student).hwp

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션

PowerPoint Presentation

Network Advertising Brand

vRealize Automation용 VMware Remote Console - VMware

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

Microsoft PowerPoint - 05geometry.ppt

KPS-19MA-1.hwp

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을

Microsoft PowerPoint - 10주.pptx

지도상 유의점 m 학생들이 어려워하는 낱말이 있으므로 자세히 설명해주도록 한다. m 버튼을 무리하게 조작하면 고장이 날 위험이 있으므로 수업 시작 부분에서 주의를 준다. m 활동지를 보고 어려워하는 학생에게는 영상자료를 접속하도록 안내한다. 평가 평가 유형 자기 평가

차례보기 Easy Setting Box 소개 03 Easy Setting Box 란 03 Easy Setting Box 주요기능 04 사용요구사항 Easy Setting Box 설치 / 제거하기 05 Easy Setting Box 설치하기 08 Easy Setting

<Software Modeling & Analysis> OSP Stage 1000 < Plan & Elaboration > - v2 - Team 박미관 박준모 이영준 2013/04/05 1

Getting Started With Parallels Desktop¢ç 9

문서의 제목 나눔고딕B, 54pt

목차 1. DocZoom Creator Pro 의주요특징 주요기능따라해보기 ) HWP, PDF, DOC, PPT 문서불러오기 ) DocZoom 문서실행하기 ) DocZoom Viewer 툴바 ) DocZoom

WebPACK 및 ModelSim 사용법.hwp

추가 및 변경사항 ver 2.1 여러장의 이미지를 한번에 올리는 ZIP 불러오기 기능이 추가되었습니다. (p. 3) 테두리 설정 기능이 추가되었습니다. (p. 5) 크게보기 버튼의 위치를 선택하는 기능이 추가되었습니다. (p. 7) 세로가 긴 동영상의 권장크기가 800

Microsoft PowerPoint - CPLD_수정1.pptx

마이크로시스템제작 lecture1. 강의소개및 MultiSIM 선덕한 마이크로시스템 1

02 일괄편집은불러들인모든 사진에동일한작업이적용 됩니다. [ 기본 ] 탭에서 [ 액자 ] - [ 노트 02] 을선택합니다. 03 [ 여백 & 둥글기적용 ] 을클 릭하여체크한후 [ 수정 ] 을 눌러값을지정합니다. 04 상단의사진들을클릭하여적용된결과를확인한후저장하기위해 [

e-비즈니스 전략 수립

MF3010 MF Driver Installation Guide

EEAP - Proposal Template

(, )

Microsoft PowerPoint - 3장-MS SQL Server.ppt [호환 모드]

iOS5_1±³

<4D F736F F F696E74202D C61645FB3EDB8AEC7D5BCBA20B9D720C5F8BBE7BFEBB9FD2E BC8A3C8AF20B8F0B5E55D>

OOO Paint

<4D F736F F F696E74202D20C0FCC0DAC8B8B7CEBDC7C7E8312E BC8A3C8AF20B8F0B5E55D>

소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기

PowerPoint 프레젠테이션

Network Security - Wired Sniffing 실습 ICNS Lab. Kyung Hee University

작동 원리

통신프로토콜

OOO Paint

1

목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우.

NX1000_Ver1.1

Transcription:

플래시인터페이스와주요기능 웹애니메이션 1 강

Adobe Flash 애니메이션, 멀티미디어콘텐츠를제작가능한도구 다이나믹하고화려한인터렉티브기능으로사용자들의주목을얻을수있어활발히이용되어옴 웹페이지, 모바일어플, 광고, ebook, 카탈로그, 스마트TV용콘텐츠, 게임 CS6에서는익스텐션으로, CC 버전이후로는정식으로 HTML5 Canvas 지원 Adobe Air를이용하여모바일이나데스크탑용어플리케이션도제작가능

비트맵과벡터 비트맵 : 픽셀 ( 작은사각형점 ) 으로이루어진이미지 o 높은해상도일수록이미지용량이커짐 o 해상도나크기가작은이미지를크게키우면이미지에계단현상이생기거나뭉그러져보인다. o 사진, 페인팅일러스트, 스캔이미지촬영무비 벡터 : 수학적베지어곡선, 점과점을연결해이미지구성 o 해상도에영향을받지않음 o 이미지크기에상관없음, 아무리크게해도깨지지않음 o 용량이작음 o 실사에가까운표현이불가능 o 타이포그래피, 로고나캐릭터일러스트, 플래시무비

플래시 cs6 시작화면 새파일 유형별탬플릿 ㅍ 최근파일열기

메뉴 기본화면구성 모든패널사라졌다 / 보이게할때 : F4 현재작업물에서의위치 Library: 관련소스들을모아놓고필요할때꺼내사용하게함 작업창 Properties: 선택한대상의속성설정 툴 / 도구 타임라인 주요패널을아이콘으로요약

불러오기와저장하기 새파일만들기작업의속성에따라 Action Script 3.0이나 Air 파일등을선택하여새파일만들기 ( 주로 Action Scrip 3.0) 파일저장하기작업한원본소스프로젝트는 xfl이나 fla 파일형식중하나를선택하여저장 - FLA : 오래전부터사용한프로젝트저장포맷, 프로젝트파일자체만저장됨 ( 소스함께저장 x) - XFL: 최근에생긴프로젝트저장포맷, 소스와구성물들을폴더로함께모아서저장함높은버전에서저장한파일은낮은버전의플래시에선열리지않음

출력하기 Publish 작업이끝난원본소스파일을쉽게볼수있는 swf 파일등으로출력하는과정 Save as 에서저장한 Fla/xfl 은 flash 에서만확인가능한대신편집이가능 swf 는어디서도애니메이션을볼수있지만편집할수없음 Publish Setting 에서출력에대한설정 Publish preview(f12) 로미리보기 보통 publish 를하면 swf 파일과 html 파일이 함께생성됨. Swf 만출력할때는 Ctr l+ enter 를눌러출력

Import 외부이미지가져오기 Import to Stage 선택한이미지를작업화면안으로바로가져오기 Import to Library 선택한이미지를소스들을모아놓은라이브러리안에넣어놓고작업화면으로바로꺼내지는않음 PSD( 포토샵원본파일 ) 와 AI( 일러스트레이터원본파일 ) 포맷도플래시에서원본의레이어들을그대로가져올수있음 각레이어들을어떻게가져올것인지세부속성창에서조정

스프라이트시트만들기 Generate Sprite Sheet 스프라이트시트 : 움직이는그래픽요소의모든장면을전개도처럼펼친이미지파일 플래시에서는작업한심볼오브젝트를스프라이트시트로별도로뽑아낼수있음 1. 스프라이트.swf 파일을불러온다. 2. 파일을열면강아지의이미지가보인다. 3. 강아지를마우스오른쪽버튼으로다시클릭하고 Generate Sprite Sheet 를선택한다. 4. 새창이뜨면펼쳐진스프라이트시트와움직이는모습을 Preview 에서확인할수있다. 5. 내보낼경로를선택한후 export 한다. 6. 완성된스프라이트시트를확인한다.

PNG 시퀀스파일만들기 해당오브젝트의장면별로따로따로 PNG sequence 로내보낼수있다. 해당경로와파일명을지정한다. 새대화상자가뜨면속성을확인후 Export 를클릭하여파일을내보낸다. 각이미지별로저장된 PNG 이미지들을확인한다.

플래시에서의선과면 선 (Stroke) : 형태를그릴때사용. 펜툴, 직선툴, 연필툴 ( 선을그림 ), 잉크툴 ( 면테두리에선을입힘 ) 면 (Fill): 특정영역안을색으로채움. 브러쉬툴 ( 면을그림 ), 페인트버켓툴 ( 선의안쪽을면으로채움 ) 선과면의차이 : 선을그리는펜툴과면을그리는브러쉬툴로각각원을그려보자. 각원의선근처로가면화살표 & 반원아이콘이생긴다. 이아이콘을드래그하여움직이면, 선은선자체가변화되지만, 면은선택한라인에따라형태가바뀐다 선을면으로바꿀수있지만면을선으로바꿀수는없다 [modifiy]-[shape]-convert lines to fils] 메뉴를선택하여선을면으로바꾸기가능

선의주요툴옵션 선색깔 선끝의형태 선모서리의형태 선의종류 선두께 면의주요툴옵션 면색깔 면다듬기

기본그라디언트로칠하기 패널탭중에서 color 탭아이콘을을클릭하여색설정을열수있다. None: 아무색도없는투명 Solid color: 단색칼라 Linear Gradient: 직선형그라디언트. 일반 / 거울식 / 반복의그라디언트형태선택가능 Radial Gradient: 원형으로퍼지는그라디언트 Bitmap fill: 비트맵이미지를 import해와서그이미지로채우기 시작색과마지막색선택하여그라디언트만들기

쉐이프와그룹, 오브젝트드로잉의차이 쉐이프 플래시에서드로잉툴로그림을그렸을때생기는기본적인오브젝트. 선과면으로이루어짐 Properties 창에서선과면의색바로변경가능 선이나면일부만선택하여이동하고분리가능 다른도형과겹쳐지는순간잘려나감. 복잡한형태수정이어려움 그룹 쉐이프나오브젝트드로잉, 그룹, 심벌등의모든오브젝트들여러개를선택하고 Ctr l+ G 를눌러하나의그룹으로묶을수있음 ( 그룹해제는 Ctr l+ B) 그룹된오브젝트들전체가선택됨. Properties 에서선이나면옵션수정불가 그룹을더블클릭해서그룹안으로들어가야쉐이프나오브젝트드로잉을직접수정가능 그룹끼리겹쳤다가분리되어도원형보존됨. 복잡한형태의보존과이동, 수정에편함 오브젝트드로잉 펜툴, 선툴, 도형툴, 연필툴, 브러시툴사용시오브젝트드로잉아이콘선택하여설정가능 쉐이프와그룹의장점이섞임 Properties 창에서선과면의색바로수정가능, 도형변형가능 오브젝트드로잉끼리겹쳐져도원래형태유지함 Ctr l+ b 를눌러오브젝트드로잉을일반쉐이프로만든후에는다시오브젝트드로잉으로되돌릴수없음 오브젝트드로잉아이콘

툴의주요기능 선택툴 선택툴 가장많이사용하는툴. 오브젝트를선택하고이동할수있음. 원하는대상을하나씩클릭하거나드래그하여선택가능 Shape 근처로가져갈경우직선을곡선으로바꾸거나, 모서리를둥글게만드는등의변형기능이나타남 부분선택툴 도형의부분을정밀하게선택하여일정부분만변형하거나수정할때사용 변형툴 (Free Transform Tool) 선택한오브젝트를회전시키거나크기를늘리고 / 줄이고. 왜곡시킬수있음 올가미툴 (Lasso) 오브젝트를원하는대로드래그한형태대로선택할수있음 직선툴 : 드래그하여직선을그리는툴 사각형 (Rectangle) 툴 : 일반사각형그리는툴, 그려지기전에설정, 그려진후수정불가 사각형변형 (Rectangle Primitive) 툴 : 사각형먼저그리고수치조정하여형태수정가능 원형툴 (Oval): 원을그리는툴, 그려지기전에설정, 그러진후수정불가 원형변형 (Oval Primitive) 툴 : 원형먼저그리고수치조정하여형태수정가능 다각형툴 (Polystar Tool): 다양한다각형과별모양그릴수있음

스포이드툴 다른오브젝트에있는색상을추출할때사용 지우개툴 지우기옵션 (Erase mode): 선이나면만을골라지우는등의옵션설정 수도꼭지 (Faucet): 클릭한선이나면과연결된같은색들을함께지움 지우개형태 (Eraser shape): 지우개의크기와모양선택 돋보기툴 화면의확대와축소 화면의줌인단축키 : Ctr l+ Space 화면의줌아웃단축키 : Ctr l+ Alt + Space 손바닥툴 줌인되어화면이확대된상황에서화면을드래그하여원하는곳으로이동 단축키 Space

Arrange 앞뒤배열설정 오브젝트들이여러개가겹쳐있을때겹쳐져있는순서를조정가능 Bring to Front: 맨앞으로 Bring Forward: 한단계앞으로 Send Backward: 한단계뒤로 Send to Back: 가장뒤로

예제 01 꽃잎과고양이 Sample01.fla 파일을열고다음의과정을거쳐서 아래의이미지처럼그림을바꿔주세요. 1. Properties 패널에서 stage의배경색을하늘색으로바꿔준다. 2. 선택툴로큰별의가장자리쪽을가져가꽃잎모양으로바꿔준다. 3. 작은별은드래그하여선택한후지운뒤에이미모양을만든꽃잎을복사해서 자유선택툴로이동시키고크기를줄여서대신배치하는방식을사용한다. 4. 페인트버켓툴로꽃잎의면의색을바꿔준다. 5. 잉크병툴로꽃잎의선의색을바꿔준다. 6. 가장큰꽃잎을드래그하여선과면을다선택한후 [modifiy]-[shape]-convert lines to fils] 를 클릭하여선을면으로바꾼다. 7. 가장큰꽃잎의면과선을 Radial Gradient를적용시커그라데이션으로칠해준다. 8. 고양이의몸통색을바꿔준다. 9. 고양이와눈동자를 shift를누른채로클릭하여함께선택한후자유변형툴로 고양이의몸을약간앞쪽으로회전시킨다. 10. 고양이의눈동자는더블클릭하면스테이지위쪽에 scene 옆에 group이생기면서 그룹외의요소들은흐려지고그룹요소는진하게나타난다. 11. 서브선택기능으로그룹내의요소를수정가능하다. 고양이눈동자의색을바꿔준다. 12. 수정이끝난뒤위쪽의 scene을누르면원래의스테이지로돌아온다.

Object Drawing 기능을켜고, brush 기능으로고양이의코와입을그려준다 사각형그리기툴을이용하여배경의창문을더해준다. 사각형변형툴 (Rectangle Primitive Tool) 을사용하여서창문을그리고창문의형태를바꿔준다. 스포이드툴을이용하여창문의색을하늘의색과같은색으로바꿔준다. 그외다양한방법으로이미지를꾸며본다. 완성한파일은 F12 를눌러미리보기한다. Ctr l + enter 를눌러 swf 만 publish 한다. 저장한뒤파일명을본인이름 _ 학번.fla 로바꾼뒤 mintgray00@naver.com 으로제출한다.

기말과제 : 플래시애니메이션만들기 기말과제목표 : 본인이고안한캐릭터가들어간 30초가량의짤막한플래시애니메이션만들기 1. 본인이디자인한케릭터 1개와전체무비의내용계획, 짤막한스토리보드구성하여제출 ( 중간과제- 10월 11일까지제출 ) 2. 10월 6일은휴강합니다. 보강주에수업예정 3. 플래시애니메이션안에이미지, 비디오, 사운드, 텍스트등의미디어요소추가되어있어야함. 4. 스테이지위에타임라인을활용하여요소를배치하고움직임효과를줄것 5. 그래픽필터나블렌드등의특수효과적용 6. 액션스크립트를한가지적용해볼것 7. 완성된무비테스트후 publish하여발표하고, XF L 파일과소스폴더들과함께제출할것 (12월 8일발표와제출 )