7. Multimedia

1PC 통신과 인터넷

7. Multimedia

이미지 동영상 사운드


7.1 이미지

GIF 포맷과 JPEG 포맷을 주로 사용

–운영체제에 따라서 이미지를 다루는 프로그램


7.1 이미지

이미지 파일 포맷

–GIF

표준 ( 두가지 )

•gif 87a 형식

•gif 89a 형식

칼라의 수를 256 가지만 허용

가장 최근의 GIF 포맷 버전은 GIF89a 로 89 년에 발표


7.1 이미지

–JPEG (Joint Photographic Experts Group File Interchange Format : JFIF) 가장 최근의 이미지 포맷GIF 와 함께 정보 공유를 위한 통신환경에서 주로 사용장점은 80% ~ 90% 에 이르는 압축률압축할 때 원본 이미지에서 불필요하게 복잡한 부분을 생략높은 압축률과 빠른 이미지 복원능력을 사용224 칼라까지 한 이미지에서 표현JPEG 은 이미지 포맷이 아니고 압축 알고리즘의 이름파일의 확장자로 JFF, JIF, JFIF, JPE, JPEG, JPG, 그리고 JTF 등이 사용


7.1 이미지

–PNG (Portable Network Graphics) Internet Explorer 4.0, Netscape 4.0 등에서 지원되는 포맷 GIF 포맷과 유사 GIF 보다 뛰어난 압축률을 제공 색상의 투명성을 254 색에 대하여 설정할 수 있고 , True color 를 지원 여러 장의 이미지를 하나의 파일에 저장할 수 없음

–TIFF 높은 압축률을 가진 대단위 문서 관리 시스템에서 주로 사용 장점은 하나의 파일 안에 여러 페이지의 이미지를 저장 각 문서가 파일 단위로 저장되므로 문서관리가 용이 파일의 확장자로 TIF 나 TIFF 를 사용


7.1 이미지

–Raw 어떤 포맷도 갖지 않는 이미지 미리 정해진 순서대로 이미지 정보만을 저장 아날로그 입력 영상을 디지털 영상으로 변환할 필요가 있을 때 사용 파일의 확장자는 RAW 를 사용하거나 , 혹은 정보제공자가 임의로 결정

–PostScript 출력장치에 출력될 페이지를 기술하는 언어 출력할 형상의 위치 및 크기 등의 정보를 보냄으로써 출력 장점으로는 이미지에 비해 동일한 영상을 만들기 위한 데이터의 양이 매우 적음 파일의 확장자로 PS 를 사용


7.1 이미지

이미지 제작

–이미지 편집기 , 스캐너 , 디지털 카메라 , 캠코더 사용

–이미지 편집기 윈도우즈에서 기본적으로 제공하는 " 그림판“과 일반적으로 Adobe Photoshop, Pai

nt Shop Pro(PSP) 등


7.1 이미지이미지 편집을 쉽게 하는 방법은 층 (layer) 을 사용층을 사용함으로써 하나의 이미지를 필요한 방법으로 나눔예 ) 건물 주위로 비행기가 날아가는 두 그림을 합성 (PSP 사용 )

•PSP 포맷으로 저장하여야만 다시 편집할 때 층 정보를 사용•브라우저에서 사용하려면 "File" 메뉴의 "Save As" 를 선택하여 GIF나 JPG 포맷으로 저장

+ =비행기 : 이미지로부터 복사하

여 새로운 층에 추가됨 .(^L)

백그라운드 : 비행기를 그릴 원본이미지

Layer 1 선택 후 삭제를 선택하여 비행기를 지운 후 헬리콥터를

이동시킨 이미지

헬리콥터 : 이미지로부터 복사하여 새로운 층에 추가됨 .(^L)


7.1 이미지

–스캐너 입력장치 스캐너의 기본적인 사용방법

