컴퓨터공학전공 3학년 팀 명 : 문 제 아 팀 원 : 이명하, 김선미

Slides:



Advertisements
Similar presentations
1/ 편집 기능 사용하기 – 실습 1 글자 모양을 바꾸고 싶은 곳을 블록 설정 [ 글자 모양 ] 대화 상자에서 [ 글꼴 ] ‘ 궁서체 ’, [ 글자 색 ] ‘ 토마토색 ’ 으로 선택 → [ 설정 ] 클릭 → 글자 모양 변경.
Advertisements

순차, 조건, 반복 이점숙 농대 뒷편 언덕을 넘어가며 같은 문제 다르게 해결 순차, 조건, 반복 이점숙
순차, 조건, 반복 이점숙 같은 문제 다르게 해결하기 순차, 조건, 반복 이점숙
149개의 실습예제로 배우는 Flash 8.
1. 신뢰할 수 있는 싸이트 등록 인터넷 익스플로러 실행 후 실행
코크파트너 설치 가이드 Window 7.
컴퓨터의 응용-검색엔진 <컴퓨터의 응용> 교수명: 용환승 공학부, 이한아
Outlook Express 메일 백업 및 복원가이드
J2ME Install 부산대학교 인공지능 연구실.
네트워크 프로그래밍 및 실습.
ANSYS17.2 Student 제품 무료 다운로드
나민영 서경대학교 컴퓨터공학과 CGVR Lab 같이만들어보자 5주차 OpenCV 설정 및 기초.
임베디드 시스템 개론 크로스 플랫폼 설치 2일차 강의 자료 Embedded System Lab.
홍익대학교 메일 시스템 구축 Outlook 설정 매뉴얼.
한국골프대학 종합정보시스템 Windows Vista 사용자를 위한 Component 설치안내서
한국골프대학 종합정보시스템 Windows 7 사용자를 위한 Component 설치안내서
NCS 학사운영 시스템 Guide.
Root Filesystem Porting
멀티미디어관에 놀러온 졸라맨 팀 명 : 둘이 합쳐 IQ 100 팀 원 : 컴퓨터 공학 전공 김제선
Communication and Information Systems Lab. 황재철
Raster 애니메이션은 GIF Animator로 만들면 쉽다
Root Filesystem Porting
학습목표 학습목차 다른 홈페이지의 HTML 파일 코드를 보는 방법에 대해 알아봅니다.
In2smile PT Template in2smile.com.
Git 사용법 GitHub 가입 GitHub 새 저장소 만들기 Git 설치 로컬 저장소 만들기 로컬 저장소와 원격 저장소 연결
스크래치 언어 이해 스크래치 이용법 습득 고양이가 말을 하며 움직이는 예제 작성
멀티미디어 기본+활용 제대로 배우기.
자바 설치 매뉴얼 1. 실행중인 모든 프로그램을 종료한다. 2. 설치된 자바를 모두 제거한다.
자바 설치 매뉴얼 1. 실행중인 모든 프로그램을 종료한다. 2. 설치된 자바를 모두 제거한다.
Slice&link.
트위닝.
주의할 점!!!! 1. 문자 쓸 때 문자 틀 글자 크기에 맞추기 2. 색 보정할 때 Colorize 체크하고 /
TSRM 사용시 PC 기본환경설정 1. 로그인이 안되는 문제해결 1) Windows8 이상일때
㈜시스원이 제공하는 시스템 관리 통합 솔루션 SysmanagerOne Agent설치 안내서
플래시 멀티미디어 저작 이론 김수우 김진영
이메일 자동 포워딩 방법 (Outlook/OWA)
홀인원2.0 설치 메뉴얼.
TERMPORJECT 라미君 이야기 EPISODE 1
1. 설치 2. SPC_Wave 사용설명 SPC_Reflow 사용방법은 Wave와 같습니다.
2 보안 1 도구 윈도우 XP > 온밀크 프로그램 설치 장애 (보안 설정) / 품목추가 깨질 때 장애증상
인문학 동영상 강의 사용자 매뉴얼 (PC & Mobile).
파워포인터 활용 수영문화센터 전명복 만듦.
ASP.NET AJAX / AJAX Control Toolkit 응용 2008 컴퓨터공학실험( I )
Moving Control in Web using Ajax Toolkit
웹디자인
1차시: 낮과 밤이 생기는 원리 지구과학
스위시 맥스2 이미지 갤러리 만들기 아래 그림이 스위시 맥스2로 만들 이미지 갤러리 이다.
[그림 1-1] 안드로이드 전용 어플리케이션 설치 방법
인체 대 탐험 3D GAME ENGINE 게임 공학과 이성진.
2D게임 프로그래밍 프로젝트 총은 사기입니다(가제) 박상윤.
PMIS 서버 설정 환경설정 작성자 : 배경환.
Pop-up book 만들기 전래 동화, 문화재 소개.
“ Presenworks by workerplex
헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 텍스트 샘플 텍스트
수동 설치시는 설치 방법 1. 두번에 설치 CD 속에 fscommand 폴더 밑에 Osstem 이라는 폴더를
애니메이션 제작 기법 2D 애니메이션 3D 애니메이션 임희영.
9 브라우저 객체 모델.
멀티미디어 활용 -플래시 CS3 류 정 남.
2D Game Programming 1차 발표 배강산.
김덕용 게임 엔진론 Project 2차발표.
과제물 3호 3번 문제 설명자료.
어드민 로그인 ID : admin 비밀번호 : 서보테크 1. 제품소개 등록 - MISUBISHI
1) 인터넷주소(강남구보건소)로 접속해주세요.
Docker Study 6~7.
Power Point 예제 디자인 적용 (서식) - (디자인적용) - (원하는 디자인 선택)
플래시MX2004 디자인스쿨 Chapter 11. 플래시와 사운드.
오늘의 강의 제목을 입력하세요 소 속 : 인문대학 국어국문학과 이 름 : 홍길동 교수 1.
7 생성자 함수.
타이머를 시작하려면 슬라이드 쇼 메뉴에서 쇼 보기를 클릭하십시오.
BoardGame 보드게임 따라가기.
Presentation transcript:

