6부 2장 이미지 자료 만들기 그래픽 소프트웨어의 종류 등 일반적인 사항을 알아보고 이를 이용해 이미지 파일을 만들어 저장하는 방법, 이미지를 불러 와 편집하는 방법 등에 대해 알아보겠습니다.

Presentation on theme: "6부 2장 이미지 자료 만들기 그래픽 소프트웨어의 종류 등 일반적인 사항을 알아보고 이를 이용해 이미지 파일을 만들어 저장하는 방법, 이미지를 불러 와 편집하는 방법 등에 대해 알아보겠습니다."— Presentation transcript:

1 6부 2장 이미지 자료 만들기 그래픽 소프트웨어의 종류 등 일반적인 사항을 알아보고 이를 이용해 이미지 파일을 만들어 저장하는 방법, 이미지를 불러 와 편집하는 방법 등에 대해 알아보겠습니다.

2 1. 컴퓨터 그래픽의 기초 컴퓨터 그래픽의 정의와 색상 체계, 그래픽 파일의 형식과 소프트웨어의 종류에는 어떤 것들이 있는지 알아보자.

3 1. 컴퓨터 그래픽의 기초 컴퓨터 그래픽 : 컴퓨터로 그림이나 도형을 그리고, 숫자나 기호를 이용하여 화상이나 영상을 만드는 전반적인 기술 컴퓨터 그래픽의 종류 : 비트맵 방식과 벡터 방식

4 1. 컴퓨터 그래픽의 기초

5 1. 컴퓨터 그래픽의 기초 사용 목적과 제작 프로그램의 종류에 따라 파일 형식이 달라 확장자를 다르게 표시
벡터 방식의 파일 형식 : ai, cdr, swf 비트맵 방식의 파일 형식 : jpg, gif, bmp

6 1. 컴퓨터 그래픽의 기초 그래픽 소프트웨어 : 컴퓨터를 이용하여 그림을 그리거나 편집할 수 있는 프로그램
그래픽 소프트웨어의 종류 : 그림판, 페인트 샵 프로(Paint Shop Pro), 포토샵(Photoshop), 플래시(Flash), 코렐드로우(CorelDRAW) 등

7 1. 컴퓨터 그래픽의 기초 컴퓨터 그래픽 소프트웨어들의 종류와 특징을 구체적으로 조사해 보자.

8 1. 컴퓨터 그래픽의 기초

9 1. 컴퓨터 그래픽의 기초 우리 반 홈 페이지와 전자 앨범을 만들기 위해서는 어떤 파일 형식의 이미지가 적당한지 조사해 보자.

10 1. 컴퓨터 그래픽의 기초 컴퓨터 그래픽 소프트웨어별 기본적인 파일 형식을 조사해 보자.

11 2. 이미지 파일 만들기와 저장하기 새 이미지 파일을 만들어 그림을 그리고 저장할 수 있는 방법을 알아보자.

12 2. 이미지 파일 만들기와 저장하기 크기 : 이미지의 실제 물리적 치수, 컴퓨터 모니터에 이미지를 표시할 경우 픽셀 단위를 사용 해상도 : 이미지에 들어있는 인치당 픽셀 개수(pixel/inch) 또는 센티미터당 픽셀의 개수(pixel/cm) 색상 깊이 : 하나의 픽셀에 대한 색상 정보를 표현하는 비트의 수, 24비트의 경우 약 1600만 가지

13 2. 이미지 파일 만들기와 저장하기 저장하는 파일 형식 : bmp, jpg, gif, psp 등 다양하게 지정

14 2. 이미지 파일 만들기와 저장하기 다음과 같이 간단한 문자 입력과 도형으로 학교 상징 마크를 만들어 문자 입력은‘main1.jpg’ 학교 상징 마크는 ‘mark1.jpg’로 저장해 보자.

15 2. 이미지 파일 만들기와 저장하기

16 2. 이미지 파일 만들기와 저장하기

17 2. 이미지 파일 만들기와 저장하기 ‘젊음, 패기, 도전!’이라는 문자열 이미지를 만들어, 압축 비율을 ‘20’으로 조정한 후, ‘main2.jpg’로 저장해 보자. .

