미술과 교수·학습 지도안

대단원	꾸미기와 만들기	본시 주제	포스터 그리기 (컴퓨터를 활용하여 색칠하기)	차시	3/3
가. 기본학습 내용
1. 포스터디자인을 위한 윈도우95,98,ME 응용프로그램 <그림판> 사용 방법 익히기 가. 프로그램 실행하기(메뉴줄, 툴바의 기능) 나. 포스터의 밑그림 파일 불러오기 □메뉴 <편집>→<파일로부터 붙여넣기>, □또는 <파일>→<열기>→<이미지>→<속성>에서 색상을 '칼라'로 설정하기 다. 밑그림 수정하기 □선 : 선과 선의 이음새, 잘못된 선의 제거와 새로 그리기 □형태 : 형태 및 문자의 수정 및 바꾸기(컴퓨터 문자) □크기 : 문자 및 형태의 크기 변경 □위치 : 문자 및 형태의 위치(배치) 변경 라. 색칠하기 (여러가지 색으로 칠해보기-□사용자정의색□ 등의 활용) 마. 작품의 저장(확장자 지정) □jpg : 파일의 용량은 줄어드나 저장 후 수정이 불가능. □bmp : 저장 후에도 수정이 가능하나 용량이 큼.

나. 가정학습 문제

1. 일반적인 채색 도구와 컴퓨터를 이용한 그래픽 디자인과의 차이점을 아래의 항목을 참고하여 비교해 보시오

□색상의수        □채색의 느낌        □채색에 필요한 도구

□채색방법        □수정의 용이성      □기  타

2. 인터넷 검색을 통해 컴퓨터그래픽을 이용하여 제작된 포스터 작품을 종류별로 구분하여 조사해 보시오

<가정학습 1의 지도자료>

비교항목	수채용구	포스터칼라	컴퓨터그래픽
색상의수	12색 이상으로 다양한 혼색이 가능함	12색 이상으로 다양한 혼색이가능함	최대 1,600만색 이상 가능함
채색의 느낌	맑고 투명한 느낌	탁하고 두꺼운 느낌	출력 장치에 따라 다양하게 느껴짐
채색에 필요한 도구	붓, 팔레트, 물통, 물감, 도화지	붓, 팔레트, 물통, 물감, 도화지	컴퓨터 시스템입력, 출력장치, 그래픽 에디터가 일체로 되어있음
채색방법	비교적 불편함	비교적 불편함	간편하나 사전지식을 필요로 함
수정의 용이성	수정 불가능	바탕색으로 두껍게 칠함	자유로움
기 타	회화적인 느낌을 충분히 살릴 수 있다. 채색시간이 오래 걸린다.	선명한 색상을 이용할 수 있다.	일상생활의 혼색법인 감산혼합이 아니라 가산혼합인 점이 다르다.

□컴퓨터 그래픽의 미술 도구로서의 효과

□다양한 색채 표현이 가능하다.

□쉬운 조작으로 화면의 수정이 용이하며 이러한 점은 학생들이 화면을 두려움 없이 조작할 수 있도록 해준다.

□다양한 변화와 표현이 가능하다. 이러한 다양한 표현 방법은 학생들의 아이디어를 샘솟게 하고, 창의적인 표현을 유도하는 데 손색이 없다.

□기존의 미술도구에 의한 표현기법을 포함하고 있다. 전혀 생소한 표현기법들 뿐 아니라, 기존에 쉽게 볼 수 있었던 표현기법을 가지고 있으므로 컴퓨터 그래픽을 처음 사용할 때 생기는 두려움을 덜어줄 수 있다.

□그래픽 에디터가 제공하는 다양한 기능을 이용하면 기존의 미술도구로는 접해보지 못했던 새로운 그림을 그리는 것이 가능해진다.

□기존의 재료와 표현 방법을 사용한 작품들보다도 이동이 편리하며, 반영구적인 보관성을 갖는다.

□컴퓨터 그래픽이 제공하는 기능들을 단지 맹목적으로 사용함으로써, 자신만의 독창적인 표현방식을 이끌어 내지 못한다면, 그것은 컴퓨터 그래픽을 올바르게 활용하는 것이라고 할 수 없다.

<가정학습 2의 지도자료>

