컴퓨터 그래픽을 활용한 포스터 제작 지도

화순사평중학교  서강석

1. 단원의 지도계획

차시	학습과제	내용 및 활동	수업과정	준비물
1/4	□포스터의 기능 □포스터의 종류 □포스터 제작과정	□포스터의 정의 역사 □시각전달디자인으로서의 기능과 역할 □포스터의 종류와 조건 이해하기 □포스터의 제작과정 □컴퓨터그래픽을 이용하여 제작하기	이 해 발 상	□PPT자료 □멀티시설 □참고작품
2/4	□포스터제작의 실제	□목적에 맞는 포스터 그리기 □주제에 맞는 내용 창의적으로 구상하기 □구상 스케치하기(문자, 그림, 색채) □밑그림 그리기(A4용지) □밑그림 스캔하기(파일로 만들기)	준 비 구 상	□멀티시설 □참고작품 □작품계획서 □스캐너 □플로피디스크
3/4	□포스터제작의 실제	□컴퓨터를 이용하여 밑그림 수정·보완하기 □채색하여 완성하기 □완성작품 파일로 제출하기	구 상 표 현	□컴퓨터 □밑그림 □참고작품 □PPT자료
4/4	□제작소감 발표 □감상 및 평가 (감상 및 평가요소) □심화·보충	□감상 및 평가요소- ·전달 목적을 살려 독창적이며 창의 적인 구상으로 제작하였는가? ·주제와 소재의 선정이 전달하고자 하는 내용과 일치하였는가? ·문자와 그림, 색채 등의 계획이 조화있고 간결하며 효과적인가? □심화·보충 ·시각디자인의 분야 (표지디자인, 포장디자인, 카드디자인) ·컴퓨터그래픽의 응용분야와 발전 현황	감 상 평 가 심 화	□멀티시설 □완성작품 파일 □PPT자료 □참고작품 □평가표

2. 본시학습지도안

대 단 원	꾸미기와 만들기	소 단 원	포스터 그리기(계몽포스터)
학습주제	컴퓨터 그래픽을 활용한 포스터 채색 지도			차 시		3 / 4
학습목표	1. 포스터의 문자와 그림을 짜임새 있게 배치할 수 있다. 2. 포스터의 주제에 맞게 창의적인 배색으로 색을 칠할 수 있다.				학습형태		컴퓨터 활용 개별학습

단계	학습흐름도	학 습 요 소	교 수·학 습 활 동		준비물 및 유의점
			교 사	학 생
준 비 및 발 상 (8□)	시작 일제	□학습환경 조성 □본시학습내용 안내 □전시학습내용 확인 (기초·기본) □컴퓨터의 활용 배경과 창의성	□인사 및 출석 점검 □컴퓨터 1인1대 좌석배치 및 이상유무 확인 및 학습분위기 조성 □본시의 학습활동 내용을 간략하게 안내한다. (포스터 밑그림 색칠하기) □포스터 디자인을 위한 기초학습 내용과의 연계성 확인 (전시학습과정의 작품 게시 및 감상 - 배색) □컴퓨터를 활용하는 포스터디자인 제작 과정과 배경에 대하여 이해시킨다. □본인의 제작의도(구상) 가 가장 중요시됨을 알도록 한다. □종래의 직접제작에서의 어려운 점을 비교하여 설명해보도록 한다. (시간제약에 따른 수정의 불가능) □밑그림을 직접 그려 스캔하여 제작하고자 하는 배경 설명	□인사 및 출석 확인 □본인의 컴퓨터 부팅상태 이상유무를 확인한다. □본시의 학습활동 내용을 숙지한다. □색의 기본, 평면색채구성, 문자디자인, 포스터디자인의 기본과 본시학습과의 관계를 생각한다. (색의 구성과 배색) □컴퓨터를 활용하는 포스터디자인의 제작 과정과 특징을 이해한다 □제작의 편리성 □작품구상 및 표현의 다양성 □수정·보완이 용이 □제작 시간의 절약 □디자인에 있어 가장 중요한 요소는 자신의 창의적인 구상이 가장 중요함을 안다	□교사 □컴퓨터 □앤코더 □프로젝션TV □실물화상기 □참고작품 □ppt학습자료 □학생 □컴퓨터 □작품제작계획서 □포스터밑그림 (A4, 색채계획) □3.5인치플로피 (밑그림 파일) □컴퓨터를 활용하는 디자인에 있어 가장 중요한 것은 자신의 제작의도와 구상이 가장 우선되어야 함을 알게 한다.

