Download - (예제가득) DIAT 멀티미디어제작

DIAT 멀티미디어 제작

Part1 ��.indd 1 2013-06-10 15:55:23


Part 01

Part 02

Part 03

Part 04

DIAT 시험 안내

예제로 정복하는 DIAT 멀티미디어제작

디지털 정보 활용 능력

기출문제 & 시행처 발표 샘플문제

01 DIAT(디지털정보활용능력평가) 소개 5

02 DIAT 시험 절차 (답안 전송 안내) 6

포토샵 01 포토샵의 기본 익히기 9

02 이미지 수정하기 18

03 색상 보정하기 25

04 밝기 조정하기 33

05 필터 효과 이용하기 38

06 이미지 크기 변경과 저장 43

07 텍스트 입력하기 49

08 모양 도구 이용하기 56

09 오려낸 사진 합성하기 62

10 원 안에 사진 합성하기 69

11 배경을 흐릿하게 만들기 76

무비메이커 12 무비메이커의 기본 익히기 83

13 비디오 효과와 비디오 전환 91

14 동영상 트리밍과 분할 98

15 오프닝 제목 만들기 103

16 음악 삽입과 소리 조정하기 109

제01회 모의고사 115










제01회 기출문제 197

제02회 기출문제 201

제03회 샘플문제 205













Part1 ��.indd 3 2013-06-10 15:55:25


DIAT 시험 안내Part 01

Part1 ��.indd 4 2013-06-10 15:55:25

05Part 01 DIAT 시험 안내 Chapter 01 · DIAT(디지털정보활용능력평가) 소개

DIAT(디지털정보활용능력평가) 소개Chapter 01

DIAT(디지털정보활용능력평가)란?

시행처

도입 목적 및 필요성

자격 취득시 혜택

응시 지역 및 응시 자격

시험 과목 및 문항 수

DIAT(다이어트)는 Digital information Ability Test(디지털정보활용능력) 약자로 정보통신 관련 프로그램의

활용능력을 평가하는 국가공인 자격시험입니다.

•한국정보통신진흥협회

•홈페이지 : www.diat.or.kr / www.ihd.or.kr

※ 학생정보소양인증 : 학교 정규 수업 시간이나 특별 활동 시간에 컴퓨터 관련 과목을 34시간 이상 이수하거나

한국교육학술정보원이 인정하는 정보소양인증시험에 합격하면 고입이나 대입 전형시 혜택을 주는 제도

• 디지털 경제시대에 범용의 방송통신 관련 기능의 활용 능력을 객관적이고 종합적으로 평가하여 문제해결 능력을

점수로 등급화하여 방송통신 실무 관리 능력 인증

•고급 수준의 정보 활용 능력을 갖출 수 있는 교육훈련 참여유도

• 각 과목별 생활기록부(교육행정정보시스템, NEIS) 등재

• 대학의 교양필수, 선택과목으로 채택되어 학점인정 및 졸업인증

• 국가기술과 동등한 위치 확보에 따라 기업체, 기관, 행정기관 등의 채용, 승진 및 인사고과시 우대

• 대학 입학 전형자료로 활용되는 학생정보소양인증 자격(한국교육학술정보원)

응시 지역 응시 자격

전국(원서 접수시 응시지역 선택 가능) 제한 없음(학력, 연령, 경력)

검정과목 검정내용 검정방법 문항수 제한시간 배점

정보통신 상식

컴퓨터 이해

정보통신 이해

정보사회 활용

CBT

(객관식, 사지선다)40 40분 100점

워드프로세서한글

MS 워드실기

(작업형)

2 40분 200점

스프레드시트 MS 엑셀 5 40분 200점

프리젠테이션 MS 파워포인트 4 40분 200점

인터넷 정보검색 정보 검색 8 40분 100점

멀티미디어 제작 이미지 제작디지털 영상편집 실기 (작업형) 3 40분 200점

[홈페이지 제작] 과목 대신 [멀티미디어 제작] 과목으로 변경하여 국가공인 승인을 받은 후 2013년 4월부터 시험이 시행되고 있습니다.

Part1 ��.indd 5 2013-06-10 15:55:25

06Part 01 DIAT 시험 안내 Chapter 02 · DIAT 시험 절차 (답안 전송 안내)


합격 기준

DIAT 멀티미디어제작 출제 기준

고급 중급 초급

해당과제의 80~100% 해결능력 해당과제의 60~79% 해결능력 해당과제의 40~59% 해결능력

DIAT 멀티미디어 제작 (문제수 : 3)

이미지 보정 이미지 편집 이미지 및 비디오 영상 편집

<문제1>과 <문제2>는 포토샵(Photoshop)을 이용해 제작합니다. 배점은 각각 50점과 80점으로 총 130점입니다.

<문제3>은 윈도 무비메이커를 이용하며, 배점은 70점입니다.

DIAT 시험 절차 (답안 전송 안내)Chapter 02

DIAT 시험 시간 및 준비물

•시험 시간은 1교시: 9:00~9:40, 2교시: 10:10~10:50, 3교시: 11:20~12:00 입니다.

•고사장 입실 시간은 해당 교시 20분 전이며, 준비물은 신분증, 수검표, 간단한 필기구입니다.

(초등학생은 건강보험증 및 수검표 필수 지참)

❶ 고사장 컴퓨터의 바탕 화면에 ‘답안전송시스템’ 대화 상자가 열려 있을 것입니다.

❷ [답안전송시스템] 대화 상자의 [수검과목]을 ‘멀티미디어제

작(DIC)’로 선택합니다.

❸ 계속해서 본인의 수검번호와 이름을 입력한 후 [확인] 단추

를 클릭합니다.

❹ 수검자 유의사항이 표시되고, 수검자 PC는 잠금 상태가 되어 사용할 수 없는 상태가 됩니다. 감독관이 시험을 시작할 때

까지 대기합니다.

이 책이 출간되는 시점에서 아직 공개된 연습용 프로그램이 없습니다. 공개되면 즉시 홈페이지 자료실에 등록하겠습니다. 다른 DIAT 과목을 시험본 경험이 있다면 같은 형태이므로 쉽게 이해할 수 있을 것입니다. 시험장에서 감독관이 자세하게 안내해 줄 것이므로 염려하지 않아도 됩니다.

수검번호의 앞 4자리 숫자는 응시연도와 월입니다. 예를 들어 ‘1308’은 2013년 8월을 의미합니다.

Part1 ��.indd 6 2013-06-10 15:55:26

07Part 01 DIAT 시험 안내 Chapter 02 · DIAT 시험 절차 (답안 전송 안내)


❺ 감독관이 시험을 시작하면 자동으로 포토샵 프로그램이 실행되고, 자동으로 생성된 자신의 1번 문제 답안 파일(dic_01_수

검번호_이름.PSD)이 표시됩니다.

❻ 작성한 답안은 수시로 저장합니다. 5분 단위로 감독관 PC에 자동으로 전송되

므로 별도로 답안 전송을 수행할 필요는 없습니다.

❼ 시험 종료 후 감독 위원의 지시에 따라 문제지를 제출한 후 퇴실합니다.

남은 시간이 표시됩니다.

답안/예제 파일이 있는 경로

[바탕 화면-KAIT-제출 파일] 폴더에 답안 파일과 예제 파일이 있습니다.

DIAT 멀티미디어 제작 시험에서는 자동으로 생성된 자신의 답안 파일 3개

를 포함하여 모두 11개의 파일이 제공됩니다.

1번 답안 파일은 자동으로 열리지만, 2번 답안 파일(dic_02_수검번호_이름.PSD)와 3번 답안 파일(dic_03_수검번호_이름.MSWMM)은 직접 불러와 답안을 작성해야 합니다.

저장하지 않으면 빈 문서만 계속 전송하게 됩니다. 중요한 작업을 마친 후, 또는 시험지의 문제를 확인하러 가는 순간에 수시로 저장하는 습관을 기르도록 지도해 주세요.

Part1 ��.indd 7 2013-06-10 15:55:26

08

예제로 정복하는DIAT 멀티미디어 제작

Part 02

Part2_��.indd 8 2013-06-10 15:55:35

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 09 Chapter 01 · 포토샵의 기본 익히기

포토샵의 기본 익히기Chapter 01

예제 풀었음001 첫 번째 시간이므로 포토샵의 기초에 대해 간단히 살펴 보겠습니다. 시험에 출제되는 유형은 아니지만 간단한 예제를 통해 도구 이용법이나 이미지 선택 방법, 레이어의 개념에 대해 설명해 주세요.

▶ 다음과 같은 크기의 새로운 캔버스를 여시오.

* 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(400 픽셀[Pixels])

▶ ‘예제001.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 결과 파일로 완성하시오.

▶ PSD 파일(예제001_내이름.PSD)과 JPG 파일(예제001_내이름.JPG)로 각각 저장하시오.

❶ 포토샵 프로그램을 실행합니다. 포토샵 CS2의 화면 구성은 다음과 같습니다.

1_ 포토샵의 화면 구성 살펴보기

예제풀이

< 원본파일 > < 결과파일 >

