(예제가득) DIAT 멀티미디어제작 by FAIRWAY

DIAT 멀티미디어 제작

Part1

.indd 1

2013-06-10 15:55:23

DIAT 멀티미디어 제작

k Gp Gh G{

Part 01 DIAT 시험 안내 01 DIAT(디지털정보활용능력평가) 소개 02 DIAT 시험 절차 (답안 전송 안내)

5 6

Part 02 예제로 정복하는 DIAT 멀티미디어제작 포토샵

01 02 03 04 05 06 07 08 09 10 11

포토샵의 기본 익히기 이미지 수정하기 색상 보정하기 밝기 조정하기 필터 효과 이용하기 이미지 크기 변경과 저장 텍스트 입력하기 모양 도구 이용하기 오려낸 사진 합성하기 원 안에 사진 합성하기 배경을 흐릿하게 만들기

무비메이커

12 13 14 15 16

무비메이커의 기본 익히기 비디오 효과와 비디오 전환 동영상 트리밍과 분할 오프닝 제목 만들기 음악 삽입과 소리 조정하기

9 18 25 33 38 43 49 56 62 69 76 83 91 98 103 109

Part 03 디지털 정보 활용 능력 제01회 제02회 제03회 제04회 제05회 제06회 제07회 제08회 제09회 제10회

모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사

115 119 123 127 131 135 139 143 147 151

제11회 제12회 제13회 제14회 제15회 제16회 제17회 제18회 제19회 제20회

모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사 모의고사

155 159 163 167 171 175 179 183 187 191

Part 04 기출문제 & 시행처 발표 샘플문제 제01회 기출문제 제02회 기출문제 제03회 샘플문제

Part1

.indd 3

197 201 205

제04회 샘플문제 제05회 샘플문제

209 213

2013-06-10 15:55:25

DIAT 멀티미디어 제작

Part 01

DIAT 시험 안내

Part1

.indd 4

2013-06-10 15:55:25

Chapter

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

DIAT(디지털정보활용능력평가)란? DIAT(다이어트)는 Digital information Ability Test(디지털정보활용능력) 약자로 정보통신 관련 프로그램의 활용능력을 평가하는 국가공인 자격시험입니다.

시행처 •한국정보통신진흥협회 •홈페이지 : www.diat.or.kr / www.ihd.or.kr

도입 목적 및 필요성 • 디지털 경제시대에 범용의 방송통신 관련 기능의 활용 능력을 객관적이고 종합적으로 평가하여 문제해결 능력을 점수로 등급화하여 방송통신 실무 관리 능력 인증 •고급 수준의 정보 활용 능력을 갖출 수 있는 교육훈련 참여유도

자격 취득시 혜택 • 각 과목별 생활기록부(교육행정정보시스템, NEIS) 등재 • 대학의 교양필수, 선택과목으로 채택되어 학점인정 및 졸업인증 • 국가기술과 동등한 위치 확보에 따라 기업체, 기관, 행정기관 등의 채용, 승진 및 인사고과시 우대 • 대학 입학 전형자료로 활용되는 학생정보소양인증 자격(한국교육학술정보원) ※학 생정보소양인증 : 학교 정규 수업 시간이나 특별 활동 시간에 컴퓨터 관련 과목을 34시간 이상 이수하거나 한국교육학술정보원이 인정하는 정보소양인증시험에 합격하면 고입이나 대입 전형시 혜택을 주는 제도

응시 지역 및 응시 자격 응시 지역 전국(원서 접수시 응시지역 선택 가능)

시험 과목 및 문항 수 검정과목 정보통신 상식 워드프로세서 스프레드시트 프리젠테이션 인터넷 정보검색 멀티미디어 제작

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

검정내용 컴퓨터 이해 정보통신 이해 정보사회 활용 한글 MS 워드 MS 엑셀 MS 파워포인트 정보 검색 이미지 제작 디지털 영상편집

검정방법

문항수

제한시간

배점

CBT (객관식, 사지선다)

40분

100점

40분

200점

5 4 8

40분 40분 40분

200점 200점 100점

40분

200점

Part 01 DIAT 시험 안내 Part1

.indd 5

응시 자격 제한 없음(학력, 연령, 경력)

실기 (작업형)

Chapter 01 · DIAT(디지털정보활용능력평가) 소개 2013-06-10 15:55:25

DIAT 멀티미디어 제작

합격 기준 고급 해당과제의 80~100% 해결능력

중급 해당과제의 60~79% 해결능력

초급 해당과제의 40~59% 해결능력

DIAT 멀티미디어 제작 (문제수 : 3) 이미지 편집

이미지 및 비디오 영상 편집

DIAT 멀티미디어제작 출제 기준 이미지 보정

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

Chapter

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

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

DIAT 시험 시간 및 준비물 •시험 시간은 1교시: 9:00~9:40, 2교시: 10:10~10:50, 3교시: 11:20~12:00 입니다. •고사장 입실 시간은 해당 교시 20분 전이며, 준비물은 신분증, 수검표, 간단한 필기구입니다. (초등학생은 건강보험증 및 수검표 필수 지참)

❶ 고사장 컴퓨터의 바탕 화면에 ‘답안전송시스템’ 대화 상자가 열려 있을 것입니다. ❷ [답안전송시스템] 대화 상자의 [수검과목]을 ‘멀티미디어제 작(DIC)’로 선택합니다.

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

❸ 계속해서 본인의 수검번호와 이름을 입력한 후 [확인] 단추 를 클릭합니다.

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

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

Part 01 DIAT 시험 안내 Part1

.indd 6

Chapter 02 · DIAT 시험 절차 (답안 전송 안내) 2013-06-10 15:55:26

DIAT 멀티미디어 제작

❺ 감독관이 시험을 시작하면 자동으로 포토샵 프로그램이 실행되고, 자동으로 생성된 자신의 1번 문제 답안 파일(dic_01_수 검번호_이름.PSD)이 표시됩니다. 남은 시간이 표시됩니다.

답안/예제 파일이 있는 경로 [바탕 화면-KAIT-제출 파일] 폴더에 답안 파일과 예제 파일이 있습니다. DIAT 멀티미디어 제작 시험에서는 자동으로 생성된 자신의 답안 파일 3개 를 포함하여 모두 11개의 파일이 제공됩니다.

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

❻ 작성한 답안은 수시로 저장합니다. 5분 단위로 감독관 PC에 자동으로 전송되 므로 별도로 답안 전송을 수행할 필요는 없습니다.

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

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

Part 01 DIAT 시험 안내 Part1

.indd 7

Chapter 02 · DIAT 시험 절차 (답안 전송 안내) 2013-06-10 15:55:26

Part 02

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

08 Part2_

.indd 8

2013-06-10 15:55:35

Chapter

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

예제 001

< 원본파일 >

풀었음

< 결과파일 >

▶ 다음과 같은 크기의 새로운 캔버스를 여시오. * 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(400 픽셀[Pixels]) ▶ ‘예제001.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 결과 파일로 완성하시오. ▶ PSD 파일(예제001_내이름.PSD)과 JPG 파일(예제001_내이름.JPG)로 각각 저장하시오.

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

1_ 포토샵의 화면 구성 살펴보기 ❶ 포토샵 프로그램을 실행합니다. 포토샵 CS2의 화면 구성은 다음과 같습니다. 옵션 바 (Option Bar)

도구 상자 (Tool Box)

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

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

캔버스 (Canvas)

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

.indd 9

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:36

DIAT 멀티미디어 제작

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

★★

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

선택 윤곽 도구(Marquee Tool) ★★

이동 도구(Move Tool)

올가미 도구(Lasso Tool)

자동 선택 도구(Magic Wand Tool)

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

브러쉬 도구(Brush Tool)

복제 도장 도구(Clone Stamp Tool)

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

지우개 도구(Erase Tool)

그라디언트 도구(Gradient Tool) ★★

흐림 효과 도구(Blur Tool)

닷지 도구(Dodge Tool)

패스 선택 도구(Path Selection Tool)

문자 도구(Type Tool)

펜 도구(Pen Tool)

★★

모양 도구(Shape Tool) ★★

메모 도구(Notes Tool)

스포이드 도구(Eyedropper Tool) 돋보기 도구(Zoom Tool)

손 도구(Hand Tool) ★★

★★

분할 영역 도구(Slice Tool)

자르기 도구(Crop Tool) ★★

★★

전경색과 배경색 바꿈

전경색 설정(Set Foreground Color)

배경색 설정(Set Background Color)

전경색과 배경색 초기화 표준 모드/빠른 마스크 모드

화면 모드 ImageReady에서 편집

2_ 새로운 캔버스 열기

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

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

❷ [새로 만들기(New)] 대화 상자에서 조건으로 제시된 폭(가로)과 높이(세로)를 입력하고 [확인] 단추를 클릭 합니다. 단위가 픽셀(Pixels)이 아닌 센티미 터(cm) 등으로 되어 있다면 단위를 맞춰 줍니다.

❸ ‘무제-1’의 이름으로 새로운 캔버스가 열립니다. 나머지 설정 사항은 확인만! [해상도(Resolution)]는 ‘72 픽셀/인치[Pixels/Inch]’, [색상 모드(Color Mode)]는 ‘RGB/8비트[bit]’로 놓아 둡니다. [배경 내용 (Background Contents)]의 경우 ‘흰색’으로 지정하면 흰색 바탕의 캔버스가 만들어집니다. ‘투명’, ‘배경색’ 등으로 새로 만들어질 캔버스의 바탕을 지정할 수 있는데, 시험에서는 자동으로 생성된 답안 파일(PSD)이 제공되므로 신경쓰지 않아도 됩니다.

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

.indd 10

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:36

DIAT 멀티미디어 제작

3_ 예제 이미지 불러와 복사하기

윈도탐색기에서 파일을 드래그하여 포토샵 창으로 옮 겨 놓아도 열기 작업을 수행할 수 있습니다.

❶ [파일(File)]-[열기(Open)] 메뉴를 선택하여, ‘예제001.jpg’ 이미지를 불러옵니다( ❷ [돋보기 도구(Zoom Tool)]를 클릭하고, 불러온 이미지에서 확대할 부분(

화면 축소와 확대된 이미지에서의 이동 이미지를 축소하고 싶다면

)을 클릭합니다.

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

키를 누른 채 축소할 부분(

키를 누른 채 화면을 드래그(

)을 클릭합니다. 확대된 상태에서 이미지의 가려진 부분으로 이동하려면

)합니다.

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

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

[원형 선택 윤곽 도구

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

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

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

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

.indd 11

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:37

DIAT 멀티미디어 제작

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

❺ 선택 영역을 복사하기 위하여, [이동 도구(Move Tool)]를 클릭한 다음 선택 영역을 ‘무제-1’ 캔버스로 드래그합니다. 계속해서 복사한 얼굴의 위치를 가운데로 이동시킵니다.

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

4_ 브러쉬로 그림 그리기 ❶ 얼굴을 복사한 후 [레이어(Layers)] 팔레트에 새로운 레이어가 추가된 것을 확인할 수 있습니다. ❷

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

새 레이어 추가

레이어에 대하여

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

레이어는 ‘층’이라는 뜻으로, 포토샵 등과 같은 그래픽 프로그램에서는 겹쳐져 있는 투명한 필름이라고 생각하면 됩니다. 각각의 레이어에 다 른 그림들을 배치해 놓고 겹쳐 놓으면 한 장의 그림처럼 보이지만, 실제로는 여러 장에 나누어져 있어 원하는 레이어의 그림만 따로 편집할 수 있습니다. 1층(레이어1)에 바다 사진, 2층(레이어2)에 사람을 넣어 놓고, 1층(레이어1)을 산으로 바꾸거나 2층을 동물로 바꾸는 것을 떠올리게 해 주세요.

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

.indd 12

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:37

DIAT 멀티미디어 제작

❸

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

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

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

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

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

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

5_ 색칠하여 완성하기 ❶

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

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

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

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

.indd 13

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:37

DIAT 멀티미디어 제작

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

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

❸ [브러쉬 도구(Brush Tool)]를 클릭한 다음 옵션 바에서 브러쉬 크기를 100 정도로 키운 다음 캔버스를 드래그해 색을 칠합니다. 얼굴 이미지는 다른 레이어에 있으므로 지워진 것이 아닙니다.

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

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

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

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

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

.indd 14

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:37

DIAT 멀티미디어 제작

❻ [ 레이어(Layers)] 팔레트에서 [레이어 2]를 클릭해 ‘레이어 2’ 작업 상태 로 만듭니다. ★★ 중요, 작업하려는 레이어가 선택되어 있는지 반드시 확인해야 합니다. 만약 이 작업을 잊었다면, 이후에 ❼작업을 할 때 나뭇잎 내부 영역이 제대로 선택되지 않을 것입니다.

❼ [자동 선택 도구(Magic Wand Tool)]를 클릭하고 왼쪽 나뭇잎 내부를 클릭하여 선택하고, 계속해서 채 오른쪽 나뭇잎 내부를 클릭하여 선택 영역을 추가합니다. ❽ 전경색을 초록색 계열로 변경하고,

키를 누른

[브러쉬 도구(Brush Tool)]로 색칠합니다.

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

❾

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

6_ 저장하기 ❶ [파일(File)]-[저장(Save)] 메뉴를 클릭하여, ‘예제001_내 + ). 이름’의 파일명으로 저장합니다(

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

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

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

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

.indd 15

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:38

DIAT 멀티미디어 제작

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

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

❸ [형식(Format)] 목록 단추를 클릭하여 [JPEG (*.JPG;*.JPEG;*.JPE)]를 선택한 다음, 파일 이름을 ‘예제001_내이름’ 으로 지정하여 저장합니다. 이 때 [JPEG 옵션] 창의 [이미지 옵션(Image Option)]-[품질(Quality)]을 ‘10’으로 지정합 니다.

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

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

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

❹ 이미지가 JPG 파일로 저장됩니다(포토샵 화면에서는 아무런 변화가 없습니다). JPG 형식으로 저장 포토샵 파일(PSD 형식)의 이미지 내용을 확인하고 편집하려면 반드시 포토샵 프로그램이 있어야만 합니다. 다른 응용 프로그램이나 인터넷 에서 이미지를 사용하기 위하여 JPG 형식으로 저장하는 것입니다. JPG 형식은 이미지를 압축하여 저장하는 방식으로 GIF, PNG 파일 등 과 함께 가장 많이 사용되는 이미지 형식입니다.

7_ JPG 파일 열어 확인하기 ❶ [파일(File)]-[열기(Open)] 메뉴를 선택하여, 앞에서 저정한 + ). ‘예제001_내이름.jpg’ 이미지를 불러옵니다(

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

❷ JPG 파일에서는 PSD 파일과 다르게 레이어가 합쳐진 상태로 표시된 것을 확인할 수 있습니다.

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

.indd 16

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:38

DIAT 멀티미디어 제작

예제 002

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

풀었음

나비일까? 벌일까? < 원본파일 >

< 결과파일 >

▶ 다음과 같은 크기의 새로운 캔버스를 여시오. * 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(400 픽셀[Pixels]) ▶ ‘예제002.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 결과 파일로 완성하시오. ▶ PSD 파일(예제002_내이름.PSD)과 JPG 파일(예제002_내이름.JPG)로 각각 저장하시오.

예제 003

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

풀었음

보이는건 모두 음식뿐! < 원본파일 >

< 결과파일 >

▶ 다음과 같은 크기의 새로운 캔버스를 여시오. * 캔버스 크기[Canvas Size] ⇒ 가로(650 픽셀[Pixels]) × 세로(430 픽셀[Pixels]) ▶ ‘예제003.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 결과 파일로 완성하시오. ▶ PSD 파일(예제003_내이름.PSD)과 JPG 파일(예제003_내이름.JPG)로 각각 저장하시오.

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

.indd 17

Chapter 01 · 포토샵의 기본 익히기 2013-06-10 15:55:38

Chapter

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

예제 004

< 원본파일 >

풀었음

< 결과파일 >

① ▶ ‘dic_004.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오. * 캔버스 크기[Canvas Size] ⇒ 가로(650 픽셀[Pixels]) × 세로(450 픽셀[Pixels]) ▶ ‘예제004.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * ① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거 예제풀이

1_ 캔버스 크기 변경하기

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

❶ 포토샵 프로그램을 실행하고, ‘dic_004.PSD’ 파일을 불러옵니다. ❷ 캔버스 크기를 변경하기 위하여, [편집(Edit)]-[캔바스 크기(Canvas Size)] 메뉴를 선택하고 조건으로 제시된 ‘650픽셀 ×450픽셀’ 크기를 지정합니다.

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

흰색인지 확인

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

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

.indd 18

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

Chapter 02 · 이미지 수정하기 2013-06-10 15:55:39

DIAT 멀티미디어 제작

2_ 예제 이미지 복사하기

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

❶ 조건으로 제시된 ‘예제004.JPG’ 파일을 불러옵니다. ❷ [선택(Select)]-[모두(All)] 메뉴를 선택(

)하여, 이미지 전체를 선택 영역으로 지정합니다.

❸ [편집(Edit)]-[복사(Copy)] 메뉴를 선택(

)하여, 선택 영역을 복사합니다.

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

+ +

)합니다.

PSD 창에서 + 로 붙이기

로 전체 선택 → 로 복사

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

3_ 이미지 제거하기 ❶ 먼저 ❷

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

[복구 브러쉬 도구(Healing Brush Tool)]를 선택하고, 옵션 바에서 브러쉬 크기를 10정도로 지정합니다. 브러쉬 크기는 상황에 따라 적당한 크기 로 변경하며 작업해야 합니다.

[복구 브러쉬 도구(Healing Brush Tool)]에 대하여 이미지의 특정 부분을 다른 부분의 이미지로 복구해 줍니다. 이 때 기존 이미지의 질감대로 복구되므로 자연스러운 효과를 낼 수 있습니다. 이 미지의 특정 부분을 지우는 용도로 많이 사용됩니다.

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

.indd 19

Chapter 02 · 이미지 수정하기 2013-06-10 15:55:39

DIAT 멀티미디어 제작

❸ 가져올 부분의 이미지 위치를 지정하기 위하여, ❹

키를 누른 채 깨끗한 부분을 클릭(

)합니다.

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

+ 클릭

❺ 같은 방법으로 다른 부분의 낙서도 모두 제거합니다. 필요 + 클릭으로 새로운 위치를 지정한 후 작업 하다면 해도 됩니다.

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

실행 취소하기 + 방금 수행한 작업이 마음에 들지 않는다면 키를 누릅니다. [작업 내역 (History)] 팔레트를 이용하면 더 많은 이전 단계로도 복구할 수 있습니다. Ctrl + Z 키는 1단계만 취소가 가능합니다. Alt + Ctrl + Z 키를 누르면 이전 단계로 순차적으로 취소할 수 있으며, 취소한 작업을 다 시 실행하려면 Shift + Ctrl + Z 키를 누릅니다. 혼동될 수 있으므 로 [작업 내역] 팔레트를 이용하도록 지도하는 것이 좋을 듯 합니다.

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

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

.indd 20

Chapter 02 · 이미지 수정하기 2013-06-10 15:55:39

DIAT 멀티미디어 제작 [복제 도장 도구(Clone Stamp Tool)] 이용해 보기 [복제 도장 도구]는 [복구 브러쉬 도구]와 사용법은 비슷합니다. 단, [복제 도장 도구]는 기존 이미지의 질감을 무시하고 이미지 그대로를 도 장 찍는 것처럼 복제해 줍니다.

❶

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

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

❷ 복제하려는 눈 부분을

+클릭하고, 이마 위치를 드래그하여 이미지를 복제합니다.

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

+ 클릭

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

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

.indd 21

Chapter 02 · 이미지 수정하기 2013-06-10 15:55:39

DIAT 멀티미디어 제작

예제 005

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

풀었음

아빠 주름살 펴져라~ 얍! < 원본파일 >

< 결과파일 >

①

▶ ‘dic_005.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오. * 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(440 픽셀[Pixels]) ▶ ‘예제005.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * ① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거

예제 006

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

< 원본파일 >

이게 뭔지 아세요?

풀었음

< 결과파일 >

①

▶ ‘dic_006.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오. * 캔버스 크기[Canvas Size] ⇒ 가로(650 픽셀[Pixels]) × 세로(420 픽셀[Pixels]) ▶ ‘예제006.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * ① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거

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

.indd 22

Chapter 02 · 이미지 수정하기 2013-06-10 15:55:40

DIAT 멀티미디어 제작

예제 007

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

< 원본파일 >

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

풀었음

< 결과파일 >

①

▶ ‘dic_007.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오. * 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(450 픽셀[Pixels]) ▶ ‘예제007.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * ① ⇒ 복제 도장 도구[Clone Stamp Tool]를 이용하여 이미지 제거

예제 008

풀었음 여기서 이러시면 안됩니다② < 원본파일 >

< 결과파일 >

①

▶ ‘dic_008.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오. * 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(430 픽셀[Pixels]) ▶ ‘예제008.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * ① ⇒ 복제 도장 도구[Clone Stamp Tool]를 이용하여 이미지 제거

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

.indd 23

Chapter 02 · 이미지 수정하기 2013-06-10 15:55:40

DIAT 멀티미디어 제작

예제 009

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

< 원본파일 >

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

풀었음

< 결과파일 >

② ①

▶ ‘dic_009.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오. * 캔버스 크기[Canvas Size] ⇒ 가로(500 픽셀[Pixels]) × 세로(450 픽셀[Pixels]) ▶ ‘예제009.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * ① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거 * ② ⇒ 복제 도장 도구[Clone Stamp Tool]를 이용하여 이미지 제거 ▶ PSD 파일과 JPG 파일로 각각 저장하시오.

예제 010

풀었음 < 원본파일 >

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

< 결과파일 >

① ②

▶ ‘dic_010.PSD’ 파일을 불러와 다음과 같이 캔버스 크기를 변경하시오. * 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(420 픽셀[Pixels]) ▶ ‘예제010.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * ① ⇒ 복제 도장 도구[Clone Stamp Tool]를 이용하여 이미지 제거 * ② ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거 ▶ PSD 파일과 JPG 파일로 각각 저장하시오.

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

.indd 24

Chapter 02 · 이미지 수정하기 2013-06-10 15:55:40

Chapter

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

예제 011

< 원본파일 >

풀었음

< 결과파일 >

①

▶ ‘dic_011.PSD’ 파일을 불러와 다음과 같이 처리하시오. * ① ⇒ 색조/채도[Hue/Saturation]를 이용하여 초록색 계열로 보정 예제풀이

1_ 원하는 부분 선택하기

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

❶ 포토샵 프로그램을 실행하고, ‘dic_011.PSD’ 파일을 불러옵니다. 선택 도구와 옵션 이해하기 ● 선택 도구의 종류

자동 선택 도구 ★★

● 옵션 바

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

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

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

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

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

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

.indd 25

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

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

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

Chapter 03 · 색상 보정하기 2013-06-10 15:55:40

Chapter

04 밝기 조정하기

예제 019

풀었음 < 원본파일 >

< 결과파일 >

▶‘dic_019.PSD’ 파일을 불러와 다음과 같이 처리하시오. * 밝기 조정 ⇒ 곡선[Curves]을 이용하여 이미지 조정 (Input : 50, Output : 120) 예제풀이

1_ 이미지 밝기 조정하기

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

❶ 포토샵 프로그램을 실행하고, ‘dic_019.PSD’ 파일을 불러옵니다. ❷ 밝기를 조정하기 위하여 [이미지(Image)]-[조정(Adjustments)]-[곡선(Curves)] 메뉴를 선택합니다(

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

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

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

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

왼쪽/위로 드래그하면 이미지가 밝아지고, 오른쪽 아래로 드래그하면 이미지가 어두워집니다. 이미지에 결과가 즉각 반영되어 표시되므로 이 미지 상태를 확인하며 적당한 밝기로 조정할 수 있습니다.

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

.indd 33

Chapter 04 · 밝기 조정하기 2013-06-10 15:55:42

Chapter

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

예제 026

< 원본파일 >

풀었음

< 결과파일 >

▶ ‘dic_026.PSD’ 파일을 불러와 다음과 같이 처리하시오. * 필터 효과 ⇒ 렌즈 플레어[Lens Flare]를 이용하여 필터 적용 ▶ 지시 사항이 없는 경우는 기본값을 적용하시오. 예제풀이

1_ 필터 효과 주기

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

❶ 포토샵 프로그램을 실행하고, ‘dic_026.PSD’ 파일을 불러옵니다. ❷ [필터(Filter)]-[렌더(Render)]-[렌즈 플레어(Lens Flare)] 메뉴를 선택하고, 대화 상에서 빛을 주려는 위치를 클릭한 다음 [확인] 단추를 클릭합니다.

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

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

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

.indd 38

Chapter 05 필터 효과 이용하기 2013-06-10 15:55:44

Chapter

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

예제 034

▶ ‘dic_034.PSD’ 파일을 불러와 다음과 같이 처리하시오. ▶ 다음과 같은 규칙으로 JPG 파일과 PSD 파일을 각각 저장하시오. JPG

파일명

dic_034.JPG

이미지 크기

600×400 픽셀 [Pixels]

PSD

풀었음

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

파일명

dic_034.PSD

이미지 크기

60×40 픽셀 [Pixels]

예제풀이

1_ 이미지 크기 변경하기 - JPG용 ❶ 포토샵 프로그램을 실행하고, ‘dic_034.PSD’ 파일을 불러옵니다. 작업이 모두 끝난 상태라고 가정합니다. 실제 시험에서는?

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

시험 시작과 동시에 자신의 이름으로 된 1번 작업 문서(PSD 파일)가 화면에 열립니다. 예를 들어 수험번호가 DIC-1304-123456인 ‘홍길동’의 파일명은 다음과 같이 지정됩니다.

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

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

❷ [이미지(Image)]-[이미지 크기(Image Size)] 메뉴를 선택합니다. ❸ [비율 제한(Constrain Proportions)] 체크를 해제하 고, 조건으로 제시된 JPG 이미지 크기(600×400 픽 셀)를 지정한 후 [확인] 단추를 클릭합니다.

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

체크 해제

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

2_ JPG 저장하기

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

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

❷ [형식(Format)] 목록 단추를 클릭하여 [JPEG (.JPG;.JPEG;.JPE)]를 선택하고, 파일명을 지정한 후 저장합니다. ❸ [JPEG 옵션] 창의 [이미지 옵션(Image Option)]-[품질(Quality)]을 ‘10’으로 지정합니다.

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

.indd 43

Chapter 06 · 이미지 크기 변경과 저장 2013-06-10 15:55:45

Chapter

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

예제 039

< 원본파일 >

풀었음

< 결과파일 >

▶ ‘dic_039.PSD’ 파일을 불러와 다음과 같이 처리하시오. * “Fly to the SKY” ⇒ 글꼴(Arial), 글꼴 스타일(Bold), 크기(48pt), 색상(#ffcc00), 앤티 앨리어싱 :

선명하게[Sharp], 레이어 스타일 - 선/획[Stroke] (크기 : 5px, 색상 : #ffffff) * “나의 꿈, 하늘을 날다” ⇒ 글꼴(궁서체), 크기(32pt), 색상(#00ff00), 앤티 앨리어싱 : 선명하게[Sharp],

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

1_ 영문 텍스트 입력하기

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

❶ 포토샵 프로그램을 실행하고, ‘dic_039.PSD’ 파일을 불러옵니다. ❷ [수평 문자 도구(Horizontal Type Tool)]를 선택하고, 텍스트를 입력할 곳을 클릭한 후 조건으로 제시된 내용(Fly to the SKY)을 입력합니다.

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

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

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

.indd 49

Chapter 07 · 텍스트 입력하기 2013-06-10 15:55:46

Chapter

08 모양 도구 이용하기

예제 046

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

< 원본파일 >

풀었음

< 결과파일 > ①

▶ ‘dic_046.PSD’ 파일을 불러와 다음과 같이 처리하시오. * ① ⇒ 모양 도구[Shape Tool] 이용

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

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

예제풀이

1_ 사용자 정의 모양 삽입하기 ❶ 포토샵 프로그램을 실행하고, ‘dic_046.PSD’ 파일을 불러옵니다. ❷ 도구 상자에서 [사용자 정의 모양 도구(Custom Shape Tool)]를 선택하고, 옵션 바의 [모양] 목록에서 원하는 모양을 선 택합니다.

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

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

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

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

모양 목록 오른쪽에 있는 를 클릭하고 [All(모두)]을 선택합니다. 계속해서 현재 모양을 대체 할 것인지 묻는 대화 상자에서 [확인] 단추를 클릭하면 됩니다.

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

.indd 56

Chapter 08 모양 도구 이용하기 2013-06-10 15:55:48

Chapter

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

예제 053

< 원본파일 >

풀었음

< 결과파일 >

▶ ‘dic_053.PSD’ 파일을 불러와 다음과 같이 처리하시오. ▶ ‘예제053.jpg’를 이용하여 새로운 레이어를 생성하시오. * 이미지 복사 ⇒ 자유 변형[Free Transform]으로 크기 변형, 레이어 이름 - ‘사슴’

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

예제풀이

1_ 선택 영역 지정해 복사하기

[열기] 대화 상자에서 Ctrl 키를 누른 채 여러 파 일을 한꺼번에 선택한 후 불러오면 편리합니다.

❶ 포토샵 프로그램을 실행하고, ‘dic_053.PSD’ 파일과 ‘예제053.jpg’ 파일을 불러옵니다. ❷ 복사해올 이미지가 있는 사진에서 [선택 도구]를 이용하여 선택 영역을 지정합니다.

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

.indd 62

Chapter 09 · 오려낸 사진 합성하기 2013-06-10 15:55:49

Chapter

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

예제 060

< 원본파일 >

풀었음

< 결과파일 >

▶ ‘dic_060.PSD’ 파일을 불러와 다음과 같이 처리하시오. ▶ 타원 도구[Ellipse Tool]와 ‘예제060.jpg’를 이용하여 새로운 레이어를 생성하시오. * 원의 크기 ⇒ 160 px × 160 px (단, 클리핑 마스크 기능을 이용할 것)

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

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

1_ 크기 지정하여 원 삽입하기

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

❶ 포토샵 프로그램을 실행하고, ‘dic_060.PSD’ 파일을 불러옵니다. ❷ 도구 상자에서

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

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

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

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

.indd 69

Chapter 10 · 원 안에 사진 합성하기 2013-06-10 15:55:51

Chapter

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

예제 067

< 원본파일 >

풀었음

< 결과파일 >

▶ ‘dic_067.PSD’ 파일을 불러와 다음과 같이 캔버스를 변경하시오. * 캔버스 조정 ⇒ 캔버스 크기[Canvas Size] ⇒ 가로(600 픽셀[Pixels]) × 세로(300 픽셀[Pixels])

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

▶ ‘예제067.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. * 이미지 복사 ⇒ 자유 변형[Free Transform]으로 크기 변형, 레이어 이름 - ‘숲속’

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

1_ 캔버스 배경색 채우기

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

❶ 포토샵 프로그램을 실행하고, ‘dic_067.PSD’ 파일을 불러옵니다. ❷ [편집(Edit)]-[캔바스 크기(Canvas Size)] 메뉴를 선택하여 캔버스 크기를 ‘600×300’으로 변경합니다. ❸ 도구 상자에서 전경색을 제시된 색상(#00a650)으로 설정합니다.

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

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

.indd 76

Chapter 11 · 배경을 흐릿하게 만들기 2013-06-10 15:55:53

Chapter

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

예제 074

풀었음

< 출력형태 >

▶ 무비메이커 실행 후 모음에 파일이 있을 경우 모든 파일(이미지, 동영상, 음악 등)을 삭제하시오. ▶ 클립의 재생 시간과 순서를 다음과 같이 지정하시오. (가져오기 옵션 : 비디오 파일용 클립 만들기 체크해제) * 기본 재생 시간 ⇒ 사진 재생 시간 : 7초, 전환 재생 시간 : 2초 * 클립 순서 ⇒ 동영상-074.wmv > 이미지074-1.jpg > 이미지074-3.jpg > 이미지074-2.jpg ▶ 다음과 같은 규칙으로 MSWMM 파일과 WMV 파일을 각각 저장하시오. MSWMM WMV

파일명 파일명 저장 조건

dic_074_이름.MSWMM dic_074_이름.WMV 기타 설정 : ‘고화질 비디오(소)’

예제풀이 이 책에서 보여지는 무비메이커 버전은 2.6(윈도우7)입니다. 윈도우XP의 2.1 버전도 모양과 작업 방법은 동일합니다.

1_ 무비메이커의 화면 구성 살펴보기

❶ Windows Movie Maker 프로그램을 실행합니다. 무비메이커의 화면 구성은 다음과 같습니다. 동영상 작업창과 모음창 전환

메뉴와 도구 모음

클립 표시 공간 동영상 작업창 (모음창)

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

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

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

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

.indd 83

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

Chapter 12 · 무비메이커의 기본 익히기 2013-06-10 15:55:54

Chapter

13 비디오 효과와 비디오 전환 밋밋하게 사진이 바뀌는 동영상이 아니라 사진에 여러 가지 효과를 설정하고, 다른 사진으로 전환될 때 의 효과도 지정할 수 있습니다.

예제 078

풀었음

< 출력형태 >

①

②

▶ ‘dic_078.MSWMM’ 파일을 불러와 다음과 같이 처리하시오. ▶ 다음 조건에 따라 비디오 효과를 지정하시오. * ‘이미지1’ ⇒ 세피아 톤

* ‘이미지3’ ⇒ 점점 가까이

▶ 다음 조건에 따라 비디오 전환을 지정하시오. ① ⇒ 나비 넥타이(가로)

* ‘이미지2’ ⇒ 검정으로 페이드 아웃

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

② ⇒ 바람개비

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

1_ MSWMM 파일 열기 ❶ 무비메이커를 실행하고 [파일]-[프로젝트 열기] 메뉴를 선택하여 ‘dic_078.MSWMM’ 파일을 불러옵니다. ❷ 스토리보드의 클립이 표시로 나타난다면, 오른쪽 단추로 클릭한 후 [없는 파일 찾아보기] 메뉴를 선택한 후 해당 파일이 있는 폴더에서 이미지를 선택합니다.

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

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

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

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

.indd 91

Chapter 13 · 비디오 효과와 비디오 전환 2013-06-10 15:55:56

Chapter

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

예제 085

풀었음

< 출력형태 >

①

②

▶ ‘dic_085.MSWMM’ 파일을 불러와 다음과 같이 처리하시오. ▶ 동영상 파일(‘동영상-085.wmv’)을 다음과 같이 트리밍하고 2개의 동영상 클립으로 분할하시오. * 트리밍 끝 지점 ⇒ 0:00:13~0:00:14초(구간) ▶ 다음 조건에 따라 비디오 전환을 지정하시오. ① ⇒ 원

② ⇒ 지그재그(세로)

* 분할 구간 ⇒ 0:00:07~0:00:08초(구간)

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

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

1_ MSWMM 파일 열기 ❶ 무비메이커를 실행하고, ‘dic_085.MSWMM’ 파일을 불러옵니다. ❷ 스토리보드의 클립이 표시로 나타난다면, 오른쪽 단추로 클릭한 후 [없는 파일 찾아보기] 메뉴를 선택한 후 해당 파일이 있는 폴더에서 이미지를 선택합니다.

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

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

❶ 먼저 불러온 동영상 파일이 어떻게 되어 있는지 미리 보기를 통해 재생해 봅니다. ❷ 시간 표시 막대로 전환한 후 모든 동영상이 표시 되도록 확대 배율을 적당하게 조정합니다. ❸ 파란색 사각형을 드래그하여 트리밍하려는 13~14초 사이로 이동한 후, [클립]-[트리밍 끝 지점 설정] 메뉴를 선택합니다.

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

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

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

.indd 98

Chapter 14 동영상 트리밍과 분할 2013-06-10 15:55:57

Chapter

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

예제 091

풀었음

< 출력형태 >

① ▶ ‘dic_091.MSWMM’ 파일을 불러와 다음과 같이 처리하시오. ▶ 다음 조건에 따라 제목 또는 제작진을 이용하여 자막을 지정하시오. * 오프닝 ⇒ 텍스트 입력 :

나비의 일생 (Butterfly’s Life)

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

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

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

① ⇒ 다이아몬드

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

1_ MSWMM 파일 열기 ❶ 무비메이커를 실행하고, ‘dic_091.MSWMM’ 파일을 불러옵니다. ❷ 스토리보드의 클립이 표시로 나타난다면, 오른쪽 단추로 클릭한 후 [없는 파일 찾아보기] 메뉴를 선택한 후 해당 파일이 있는 폴더에서 이미지를 선택합니다.

2_ 오프닝 제목 만들기

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

❶ 먼저 불러온 동영상 파일이 어떻게 되어 있는지 미리 보기를 통해 재생해 봅니다. ❷ 동영상 작업창에서 [2.동영상 편집-제목 또는 제작진 만들기]를 클릭합니다(또는 [도구]-[제목과 제작진] 메뉴 클릭). ❸ [어디에 제목을 추가하시겠습니까?]에서 [맨 앞부분에 제목]을 클릭합니다.

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

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

.indd 103

103

Chapter 15 · 오프닝 제목 만들기 2013-06-10 15:55:58

Chapter

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

예제 098

풀었음

< 출력형태 >

▶ ‘dic_098.MSWMM’ 파일을 불러와 다음과 같이 처리하시오. ▶ 다음 조건에 따라 동영상 전체에 음악 파일(‘음악-098.wma’)을 삽입하시오. * 시작 시간 : 0:00:00.00초, 정지 시간 : 0:00:34~0:00:35초(구간) * 소리가 점점 커지면서 시작되고, 점점 작아지면서 끝나도록 할 것 * 원본 동영상에 포함된 오디오는 모두 음소거 할 것 예제풀이

1_ MSWMM 파일 열기 ❶ 무비메이커를 실행하고, ‘dic_098.MSWMM’ 파일을 불러옵니다. ❷ 스토리보드의 클립이 표시로 나타난다면, 오른쪽 단추로 클릭한 후 [없는 파일 찾아보기] 메뉴를 선택한 후 해당 파일이 있는 폴더에서 이미지를 선택합니다.

2_ 음악 삽입하기

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

❶ 먼저 불러온 동영상 파일이 어떻게 되어 있는지 미리 보기를 통해 재생해 봅니다. ❷ [파일]-[모음으로 가져오기] 메뉴, 또는 동영상 작업창의 [오디오 또는 음악 가져오기]를 이용하여 ‘음악-098.wma’ 파일 을 모음으로 가져옵니다. ❸ 시간 표시 막대로 전환하여, 모음창의 음악 파일을 [오디오/음악] 부분으로 드래그합니다. 이 때 시작 시간이 처음이 되도 록 맞추어( ) 드래그합니다.

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

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

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

.indd 109

109

Chapter 16 · 음악 삽입과 소리 조정하기 2013-06-10 15:55:59

Part 03

디지털 정보 활용 능력

114 .indd 114

2013-06-10 15:29:51

제 01 회

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

모의고사

20XX. XX. XX(토)

XXXX

20XX. XX. XX 20XX. XX. XX

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

115

제01회 · 모의고사 2013-06-10 15:29:58

디지털정보활용능력 - 멀티미디어제작

(시험시간 : 40분)

1/3

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

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

< 결과파일 >

②

①

<처리조건> ▶다음과 같이 캔버스 크기를 변경하시오. ·캔버스 크기[Canvas Size] ⇒ 가로(650 픽셀[Pixels])×세로(450 픽셀[Pixels]) ▶‘사진1.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. ·① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거 ·② ⇒ 색조/채도[Hue/Saturation]를 이용하여 빨간색 계열로 보정 ·밝기 조정 ⇒ 곡선[Curves]을 이용하여 이미지 조정(Input : 60, Output : 80) ·필터 효과 ⇒ 렌즈 플레어[Lens Flare]를 이용하여 필터 적용 ▶ 지시사항이 없는 경우는 기본값을 적용하시오. ▶ 다음과 같은 규칙으로 JPG 파일과 PSD 파일을 각각 저장하시오. ·저장위치 : 바탕화면 - KAIT - 제출파일 폴더 JPG

파일명 이미지 크기

dic_01_수검번호_이름.JPG 600×400 픽셀 [Pixels]

PSD

파일명 이미지 크기

dic_01_수검번호_이름.PSD 65×45 픽셀 [Pixels]

(예 : 수검번호가 DIC-XXXX-000000인 경우 “dic_01_000000_이름.JPG”과 “dic_01_000000_이름.PSD”로 저장할 것) (* dic_01_000000_이름.JPG와 dic_01_000000_이름.PSD 파일 중 하나라도 누락시 “0점” 처리 됨)

Part 03 디지털 정보 활용 능력 .indd 116

116

제01회 · 모의고사 2013-06-10 15:29:58

디지털정보활용능력 - 멀티미디어제작

(시험시간 : 40분)

2/3

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

< 결과파일 >

①

<처리조건> ▶ 다음과 같이 캔버스 크기를 변경하시오. ·캔버스 크기[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°) ▶ 지시사항이 없는 경우는 기본값을 적용하시오. ▶ 다음과 같은 규칙으로 JPG 파일과 PSD 파일을 각각 저장하시오. ·저장위치 : 바탕화면 - KAIT - 제출파일 폴더 JPG

파일명 이미지 크기

dic_02_수검번호_이름.JPG 600×400 픽셀 [Pixels]

PSD

파일명 이미지 크기

dic_02_수검번호_이름.PSD 65×45 픽셀 [Pixels]

(예 : 수검번호가 DIC-XXXX-000000인 경우 “dic_02_000000_이름.JPG”과 “dic_02_000000_이름.PSD”로 저장할 것) (* dic_02_000000_이름.JPG와 dic_02_000000_이름.PSD 파일 중 하나라도 누락시 “0점” 처리 됨)

Part 03 디지털 정보 활용 능력 .indd 117

117

제01회 · 모의고사 2013-06-10 15:29:58

디지털정보활용능력 - 멀티미디어제작

(시험시간 : 40분)

3/3

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

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

①

②

③

④

⑤

<처리조건> 이미지1.jpg, 이미지2.jpg 이미지3.jpg, 동영상.wmv, 음악.wma

원본 파일

▶ 무비메이커 실행 후 모음에 파일이 있을 경우 모든 파일 (이미지, 동영상, 음악 등) 을 삭제 하시오. ▶ 클립의 재생 시간과 순서를 다음과 같이 지정하시오. (가져오기 옵션 : 비디오 파일용 클립 만들기 체크해제) ·기본 재생 시간 ⇒ 사진 재생 시간 : 7초, 전환 재생 시간 : 2초 ·클립 순서 ⇒ 동영상.wmv > 이미지1.jpg > 이미지2.jpg > 이미지3.jpg ▶ 동영상 파일 (‘동영상.wmv’)을 다음과 같이 트리밍하고 2개의 동영상 클립으로 분할하시오. ·트리밍 끝 지점 ⇒ 0:00:12~0:00:13초 (구간) ·분할 구간 ⇒ 0:00:07~0:00:08 초 (구간) ▶ 다음 조건에 따라 제목 또는 제작진을 이용하여 자막을 지정하시오. ·오프닝 ⇒ 텍스트 입력 : 아름다운 풍경 (Beautiful sea landscape) 제목 애니메이션(윤곽선 지우기), 글꼴 서식(휴먼옛체, 굵게, 흰색 계열), 배경색(파란색 계열), 투명도(50%) ▶ 다음 조건에 따라 비디오 전환을 지정하시오. ① ⇒ 가로 실선 무늬 ② ⇒ 넓히기 (마름모) ④ ⇒ 내려오기 ⑤ ⇒ 돌리기

③ ⇒ 조각내기 (밖으로)

▶ 다음 조건에 따라 비디오 효과를 지정하시오. ·‘이미지1’ ⇒ 검정에서 페이드 인 ·‘이미지2’ ⇒ 문지르기

·‘이미지3’ ⇒ 점점 가까이

▶ 다음 조건에 따라 동영상 전체에 음악 파일 (‘음악.wma’)을 삽입하시오. ·시작 시간 : 0:00:00.00초, 정지 시간 : 0:00:27~0:00:29초 (구간) ·소리가 점점 커지면서 시작되고, 점점 작아지면서 끝나도록 할 것 ·원본 동영상에 포함된 오디오는 모두 음소거 할 것 ▶ 다음과 같은 규칙으로 MSWMM 파일과 WMV 파일을 각각 저장하시오. · 저장위치 : 바탕화면 - KAIT - 제출파일 폴더 MSWMM WMV

파일명 파일명 저장 조건

dic_03_수검번호_이름.MSWMM dic_03_수검번호_이름.WMV 기타 설정 : ‘고화질 비디오 (소)’

(예 : 수검번호가 DIC-XXXX-000000인 경우 “dic_03_000000_이름.MSWMM”과 “dic_03_000000_이름.WMV”로 저장할 것) (* dic_03_000000_이름.wmv와 dic_03_000000_이름.MSWMM 파일 중 하나라도 누락시 “0점” 처리 됨)

Part 03 디지털 정보 활용 능력 .indd 118

118

제01회 · 모의고사 2013-06-10 15:30:04

Part 04

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

196 .indd 196

2013-06-10 15:59:21

제 01 회

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

20XX. XX. XX(토)

기출문제

2013.04 기출

XXXX

20XX. XX. XX 20XX. XX. XX

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

197

제01회 ∙ 기출문제 2013-06-10 15:59:27

디지털정보활용능력 - 멀티미디어제작

(시험시간 : 40분)

1/3

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

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

< 결과파일 >

①

②

<처리조건> ▶다음과 같이 캔버스 크기를 변경하시오. ·캔버스 크기[Canvas Size] ⇒ 가로(650픽셀[Pixels])×세로(450 픽셀[Pixels]) ▶‘사진1.jpg’ 이미지를 불러와 기존 캔버스에 복사한 후 다음과 같이 처리하시오. ·① ⇒ 복구 브러쉬 도구[Healing Brush Tool]를 이용하여 이미지 제거 ·②⇒ 색조 채도[Hue/Saturation]를 이용하여 초록색 계열로 보정 ·밝기 조정 ⇒ 곡선[Curves]을 이용하여 이미지 조정(Input : 60, Output : 110) ·필터 효과 ⇒ 렌즈 플레어[Lens Flare]를 이용하여 필터 적용 ▶ 지시사항이 없는 경우는 기본값을 적용하시오. ▶ 다음과 같은 규칙으로 JPG 파일과 PSD 파일을 각각 저장하시오. ·저장위치 : 바탕화면 - KAIT - 제출파일 폴더 JPG

파일명 이미지 크기

dic_01_수검번호_이름.JPG 600×400 픽셀 [Pixels]

PSD

파일명 이미지 크기

dic_01_수검번호_이름.PSD 60×40 픽셀 [Pixels]

Part 04 ∙ 기출문제 & 시행처 발표 샘플문제 .indd 198

198

제01회 ∙ 기출문제 2013-06-10 15:59:28

디지털정보활용능력 - 멀티미디어제작

(시험시간 : 40분)

2/3

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

< 원본파일 >

①

<처리조건> ▶ 다음과 같이 캔버스 크기를 변경하시오. ·캔버스 크기[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°) ▶ 지시사항이 없는 경우는 기본값을 적용하시오. ▶ 다음과 같은 규칙으로 JPG 파일과 PSD 파일을 각각 저장하시오. ·저장위치 : 바탕화면 - KAIT - 제출파일 폴더 JPG

파일명 이미지 크기

dic_02_수검번호_이름.JPG 600×400 픽셀 [Pixels]

PSD

파일명 이미지 크기

dic_02_수검번호_이름.PSD 65×45 픽셀 [Pixels]

Part 04 ∙ 기출문제 & 시행처 발표 샘플문제 .indd 199

199

제01회 ∙ 기출문제 2013-06-10 15:59:28

디지털정보활용능력 - 멀티미디어제작

(시험시간 : 40분)

3/3

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

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

①

②

③

④

⑤

<처리조건> 원본 파일

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

▶ 무비메이커 실행 후 모음에 파일이 있을 경우 모든 파일 (이미지, 동영상, 음악 등) 을 삭제 하시오. ▶ 클립의 재생 시간과 순서를 다음과 같이 지정하시오 (가져오기 옵션 비디오 파일용 클립 만들기 체크해제) ·기본 재생 시간 ⇒ 사진 재생 시간 : 7초, 전환 재생 시간 : 2초 ·클립 순서 ⇒ 동영상.wmv > 이미지1.jpg > 이미지2.jpg > 이미지3.jpg ▶ 동영상 파일 (‘동영상.wmv’)을 다음과 같이 트리밍하고 2개의 동영상 클립으로 분할하시오 ·트리밍 끝 지점 ⇒ 0:00:14~0:00:15초 (구간) ·분할 구간 ⇒ 0:00:07~0:00:08 초 (구간) ▶ 다음 조건에 따라 제목 또는 제작진을 이용하여 자막을 지정하시오 ·오프닝 ⇒ 텍스트 입력 : 도시속의 공원 (Park of City)

제목 애니메이션(윤곽선 지우기), 글꼴 서식(휴먼옛체, 굵게, 흰색 계열), 배경색(파란색 계열), 투명도(50%)

▶ 다음 조건에 따라 비디오 전환을 지정하시오. ① ⇒ 가로 실선 무늬 ② ⇒ 넓히기 (마름모) ④ ⇒ 내려오기 ⑤ ⇒ 돌리기

③ ⇒ 조각내기 (밖으로)

▶ 다음 조건에 따라 비디오 효과를 지정하시오. ·‘이미지1’ ⇒ 검정에서 페이드 인 ·‘이미지2’ ⇒ 문지르기

·‘이미지3’ ⇒ 점점 가까이

▶ 다음 조건에 따라 동영상 전체에 음악 파일(‘음악.wma’)을 삽입하시오. ·시작 시간 : 0:00:00.00초, 정지 시간 : 0:00:31~0:00:33초 (구간) ·소리가 점점 커지면서 시작되고, 점점 작아지면서 끝나도록 할 것 ·원본 동영상에 포함된 오디오는 모두 음소거 할 것 ▶ 다음과 같은 규칙으로 MSWMM 파일과 WMV 파일을 각각 저장하시오. ·저장위치 : 바탕화면 - KAIT - 제출파일 폴더 MSWMM 파일명 dic_03_수검번호_이름.MSWMM 파일명 dic_03_수검번호_이름.WMV WMV 저장 조건 기타 설정 : ‘고화질 비디오 (소)’ (예 : 수검번호가 DIC-XXXX-000000인 경우 “dic_03_000000_이름.MSWMM”과 “dic_03_000000_이름.WMV”로 저장할 것) (* dic_03_000000_이름.wmv와 dic_03_000000_이름.MSWMM 파일 중 하나라도 누락시 “0점” 처리 됨)

Part 04 ∙ 기출문제 & 시행처 발표 샘플문제 .indd 200

200

제01회 ∙ 기출문제 2013-06-10 15:59:32

Memo

Part 03 디지털 정보 활용 능력 .indd 195

195 2013-06-10 15:33:51