□관광포스터 : 국내와 관광지를 소개하여 관광객을 유치하기 위한 포스터

□계몽포스터 : 재난을 방지하거나, 위생, 국가 시책 등을 내용으로 공공의 이익을 위해 제작되는 포스터

□문화포스터 : 박람회, 전시회, 음악회, 축제 등 문화 행사의 개최를 선전하기 위한 포스터

<영화포스터>

□상업포스터 : 상품의 구매와 정보전달등을 내용으로 하여, 궁극적으로는 기업의                   이익을 목적으로 하는 포스터.

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

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

단계	학습요소 및 절차	학 습 활 동		지도자료 및 유의사항
		교 사	학 생
구 상 및 표 현 (25□)	□수정 및 보완 □문자와 그림의 위치 수정 □부분 수정 및 제거	□밑그림 영역을 해제하도록 한다. □전체 학생의 밑그림 확인 □밑그림의 관찰과 수정 (문자, 그림의 위치) □밑그림 수정 및 보완요령을 안내 □잘못 실행하였을 경우의 취소 요령 안내 □문자와 그림의 경계선 (경계선 확인 지도) □필요없는 부분 제거하기 지도	□밑그림 전체가 일정한 크기로 스캔되어 있으 므로 선택영역을 변화 시키지 않고 곧바로 해제한다. (ESC 키를 누른다) □모니터상의 밑그림을 관찰해본다 □밑그림의 일부를 수정할 필요가 있는지에 대해 생각한다. □그림, 문자 등의 위치를 수정하고자 할 때에는 영역을 선택하여 원하는 위치에 배치한다. 단, 크기의 변화는 선의 유형이 깨지므로 실행 하지 않는다. 잘못 적용하였을 경우 취소를 시킨다 편집→실행취소 □그림이나 문자의 경계선에 틈이 생기지 않도록 돋보기를 활용 하여 확인 (그리기 연필 을 이용하여 메운다) □필요없는 부분은 지우개로 지우거나, 선택영역을 지정하고	□전체 학생의 준비 진행 상태를 수시로 확인한다. □위치의 수정은 가능하나 크기의 변화는 시키지 않도록 유의하여 지도한다. □문자와 그림의 경계선이 끊어진 부분이 있을 경우 원하지 않은 면 까지 색이 칠해지는 것을 알도록 한다. □크기가 작은 문자를 제외 하고는 가급적 자신이 직접 디자인한 문자를 이용하도록 안내한다 □모든 수정 및 보완 과정은 흑백 밑그림 상태에서 이루어지도록 지도한다.

단계	학습요소 및 절차	학 습 활 동		지도자료 및 유의사항
		교 사	학 생
구 상 및 표 현 (25□)	□문자의 수정 입력 □창의적으로 색칠하기 (색채계획의 실행) □명도,채도의 변화에 따른 색상 선택 □포스터의 시각적 기능 에 따른 배색 □사용자정의 색의 활용	□그림판에서 문자를 직접 입력하는 방법 안내 □포스터디자인에서 문자와 그림의 크기와 위치 등의 배치가 포스터 이미지에 크게 영향을 준다는 점을 강조한다. □밑그림의 수정·보완이 끝난 작품부터 자신의 색채계획에 의해 색칠하기를 하도록 한다. □항상 자신의 생각(구상) 을 중요시하도록 한다 □같은 색상이라도 명도, 채도의 단계에 따라 다양 하게 변화되는 특성을 이용할 수 있도록 여러 가지의 단계별 색상을 적용해 보도록 안내한다. □사용자정의색을 적극 권장하여, 색상의 미묘한 변화에 유의하여 채색 하도록 한다.	편집→잘라내기를 한다 □문자의 글꼴, 크기 등에 수정이 불가피할 경우 에는 그림판에서 직접 문자를 입력한다. □문자도구 선택 □문자가 들어갈 위치에 마우스를 대고 클릭 □글꼴, 크기를 지정 □문자를 입력 * 위치 등은 선택영역을 이용하여 수시로 이동 □수정·보완이 끝나면 자신의 색채배색 계획에 의해 색칠하기를 시작 한다. □자신의 생각을 중시하여 계획대로 채색한다 □색은 같은 색상이라도 명도와 채도의 변화에 따라 다양하게 변화된 색을 선택할 수 있으므로 포스터의 주제에 맞게 시각적 기능이 효과적 으로 표현될 수 있도록 배색의 효과를 살려 □사용자정의□ 색에서 원하는 색을 지정하여 채색하도록 한다.	□항상 자신의 생각을 중요시 하도록 강조 □학생 □컴퓨터 □포스터밑그림 (A4, 색채계획) □3.5인치플로피 (밑그림 파일) □학생들이 자신의 생각을 자유롭게 표현할 수 있도록 특히 분위기를 조성 해준다. □제작 진행 속도 가 빠른 학생은 두가지 이상으로 채색해 보도록 한다. □순회지도