•입력할 대상 ( 사진이나 그림 ) 등을 스캐너의 오른쪽 위로 밀착되게 정렬•스캐너를 지원하는 응용프로그램 (Adobe Photoshop, PSP 등 ) 을 실행•"File" 메뉴의 "Import" 를 선택하여 그림의 내용을 컴퓨터로 읽어 들인 후에 필요한 포맷으로 저장

"Import" "TWAIN"메뉴의 에서"Acquire" .를 선택한다

( )사용되는 프로그램에 따라 다름


7.1 이미지

–캠코더컴퓨터에 이미지 캡쳐 보드를 설치보드의 비디오 입력 단자에 캠코더의 출력을 연결보드를 구입할 때 포함되어 있는 응용프로그램을 사용캠코더의 출력을 컴퓨터의 모니터를 통해 확인특정 부분의 이미지 혹은 동영상을 원하는 포맷으로 디스크에 저장도로의 과속차량 단속이나 보안 시스템 등에서 사용


7.1 이미지

–디지털 카메라 영상을 내장된 메모리에 파일의 형태로 저장 사용 방법

•디지털 카메라를 구입할 때 지원되는 응용프로그램을 이용•컴퓨터로 복사 , 응용프로그램 (Adobe Photoshop, PSP 등 ) 을 실행•"File" 메뉴의 "Import" 를 선택하여 원하는 영상을 컴퓨터로 읽어 들인 후에 필요한 포맷으로 저장

"Import" "Kodak Digital 메뉴의Camera" "Acquire" .에서 를 선택한다

( )사용되는 프로그램에 따라 다름


7.1 이미지

–인터레이스 이미지 (interlaced image) 만들기인터레이스란 이미지를 표시하는데 처음에는 이미지의 윤곽이 그려지고 시간이 경과함에 따라 뚜렷한 이미지를 볼 수 있는 효과

이미지를 GIF 포맷으로 저장하면서 인터레이스 옵션을 설정

GIF ¹öÀü°ú Interaced¿É¼Ç ¼±ÅÃ

ÀúÀåµÇ´Â ÆÄÀÏ Æ÷¸ËÀºGIF¸¦ ¼±ÅÃ


7.1 이미지

–투명한 배경의 이미지 (transparent image) 만들기이미지 출력시에 특정 색상을 배경색과 일치브라우저에서 배경 위에 이미지가 떠 있는 듯한 효과

"Colors" 메뉴 " 의 "Set Palette Transparency" 항목을 선택하여 나타나는 대화 창에서 투명하게 사용할 색상을 선택하고 " 확인 "

코끼리 주변의 검은 색이 .브라우저에는 없다

. 투영한 색상을 설정한다 사용 , 하지 않거나 현재 이미지의 백

, 그라운드 색상 혹은 팔레트 번 .호를 사용할 수 있다


7.1 이미지

–움직이는 효과 (animation effect) 넣기한 파일 내에 여러 개의 이미지를 포함움직이는 효과란 여러 개의 이미지가 시차를 두고 연속적으로 출력

프로그램에는 GifCon, Animagic GIF, PSP 5.0 의 Animation Shop 등


이미지맵 작성

실습 자료


이미지맵 작성 준비사항

그림 형식–확장자 : .JPG, .JPEG, .GIF, .BMP, .PCX, .TIF,

.TIFF, .PNG, .TGA ...–그림상의 여러 군데에 링크 (link) 제작 가능

사용 프로그램–MapThis.exe : 이미지맵 제작용–그림 다듬기 용 S/W (Paint Shop Pro, Photoshop)–기타 web browser ( Explorer, Netscape )

이미지맵과 기존 그림을 이용한 하이퍼 링크의 차이점은 ?


이미지맵 1

Imagemap 의 정의– HTML 문서에 삽입된 특수한 형태의 그림– 사용자가 Imagemap 의 특정 부분을 Click 하면 ,

Click 한 지점의 좌표값 (X,Y) 을 읽어들인 후에 ,