이 책에서 보여지는 포토샵 버전은 CS2(한글 패치)입니다. 아직까지 교육 현장에서 가장 많이 사용하는 버전이며, 시험도 CS2를 고려해 출제되므로 전혀 관계가 없습니다.

옵션 바, 또는 팔레트의 제목줄 글자 크기가 작게 보인다면, [편집(Edit)] 메뉴의 [환경 설정(Preferences)]-[일반(General)] 메뉴를 선택하고 [UI 글꼴 크기(UI Font Size)]를 ‘중(Medium)’으로 지정합니다(포토샵 재실행 필요).

팔레트의 기본 위치는 포토샵 창의 오른쪽에 맞춰 표시됩니다. 필요에 따라 팔레트를 이동하거나 닫아 놓을 수도 있습니다. 한번씩 연습시켜 주세요. 기본 상태로 쉽게 복귀하려면 [창(또는 윈도우, Window)] 메뉴의 [작업 영역(Workspace)]-[팔레트 위치 다시 설정(Reset Pallete Location)] 메뉴, 또는 [기본 작업 영역(Default Workspace)] 메뉴를 이용합니다.

옵션 바(Option Bar)

도구 상자(Tool Box)

캔버스(Canvas)

팔레트(Pallete)

Part2_��.indd 9 2013-06-10 15:55:36

10Part 02 예제로 정복하는 DIAT 멀티미디어 제작 Chapter 01 · 포토샵의 기본 익히기


❷ 도구 상자는 다음과 같은 도구들로 구성되어 있습니다.

선택 윤곽 도구(Marquee Tool)

올가미 도구(Lasso Tool)

자르기 도구(Crop Tool)

복구 브러쉬 도구(Healing Brush Tool)

복제 도장 도구(Clone Stamp Tool)

지우개 도구(Erase Tool)

흐림 효과 도구(Blur Tool)

패스 선택 도구(Path Selection Tool)

펜 도구(Pen Tool)

메모 도구(Notes Tool)

손 도구(Hand Tool)

전경색 설정(Set Foreground Color)

전경색과 배경색 초기화

표준 모드/빠른 마스크 모드

ImageReady에서 편집

이동 도구(Move Tool)

자동 선택 도구(Magic Wand Tool)

분할 영역 도구(Slice Tool)

브러쉬 도구(Brush Tool)

작업 내역 브러쉬 도구(History Brush Tool)

그라디언트 도구(Gradient Tool)

닷지 도구(Dodge Tool)

문자 도구(Type Tool)

모양 도구(Shape Tool)

스포이드 도구(Eyedropper Tool)

돋보기 도구(Zoom Tool)

전경색과 배경색 바꿈

배경색 설정(Set Background Color)

화면 모드

DIAT 시험에서 이용되는 주요 도구들에 ★★ 표시를 붙여 놓았습니다. 아직 어떤 도구인지 잘 모르겠지만, 일단 학생들에게 체크해 놓으라고 지도해 주세요.

CS2는 공식 한글판이 있는 것이 아니므로, 설치된 한글 패치의 종류에 따라 메뉴명이 약간 다르게 보이기도 합니다. 예를 들어 [새로 만들기] 대신 [신규]라는 메뉴명으로 표시되는 한글 패치도 있으므로, 선생님께서 융통성 있게 대처해 주세요.

‘투명’, ‘배경색’ 등으로 새로 만들어질 캔버스의 바탕을 지정할 수 있는데, 시험에서는 자동으로 생성된 답안 파일(PSD)이 제공되므로 신경쓰지 않아도 됩니다.

★★

★★

★★

★★ ★★

★★

★★

★★

★★

★★

❶ 새로운 캔버스를 열기 위하여, [파일(File)]-[새로 만들기(New)] 메뉴를 선택합니다( + ).

❷ [새로 만들기(New)] 대화 상자에서 조건으로 제시된

폭(가로)과 높이(세로)를 입력하고 [확인] 단추를 클릭

합니다.

❸ ‘무제-1’의 이름으로 새로운 캔버스가 열립니다.

2_ 새로운 캔버스 열기

나머지 설정 사항은 확인만!

[해상도(Resolution)]는 ‘72 픽셀/인치[Pixels/Inch]’, [색상 모드(Color Mode)]는 ‘RGB/8비트[bit]’로 놓아 둡니다. [배경 내용

(Background Contents)]의 경우 ‘흰색’으로 지정하면 흰색 바탕의 캔버스가 만들어집니다.

단위가 픽셀(Pixels)이 아닌 센티미터(cm) 등으로 되어 있다면 단위를 맞춰 줍니다.

Part2_��.indd 10 2013-06-10 15:55:36



❶ [파일(File)]-[열기(Open)] 메뉴를 선택하여, ‘예제001.jpg’ 이미지를 불러옵니다( + ).

❷ [돋보기 도구(Zoom Tool)]를 클릭하고, 불러온 이미지에서 확대할 부분( )을 클릭합니다.

❸ [사각형 선택 윤곽 도구(Rectangular Marquee Tool)]를 오른쪽 단추로 클릭한 후, [원형 선택 윤곽 도구

(Elliptical Marquee Tool)]를 선택합니다.

❹ 마우스 포인터가 + 모양으로 바뀌면, 얼굴 부분을 드래그하여 원형 모양으로 선택 영역을 지정합니다.

3_ 예제 이미지 불러와 복사하기 윈도탐색기에서 파일을 드래그하여 포토샵 창으로 옮겨 놓아도 열기 작업을 수행할 수 있습니다.

확대→다시 축소→다시 확대→화면 이동 등을 반드시 실습시켜 주세요. 내비게이터(Navigator)] 팔레트도 함께 설명해 주시면 금상첨화!

[돋보기 도구] 옆에 있는 [손 도구]와 같은 용도입니다.

숨겨진 도구가 있는 경우 단추 오른쪽 아래에 작은 삼각형 표시가 보인다는 것을 설명해 주세요. 마우스 오른쪽 단추를 클릭하지 않고, 왼쪽 단추로 잠시 동안 누르고 있어도 됩니다.

화면 축소와 확대된 이미지에서의 이동

이미지를 축소하고 싶다면 키를 누른 채 축소할 부분( )을 클릭합니다. 확대된 상태에서 이미지의 가려진 부분으로 이동하려면

키를 누른 채 화면을 드래그( )합니다.

선택 영역이 점선으로 표시됩니다.

Part2_��.indd 11 2013-06-10 15:55:37



❺ 선택 영역을 복사하기 위하여, [이동 도구(Move Tool)]를 클릭한 다음 선택 영역을 ‘무제-1’ 캔버스로 드래그합니다.

계속해서 복사한 얼굴의 위치를 가운데로 이동시킵니다.

Ctrl + C / Ctrl + V를 이용하는 방법은 다음 차시에서 설명하겠습니다.

❶ 얼굴을 복사한 후 [레이어(Layers)] 팔레트에 새로운 레이어가 추가된 것을 확인할 수 있습니다.

❷ [새 레이어] 단추를 클릭하면 ‘레이어 2(Layer 2)’라는 이름의 새로운 레이어가 만들어집니다.

4_ 브러쉬로 그림 그리기

첫 시간부터 레이어에 대해 설명하는 것이 부담스러울 수 있지만 이해를 위한 목적이므로 가볍게 설명해 주세요. JPG/PSD 파일을 따로 저장하는 이유도 자연스럽게 이해하게 될 것입니다.

1층(레이어1)에 바다 사진, 2층(레이어2)에 사람을 넣어 놓고, 1층(레이어1)을 산으로 바꾸거나 2층을 동물로 바꾸는 것을 떠올리게 해 주세요.

레이어에 대하여

레이어는 ‘층’이라는 뜻으로, 포토샵 등과 같은 그래픽 프로그램에서는 겹쳐져 있는 투명한 필름이라고 생각하면 됩니다. 각각의 레이어에 다

른 그림들을 배치해 놓고 겹쳐 놓으면 한 장의 그림처럼 보이지만, 실제로는 여러 장에 나누어져 있어 원하는 레이어의 그림만 따로 편집할

수 있습니다.

얼굴을 복사한 후에는 ‘예제001’ 창을 닫아도 됩니다.

새 레이어 추가

Part2_��.indd 12 2013-06-10 15:55:37



❹ 전경색이 검정으로 되어 있는지 확인하고, 캔버스의 얼굴 주위에 꽃 모양을 그립니다.

학생들에게 너무 멋진(?) 작품을 만들려고 애쓰지 않아도 된다고 말해 주세요^̂ 이후에 [자동 선택 도구]로 중간을 선택해야 하므로, 선이 떨어져 있는 곳만 없도록 그린다면 예제 진행에 어려움은 없습니다.

여기를 클릭하면 기본 전경색/배경색(검정/흰색) 상태로 바뀝니다. 원하는 다른 색상을 지정하는 방법은 바로 이어서 설명됩니다.

❸ [브러쉬 도구(Brush Tool)]를 클릭한 다음, 상단에 있는 옵션 바에서 브러쉬 크기를 ‘20px’ 정도로 지정합니다.

선택한 도구에 따라 옵션 바의 구성은 다르게 표시됩니다.

