멀티미디어학과, 콘텐츠 제작 등 필수 멀티미디어개론 요점 정리 28강. 웹 애니메이션의 개념 및 제작 기술

28강. 웹 애니메이션의 개념 및 제작 기술

 

1) 웹 애니메이션(Web Animation)  의 개념
인터넷 기반의 웹 디자인 (Web Design) 과 애니메이션 기술이 결합된 새로운 분야로
웹브라우저를 통해 제공된다.
일명 ‘웹툰(Webtoon)' 이라는 용어로 사용된다.
기존의 애니메이션 제작 과정을 좀 더 단순화시킨 새로운 기술이다.
소수의 전문가만으로도 제작이 가능하며 제작비도 저렴함
플래시 를 (Flash) . 많이 사용한다
웹툰은 단편보다는 연재 방식으로 시리즈로 구성되어 독자들의 전편을 모두 다 봐
야하는 부담감을 줄여줘 요즘 바쁜 현대인들에게 인기가 있다.
그래픽은 단순하나 캐릭터의 표정 등을 과감하게 표현하여 리얼감을 준다.

2) 웹 애니메이션 제작 프로그램
 애니메이션 GIF
인터넷이 등장한 초기부터 사용되고 있는 소프트웨어이다.
하나의 파일에 동작이 다른 여러 개의 이미지를 저장한 후 이미지의 순서, 지속 시간 반복 횟수를 정의하여 만든다
제작 과정이 간단하여 누구나 쉽게 만들 수 있다.
특별한 플러그인을 필요로 하지 않기 때문에 웹 광고와 아바타 제작에 많이 사용된다.
파일 확장자는 .gif . 이다
파일 용량이 크다는 단점이 있음

 

 플래시
플래시는 파일 용량이 적으면서도 역동적인 효과를 만들 수 있는 프로그램이다.
다양한 상호작용이 가능하고 화질도 우수하다.
벡터 이미지를 사용하므로 확대해도 이미지의 변형이 발생하지 않는다.
압축률이 높아 전송 속도가 빠르고 일반 동영상 파일의 1/16, GIF 애니메이션 파일
의 1/3 . 정도로 용량이 적다
비디오, 애니메이션, 영화, 배너, 광고, 교육 게임 등에 활용된다
웹브라우저와 동적인 개념을 부여하여 사용자와 상호작용(Interaction)이 가능함
스트리밍(Streaming) 기술로  . 실시간으로 웹브라우저에 즉시 출력할 수 있다
파일 확장자는 .fla . 이다
 HTML5
HTML 5 , 의 완전한 번째 버전의 마크업 언어로 비디오 오디오 등 부가기능과 최신
멀티미디어 콘텐츠를 액티브 없이 X 브라우저에서 쉽게 볼 수 있게 하는 것을 목적으로 한다.
별도의 프로그램 플러그인 을 ( ) 설치하지 않아도 최신 멀티미디어 콘텐츠를 웹브라우
저에서 쉽게 구현할 수 있다.

video
비디오를 재생한다.
-----------------------------
<video src="ani.mp4" controls>
브라우저가 비디오 태그를 지원하지 않으면 이 문자열이 나타납니다.
</video>
<video poster="ani.jpg" controls>
<source src="ani.mp4" type='video/mp4; codecs="avc1.4D401E"' />
<p>브라우저가 비디오 태그를 지원하지 않으면 이 문자열이 나타납니
다.</p>
</video>
------------------------------
canvas
2 차원 모양과 비트맵 그림의 스크립트 작성이 가능한 동적 렌더링을 허용한다

---------------
<canvas id="box" width="200" height="200">
브라우저가 HTML5 . 캔버스를 지원하지 않으면 이 문구가 표시됩니다
</canvas>
---------------
WebGL
WebGL 3 API 은 플러그인의 사용 없이 차원 컴퓨터 그래픽스 를 제공하는 캔버스
HTML . 요소의 일부분이다
자바스크립트 언어를 통해서 사용할 수 있다.
웹 브라우저에서 인터랙티브한 3D . 그래픽을 사용할 수 있도록 제공된다
구글 크롬 인터넷 익스플로러11 에서 실행된다