단계	학습흐름도	학 습 요 소	교 수·학 습 활 동		준비물 및 유의점
			교 사	학 생
구 상 및 표 현 (25□)	일제 개별	□준비물 점검 □불필요한 파일 제거 □프로그램 실행 □밑그림 불러오기	□본시학습을 위한 준비물 점검 □플로피디스크 내의 파일 확인 및 제거 (탐색기 사용 지도) □그림판 프로그램을 실행하도록 한다 □그림판의 초기화면을 작게 지정하도록 한다 □밑그림 불러오기 (편집 메뉴에서 불러오기) □메시지 확인 □밑그림 영역을 해제하도록 한다. □전체 학생의 밑그림 확인	□A4 용지에 그려진 밑그림(색채계획) 확인 □완성작품의 저장을 위하여 플로피디스크 내의 파일 확인 탐색기→A드라이브 밑그림 외의 다른 파일 제거 □그림판 프로그램을 실행 시작→프로그램→ 보조프로그램→그림판 □새로운 그림판의 크기를 밑그림 크기보다 가급적 줄인다 □스캔되어 있는 자신의 밑그림을 불러온다. 편집→파일로부터 붙여넣기→파일선택→열기 □메시지를 확인한다 (메시지가 뜨고 □예□를 선택하면 정상) □밑그림 전체가 일정한 크기로 스캔되어 있으 므로 선택영역을 변화 시키지 않고 곧바로 해제한다. (ESC 키를 누른다) □모니터상의 밑그림을 관찰해본다	□플로피 속의 밑그림 외의 파일을 제거한다 □밑그림을 불러올 때 파일에서 바로 열기를 하지 않도록 지도한다. 메시지 확인 □클립보드에 저장된 이미지가 비트맵 보다 큽니다 비트맵을 확대 하시겠습니까?□에서 □예□를 선택하면 이상이 없다. □불러들인 파일의 선택영역을 바로 해제하도록 한다. (선택영역을 변화시켰을 경우 채색하기가 불가능하다) □의도대로 실행이 되지 않는 학생 들을 수시로 확인한다. □전체 학생의 준비 진행상태를 수시로 확인한다.

단계	학습흐름도	학 습 요 소	교 수·학 습 활 동		준비물 및 유의점
			교 사	학 생
구 상 및 표 현 (25□)	개별	□수정 및 보완 □문자와 그림의 위치 수정 □부분 수정 및 제거 □문자의 입력	□밑그림의 관찰과 수정 (문자, 그림의 위치) □밑그림 수정 및 보완요령을 안내 □잘못 실행하였을 경우의 취소 요령 안내 □문자와 그림의 경계선 (경계선 확인 지도) □필요없는 부분 제거하기 지도 □그림판에서 문자를 직접 입력하는 방법 안내 □포스터디자인에서 문자와 그림의 크기와 위치 등의 배치가 포스터 이미지에 크게 영향을 준다는 점을 강조한다.	□밑그림의 일부를 수정할 필요가 있는지에 대해 생각한다. □그림, 문자 등의 위치를 수정하고자 할 때에는 영역을 선택하여 원하는 위치에 배치한다. 단, 크기의 변화는 선의 유형이 깨지므로 실행 하지 않는다. 잘못 적용하였을 경우 취소를 시킨다 편집→실행취소 □그림이나 문자의 경계선에 틈이 생기지 않도록 돋보기를 활용 하여 확인 (그리기 연필 을 이용하여 메운다) □필요없는 부분은 지우개로 지우거나, 선택영역을 지정하고 편집→잘라내기를 한다 □문자의 글꼴, 크기 등에 수정이 불가피할 경우 에는 그림판에서 직접 문자를 입력한다. □문자도구 선택 □문자가 들어갈 위치에 마우스를 대고 클릭 □글꼴, 크기를 지정 □문자를 입력 * 위치 등은 선택영역을 이용하여 수시로 이동	□위치의 수정은 가능하나 크기의 변화는 시키지 않도록 유의하여 지도한다. □문자와 그림의 경계선이 끊어진 부분이 있을 경우 원하지 않은 면까지 색이 칠해지는 것을 알도록 한다. □크기가 작은 문자를 제외 하고는 가급적 자신이 직접 디자인한 문자를 이용하도록 안내한다 □모든 수정 및 보완 과정은 흑백 밑그림 상태에서 이루어지도록 지도한다. □항상 자신의 생각을 중요시 하도록 강조