단계	학습요소 및 절차	학 습 활 동		지도자료 및 유의사항
		교 사	학 생
구 상 및 표 현 (25□)	□다양한 색상 중에서 선택 □수정 및 보완 □첫 번째 완성 작품 저장 □두 번째 완성 작품 저장	□완성작품에 대해 자신이 의도한대로 포스터의 시각적 기능이 효과적 으로 표현되었는지 확인해보고 잘못된 부분 은 수정하여 채색하도록 한다 □첫 번째 작품의 파일의 저장법을 안내하고 확인 한다. 특히 저장과정에서 밑그림 파일이 손실되지 않도록 지도한다. □두 번째 작품을 제작할 수 있는 학생은 부분 및 전체의 수정 및 보완으로 배색을 시도해 보도록 권한다. □두 번째 완성작을 저장 하도록 한다	색→편집→사용자정의색 만들기→색상선택→확인 (명도 및 채도 단계를 고려하여 시각적 효과가 생기도록 색상을 선택) □여러가지 배색을 다양하게 시도해본다. □진행 속도가 빠른 학생은 배색계획에 의한 채색이 완료되면 자신의 작품을 스스로 감상하고 포스터로서 시각적 효과 가 잘 표현되었는지를 확인해본다. □완성작을 파일로 저장한다. -첫번째 완성작- 파일→다른이름으로 저장 (확장자: bmp) □또 다른 생각으로 느낌이 다른 배색의 두 번째 배색을 시도해 본다. (배색의 부분적, 전체적 수정) □두 번째 작품이 완성되면 같은 방법으로 파일을 저장한다.	□3.5인치플로피 □파일저장: 학번포스터01.bmp 첫번째 완성작은 차후 감상을 통한 수정 작업 등이 가능한 bmp파일로 저장하도록 한다 □플로피디스크의 손상이나 파일 용량의 과다로 저장이 불가능한 학생에게는 새로운 디스크를 제공해 주도록 한다

단계	학습요소 및 절차	학 습 활 동		지도자료 및 유의사항
		교 사	학 생
	□모니터에 게시하기	□전체 학생을 대상으로 저장 상태를 확인한다. □저장이 확인되면 자신의 작품을 모니터에 전체 화면으로 볼 수 있도록 한다.	□선생님의 지시에 따라 저장을 완료한다. □모니터에 자신의 작품을 전체화면으로 볼 수 있도록 한다. 보기→비트맵보기	□파일저장시 밑그림 파일은 보존되도록 한다. □두번째완성작은 파일의 용량을 고려해 확장자를 jpg로 한다. 학번포스터02.jpg
감 상 및 정 리 (12□)	□비교감상 □소감 발표 □차시안내 □정리 및 디스크 제출	□주변의 다른 친구들의 작품과 비교해보도록 한다 □컴퓨터의 편리한 기능을 이용하여 자신의 의도 대로 충분히 표현되었는 지를 질문해보고, 소감 등을 발표하게 한다. □더욱 발전된 디자인의 분야를 설명해준다 □차시안내를 한다. □감상(발표) 및 평가□ □프로그램 종료 □컴퓨터 종료 □작품(디스크) 제출	□자신의 작품과 주변 학생들의 작품과 비교 하여 감상해본다. □작품을 제작하는 과정에서의 즐거운 점과 어려운 점 등에 대해 솔직하게 이야기한다. □자신의 작품제작 소감을 차시에 발표할 수 있도록 메모한다. □디자인의 더욱 발전된 분야와 관련하여 포장지, 표지, 등에 대해 관심을 갖도록 한다. □차시예고를 듣는다. □프로그램과 컴퓨터를 종료하고 주변을 정리 정돈한 다음 디스크를 제출한다.	□선정한 2∼3개의 작품을 모니터로 보여준다. □작품제작과정에 대한 태도와 완성작품에 대해 칭찬을 아끼지 않는다. □참고작품 (포장지, 표지,) □컴퓨터 종료 확인