컴퓨터공학전공 3학년 팀 명 : 문 제 아 팀 원 : 이명하, 김선미 E-mail : anyface@hanmail.net 강남역 놀자지도! 컴퓨터공학전공 3학년 팀 명 : 문 제 아 팀 원 : 이명하, 김선미 E-mail : anyface@hanmail.net

목 차 PROJECT 소개 PROJECT 제작과정 제작과정시 문제점 - 인트로에 사용한 액션 & 효과 목 차 PROJECT 소개 PROJECT 제작과정 - 인트로에 사용한 액션 & 효과 - 메인 페이지에 사용한 액션 & 효과 제작과정시 문제점

Project 소개 프로잭트 목적 - 건전하고 신선한 놀이 문화를 위한 그 장소에 한번도 가보지 않은 사람이라도 쉽게 찾아 갈 수 있고 정확한 정보로 작업(?)시 실수하지 않을 방법을 제시하고 여러가지 놀이와 음식점들을 종류 별로 지도에 표시 기존의 가게들의 정보나 간단한 약도만 보유 한 사이트와 차별화하여 전체적인 지도 위에 위치와 정보를 표시한 애니매이션 지도

PROJECT 제작과정 도입부에 사용된 액션 & 효과 1. 버튼 액션걸기 2. 사운드 첨가 3. 모션 트위닝 4. 랜덤 함수

PROJECT 제작과정(계속) 인트로에 사용된 액션 & 효과 1. 버튼액션 걸기 Action/Color Effect 등을 줄려고 하는 것 입니다. 창이 뜨면 Action 항목을 선택하고 그곳에서 Get URL 을 선택합니다. 이 명령은 이 버튼을 누르면 어떤 페이지로 이동 할건지 링크를 걸어주는 것입니다.

PROJECT 제작과정(계속) 인트로에 사용된 액션 & 효과 1. 버튼액션 걸기 URL 을 쓸때... http://를 앞에 꼭 써주셔야 합니다. (절대 경로시) 상대경로로 페이지 를 링크시킬수 있습니다. 예를들어 이 버튼이 들어있는 페이지가 main.htm 이고 이 버튼을 눌렸을 때 download.htm 이라는 페이지로 갈려고 한다면 같은 디렉토리에 있다면 download.htm 이라고 쓰시 면 됩니다. 그럼 download 디렉트리에 있다면 Download/download.htm 이라고 쓰시면 됩니다.

PROJECT 제작과정(계속) 인트로에 사용된 액션 & 효과 2. 사운드 첨가 사운드를 Import 한 뒤 타임라인에 삽입된 Sound에 대한 속성을 변경 합니다. > Sound : 타임라인에서 적용된 사운드 선택 > Effect : 사운드의 효과 선택 > Sync : 사운드 연주 방법 선택 > Loops : 반복 횟수 지정 > Edit : 이 부분 또한 플래쉬 4와 동일합니다.