브러쉬의 크기를 확인할 수 있습니다. 상황에 따라 필요한 크기로 변경하여 작업해야 합니다.

❶ [자동 선택 도구(Magic Wand Tool)]를 클릭하고, 꽃 모양의 안쪽 부분을 클릭해 선택 영역으로 지정합니다.

5_ 색칠하여 완성하기원형 선택 도구에 이어 두 번째로 등장하는 선택 도구입니다. 옵션 바에서 [허용치(Tolerance)]를 변경하는 내용은 이후 차시에서 설명됩니다.

꽃을 브러쉬로 색칠할 예정인데, 선택 영역을 지정한 후 브러쉬를 사용하면 선택 영역 이외의 부분으로는 브러쉬가 칠해지지 않게 됩니다.

Part2_��.indd 13 2013-06-10 15:55:37



❷ 도구 상자에서 전경색 부분을 클릭하여, [색상 피커(Color Picker)]를 표시하고 원하는 색상을 선택합니다.

여기에 선택한 색상의 색상값이 16진수로 표시됩니다. 시험에서는 정확한 색상을 지시하기 위하여 16진수값으로 색상이 제시됩니다.

❸ [브러쉬 도구(Brush Tool)]를 클릭한 다음 옵션 바에서 브러쉬 크기를 100 정도로 키운 다음 캔버스를 드래그해 색을

칠합니다.

❹ [선택(Select)]-[선택 해제(Deselect)] 메뉴를 클릭해 선택 상태를 해제합니다( + ).

❺ [레이어(Layers)] 팔레트에서 [레이어 1]을 드래그하여 [레이어 2] 위쪽으로 이동시킵니다. 겹치는 순서가 변경되어 얼굴

이미지가 꽃 그림의 앞쪽으로 표시됩니다.

얼굴 이미지는 다른 레이어에 있으므로 지워진 것이 아닙니다.

자주 사용되는 중요한 단축키입니다.

레이어 이름 옆의 ‘눈 표시’를 클릭해 해당 레이어를 캔버스에서 보이지 않도록 하는 것도 여기에서 실습시켜 주세요.

Part2_��.indd 14 2013-06-10 15:55:37



❻ [레이어(Layers)] 팔레트에서 [레이어 2]를 클릭해 ‘레이어 2’ 작업 상태

로 만듭니다.

❼ [자동 선택 도구(Magic Wand Tool)]를 클릭하고 왼쪽 나뭇잎 내부를 클릭하여 선택하고, 계속해서 키를 누른

채 오른쪽 나뭇잎 내부를 클릭하여 선택 영역을 추가합니다.

❽ 전경색을 초록색 계열로 변경하고, [브러쉬 도구(Brush Tool)]로 색칠합니다.

❾ + 키를 눌러 선택 상태를 해제합니다.

★★ 중요, 작업하려는 레이어가 선택되어 있는지 반드시 확인해야 합니다. 만약 이 작업을 잊었다면, 이후에 ❼작업을 할 때 나뭇잎 내부 영역이 제대로 선택되지 않을 것입니다.

[자동 선택 도구]의 옵션 바에 있는 허용치(Tolerance) 조정 방법은 3차시에서 설명합니다. 여기에서는 흰색의 단색 바탕이므로 허용치에 상관없이 영역이 선택될 것입니다.

처음 PSD 파일로 저장할 때 레이어로 나누어진 이미지에서는 ‘호환성 최대화’ 관련 대화 상자가 나타나는데, [승인] 단추를 클릭합니다.

❶ [파일(File)]-[저장(Save)] 메뉴를 클릭하여, ‘예제001_내

이름’의 파일명으로 저장합니다( + ).

6_ 저장하기

PSD 형식으로 저장

포토샵에서 저장하는 파일은 기본적으로 PSD의 확장자를 갖습니다. 여러 레이어를 포함하고 있는 결과물을 나중에 다시 편집하기 위해서는

반드시 PSD 형식으로 저장해야만 합니다.

[형식(Format)]이 ‘Photoshop (*.PSD;*.PDD)’로 되어 있는지 확인합니다.

Part2_��.indd 15 2013-06-10 15:55:38



❸ [형식(Format)] 목록 단추를 클릭하여 [JPEG (*.JPG;*.JPEG;*.JPE)]를 선택한 다음, 파일 이름을 ‘예제001_내이름’

으로 지정하여 저장합니다. 이 때 [JPEG 옵션] 창의 [이미지 옵션(Image Option)]-[품질(Quality)]을 ‘10’으로 지정합

니다.

❹ 이미지가 JPG 파일로 저장됩니다(포토샵 화면에서는 아무런 변화가 없습니다).

❷ JPG 파일에서는 PSD 파일과 다르게 레이어가 합쳐진 상태로 표시된

것을 확인할 수 있습니다.

품질(Quality)의 숫자를 높게 지정하면 용량은 상대적으로 약간 증가되지만 좋은 품질로 저장할 수 있습니다. 일반적으로 10정도의 값을 지정합니다.

필요하다면 다른 이름을 지정해도 되지만, 시험에서는 JPG 파일명도 PSD 파일명과 같은 이름으로 지정해야 하므로 파일명에 덧붙여 표시된 ‘사본’ 또는 ‘복사’라는 말을 지우고 저장합니다.

슬라이드를 움직여 조정할 수도 있습니다.

❶ [파일(File)]-[열기(Open)] 메뉴를 선택하여, 앞에서 저정한

‘예제001_내이름.jpg’ 이미지를 불러옵니다( + ).

7_ JPG 파일 열어 확인하기

열려져 있는 PSD 파일과 JPG 파일의 레이어 팔레트를 비교하며 설명해 주세요. 이후에 다시 PSD 파일에서 이미지를 고친 후 [다른 이름으로 저장]을 통해 다른 JPG 파일을 만들 수 있습니다.

JPG 형식으로 저장

포토샵 파일(PSD 형식)의 이미지 내용을 확인하고 편집하려면 반드시 포토샵 프로그램이 있어야만 합니다. 다른 응용 프로그램이나 인터넷

에서 이미지를 사용하기 위하여 JPG 형식으로 저장하는 것입니다. JPG 형식은 이미지를 압축하여 저장하는 방식으로 GIF, PNG 파일 등

과 함께 가장 많이 사용되는 이미지 형식입니다.

한글 패치의 종류에 따라 [따로 저장]이라는 메뉴명으로 표시되기도 합니다.

❷ JPG 파일로 저장하기 위하여, [파일(File)]-[다른 이름으로 저장(Save As)] 메뉴를 클릭합니다( + + ).

Part2_��.indd 16 2013-06-10 15:55:38



예제 풀었음002

예제 풀었음003

본문 예제와 비슷한 순서로 작업하여 완성할 수 있는 예제를 준비하였습니다. 외곽선을 그리는 브러쉬의 크기도 20픽셀로 지정하였습니다.

2군데의 선택 영역을 복사해 완성하는 형태입니다. 먼저 왼쪽 음식을 선택해 이동시킨 후, 다시 오른쪽 음식을 따로 선택해 이동시킵니다.









< 원본파일 >

< 원본파일 >

< 결과파일 >

< 결과파일 >

나비일까? 벌일까?

보이는건 모두 음식뿐!

Part2_��.indd 17 2013-06-10 15:55:38

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 18 Chapter 02 · 이미지 수정하기

이미지 수정하기

예제 풀었음004 이번 시간부터 DIAT 시험에 출제되는 기능 순서로 포토샵을 배워 보겠습니다. 이미지 수정 작업은 <문제1>의 첫 번째 작업으로 제시되며, 주로 [복구 브러쉬 도구]를 이용하도록 출제됩니다.

▶ ‘dic_004.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오.


▶ ‘예제004.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오.

* ① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거

❶ 포토샵 프로그램을 실행하고, ‘dic_004.PSD’ 파일을 불러옵니다.

❷ 캔버스 크기를 변경하기 위하여, [편집(Edit)]-[캔바스 크기(Canvas Size)] 메뉴를 선택하고 조건으로 제시된 ‘650픽셀

×450픽셀’ 크기를 지정합니다.

❸ 캔버스 크기가 지정한 크기로 변경됩니다.

1_ 캔버스 크기 변경하기

예제풀이


실제 시험에서는 자동으로 자신의 이름으로 된 1번 답안파일(PSD)이 열립니다. 그러나 2번 답안을 작성하기 위해서는 2번 PSD 파일을 직접 불러와야 하므로, PSD 파일을 불러와 작성하는 방식으로 이번 예제를 구성하였습니다.

실제 시험에서도 이와 같이 작은 크기의 캔버스가 제공됩니다. 제일 먼저 캔버스 크기를 변경하는 작업을 수행해야 합니다.

확장된 캔버스의 바탕을 전경색이나 배경색 등으로도 채울 수 있습니다. 시험에서는 반드시 흰색으로 확장해야 합니다.

Chapter 02

흰색인지 확인

①

Part2_��.indd 18 2013-06-10 15:55:39

19Part 02 예제로 정복하는 DIAT 멀티미디어 제작 Chapter 02 · 이미지 수정하기


❺ 복사를 마친 후 ‘예제004.JPG’ 창은 닫아도 됩니다.