18 2. 이미지 파일 만들기와 저장하기

19 2. 이미지 파일 만들기와 저장하기 실습하기 Ⅵ-4에서 만든 파일을 gif, bmp, psp, wmf 파일로 저장한 다음, 파일의 크기를 비교해 보자.

20 (보충) 이미지 읽어오기 어떻게 하면 이미지 파일을 읽어 오고, 읽어온 이미지를 캡처할 수 있을까?

21 (보충) 이미지 읽어오기 [파일] 메뉴 또는 [열기] 도구를 이용하여 이미 만들어진 이미지 파일을 읽어올 수 있음

22 (보충) 이미지 읽어오기 스캐너 : 이미 존재하는 그림이나 사진을 스캔하여 이미지 파일로 만든다.
디지털 카메라 : 렌즈를 통해 찍은 사진을 케이블을 이용해 컴퓨터로 전송하여 하나의 이미지 파일로 저장한다. 스캐너와 디지털 카메라를 이용할 때에는 기기 판매업체에서 기기의 특성에 적합한 소프트웨어를 함께 제공

23 (보충) 이미지 읽어오기 스캐너를 이용하여 임의의 컬러 사진을 스캔하여 ‘center1.jpg’ 파일로 저장해 보자.

24 (보충) 이미지 읽어오기

25 (보충) 이미지 읽어오기

26 (보충) 이미지 읽어오기 학교 전경을 찍은 사진을 스캔하고, 파일 이름을 ‘center2.jpg’로 저장해 보자.

27 (보충) 이미지 읽어오기 디지털 카메라를 이용하여 여러 장면을 촬영하여 jpg 파일 형식으로 저장한 다음, 내 컴퓨터의 임의의 폴더에 촬영한 모든 파일을 케이블을 이용해 전송해 보자.

28 3. 이미지 편집하기 만든 이미지를 용도에 따라 다양하게 편집하고 싶은데, 어떻게 하면 될까?

29 3. 이미지 편집하기 이미지 편집 : 그림을 필요에 따라 크기를 변경, 삭제, 합성하는 작업
기본적인 이미지 편집 명령 : 실행 취소, 다시 실행, 잘라내기, 복사, 붙여넣기 등

30 3. 이미지 편집하기 이미지의 크기는 너비와 높이를 픽셀이나 백분율 단위로 조정 인쇄할 크기와 해상도 등을 변경할 수도 있다.
불필요한 영역을 제거하는 기능 ‘자르기’ 도구를 이용하거나 ‘선택 영역 자르기’ 명령을 이용하여 자를 수 있음

31 3. 이미지 편집하기 상하 뒤집기와 좌우 뒤집기, 회전 등을 이용하여 방향을 적절하게 변경할 수 있음
회전 : 이미지의 중심점을 기준으로 회전 방향이나 회전 각도를 설정한 후에 방향을 변경 이미지 합성 : 두 개 이상의 이미지에서 필요한 부분만을 선택하여 하나의 이미지로 만드는 것

32 3. 이미지 편집하기 임의의 이미지 파일을 연 후에 잘라내기, 복사, 붙여넣기를 해보고, 실행 취소 및 다시 실행 명령을 실습해 보자.

33 3. 이미지 편집하기

34 3. 이미지 편집하기 임의의 이미지 파일을 열고, 이미지 크기와 회전 방향을 변경해 보자.

35 4. 이미지 편집하기

36 4. 이미지 편집하기

37 4. 이미지 편집하기 학교 전경 이미지와 내 사진을 합성한 후, 합성되는 위치와 크기를 적절히 편집해 보자.

38 토론하기 VI-2 윈도 제어판 내의 디스플레이 제어기를 실행하여 해상도를 변경해 보고 화면에 나타나는 개체들의 크기를 비교해 보자. 해상도가 높고 낮음에 따라 개체의 크기가 왜 변하는지 이유를 모둠별로 이야기해 보고 결과를 발표해 보자.