좌표값이 포함된 영역에 할당되어 있는 URL 로 이동한다 .

Imagemap 생성절차 1. Image File 을 준비한다 .

2. (Conceptual) Map 을 만든다 .( 영역설정 및 URL 정의단계 )

3. Imagemap 의 종류 (Client-Side, Server Side 등 ) 에 따라 HTML

문서에 반영한다 . ( 요즘 Web 에서는 필요 없는 개념임 )

4. Server-Side Imagemap 의 경우 , Map File 을 저장한다 .


이미지맵 2 이미지 맵에 사용되는 도형들

– POINT : 점 (X,Y) – CIRCLE : 원 ( 원의 중심좌표 , 원주상의 점좌표 )– RECT : 네모 ( 좌상좌표 , 우하좌표 )– POLY : 다각형 ( 모서리의 좌표들 )– DEFALUT : 미정의된 나머지 영역 ( 좌표필요 없음 )

이미지 맵 예제 1– 토끼 : Rectangle (0,0,90,90)– 상어 : Circle (193,48,255,45)– 사자 : Rectangle (6,126,125,210)– 코끼리 : Rectangle (155,100,256,213)

x

다음중 물속에 사는 동물은 ?


다음과 같은 이미지맵을 작성하려면 ?

• 그림 준비

black.jpg

여기를 누르면 , ‘http://www.snu.ac.kr/’ 로 이동

여기를 누르면 , ‘http://www.yahoo.co.kr/’ 로 이동

여기를 누르면 , ‘http://www.altavista.co.kr/’ 로 이동


MapThis 사용법 1

• MapThis 프로그램 실행


MapThis 사용법 2

• ‘File’ ‘New’ 실행 ( 새로 만들기 )


MapThis 사용법 3

• 원하는 그림 ( 이미지맵을 삽입할 그림 ) 불러오기


MapThis 사용법 4

• 원하는 영역에 대한 링크 (link) 작성 1

http://www.snu.ac.kr


MapThis 사용법 5



MapThis 사용법 6



MapThis 사용법 7

• 기본적 (default) 링크 (link) 작성 : 작성 안 해도 됨


MapThis 사용법 8

• 이미지맵 저장 ( *.map )


MapThis 사용법 9

• HTML 문서형식으로 저장 (*.html)


MapThis 사용법 10

• HTML 문서 수정

<IMG SRC=black.jpg USEMAP=sung.map>

<MAP NAME=sung.map> ….. </MAP>


MapThis 사용법 11

• 이미지맵 완성 : web browser 에서 실행

여기를 누르면 과연 어떤 일이 일어날까 ?


움직이는 그림파일 작성

실습 자료


움직이는 GIF 그림 만들기 준비 사항

그림 형식–확장자 : .JPG, .JPEG, .GIF, .BMP, .PCX, .TIF, .TIFF, .PNG, .TGA ...–GIF 형식으로 움직이는 그림을 제작할 수 있다 .

사용 프로그램–Gifcon32.exe : 움직이는 GIF 그림 제작용–그림 다듬기 용 S/W(Paint Shop Pro, Photoshop)–기타 web browser ( Explorer, Netscape )

일반 그림 파일과 움직이는 그림고의 차이점은 ?

움직이는 그림 파일과 동영상 파일 (mpeg) 과의 차이점은 ?


움직이는 그림 만들기 1

han1.gif han2.gif

• 그림 준비 ( 단 , 원래그림도 ‘ gif’ 형식일 것 ! )



• GIFCON 실행


• ‘File’ ‘New’ 실행 ( 새로 만들기 )




• ‘Insert’ 실행



• 삽입할 그림 선택





• 그림 삽입 완료



• 특수 효과 주기 ( 움직임 계속 반복 : Loop )



• 저장 ( 이 경우 , 움직이는 그림의 확장자도 ‘ gif’ 이므로 주의할 것 )



• web browser 에서 열어 보면 , 그림이 움직이는 것을 볼 수 있다 .