PROJECT 제작과정(계속) 인트로에 사용된 액션 & 효과 3. 모션 트위닝 (1) 모션 트윈효과를 만들기 위해서는 먼저 보여줄 이미지를 심벌(Symbol)로 등록한다. (2) 심벌이 위치된 프레임의 뒷프레임에 키프레임을 삽입게 되면, 자동으로 앞의 심벌이 그대로 복사된다. (3) 프레임에 위치한 2개의 심벌중에서 변환되어질 심벌의 효과를 만들어 준 다음, 프레임의 중간부분을 마우스로 선택하여 Motion Tween메뉴를 실행한다.

PROJECT 제작과정(계속) 인트로에 사용된 액션 & 효과 4. 랜덤 함수

PROJECT 제작과정(계속) 인트로에 사용된 액션 & 효과 4. 랜덤함수 while (n<20) { duplicateMovieClip ("/snow", "snow" add n, n); n++; } 위와 같은 랜덤 함수를 이용하여 무비안에 무비클립 이 뿌려지는 횟수를 조정 눈이 오는 효과 만든다.

PROJECT 제작과정(계속) 메인페이지 사용한 액션 & 효과 TV과 리모콘을 이용한 배경 (1) 포토샵을 이용하여 그리기 *그라데이션을 이용하여 색채우기 (2) jpg파일이나 gif파일로 만들기 (3) flash으로 넣기

메인페이지 사용한 액션 & 효과

메인페이지 사용한 액션 & 효과 리모콘에 들어가는 버튼 만들기

메인페이지 사용한 액션 & 효과 Flash를 이용한 지도그리기 기존 지도를 보고 선그리기를 이용하여 그린다. 선의 두께는 Straighten을 이용하여 선의두께 를 정한다. 그리고 공간색은 페인트통을 이용하여 색을 채운다.

메인페이지 사용한 액션 & 효과 버튼으로 지도 보여주는 액션 Basic Action->Go To를 이용한 다. gotoAndPlay(1)이 나올 것 이며 여기서 (1)은 frame number 를 말하는 것이다. 즉 (7)은 7 frame으로 가서 play하라는 것이다.

메인페이지 사용한 액션 & 효과 버튼에서 gotoAndplay후 frame에서 지도 보여주는 방법 의 Frame마다 stop을 넣어준다.

메인페이지 사용한 액션 & 효과 지도내의 건물을 버튼심벌로 만들기 인터넷에서 다운로드 받은 gif/jpg파일을 Flash로 불러들인다. New symbol(Ctrl+F8)을 이용하여 버튼을 만든다.그리고 음식점을 알 수 있도록 DOWN/OVER에 음식점을 보이게 한다.

메인페이지 사용한 액션 & 효과 음식점들의 쓰일 배경들 제작과정 기존의 그림들을 모아서 배경으로 씀

메인페이지 사용한 액션 & 효과 음식별로 분류해 놨던 음식점들의 배경은 모두 이런 같은 방식에서 이루졌다.

메인페이지 사용한 액션 & 효과 음식점들의 글을 꾸미기 위해 사용된 액션과 효과 예1)점점 글과 배경이 입체적으로 다가오는 효과 ->

메인페이지 사용한 액션 & 효과 예2)사각형이 갈라지며 흐릿하게 멀어지는 효과와 글이 다가오는 효과 → → →

메인페이지 사용한 액션 & 효과 예3)모션트위닝을 이용한 자연스러운 동작을 이용하는 효과 보여주기 자연스러운 움직임을 강조하였음

메인페이지 사용한 액션 & 효과 예4)자연스럽게 움직이는 글과 금붕어 보여주기. →

메인페이지 사용한 액션 & 효과 예5)솓아오르는 물방울 구현하기 액션 스크립트 이용!! →

메인페이지 사용한 액션 & 효과 솓아오르는 물방울 구현에 필요한 액션 첫번째 프레임 // init() z = 0;setProperty ("star", _visible, 0); 두번째 프레임 duplicateMovieClip("star","star" add z,z); y_cord=200; x_cord=225-(Math.random()*450); scale=Math.random()*60; setProperty("star" add z,_y,y_cord); setProperty("star" add z,_x,x_cord); setProperty("star" add z,_xscale,scale); setProperty("star" add z,_yscale,scale); ++z; 세번째 프레임 gotoAndPlay(2);

메인페이지 사용한 액션 & 효과 예6)사운드 넣기와 실 폭탄 터트리기 효과 (뒷배경 포토샵으로 작업) → → →

제작과정시 문제점 액션스크립트 사용에 미숙한 점이 많아힘들었음. 또한 무비클립안 의 무비클립들이 import하여 불러들 일 때 제대로 움직이지 않아 문제점을 없애기 위해 액션스크립트를 이용하였으나 위치지정의 문제점을 발견하였음. 그림을 그리는 데서 오는 미숙함