❶ 조건으로 제시된 ‘예제004.JPG’ 파일을 불러옵니다.

❷ [선택(Select)]-[모두(All)] 메뉴를 선택( + )하여, 이미지 전체를 선택 영역으로 지정합니다.

❸ [편집(Edit)]-[복사(Copy)] 메뉴를 선택( + )하여, 선택 영역을 복사합니다.

❹ PSD 창으로 이동한 다음 [편집(Edit)]-[붙이기(Paste)] 메뉴를 선택( + )합니다.

❶ 먼저 [돋보기 도구(Zoom Tool)]를 이용하여 편집하려는 얼굴 부분을 클릭해 확대합니다.

❷ [복구 브러쉬 도구(Healing Brush Tool)]를 선택하고, 옵션 바에서 브러쉬 크기를 10정도로 지정합니다.

2_ 예제 이미지 복사하기

3_ 이미지 제거하기

브러쉬 크기는 상황에 따라 적당한 크기로 변경하며 작업해야 합니다.

[복구 브러쉬 도구(Healing Brush Tool)]에 대하여

이미지의 특정 부분을 다른 부분의 이미지로 복구해 줍니다. 이 때 기존 이미지의 질감대로 복구되므로 자연스러운 효과를 낼 수 있습니다. 이

미지의 특정 부분을 지우는 용도로 많이 사용됩니다.

+ 로 전체 선택 → + 로 복사

PSD 창에서 + 로 붙이기

1차시에서 배운 방법대로 [이동 도구]를 선택하여 드래그해도 되지만, 드레그 후에 복사된 이미지 위치를 조정해야 하므로 복사/붙여넣기 방법을 이용하는 것이 편리합니다.

Part2_��.indd 19 2013-06-10 15:55:39



실행 취소하기

방금 수행한 작업이 마음에 들지 않는다면 + 키를 누릅니다. [작업 내역

(History)] 팔레트를 이용하면 더 많은 이전 단계로도 복구할 수 있습니다.

❺ 같은 방법으로 다른 부분의 낙서도 모두 제거합니다. 필요

하다면 + 클릭으로 새로운 위치를 지정한 후 작업

해도 됩니다.

여기에서는 동그란 영역을 지우는 것이므로 드래그하는 방법보다 브러쉬 크기를 적당하게 조정한 후 점을 찍듯이 콕콕 찍는 것이 좋습니다. 가까운 위치에 있는 비슷한 색상이나 질감을 가진 위치를 Alt + 클릭으로 지정하는 것이 좋습니다.

Ctrl + Z 키는 1단계만 취소가 가능합니다. Alt + Ctrl + Z 키를 누르면 이전 단계로 순차적으로 취소할 수 있으며, 취소한 작업을 다시 실행하려면 Shift + Ctrl + Z 키를 누릅니다. 혼동될 수 있으므로 [작업 내역] 팔레트를 이용하도록 지도하는 것이 좋을 듯 합니다.

❻ 100% 크기로 축소하여 문제로 제시된 <결과파일>과 비교해 보고, 결과를 저장합니다.

❸ 가져올 부분의 이미지 위치를 지정하기 위하여, 키를 누른 채 깨끗한 부분을 클릭( )합니다.

❹ 키에서 손을 떼고 낙서가 되어 있는 부분을 클릭, 또는 드래그하여 지워 줍니다.

+ 클릭

Part2_��.indd 20 2013-06-10 15:55:39



[복제 도장 도구(Clone Stamp Tool)] 이용해 보기

[복제 도장 도구]는 [복구 브러쉬 도구]와 사용법은 비슷합니다. 단, [복제 도장 도구]는 기존 이미지의 질감을 무시하고 이미지 그대로를 도

장 찍는 것처럼 복제해 줍니다.

❷ 복제하려는 눈 부분을 +클릭하고, 이마 위치를 드래그하여 이미지를 복제합니다.

❶ [복제 도장 도구(Clone Stamp Tool)]를 선택하고, 옵션 바에서 브러쉬 크기를 조정합니다.

좀 엽기적이기는 하지만 학생들은 이런 것을 좋아하죠? 책의 예제로 실어야 하나, 말아야 하나 한참 고민하였습니다^̂ 불편하셨다면 죄송합니다.

드래그하는 위치에 따라 복제 대상의 이미지의 위치가 +로 표시됩니다.

DIAT 시험에서는 앞의 본문에서 살펴본 [복구 브러쉬 도구]가 주로 출제됩니다. 사용 방법이 비슷하므로 [복제 도장 도구]도 출제 가능성이 있습니다. 문제에 사용해야 하는 도구가 제시되므로 반드시 해당 도구만을 이용해 작업합니다.

+ 클릭

Part2_��.indd 21 2013-06-10 15:55:39



예제 풀었음005

예제 풀었음006

주름살 제거는 [복구 브러쉬 도구]를 이용해 작업하는 대표적인 예제 중의 하나입니다.

개구리알입니다. 개구리알 키워본 학생들 많이 있죠? 사진을 보니 부화된지 몇일 지나서 올챙이 모습이 약간 보입니다.









< 원본파일 >

< 원본파일 >

< 결과파일 >

< 결과파일 >

①

①

아빠 주름살 펴져라~ 얍!

이게 뭔지 아세요?

Part2_��.indd 22 2013-06-10 15:55:40



예제 풀었음007

예제 풀었음008

이번 페이지의 예제들은 [복제 도장 도구]로 제시되었습니다. 시험에서는 [복구 브러쉬 도구]가 많이 출제되지만, 사용 방법이 비슷하여 충분히 출제 가능성이 있습니다.




* ① ⇒ 복제 도장 도구[Clone Stamp Tool]를 이용하여 이미지 제거





< 원본파일 >

< 원본파일 >

< 결과파일 >

< 결과파일 >

①

①

여기서 이러시면 안됩니다①

여기서 이러시면 안됩니다②

Part2_��.indd 23 2013-06-10 15:55:40



예제 풀었음009

예제 풀었음010

[복구 브러쉬 도구]와 [복제 도장 도구]를 각각 사용한 예제입니다. 조건으로 제시된 도구가 무엇인지를 구분하는 연습입니다. 앞에서 배운 JPG 저장도 조건에 포함시켰습니다.





* ② ⇒ 복제 도장 도구[Clone Stamp Tool]를 이용하여 이미지 제거

▶ PSD 파일과 JPG 파일로 각각 저장하시오.





* ② ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거

▶ PSD 파일과 JPG 파일로 각각 저장하시오.

< 원본파일 >

< 원본파일 >

< 결과파일 >

< 결과파일 >

②

①

①

②

하트는 좋지만 케첩은 싫어요~

굿~ 아이디어! 과연???

Part2_��.indd 24 2013-06-10 15:55:40

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 25 Chapter 03 · 색상 보정하기

예제 풀었음011 이번 차시는 ‘색조/채도’를 변경하는 것이지만, 오히려 ‘선택 영역 지정 방법’이 핵심입니다. 선택 방법에 따라 본문 예제를 2가지로 구분하였으니 하나씩 차근차근 설명해 주세요.

▶ ‘dic_011.PSD’ 파일을 불러와 다음과 같이 처리하시오.

* ① ⇒ 색조/채도[Hue/Saturation]를 이용하여 초록색 계열로 보정


①

예제풀이


1_ 원하는 부분 선택하기

선택 도구와 옵션 이해하기

● 선택 도구의 종류

● 옵션 바

★★

선택 영역을 중복하여 지정할 때 사용하는 옵션으로 단축키를 사용하면 편리합니다. Shift +선택은 더하기, Alt +선택은 빼기

시험에서는 사용되지 않음(0으로 설정), 실습하고 싶다면 페 더값 지정 후 선택하고 Delete

로 삭제해 봅니다.

체크해 놓는 것이 좋습니다.

[표준]으로 설정합니다.

포토샵에서는 작업 대상이 되는 부분을 먼저 선택하는 것이 기본입니다. 선택하지 않으면 이미지 전체에 해당 효과가 적용됩니다.

색상 보정하기Chapter 03

자동 선택 도구

곡선 영역 선택시 매끄럽게 처리

새로운 선택, 선택 더하기, 선택 빼기, 교차 영역 선택

선택 영역 주위로 퍼지는 값을 지정

특정 비율이나 크기로 선택 가능

Part2_��.indd 25 2013-06-10 15:55:40

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 33 Chapter 04 · 밝기 조정하기

예제 풀었음019

▶‘dic_019.PSD’ 파일을 불러와 다음과 같이 처리하시오.

* 밝기 조정 ⇒ 곡선[Curves]을 이용하여 이미지 조정 (Input : 50, Output : 120)


❷ 밝기를 조정하기 위하여 [이미지(Image)]-[조정(Adjustments)]-[곡선(Curves)] 메뉴를 선택합니다( + ).

❸ [곡선(Curves)] 대화 상자에서 그래프 부분의 중간을 ‘왼쪽/위’로 드래그해 봅니다.

1_ 이미지 밝기 조정하기

예제풀이