7.1 이미지

이미지를 위한 태그 사용법

–문서의 배경으로 사용 <BODY> 태그의 BACKGROUND 옵션을 사용 <BODY BACKGROUND=gildong.jpg>

–문서의 일부로 사용 <IMG> 태그의 SRC 옵션을 사용

<IMG SRC=gildong.jpg>

–문서의 링크를 선택했을 때 단독으로 사용 <A> 태그의 HREF 옵션에서 이미지를 지정

<A HREF=gildong.jpg>홍길동 </A>


7.2 동영상

동영상 파일 포맷

–MPEG Video강력한 손실허용 압축 알고리즘을 이용한 포맷 인터넷에서 표준으로 채택맥킨토시에서는 Sparkle 을 사용하여 재생하거나 , 혹은 QuickTime 포맷으로 변환 파일의 확장자로 MPG, MPEG 등을 사용 플랫폼 별 대표적인 재생기의 종류


7.2 동영상

–AVI/Video for Windows 윈도우즈에서 표준으로 사용하는 동영상 포맷 영상과 음성을 같이 저장재생 시에 영상과 음성의 일치 파일의 확장자는 AVI 를 사용플랫폼 별 재생기의 종류


7.2 동영상

–QuickTime애플사에서 만든 것으로 다양한 플랫폼을 지원 영상과 음성은 1 초 혹은 수초 단위의 여러 블록으로 분리되어 저장 압축률이 좋기 때문에 인터넷에서 사용하기 용이한 포맷 동영상의 재생속도는 재생하는 컴퓨터의 프로세서 속도와 압축방법에 종속적 파일의 확장자로는 MOV, MOVIE 를 사용플랫폼 별 대표적인 재생기의 종류


7.2 동영상

–QuickTime Virtual Reality (QTVR)QTVR은 QuickTime 버전 2.0 이상에서 제공하는 포맷파노라마 영상을 생성파일의 확장자는 QT대부분의 QuickTime 뷰어 프로그램을 사용


7.2 동영상

동영상 제작

–동영상 제작을 위해 필요한 사양 비디오 캡쳐 보드 하드디스크의 여유공간 ( 30 MB 이상 )

비디오 입력 장비 ( 캠코더 , VCR 또는 LDP)

비디오 캡쳐 / 편집용 소프트웨어

–비디오 캡쳐 /편집 프로그램 Video for Windows, QuickTime for Windows, Adobe Premiere, Ulead Video Studio 등


7.2 동영상

동영상의 압축

–파일의 용량을 작게 만드는 압축기법이 필수–동영상 압축의 기본 개념

연속되는 장면의 경우 대부분의 정보가 변하지 않기 때문에 알고리즘은 각각의 장면으로부터 변화된 부분만을 추출하여 저장

–마이크로소프트의 Video for Windows 나 Apple 사의 QuickTime 인텔의 동영상 압축 / 복원 소프트웨어 기술인 Indeo video 를 사용해 50MB 의

동영상을 약 9MB로 압축


7.2 동영상

–컴퓨터의 처리속도 및 하드디스크의 속도에 민감

–압축은 보통 동영상 1분 분량에 대하여 10 분에서 한 시간 정도 소요–압축 프로그램이 컴퓨터의 자원을 거의 소비–새로운 압축기술들은 하드웨어와 소프트웨어를 함께 사용

매우 빠른 속도

–예 ) 인텔의 Smart Video Recorder Indeo 기술과 자사의 i750 비디오 처리기를 결합 캡쳐 , 압축 및 저장을 실시간에 수행 하드웨어적으로 처리 1 초에 30 장면 정도의 양질의 동영상


7.2 동영상

동영상 재생 환경 설정

–동영상 포맷에 따라 적절한 프로그램을 설치–QuickTime, AVI, 그리고 MPEG 포맷들은 플랫폼 독립적–QuickTime