단계	학습흐름도	학 습 요 소	교 수·학 습 활 동		준비물 및 유의점
			교 사	학 생
구 상 및 표 현 (25□)	개별	□창의적으로 색칠하기 (색채계획의 실행) □명도, 채도의 변화에 따른 색상 선택 □포스터의 시각적 기능에 따른 배색 □사용자정의색 의 활용 □다양한 색상의 활용 □수정 및 보완	□밑그림의 수정·보완이 끝난 작품부터 자신의 색채계획에 의해 색칠하기를 하도록 한다. □항상 자신의 생각(구상) 을 중요시하도록 한다 □같은 색상이라도 명도, 채도의 단계에 따라 다양하게 변화되는 특성 을 이용할 수 있도록 여러 가지의 단계별 색상을 적용해 보도록 안내한다. □사용자정의색을 적극 권장하여, 색상의 미묘한 변화에 유의하여 채색 하도록 한다. □완성작품에 대해 자신이 의도한대로 포스터의 시각적 기능이 효과적 으로 표현되었는지 확인해보고 잘못된 부분 은 수정하여 채색하도록 한다.	□수정·보완이 끝나면 자신의 색채배색 계획에 의해 색칠하기를 시작 한다. □자신의 생각을 중시하여 계획대로 채색한다 □색은 같은 색상이라도 명도와 채도의 변화에 따라 다양하게 변화된 색을 선택할 수 있으므로 포스터의 주제에 맞게 시각적 기능이 효과적 으로 표현될 수 있도록 배색의 효과를 살려 □사용자정의□ 색에서 원하 는 색을 지정하여 채색 하도록 한다. 색→편집→사용자정의색 만들기→색상선택→확인 (명도 및 채도 단계를 고려하여 시각적 효과가 생기도록 색상을 선택) □여러가지 배색을 다양하게 시도해본다. □진행 속도가 빠른 학생은 배색계획에 의한 채색이 완료되면 자신의 작품을 스스로 감상하고 포스터로서 시각적 효과 가 잘 표현되었는지를 확인해본다.	□학생 □컴퓨터 □포스터밑그림 (A4, 색채계획) □3.5인치플로피 (밑그림 파일) □학생들이 자신의 생각을 자유롭게 표현할 수 있도록 특히 분위기를 조성 해준다. □제작 진행 속도 가 빠른 학생은 두가지 이상으로 채색해 보도록 한다. □순회지도

단계	학습흐름도	학 습 요 소	교 수·학 습 활 동		준비물 및 유의점
			교 사	학 생