특정 부분이 조건으로 제시되지 않았으므로 영역을 선택할 필요 없이, 바로 메뉴를 실행합니다. 시험에서도 이미지 전체에 밝기를 조정하도록 출제됩니다.

만약 곡선을 왼쪽/위로 올렸는데 어둡게 바뀌었다면 조절막대 부분을 클릭합니다.

시험에서는 밝기의 조정 수치가 조건으로 제시되므로 정확한 값을 입력해야 합니다.


밝기 조정하기Chapter 04

드래그 방향에 따른 밝기 변화

왼쪽/위로 드래그하면 이미지가 밝아지고, 오른쪽 아래로 드래그하면 이미지가 어두워집니다. 이미지에 결과가 즉각 반영되어 표시되므로 이

미지 상태를 확인하며 적당한 밝기로 조정할 수 있습니다.

Part2_��.indd 33 2013-06-10 15:55:42

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 38 Chapter 05 필터 효과 이용하기

예제 풀었음026 필터 효과를 이용하면 이미지에 다양한 효과를 쉽게 적용할 수 있습니다. DIAT 시험에서는 필터 효과의 종류가 제시되므로, 메뉴에서 제시된 필터 종류를 정확하게 선택해야 합니다.


* 필터 효과 ⇒ 렌즈 플레어[Lens Flare]를 이용하여 필터 적용

▶ 지시 사항이 없는 경우는 기본값을 적용하시오.


❷ [필터(Filter)]-[렌더(Render)]-[렌즈 플레어(Lens Flare)] 메뉴를 선택하고, 대화 상에서 빛을 주려는 위치를 클릭한

다음 [확인] 단추를 클릭합니다.

❸ 이미지에 필터 효과가 반영되어 완성됩니다.

1_ 필터 효과 주기

예제풀이


선택 영역을 지정한 후 해당 영역에만 필터 효과를 적용할 수 있습니다. 별도 영역이 제시되지 않는 경우에는 바로 [필터] 메뉴를 실행하면 됩니다.

다른 값으로 변경하며 어떻게 바뀌는지 확인해 보세요. [명도(Brightness)]에서 빛의 세기를 조정하거나, [렌즈 유형(Lens Type)]에서 다른 종류의 빛을 선택할 수 있지만 시험에서는 기본값 그대로를 적용합니다.

필터 효과 이용하기Chapter 05

Part2_��.indd 38 2013-06-10 15:55:44

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 43 Chapter 06 · 이미지 크기 변경과 저장


▶ 다음과 같은 규칙으로 JPG 파일과 PSD 파일을 각각 저장하시오.

예제 풀었음034 이번 차시에는 DIAT 시험의 정답 저장 방법에 대해 알아 보겠습니다. 작업이 완성된 후 이미지 크기를 변경하여 JPG 파일과 PSD 파일 순서로 저장해야 합니다.

★★실제 시험에서 JPG 파일과 PSD 파일 중 하나라도 누락시 “0점”처리되므로 주의해야 합니다.

동일한 비율로 크기를 조정할 때는 [비율 제한]에 체크가 되어 있으면 더욱 간편합니다. 폭과 높이 중 한쪽에만 숫자를 지정하면 나머지가 같은 비율로 자동으로 조정되기 때문입니다. 시험에서는 간혹 다른 비율로 크기를 변경하도록 출제됩니다.

이미 앞에서 많이 저장해 보았을테니, 여기에서는 화면 그림 없이 설명만 해 놓았습니다.

JPG파일명 dic_034.JPG

PSD파일명 dic_034.PSD

이미지 크기 600×400 픽셀 [Pixels] 이미지 크기 60×40 픽셀 [Pixels]

예제풀이

❶ 포토샵 프로그램을 실행하고, ‘dic_034.PSD’ 파일을 불러옵니다. 작업이 모두 끝난 상태라고 가정합니다.

❶ [파일(File)]-[다른 이름으로 저장(Save As)] 메뉴를 클릭합니다( + + ).

❷ [형식(Format)] 목록 단추를 클릭하여 [JPEG (.JPG;.JPEG;.JPE)]를 선택하고, 파일명을 지정한 후 저장합니다.

❸ [JPEG 옵션] 창의 [이미지 옵션(Image Option)]-[품질(Quality)]을 ‘10’으로 지정합니다.

❷ [이미지(Image)]-[이미지 크기(Image Size)] 메뉴를 선택합니다.

❸ [비율 제한(Constrain Proportions)] 체크를 해제하

고, 조건으로 제시된 JPG 이미지 크기(600×400 픽

셀)를 지정한 후 [확인] 단추를 클릭합니다.

❹ 이미지 크기가 변경됩니다.

1_ 이미지 크기 변경하기 - JPG용

2_ JPG 저장하기

실제 시험에서는?

시험 시작과 동시에 자신의 이름으로 된 1번 작업 문서(PSD 파일)가 화면에 열립니다.

예를 들어 수험번호가 DIC-1304-123456인 ‘홍길동’의 파일명은 다음과 같이 지정됩니다.

1번 문제 파일명 : dic_01_123456_홍길동.PSD 2번 문제 파일명 : dic_02_123456_홍길동.PSD

이미지 크기 변경과 저장Chapter 06

2번 작업 문서는 [파일(File)]-[열기(Open)] 메뉴를 이용하여 직접 불러와야 합니다. 참고로 설명해 주세요.

체크 해제

Part2_��.indd 43 2013-06-10 15:55:45

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 49 Chapter 07 · 텍스트 입력하기

예제 풀었음039 이번 시간부터는 시험의 <문제2>에 출제되는 기능을 살펴 보겠습니다. 텍스트 입력은 한글/영문 2곳에 출제되며, 조건으로 제시된 속성을 빠짐없이 지정해야만 합니다.

<문제2>를 시작하는 기념으로 팁 하나 알려 드리겠습니다. 포토샵 가운데의 회색 빈 곳을 더블클릭하면 [열기] 대화 상자가 나타납니다.



