[디자인기초] 13강. 웹 디자인 툴

1 비트맵과 벡터 이미지의 이해

 

■ 비트맵 이미지

- 모눈종이에 그려진 그림처럼 작은 조각들의 위치와 컬러를 기준으로 이미지를 구성.

- 화면에 보여지는 그림을 작은 조각으로 하나하나 나누어 위치와 컬러를 기억하는 방식.

- 픽셀, 비트맵 이미지를 기억하는 최소단위.

- 비트맵 이미지를 너무 크게 확대하거나 축소하면 이미지를 기억하는 최소단위가 변화되어 부자연스러워짐.

 

■ 벡터 이미지

- 각 점을 이어 그림을 그리는 것처럼, 점과 선의 크기 방향 등을 이용하여 이미지를 구성.

- 벡터 이미지는 이미지의 확대, 축소에 자유로움.

- 반면 비트맵 이미지는 다양한 효과와 표현을 통해 복합적 이미지 구현이 가능함.

 

■ 포토샵이란

- 제품디자인/편집디자인/웹디자인

- 이미지 편집기의 대표적인 소프트웨어로 다양한 효과를 이용한 비트맵 이미지를 만들어냄.

- 새로운 이미지를 그리기 보다는 편집을 하기 위하여 사용.

- 포토샵은 기본 이미지의 느낌을 보완하고 수정하는 역할을 담당.

 

2 포토샵 : 이미지 편집용 소트프웨어

 

■ 포토샵의 화면구성

- 메뉴표시줄 : 포토샵의 전체 기능을 항목별로 묶어 놓은 것.

- 툴박스(도구상자) : 작업영역 선택하기, 이미지 드로잉, 색 선택하기 등 기본도구들이 모여 있음.

- 팔레트 : 포토샵에서 사용할 수 있는 기능들의 묶어 놓은 영역

- 상황표시줄 : 이미지의 보기 비율과 현재 작업하는 파일에 대한 간략한 정보를 나타냄.

- 옵션바 : 여러가지 옵션항목들을 사용하기 쉽도록 메뉴 바로 아래에 배치.

- 팔레트웰 : 자구 사용하는 팔레트를 옵션바에 위치시킴.

- 작업창 : 실제 불러들이거나, 새로 만드는 파일을 보여주는 영역.

 

3 플래시 : 멀티미디어 제작 툴

 

■ 플래시란

- 벡터드로잉기반 웹 애니메이션 + 프로그래밍 기능

- 비트맵 이미지. 벡터 이미지, 동영상 등 웹에 사용되는 다양한 이미지 형식들을 이용하여 멀티미디어를 제작.

 

■ 플래시의 화면구성

- 메뉴바 : 전체적인 명령어들이 그룹별로 모아져 있음.

- 기본 툴바 : 가장 많이 사용되는 메뉴들을 모아서 아이콘으로 표시

- 레이어영역 : 여러 겹의 투명동이 위에 그림을 그리는 개념

여러 장의 이미지를 한번에 그릴 때 뿐 아니라 부분적인 수정을 할 때 효율적으로 사용.

- 타임라인 영역 : 연속도니 화면을 만들기 위해서 시간을 일정한 간격으로 나누어 원하는 시간에 원하는 장면을 넣을 수 있도록 함.

- 드로잉툴바

- 작업창 : 편집하는 이미지 요소드을 볼 수 있는 영역.

- 속성창 : 선택되어지는 구성요소들의 세부속성을 바꿀 수 있는 곳.

 

4 프리미어 동영상 편집기

- 디지털 카메라를 이용하여 촬영한 동영상

→ 프리미어를 활용하여 동영상 편집.

→ 웹상의 동영상 콘텐츠 완성

- 프리미어 : 고급 동영상 편집기

- 방송, 광고, 영화, CD용으로 다양하게 활용 가능함.

 

 

<정리하기> 비트맵이미지 모눈종이에 그려진 그림처럼 작은 조각들의 위치와 컬러를 기준으로 이미지를 구성. 화면에 보여지는 그림을 작은 조각으로 하나하나 나누어 위치와 컬러를 기억하는 방식. 포토샵 이미지 편집기의 대표적인 소프트웨어로 다양한 효과를 이용한 비트맵이미지를 만들어냄. 새로운 이미지를 그리기보다는 편집을 하기 위하여 사용. 플래시 : 멀티미디어 제작 툴 비트맵 이미지, 벡터 이미지, 동영상 등 웹에 사용되는 다양한 이미지 형식들을 이용하여 멀티미디어를 제작. 프리미어 고급 동영상 편집기 방송, 광고, 영화, CD용으로 다양하게 활용 가능함.