구 상 및 표 현 (25□)	일제 개별	□첫 번째 완성작품 저장 □두 번째 완성작품 저장 (제작가능 학생) □모니터에 게시하기	□첫 번째 작품의 파일의 저장법을 안내하고 확인 한다. 특히 저장과정에서 밑그림 파일이 손실되지 않도록 지도한다. □두 번째 작품을 제작할 수 있는 학생은 부분 및 전체의 수정 및 보완으로 배색을 시도해 보도록 권한다. □두 번째 완성작을 저장 하도록 한다 □전체 학생을 대상으로 저장 상태를 확인한다. □저장이 확인되면 자신의 작품을 모니터상에 전체 화면으로 볼 수 있도록 한다.	□완성작을 파일로 저장한다. -첫번째 완성작- 파일→다른이름으로 저장 (확장자: bmp) □또 다른 생각으로 느낌이 다른 배색의 두 번째 배색을 시도해 본다. (배색의 부분적, 전체적 수정) □두 번째 작품이 완성되면 같은 방법으로 파일을 저장한다. □선생님의 지시에 따라 저장을 완료한다. □모니터에 자신의 작품을 전체화면으로 볼 수 있도록 한다. 보기→비트맵보기	□3.5인치플로피 □파일저장: 학번포스터01.bmp 첫번째 완성작은 차후 감상을 통한 수정 작업 등이 가능한 bmp파일로 저장하도록 한다 □플로피디스크의 손상이나 파일 용량의 과다로 저장이 불가능한 학생에게는 새로운 디스크를 제공해주도록 한다 □파일저장시 밑그림 파일은 보존되도록 한다. □두번째 완성작은 파일의 용량을 고려해 확장자를 jpg로 한다. 학번포스터02.jpg
감 상 및 정 리 (12□)	일제	□비교감상 □작업소감발표	□주변의 다른 친구들의 작품과 비교해보도록 한다 □컴퓨터의 편리한 기능을 이용하여 자신의 의도대로 충분히 표현되었는지를 질문해보고, 소감 등을 발표하게 한다.	□자신의 작품과 주변 학생들의 작품과 비교 하여 감상해본다. □작품을 제작하는 과정에서의 즐거운 점과 어려운 점 등에 대해 솔직하게 이야기한다.	□선정한 2∼3개의 작품을 모니터로 보여준다.

단계	학습흐름도	학 습 요 소	교 수·학 습 활 동		준비물 및 유의점
			교 사	학 생
감 상 및 정 리 (12□)	일제 끝	□차시예고 □정리 및 작품제출	□더욱 발전된 디자인의 분야를 설명해준다 □차시예고를 한다. 감상 및 평가 전체 학생을 대상으로 칭찬하고, 본시 완성작품은 차시를 통해 전체적으로 함께 감상하며 발표의 기회를 갖도록 예고하여 차시에 대한 기대감을 갖도록 안내한다. □프로그램 종료 □컴퓨터 종료 □작품(디스크) 제출	□자신의 작품제작 소감을 차시에 발표할 수 있도록 메모한다. □디자인의 더욱 발전된 분야와 관련하여 포장지, 표지, 등에 대해 관심을 갖도록 한다. □차시예고를 듣는다. □프로그램과 컴퓨터를 종료하고 주변을 정리 정돈한 다음 디스크를 제출한다.	□작품제작과정에 대한 태도와 완성작품에 대해 칭찬을 아끼지 않는다. □참고작품 (포장지, 표지,) □컴퓨터 종료 확인

참 고 자 료

컴퓨터그래픽(그림판)에서의 수정과 보완 기능을 이용하여 문자의 모양 크기, 위치, 색채 등을 다양하게 표현할 수 있다

(예시작품)

여러가지 밑그림

3. 평가 관점 및 기준

평가관점	평 가 기 준			비 고
	상	중	하
구상, 스케치	주제의 내용을 파악하여 구상이 독창적이고 형의 단순화에 의한 밑그림이 인상적이다.	주제의 내용을 파악하고 있으나 구상이 평범하고 형의 단순화가 부분적으로 잘 나타났다.	주제의 내용을 파악하지 못하며 형의 단순화가 이루어지지 않았다.
화면구성	문자 및 그림의 배치 및 크기가 알맞고 조화있게 의도적으로 표현되었다.	문자와 그림의 배치 및 크기가 부분적으로 조화를 이루지 못했다.	문자와 그림의 배치 및 크기가 조화를 이루지 못했다.
배 색	색의 특성을 알고 배색효과가 전체적으로 선명하게 나타났다.	색의 특성을 알고 있으나 배색효과가 부분적으로 나타났다.	색의 특성을 알지 못하며 배색효과가 나타나지 않았다.
전달효과	모든 과정이 의도적이며 전달력이 높다	모든 과정이 평범하고 주제의 전달 효과가 부분적으로 나타났다.	모든 과정에서 주제의 표현이 분명하지 않아 전달력이 낮다.