* “Fly to the SKY” ⇒ 글꼴(Arial), 글꼴 스타일(Bold), 크기(48pt), 색상(#ffcc00), 앤티 앨리어싱 :

선명하게[Sharp], 레이어 스타일 - 선/획[Stroke] (크기 : 5px, 색상 : #ffffff)

* “나의 꿈, 하늘을 날다” ⇒ 글꼴(궁서체), 크기(32pt), 색상(#00ff00), 앤티 앨리어싱 : 선명하게[Sharp],

레이어 스타일 - 선/획[Stroke] (크기 : 3px, 색상 : #000000)

예제풀이


❷ [수평 문자 도구(Horizontal Type Tool)]를 선택하고, 텍스트를 입력할 곳을 클릭한 후 조건으로 제시된 내용(Fly to

the SKY)을 입력합니다.

1_ 영문 텍스트 입력하기

텍스트 입력하기Chapter 07

조건으로 제시된 텍스트에 오타가 없도록 잘 확인해야 합니다. 특히 영문자의 경우 대/소문자 구분도 정확하게 할 수 있도록 지도해 주세요.

글자 크기와 속성을 지정한 후 위치를 잡아야 하므로, 처음에는 대략적인 비슷한 위치를 클릭해 텍스트를 입력합니다. 여기에서는 내용을 먼저 입력하였지만 옵션 바에서 미리 글꼴 속성을 지정한 후 내용을 입력해도 됩니다.

Part2_��.indd 49 2013-06-10 15:55:46

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 56 Chapter 08 모양 도구 이용하기

예제 풀었음046 <문제2>에 출제되는 기능으로 제시된 정확한 모양을 선택해 삽입해야 합니다. 레이어 스타일에서 선 이외에 그라디언트 오버레이 효과를 추가로 지정하는 것이 등장합니다.



* ① ⇒ 모양 도구[Shape Tool] 이용

레이어 스타일 - 선/획[Stroke] (크기 : 2px, 색상 : #00a650),

그라디언트 오버레이[Gradient Overlay] (색상 : #00ff66 - #00aeff)

예제풀이


❷ 도구 상자에서 [사용자 정의 모양 도구(Custom Shape Tool)]를 선택하고, 옵션 바의 [모양] 목록에서 원하는 모양을 선

택합니다.

1_ 사용자 정의 모양 삽입하기

★★제일 앞에 있는 [모양 레이어] 단추가 선택되어 있는지 반드시 확인해야 합니다.

아래 <참고>에도 설명되어 있듯이 여기를 눌러 [All(모두)]를 선택해 모든 모양 목록을 표시할 수 있습니다.

이미 모든 모양이 표시되어 있는 경우에는 기본 상태로 되돌려 연습시켜 주세요. [모양 다시 설정(Reset Shapes)]을 선택하면 기본 상태로 되돌릴 수 있습니다.

①

모양 도구 이용하기Chapter 08

목록에 원하는 모양이 없다면?

모양 목록 오른쪽에 있는 를 클릭하고 [All(모두)]을 선택합니다. 계속해서 현재 모양을 대체

할 것인지 묻는 대화 상자에서 [확인] 단추를 클릭하면 됩니다.

Part2_��.indd 56 2013-06-10 15:55:48

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 62 Chapter 09 · 오려낸 사진 합성하기

예제 풀었음053 <문제2>에는 2개의 사진을 하나로 합치는 작업이 등장합니다. 크게 두 가지 유형으로 출제되는데 먼저 원하는 영역을 따로 선택하여 복사해 오는 방법을 공부해 보겠습니다.


▶ ‘예제053.jpg’를 이용하여 새로운 레이어를 생성하시오.

* 이미지 복사 ⇒ 자유 변형[Free Transform]으로 크기 변형, 레이어 이름 - ‘사슴’

레이어 스타일 - 그림자 효과[Drop Shadow] (혼합모드[Blend Mode] : 곱하기[Multiply], 각도[Angle] : 90°)

예제풀이

❶ 포토샵 프로그램을 실행하고, ‘dic_053.PSD’ 파일과 ‘예제053.jpg’ 파일을 불러옵니다.

❷ 복사해올 이미지가 있는 사진에서 [선택 도구]를 이용하여 선택 영역을 지정합니다.

1_ 선택 영역 지정해 복사하기[열기] 대화 상자에서 Ctrl 키를 누른 채 여러 파일을 한꺼번에 선택한 후 불러오면 편리합니다.


오래낸 사진 합성하기Chapter 09

Part2_��.indd 62 2013-06-10 15:55:49

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 69 Chapter 10 · 원 안에 사진 합성하기

예제 풀었음060 이번 차시에서는 원 모양 안에 다른 이미지를 합성하는 예제입니다. ‘클리핑 마스크’라는 새로운 개념이 등장하지만 나머지 사항은 이미 앞에서 배운 내용들입니다.


▶ 타원 도구[Ellipse Tool]와 ‘예제060.jpg’를 이용하여 새로운 레이어를 생성하시오.

* 원의 크기 ⇒ 160 px × 160 px (단, 클리핑 마스크 기능을 이용할 것)

레이어 스타일 - 선/획[Stroke] (크기 : 4px, 색상 : #fff200, 위치 : 안쪽[Inside])

그림자 효과[Drop Shadow] (혼합모드[Blend Mode] : 곱하기[Multiply], 각도[Angle] : 60°)

예제풀이


❷ 도구 상자에서 [타원 도구(Ellipse Tool)]를 선택하고, 마우스를 드래그하여 원을 그립니다.

1_ 크기 지정하여 원 삽입하기‘클리핑 마스크’에서 ‘마스크’는 일부분을 가린다는 개념입니다. 이미지를 담을 그릇을 만든다고 이해시켜도 좋을 듯 합니다.


[사용자 정의 모양 도구]를 선택한 상태에서 여기를 클릭해도 바로 [타원 도구]로 전환할 수 있습니다.

이후에 정확한 크기를 지정할 것이므로 대략적인 크기로만 그립니다.

원 안에 사진 합성하기Chapter 10

Part2_��.indd 69 2013-06-10 15:55:51

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 76 Chapter 11 · 배경을 흐릿하게 만들기

배경을 흐릿하게 만들기Chapter 11

예제 풀었음067 이번 차시가 포토샵의 마지막입니다. 그림을 불러와 흐릿하게 만드는 것인데, ‘레이어 마스크’라는 새로운 기능이 등장합니다. 난이도에 따라 출제 가능성이 있으므로 익혀 두시기 바랍니다.

▶ ‘dic_067.PSD’ 파일을 불러와 다음과 같이 캔버스를 변경하시오.

* 캔버스 조정 ⇒ 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(300 픽셀[Pixels])

캔버스 배경색 (색상 : #00a650)


* 이미지 복사 ⇒ 자유 변형[Free Transform]으로 크기 변형, 레이어 이름 - ‘숲속’

레이어 마스크[Layer Mask] 설정, 가로 방향으로 흐릿하게


❷ [편집(Edit)]-[캔바스 크기(Canvas Size)] 메뉴를 선택하여 캔버스 크기를 ‘600×300’으로 변경합니다.

❸ 도구 상자에서 전경색을 제시된 색상(#00a650)으로 설정합니다.

1_ 캔버스 배경색 채우기

예제풀이


원래는 처음 캔버스를 생성할 때 배경색을 지정할 수 있지만, 시험에서는 답안 문서(PSD)를 불러와 작업해야 하므로 책에 나와있는 방법을 따라야 합니다.

전경색/배경색 바꾸기, 기본색상으로 바꾸기에 대한 것도 잘 기억하고 있는지 확인시켜 주세요.

Part2_��.indd 76 2013-06-10 15:55:53

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 83 Chapter 12 · 무비메이커의 기본 익히기

무비메이커의 기본 익히기Chapter 12

예제 풀었음074 이번 차시부터 무비메이커(Windows Movie Maker)에 대한 내용을 공부하겠습니다. 이미지와 동영상 파일을 가져다가 배치하고 저장하는 과정을 통해 무비메이커의 기본을 배우게 됩니다.

< 출력형태 >

▶ 무비메이커 실행 후 모음에 파일이 있을 경우 모든 파일(이미지, 동영상, 음악 등)을 삭제하시오.

▶ 클립의 재생 시간과 순서를 다음과 같이 지정하시오. (가져오기 옵션 : 비디오 파일용 클립 만들기 체크해제)

* 기본 재생 시간 ⇒ 사진 재생 시간 : 7초, 전환 재생 시간 : 2초

* 클립 순서 ⇒ 동영상-074.wmv > 이미지074-1.jpg > 이미지074-3.jpg > 이미지074-2.jpg

▶ 다음과 같은 규칙으로 MSWMM 파일과 WMV 파일을 각각 저장하시오.

MSWMM 파일명 dic_074_이름.MSWMM

WMV파일명 dic_074_이름.WMV

저장 조건 기타 설정 : ‘고화질 비디오(소)’

예제풀이

❶ Windows Movie Maker 프로그램을 실행합니다. 무비메이커의 화면 구성은 다음과 같습니다.

1_ 무비메이커의 화면 구성 살펴보기이 책에서 보여지는 무비메이커 버전은 2.6(윈도우7)입니다. 윈도우XP의 2.1 버전도 모양과 작업 방법은 동일합니다.

미리 보기

클립 표시 공간

스토리보드와 시간 표시 막대 전환

동영상 작업창과 모음창 전환

영역 사이의 파란 선을 드래그해 영역 크기를 변경할 수 있습니다.

이전의 작업 상황에 따라 동영상 작업창 대신 모음창이 표시되었을 수도 있고, 스토리보드 대신에 시간 표시 막대가 표시되었을 수도 있습니다. 책의 그림과 다르게 표시된 학생들을 위하여 작업창 상태를 전환하며 시연해 주세요.

메뉴와 도구 모음

스토리보드(시간 표시 막대)

동영상 작업창(모음창)

Part2_��.indd 83 2013-06-10 15:55:54

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 91 Chapter 13 · 비디오 효과와 비디오 전환

비디오 효과와 비디오 전환Chapter 13

예제 풀었음078 밋밋하게 사진이 바뀌는 동영상이 아니라 사진에 여러 가지 효과를 설정하고, 다른 사진으로 전환될 때의 효과도 지정할 수 있습니다.

< 출력형태 >

▶ ‘dic_078.MSWMM’ 파일을 불러와 다음과 같이 처리하시오.

▶ 다음 조건에 따라 비디오 효과를 지정하시오.

* ‘이미지1’ ⇒ 세피아 톤 * ‘이미지3’ ⇒ 점점 가까이 * ‘이미지2’ ⇒ 검정으로 페이드 아웃

▶ 다음 조건에 따라 비디오 전환을 지정하시오.

① ⇒ 나비 넥타이(가로) ② ⇒ 바람개비

▶ MSWMM 파일과 WMV 파일(고화질 비디오(소)로 설정)을 각각 저장하시오.

예제풀이

1_ MSWMM 파일 열기

시험에서는 비디오 전환의 지시사항이 먼저 등장하지만, 설명의 편의를 위하여 본문에서는 비디오 효과를 먼저 설명합니다.

참고로 파일명이 같더라도 원래 작업한 파일이 아니면 정상적으로 이미지를 불러올 수 없습니다. [열기] 단추를 눌렀을 때 에러 메시지가 표시됩니다.

다른 컴퓨터에서 작업한 MSWMM 파일을 불러올 때 원본 이미지가 있는 경로가 다르다면 X 표시로 나타납니다.

❶ 무비메이커를 실행하고 [파일]-[프로젝트 열기] 메뉴를 선택하여 ‘dic_078.MSWMM’ 파일을 불러옵니다.

❷ 스토리보드의 클립이 표시로 나타난다면, 오른쪽 단추로 클릭한 후 [없는 파일 찾아보기] 메뉴를 선택한 후 해당 파일이

있는 폴더에서 이미지를 선택합니다.

❸ 스토리보드에 이미지가 정상적으로 표시됩니다.

① ②

Part2_��.indd 91 2013-06-10 15:55:56

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 98 Chapter 14 동영상 트리밍과 분할

동영상 트리밍과 분할Chapter 14

예제 풀었음085 ‘트리밍’은 동영상을 잘라내는 것을 말하고, 분할은 하나로 된 동영상을 2개로 나누는 것을 말합니다. 2개로 나누어진 동영상 장면 사이에 전환 효과를 줄 수 있습니다.

< 출력형태 >


▶ 동영상 파일(‘동영상-085.wmv’)을 다음과 같이 트리밍하고 2개의 동영상 클립으로 분할하시오.

* 트리밍 끝 지점 ⇒ 0:00:13~0:00:14초(구간) * 분할 구간 ⇒ 0:00:07~0:00:08초(구간)


① ⇒ 원 ② ⇒ 지그재그(세로)


예제풀이


2_ 동영상 클립 트리밍하기

비디오 효과와 이미지 사이의 비디오 전환은 이미 설정해 둔 채로 예제 파일을 제공하였습니다.

❶ 무비메이커를 실행하고, ‘dic_085.MSWMM’ 파일을 불러옵니다.



❶ 먼저 불러온 동영상 파일이 어떻게 되어 있는지 미리 보기를 통해 재생해 봅니다.

❷ 시간 표시 막대로 전환한 후 모든 동영상이 표시 되도록 확대 배율을 적당하게 조정합니다.

❸ 파란색 사각형을 드래그하여 트리밍하려는 13~14초 사이로 이동한 후, [클립]-[트리밍 끝 지점 설정] 메뉴를 선택합니다.

이번 예제에서는 하마와 관련된 동영상을 만들려고 합니다. 14초부터는 하마 이외의 다른 동물이 등장하는 것을 확인시켜 주세요.

시험의 조건에 구간이 제시되므로 13초와 14초 사이를 선택해야 합니다. 100분의 1초 단위는 상관 없습니다.

시작 시점이 아니라 끝 지점입니다. 시험에서는 주로 끝 지점으로 출제되지만, 조건을 잘 살펴 보아야 합니다.

① ②

Part2_��.indd 98 2013-06-10 15:55:57

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 103 Chapter 15 · 오프닝 제목 만들기

오프닝 제목 만들기Chapter 15

예제 풀었음091 동영상에 제목이나 자막을 넣을 수 있습니다. 조건으로 제시된 제목 애니메이션과 서체, 색상 등을 정확하게 지정해야 합니다. 시험에서는 주로 오프닝(제목)이 출제됩니다.

< 출력형태 >


▶ 다음 조건에 따라 제목 또는 제작진을 이용하여 자막을 지정하시오.

* 오프닝 ⇒ 텍스트 입력 :

제목 애니메이션(중첩되어 제목 이동), 글꼴 서식(궁서체, 굵게, 흰색 계열),

배경색(검정색 계열), 투명도(40%)

▶ 다음 조건에 따라 비디오 전환을 지정하시오. ① ⇒ 다이아몬드


예제풀이





❷ 동영상 작업창에서 [2.동영상 편집-제목 또는 제작진 만들기]를 클릭합니다(또는 [도구]-[제목과 제작진] 메뉴 클릭).

❸ [어디에 제목을 추가하시겠습니까?]에서 [맨 앞부분에 제목]을 클릭합니다.


2_ 오프닝 제목 만들기

나비의 일생

(Butterfly’s Life)

불러온 예제에 다른 효과들은 이미 모두 설정해 놓았습니다.

특정 클립의 앞/뒤, 클립 자체에 제목을 넣거나 맨 끝에 제작진을 넣을 수도 있습니다. 시험에서는 오프닝(맨 앞 제목)만 출제되었지만, 다른 제목들도 작성 방법은 동일합니다.

①

Part2_��.indd 103 2013-06-10 15:55:58

Part 02 예제로 정복하는 DIAT 멀티미디어 제작 109 Chapter 16 · 음악 삽입과 소리 조정하기

음악 삽입과 소리 조정하기Chapter 16

예제 풀었음098 완성된 동영상 전체에 배경 음악을 지정하는 작업으로, 무비메이커의 마지막 작업입니다. 배경 음악의 길이를 전체 동영상에 맞춰야 하므로 시험에서도 가장 마지막에 수행합니다.

< 출력형태 >


▶ 다음 조건에 따라 동영상 전체에 음악 파일(‘음악-098.wma’)을 삽입하시오.

* 시작 시간 : 0:00:00.00초, 정지 시간 : 0:00:34~0:00:35초(구간)

* 소리가 점점 커지면서 시작되고, 점점 작아지면서 끝나도록 할 것

* 원본 동영상에 포함된 오디오는 모두 음소거 할 것

예제풀이





❷ [파일]-[모음으로 가져오기] 메뉴, 또는 동영상 작업창의 [오디오 또는 음악 가져오기]를 이용하여 ‘음악-098.wma’ 파일

을 모음으로 가져옵니다.

❸ 시간 표시 막대로 전환하여, 모음창의 음악 파일을 [오디오/음악] 부분으로 드래그합니다. 이 때 시작 시간이 처음이 되도

록 맞추어( ) 드래그합니다.


2_ 음악 삽입하기불러온 예제에 다른 효과들은 이미 모두 설정해 놓았습니다. 동영상에 포함된 자동차 소리를 배경 음악으로 바꾸어볼 것입니다.

시험에서는 처음에 다른 파일과 함께 가져오기를 수행한 후 제일 나중에 음악을 등록합니다.

조건에 음악의 시작 시간이 0:00:00.00초로 지정되어 있기 때문에 음악 파일을 맨 처음부터 시작되도록 하는 것입니다. 만약 중간부터 시작되도록 등록하였다면, 가운데 부분을 드래그하여 이동시킬 수 있습니다. 이동 중에는 마우스 포인터가 손 모양으로 바뀝니다.

Part2_��.indd 109 2013-06-10 15:55:59

114

디지털 정보 활용 능력

Part 03

��.indd 114 2013-06-10 15:29:51

Part 03 디지털 정보 활용 능력 115

20XX. XX. XX(토)

XXXX

A

디지털 정보 활용 능력제 01 회(DIAT; Digital Information Ability Test)

모의고사

20XX. XX. XX

20XX. XX. XX

제01회 · 모의고사

��.indd 115 2013-06-10 15:29:58


▶다음과 같이 캔버스 크기를 변경하시오.

·캔버스 크기[Canvas Size] ⇒ 가로(650 픽셀[Pixels])×세로(450 픽셀[Pixels])

▶‘사진1.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오.

·① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거

·② ⇒ 색조/채도[Hue/Saturation]를 이용하여 빨간색 계열로 보정

·밝기 조정 ⇒ 곡선[Curves]을 이용하여 이미지 조정(Input : 60, Output : 80)

·필터 효과 ⇒ 렌즈 플레어[Lens Flare]를 이용하여 필터 적용

▶ 지시사항이 없는 경우는 기본값을 적용하시오.


·저장위치 : 바탕화면 - KAIT - 제출파일 폴더

(예 : 수검번호가 DIC-XXXX-000000인 경우 “dic_01_000000_이름.JPG”과 “dic_01_000000_이름.PSD”로 저장할 것)

(* dic_01_000000_이름.JPG와 dic_01_000000_이름.PSD 파일 중 하나라도 누락시 “0점” 처리 됨)

< 원본파일 >

<처리조건>

①

②


1/3디지털정보활용능력 - 멀티미디어제작 (시험시간 : 40분)

문제1 원본파일을 처리조건에 따라 결과파일로 완성하시오. (50점)

※ PhotoShop 프로그램을 활용하여 [문제 1], [문제 2]를 작업하시오.

< 결과파일 >

JPG파일명 dic_01_수검번호_이름.JPG

PSD파일명 dic_01_수검번호_이름.PSD


< 원본파일 >

��.indd 116 2013-06-10 15:29:58


▶ 다음과 같이 캔버스 크기를 변경하시오.

·캔버스 크기[Canvas Size] ⇒ 가로(650 픽셀[Pixels])×세로(450 픽셀[Pixels])

▶ ‘사진2.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오.

·① ⇒ 모양 도구[Shape Tool] 이용

레이어 스타일 - 선/획[Stroke] (크기 : 5px, 색상 : #750000),

그라디언트 오버레이[Gradient Overlay] (색상 : #ffc000 - #ff00ae)

·“The Lonely Island” ⇒ 글꼴(Arial), 글꼴 스타일(Bold), 크기(50pt), 색상(#ffffff), 앤티 앨리어싱 :

선명하게[Sharp], 레이어 스타일 - 선/획[Stroke] (크기 : 5px, 색상 : #660000)

·“외로운 섬” ⇒ 글꼴(궁서체), 크기(36pt), 색상(#ffffff), 앤티 앨리어싱 : 선명하게[Sharp],

레이어 스타일 - 선/획[Stroke] (크기 : 3px, 색상 : #7e5300)

▶ 타원 도구[Ellipse Tool]와 ‘사진3.jpg’를 이용하여 새로운 레이어를 생성하시오.

·원의 크기 ⇒ 160 px×160 px (단, 클리핑 마스크 기능을 이용할 것)

레이어 스타일 - 선/획[Stroke] (크기 : 5px, 색상 : #ffffff, 위치 : 안쪽[Inside]),

그림자 효과[Drop Shadow] (혼합모드[Blend Mode] : 곱하기[Multiply], 각도(Angle) : 160°)






< 원본파일 >

<처리조건>

< 결과파일 >




①




��.indd 117 2013-06-10 15:29:58


※ Windows Movie Maker 프로그램을 활용하여 [문제3]을 작업하시오.

▶ 무비메이커 실행 후 모음에 파일이 있을 경우 모든 파일 (이미지, 동영상, 음악 등) 을 삭제 하시오.

▶ 클립의 재생 시간과 순서를 다음과 같이 지정하시오. (가져오기 옵션 : 비디오 파일용 클립 만들기 체크해제)

·기본 재생 시간 ⇒ 사진 재생 시간 : 7초, 전환 재생 시간 : 2초

·클립 순서 ⇒ 동영상.wmv > 이미지1.jpg > 이미지2.jpg > 이미지3.jpg

▶ 동영상 파일 (‘동영상.wmv’)을 다음과 같이 트리밍하고 2개의 동영상 클립으로 분할하시오.

·트리밍 끝 지점 ⇒ 0:00:12~0:00:13초 (구간) ·분할 구간 ⇒ 0:00:07~0:00:08 초 (구간)

▶ 다음 조건에 따라 제목 또는 제작진을 이용하여 자막을 지정하시오.

·오프닝 ⇒ 텍스트 입력 :

제목 애니메이션(윤곽선 지우기), 글꼴 서식(휴먼옛체, 굵게, 흰색 계열),

배경색(파란색 계열), 투명도(50%)


① ⇒ 가로 실선 무늬 ② ⇒ 넓히기 (마름모) ③ ⇒ 조각내기 (밖으로)

④ ⇒ 내려오기 ⑤ ⇒ 돌리기


·‘이미지1’ ⇒ 검정에서 페이드 인 ·‘이미지2’ ⇒ 문지르기 ·‘이미지3’ ⇒ 점점 가까이

▶ 다음 조건에 따라 동영상 전체에 음악 파일 (‘음악.wma’)을 삽입하시오.

·시작 시간 : 0:00:00.00초, 정지 시간 : 0:00:27~0:00:29초 (구간)

·소리가 점점 커지면서 시작되고, 점점 작아지면서 끝나도록 할 것

·원본 동영상에 포함된 오디오는 모두 음소거 할 것


· 저장위치 : 바탕화면 - KAIT - 제출파일 폴더

(예 : 수검번호가 DIC-XXXX-000000인 경우 “dic_03_000000_이름.MSWMM”과 “dic_03_000000_이름.WMV”로 저장할 것)

(* dic_03_000000_이름.wmv와 dic_03_000000_이름.MSWMM 파일 중 하나라도 누락시 “0점” 처리 됨)

< 출력형태 >

<처리조건>

원본 파일 이미지1.jpg, 이미지2.jpg 이미지3.jpg, 동영상.wmv, 음악.wma

아름다운 풍경

(Beautiful sea landscape)

MSWMM 파일명 dic_03_수검번호_이름.MSWMM

WMV파일명 dic_03_수검번호_이름.WMV

저장 조건 기타 설정 : ‘고화질 비디오 (소)’

① ② ③ ④ ⑤

문제3 처리조건에 따라 출력형태와 같이 완성하시오. (70점)



��.indd 118 2013-06-10 15:30:04

196

기출문제 & 시행처 발표 샘플문제

Part 04

��.indd 196 2013-06-10 15:59:21

Part 04 ∙ 기출문제 & 시행처 발표 샘플문제 197

20XX. XX. XX(토)

디지털 정보 활용 능력제 01 회(DIAT; Digital Information Ability Test)

기출문제

A

제01회 ∙ 기출문제

20XX. XX. XX

20XX. XX. XX

2013.04 기출

XXXX

��.indd 197 2013-06-10 15:59:27


▶다음과 같이 캔버스 크기를 변경하시오.

·캔버스 크기[Canvas Size] ⇒ 가로(650픽셀[Pixels])×세로(450 픽셀[Pixels])

▶‘사진1.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오.

·① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거

·②⇒ 색조 채도[Hue/Saturation]를 이용하여 초록색 계열로 보정

·밝기 조정 ⇒ 곡선[Curves]을 이용하여 이미지 조정(Input : 60, Output : 110)

·필터 효과 ⇒ 렌즈 플레어[Lens Flare]를 이용하여 필터 적용




<처리조건>

①

②



※ PhotoShop 프로그램을 활용하여 [문제 1], [문제 2]를 작업하시오.








��.indd 198 2013-06-10 15:59:28


▶ 다음과 같이 캔버스 크기를 변경하시오.

·캔버스 크기[Canvas Size] ⇒ 가로(650 픽셀[Pixels])×세로(450 픽셀 [Pixels])

▶ ‘사진2.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오

·① ⇒ 모양 도구[Shape Tool] 이용

레이어 스타일 - 선/획[Stroke] (크기 : 2px, 색상 : #750000),

그라디언트 오버레이[Gradient Overlay] (색상 : #ffc000 - #ff00ae)

·“Spring Comes” ⇒ 글꼴(Arial), 글꼴 스타일(Bold), 크기(60pt), 색상(#ffffff), 앤티 앨리어싱 :

선명하게[Sharp], 레이어 스타일 - 선/획[Stroke] (크기 : 5px, 색상 : #660000)

·“봄이 오는 길목에서” ⇒ 글꼴 (궁서체), 크기(36pt),색상(#ffffff), 앤티 앨리어싱 : 선명하게[Sharp],

레이어 스타일 - 선/획[Stroke] (크기 : 3px, 색상 : #7e5300)

▶ 타원 도구[Ellipse Tool]와 ‘사진3.jpg’를 이용하여 새로운 레이어를 생성하시오.

·원의 크기 ⇒ 160px×160px (단, 클리핑 마스크 기능을 이용할 것)

레이어 스타일 - 선/획[Stroke] (크기 : 5px, 색상 : #ffffff, 위치 : 안쪽[Inside]),

그림자 효과[Drop Shadow] (혼합모드[Blend Mode] : 곱하기[Multiply], 각도(Angle) : 160°)




<처리조건>




①







��.indd 199 2013-06-10 15:59:28


▶ 무비메이커 실행 후 모음에 파일이 있을 경우 모든 파일 (이미지, 동영상, 음악 등) 을 삭제 하시오.

▶ 클립의 재생 시간과 순서를 다음과 같이 지정하시오 (가져오기 옵션 비디오 파일용 클립 만들기 체크해제)

·기본 재생 시간 ⇒ 사진 재생 시간 : 7초, 전환 재생 시간 : 2초

·클립 순서 ⇒ 동영상.wmv > 이미지1.jpg > 이미지2.jpg > 이미지3.jpg

▶ 동영상 파일 (‘동영상.wmv’)을 다음과 같이 트리밍하고 2개의 동영상 클립으로 분할하시오

·트리밍 끝 지점 ⇒ 0:00:14~0:00:15초 (구간) ·분할 구간 ⇒ 0:00:07~0:00:08 초 (구간)

▶ 다음 조건에 따라 제목 또는 제작진을 이용하여 자막을 지정하시오

·오프닝 ⇒ 텍스트 입력 :

제목 애니메이션(윤곽선 지우기), 글꼴 서식(휴먼옛체, 굵게, 흰색 계열),

배경색(파란색 계열), 투명도(50%)


① ⇒ 가로 실선 무늬 ② ⇒ 넓히기 (마름모) ③ ⇒ 조각내기 (밖으로)

④ ⇒ 내려오기 ⑤ ⇒ 돌리기


·‘이미지1’⇒검정에서페이드인 ·‘이미지2’⇒문지르기 ·‘이미지3’⇒점점가까이

▶ 다음 조건에 따라 동영상 전체에 음악 파일(‘음악.wma’)을 삽입하시오.

·시작 시간 : 0:00:00.00초, 정지 시간 : 0:00:31~0:00:33초 (구간)

·소리가 점점 커지면서 시작되고, 점점 작아지면서 끝나도록 할 것

·원본 동영상에 포함된 오디오는 모두 음소거 할 것



< 출력형태 >

<처리조건>

※ Windows Movie Maker 프로그램을 활용하여 [문제3]을 작업하시오.

문제3 처리조건에 따라 출력형태와 같이 완성하시오. (70점)


원본 파일 이미지1.jpg, 이미지2.jpg 이미지3.jpg, 동영상.wmv, 음악.wma

① ② ③ ④ ⑤

(예 : 수검번호가 DIC-XXXX-000000인 경우 “dic_03_000000_이름.MSWMM”과 “dic_03_000000_이름.WMV”로 저장할 것)

(* dic_03_000000_이름.wmv와 dic_03_000000_이름.MSWMM 파일 중 하나라도 누락시 “0점” 처리 됨)

MSWMM 파일명 dic_03_수검번호_이름.MSWMM

WMV파일명 dic_03_수검번호_이름.WMV

저장 조건 기타 설정 : ‘고화질 비디오 (소)’

도시속의 공원

(Park of City)


��.indd 200 2013-06-10 15:59:32


Memo

��.indd 195 2013-06-10 15:33:51

Download - (예제가득) DIAT 멀티미디어제작

Top Related