<참고자료>

※밑그림을 스캔하여 컴퓨터에서 수정하여 완성한 작품

스캔한 밑그림           원래의 문자를 제거하고          색칠하여 완성된 작품

컴퓨터 문자를 입력하였으며

그림의 위치도 약간 이동하였다.

스캔한 밑그림            원래 글씨의 크기만을        색칠하여 완성된 작품

수정하였다

보충학습

1. 포스터의 문자. 그림의 크기, 위치, 색채 등의 구성에 따른 여러 가지 변화

2. 화면 구성의 요소

□통일 (unity)

화면에 중심이 있고 객체가 있어야 통일성이 있게 되며, 통일성이 있어야 질서가 잡히고, 혼란을 방지 할 수 있다. (주와 종과의 관계)

□변화 (variety)

화면을 구성하고 있는 구성요소들의 크기나 형, 색채 등이 같지 않은 것을 말하며, 움직임과 흥미를 느끼게 해 준다.

□조화 (Harmony)

둘 이상의 요소가 서로 긴밀한 관계를 갖고 어울렸을 때 느낄 수 있는 아름다움을 말한다.

□균형 (balance)

모양과 크기가  다른 두 개가 어느 한쪽으로 기울리지 않고 어울리는 관계를 말한다.

□대비 (contrast)

서로 반대되는 요소가  인접해 있을 때의 강한 효과를 말하는 것으로, 서로 상대편을 강조한다. 크고 작은 물체를 동시에 놓았을 때 큰 것은 작은 것 때문에 커 보이고, 작은 것은 큰 것 때문에 더욱 작아 보이는 현상을 말한다.

□강조 (emphasis)

특정부분을 강하게 함으로서 변화 있게 하는 요소이다.

심 화 학 습

1. 그림판 프로그램을 이용한 단독무늬 디자인에 의한 포장지 디자인

□포스터디자인과 같은 방법으로 자신이 직접 단독무늬의 밑그림을 그리고,          스캔한 후 그림판에서 채색과 연속무늬로 배열하는 방법으로 완성할 수 있다.       완성된 후에는 바탕색과  무늬의 색을 다양하게 변화시킬 수 있다.

□그림판에서 직접 단독무늬를 제작한 후 위와 같은 방법으로도 완성할 수 있다.

2. 그림판 프로그램을 이용한 표지 디자인

♠전문 그래픽 프로그램을 이용하여 제작된 표지디자인

보충자료

디자인의 영역 (매체의 형식에 따라)

□그래픽 디자인 : 주로 인쇄매체를 이용하는 평면적인 것

□포장 디자인 : 상업 및 공공 전시

□영상 디자인 : TV,  컴퓨터그래픽

광고 디자인

□다이렉트메일(D.M: Direct mail)

우편을 통하여 직접 전달되도록 하는 방법

□리플렛 (leaflet)

낱장으로 인쇄된 광고물

□팜플렛 (pamphlet)

안내를 목적으로 하는 소책자

□카탈로그 (catalague)

제품에 대한 목록, 제원, 안내 등을 사진이나 그림을 곁들여 비교적 자세히 적은 소책자

□네온사인 (neon sign)

제품의 특징을 단순하게 상징화하여 사용한다.

□라벨 (label)

제품의 특징을 단순하게 상징화하여 사용한다.

□배너광고

인터넷상에 작은 간판처럼, 움직이는 영상들이나 문자 등을 이용한다.

수행평가과제

<컴퓨터를 활용한 포스터>의 수정된 작품을 3점 이상 완성하고, 다음의 내용을 기록하여 포트폴리오로 제출하시오.

주제 : 계몽포스터 디자인

제 1 학년   반   번 성명

□작품□

작품설명

작품별 1매씩 작성(A4)

□평가 관점 및 기준

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