인터넷에서 가장 많이 사용하고 있는 동영상 포맷 "http://www.apple.com/quicktime/" 에서 최신의 QuickTime 프로그램을 다운로드


7.2 동영상 동영상을 위한 태그 사용법

–<A> 태그나 <EMBED>태그 사용 –보편화된 방법은 <EMBED>태그에 QuickTime 포맷의 동화상을 사용–문서의 링크를 선택했을 때 단독으로 사용

<A> 태그의 HREF 옵션에서 동영상을 지정 <a href="gildong.mov"> 홍길동 </a>

–문서의 일부로 사용 <EMBED> 태그의 SRC 옵션을 사용 주의할 점

•사용자의 컴퓨터에 적절한 플러그인이 설치된 경우에만 SRC 옵션에 지정된 내용을 볼 수 있음

<embed src="gildong.mov">


7.3 사운드

사운드 포맷–AIFF, AIFC

AIFF 는 여러 플랫폼을 위한 최상의 선택 16 비트 44khz의 스테레오 및 다중 채널을 지원 파일의 확장자로는 AIF, AIFC, 그리고 AIFF 를 사용플랫폼 별 대표적인 재생기의 종류


7.3 사운드

Windows Wave–윈도우즈에서 표준으로 사용하는 사운드 포맷–AIFF 와 거의 유사–파일의 확장자는 WAV–플랫폼 별 대표적인 재생기의 종류


7.3 사운드

MIDI

–음악 자료를 저장하는 가장 좋은 방법–하드웨어와 소프트웨어가 반드시 필요–파일의 확장자는 MID

–플랫폼 별 대표적인 재생기의 종류


7.3 사운드

MOD–원래 Amiga 컴퓨터에서 사용–MIDI 처럼 음악 자료를 저장에 적합–노래의 음표뿐만 아니라 장비의 소리까지도 저장–양질의 재생–장비의 소리를 함께 저장하므로 MIDI 파일보다 파일이 커짐–파일의 확장자는 MOD가 대표적–플랫폼 별 대표적인 재생기의 종류


7.3 사운드 uLaw (aka Sun Audio, au, NeXT)

–Unix 에서 표준으로 사용되는 형식–확장자는 AU를 사용–플랫폼 별 대표적인 재생기의 종류

Real Audio

–Progressive Network 에서 만듬

–RealAudio 를 위해서는 RealPlayer 를 설치

–확장자는 RA, 그리고 RAM를 사용


7.3 사운드 사운드의 제작

–사운드 제작을 위해 필요한 사양 사운드 카드

•마이크로 입력되는 아날로그 신호를 디지털로 변환하여 하드디스크에 파일의 형태로 저장

마이크마이크 입력 녹음 / 편집용 소프트웨어

사운드 재생 환경 설정

–사운드 포맷에 따라 적절한 프로그램이 필요

–Wave 나 uLaw 포맷 등의 오퍼레이팅 시스템에서 기본적으로 제공

–최근에는 Java 형태의 재생기도 존재


7.3 사운드 사운드를 위한 태그 사용법

–<A> 태그 , <EMBED>태그 , 또는 <BGSOUND> 태그를 사용–가장 보편화된 방법은 <BGSOUND>태그에 Wave 포맷의 사운드를 사용

문서의 링크를 선택했을 때 단독으로 사용

•<A> 태그의 HREF 옵션에서 동영상을 지정

•<a href="gildong.mov">홍길동 </a>

문서의 일부로 사용

•<EMBED> 태그의 SRC 옵션을 사용

•<embed src="gildong.mov">

문서를 읽을 때 자동으로 사운드 실행 (Internet Exproler 에서만 가능 )

•<BGSOUND> 태그의 SRC 옵션을 사용

•<BGSOUND SRC="hello.wav">

Date post:	30-Dec-2015
Category:	Documents
Upload:	ivor-dejesus
View:	30 times
Download:	2 times

7. Multimedia

Documents