컴퓨터패션디자인 -...

26
INSIDabcdef_:MS_0001MS_0001 INSIDabcdef_:MS_0001MS_0001 컴퓨터 패션디자인 Computer Fashion Design

Transcript of 컴퓨터패션디자인 -...

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

컴퓨터 패션디자인Computer Fashion Design

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

1 주Introduction

1. 강의개요2. 강의목표3. 강의진행방법4. 성적평가 및 방법5. 과제6. 교재 및 참고 자료7. 강의 규정 : 학습자 유의사항

01 컴퓨터 그래픽의 개념02 컴퓨터 그래픽의 원리03 색의 표현04 데이터 처리방식

패션디자인을 위한 컴퓨터 그래픽

강의지침과 평가방법

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

강의개요

• 컴퓨터의 기본개념과 조작방법(Photoshop과Illustrator), 패션디자인 표현방법 등을기반으로 좀 더 구체적이고 심화된 과정을 터득한다.

• 이미지 리터칭과 드로잉 등의 기능을 활용해 이미지 디자인 맵을 구성해 봄으로써FashionDesign과 TextileDesign실무에 적용할 수 있는 전문능력 배양을 목표로 한다.

• 개인의 취업및 진로에 중점을 두고 현장 적응능력을 강화하는 것으로 목표로 한다.

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

강의목표

이 강의를 수강한 후 학생들은 다음과 같은 능력을 성취할 수 있다.

학습성과 1패션스타일화 및 아이템별 도식화 제작기법을 익혀 실무적용

학습성과 2패션디자인 맵을 구성하여 학습성과 성취

학습성과 3패션업체의 실무작업(Photoshop과Illustrator)과정을 탐색하여 취업진로에능력성취와 자격증부여

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

패션분야 기본 그래픽 프로그램인 Photoshop과 Illustrator프로그램의 특성을 이해하고패션 아이템별 도식화, 이미지 리터칭과 드로잉 등의 기능을 활용해

이미지 디자인 맵을 구성해 봄으로써 FashionDesign과 TextileDesign실무에 적용할 수 있는전문능력 배양을 목표로 한다

강의진행방법

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

과제

과제명 및 과제작성 방법안내 제출일제출물 유형 및

제출방법

당일 수업시간에 제시되는 수업내용-

예제디자인 응용작업과제(참고교재,패션잡지,인터넷등자료)매주 수업전

E-Class

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

성적평가 및 방법

평가요소 평가방법 비율(%)

출석 결석 1회시 4점씩 감점, 지각 1회시 1점 감점. 20%

중간고사 중간 Portfolio제출 20%

기말고사 기말 Portfolio제출 20%

과제 당일 수업시간에 제시되는 수업내용이 과제물 점수에 적용 20%

공모전작업 공모전작업제출 20%

합계 100%

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

주교재안민영,이경훈,박치수(2013), 컴퓨패션디자인 프로세스 , 경춘사

참고교재1. 김신희(2012), 포토샵과 일러스트레이터를 이용한 텍스타일 디자인, 교학연구사2. Jemi Armstrong,Lorrie Ivas,Wynn Armstrong(2010), From Pencil to Pen Tool,

Fairchild Publications,Inc,New York.

web site삼성디자인넷, WWD, STYLE.COM, 패션넷 코리아, Vogue, GQ 등트렌드 정보지, 인터넷에서의 패션정보

교재 및 참고자료

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

강의 규정 : 학습자 유의사항

• 출결에 대한 규정: 결석 1회시 4점씩 감점, 지각 1회 당 1점 감점.• 과제지연에 대한 규정: 과제미제출-자동 fail처리, 과제 지연 시-1회 당 1점 감점• 학습 윤리성에 대한 규정: 컴퓨터 사용에 대한 기본 에티켓을 지키도록 한다• 학습 분위기 저해 요소에 대한 규정: 각자의 저장기기(USB) 필요. 학습태도, 수업중

참여도, 핸드폰의 수업방해등의 항목을 규정

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

01 컴퓨터

그래픽의 개념

02 컴퓨터

그래픽의 원리03 색의 표현

04 데이터

처리방식

패션디자인을

위한 컴퓨터

그래픽

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

컴퓨터 그래픽의 개념

컴퓨터 그래픽이란 컴퓨터를 이용하여 시각적 효과를 만들어내는 일련의 기술을 의미

• 컴퓨터 그래픽은 디자인 분야에서 과거에 수작업으로 하던 업무를 컴퓨터로 작업하면서시간의 단축뿐 만 아니라, 미리 결과물을 예측하여 화면상으로 표현해 볼 수 있으며, 수정및 보완 시 작업파일을 손쉽게 변경할 수 있다.

• 패션에 있어서도 컴퓨터 그래픽은 디자인 스케치, 색채기획, 소재기획, 아이템 전개, 텍스타일 디자인 및 패턴제작 등과 같은 여러 부분에서 활용되고 있다.

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

컴퓨터 그래픽의 유형 - 2차원, 3차원의 그래픽으로 구성

• 2차원: 평면으로 출력되는 모든 이미지를 말하며 페인팅 계열의 소프트웨어와 드로잉계열의소프트웨어가 있다.

• 페인팅 계열: 점(pixel)을 찍어 그림을 그리는 것으로 다양한 이미지의 생성, 색의 변경, 스캐너 등을 통하여 얻은 이미지를 편집하거나 수정하는 이미지 리터칭 작업, 이미지 합성 작업, 색분해, 이미지 필터 효과 등과 같은 작업을 할 때 사용하면 편리

대표적인 프로그램: Painter, Photoshop

• 드로잉계열: 수학적 계산에 의해 그림이 그려지는 것으로 로고 디자인, 패턴 디자인, 건축, 에니메이션 등과 같은 작업 시 주로 이용.

대표적인 프로그램: Illustrator, Corel Draw, AutoCAD

• 3차원: 물체의 3차원 데이터를 입력하여 만들어진 모델 및 음영표현, 재질감 등 모든 입체과정.대표적인 프로그램: 3D Studio Max, Auto CAD, Maya

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

1.픽셀(Pixel, picture element) – 픽셀은 디지털 이미지를 구성하는 최소단위. 픽셀들이 가로와 세로방향으로 수천 또는 수만 개가 모여 컴퓨터 스크린상에 디스플레이 되어 문자 또는 그림을 형성

2.해상도(Resolution) – 해상도는 비트맵 이미지의질을 표현하거나 모니터 또는 프린터에서 표현할 수있는 이미지의 선명도 또는 품질을 나타낼 때 사용하는 용어. 그래픽에서 이미지해상도는 이미지를 표현하기 위해 일정한 단위면 안에서 사용한 픽셀의수를 나타낸다. 따라서 면적 안에 픽셀의 수가 많을수록 해상도가 높아지며 이미지의 질이 좋다.

웹에 올리기 위한 용도로는:72dpi(dot per inch), 출력용 작업은 300dpi

컴퓨터 그래픽의 원리

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

컴퓨터 그래픽의 원리

3.색의 표현모니터 영상의 혼합색 RGB-RGB는 빨강(Red), 녹색(Green), 파랑(Blue)의 색을 기본으로 하는 모니터의 색상으로 광원색에 속한다. -모니터 화면에는 RGB의 작은 형광물질 입자가 골고루분포되어 있고, 모니터의 스위치를 누르면 모니터에서빛이 나오면서 색이 보인다.

인쇄로 보는 색상의 혼합 CMYK-종이에 인쇄되어 나오는 색은 프린터에 내장되어 있는3원색(Cyan, Magenta, Yellow)와 검정색(Black)의 혼합으로 표현된다. -모니터에서 보이는 색과 인쇄의 색은 그 차이가 있으며, 웹에 올려 모니터로 보기를 원할 때는 RGB의 색상체계를 따르도록 하고, 출력용을 목적으로 작업할 때는CMYK 색상체계에서 작업하도록 한다

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

컴퓨터 그래픽의 원리

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

컴퓨터 그래픽의 원리

Computer Fashion Desig

4. 데이터 처리방식비트맵(Bitmap)방식 – 픽셀(Pixel)을 찍어 그림을 그리

거나, 이미지를 이루는 방식. 메모리 용량을 많이차지하고, 도트(Dot)로 이미지가 구성되기 때문에그림을 확대하거나 축소하면 도트도 함께 확대되거나 축소되므로, 원래의 이미지를 제대로 표현하지못한다. 이렇게 생성된 이미지를 비트맵 이미지(Bitmap Image)라 한다.

벡터(Vector)방식 – 그래픽 데이터의 기하학적 정보 및위치정보를 저장하고 있다가 출력 시 수학적 연산에 의해 그림을 표현하는 방식으로, 그림의 확대나축소, 회전, 이동 등과 같은 변형 기능이 편리하다. 벡터방식은 시작점과 방향을 가진 일련의 선, 곡선등을 이용하여 그림을 생성하는 프로그램으로 자유로운 변형이 가능하고, 드로잉 파일을 확대 또는 축소시 이미지의 손상이 일어나지 않는 장점이 있다. 이렇게 하여 생성된 그래픽을 벡터 그래픽 (Vector Graphic)이라 한다.

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

컴퓨터 그래픽의 원리

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

Computer Fashion Desig

패션디자인을 위한 컴퓨터 그래픽

Photoshop과Illustrator

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

Computer Fashion Desig

-포토샵의 가장 큰 장점: 색상 및 형태 등의 이미지 보정기능이 그 어떤 프로그램보다 우수하며, 또한 비트맵(Bitmap)방식으로 자연스럽고 현실감 있는 이미지 표현이 가능하다

-이미지 맵, 스타일 맵 및 소재 맵 등의 각종 패션디자인 맵과 같이 여러 이미지 사진을 포토샵으로 이용하여 합성작업하는 것이 쉽게 전개 가능 & 색채 기획 및 소재기획도 포토샵 활용

-텍스타일 디자인 및 소재 효과내기, 패션일러스트레이션 드로잉하기, 사진을 이용한 텍스처맵핑(Mapping)등의 다양한 방법으로 사용.

포토샵의 활용

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

포토샵활용 - 이미지맵

Computer Fashion DesigWeek 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

일러스트레이터의 활용

Computer Fashion Desig

-벡터(Vector)를 기반으로 하여 드로잉을 하거나, 드로잉 후 수정 및 형태변형이 자유로운 장점.

-패션을 위한 일러스트레이터 프로그램의 활용은 디자인 아이디어를 표현한 도식화 그리기, 무늬(패턴)디자인, 그리고 스타일링 표현을 위한 일러스트레이션 등의 드로잉을 주로 한다.이외에도 패키지 디자인, 라벨, 로고 및 와펜디자인을 구상하고 제안해 볼 수 있다.

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

Computer Fashion DesigWeek 1Introduction

일러스트레이터의 활용

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

Computer Fashion Desig

Photoshop과Illustrator 의 차이점

이미 그려진 그림이나 사진을 '편집'하기 위한 프로그램이다 - 비트맵이미지ㆍ구성 - 픽셀이라는 작은 사각형의 모임 (미세한 무수히 많은 점이 모여서 그림이 된다.)ㆍ해상도 - 이동 크기조절등 밀접한 영향을 받음ㆍ이미지 표현 - 자연스러운 이미지 표현이 가능하나 확대하면 이미지가 깨어져 보이고 아주작은 이미지는 표현이 어려움ㆍ모니터 - 확대하면 이미지가 깨져 보임-포토샵은 사진 이미지의 색상 보정, 오래된 사진 복원, 이미지 합성, 문자 디자인, 인쇄물 디자인, 웹디자인 등의 작업을 할 때 사용된다.-포토샵의 주된 기능은 이미지 리터칭이라고 할 수 있다. 즉 이미 만들어진 이미지를 이용해서합성, 효과를 주어 이미지를 편집하고 보정하는 작업- 잡지, 책 표지, 영화 포스터, 각종 홍보물, 앨범자켓 등이 포토샵을 이용해서 주로 제작

Photoshop

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

Computer Fashion Desig

그림을 ‘그리기’위한 프로그램이다 - 벡터이미지ㆍ구성 - 수학적 오브젝트에 의해 정의된 선ㆍ해상도 - 관계 없음ㆍ이미지 표현 - 아주 작은 문자도 나타낼 수 있으나 자연스러운 효과는 내지 못함(시작점과 끝점의정보만 가지고 선을 긋게 됩니다.)ㆍ모니터 - 크기에 상관 없이 선명-인쇄물이나 웹에 필요한 시각적 이미지를 표현하기 위한 디자인 도구.신문광고나 ,거리의 간판들, 홈페이지 등 디자인과 관련된 것들에서 사진을 제외한 부분, 글씨나 문양, 주로 편집 디자인과 캐릭터 디자인, 심볼 디자인, 제품 디자인, 로고 등의 작업에 사용한다. -화상 이미지의 고정밀도 분리 출력까지 지원하고 있어 출판사나 신문사 등 전문적인 현장에서 사용

Illustrator

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

1주차 Introduction(강의지침과 평가방법) 벡터 그래픽의 이해( Photoshop과Illustrator)및 기본개념 이해

2주차 고급과정을 위한Illustrator기본 다지기Illustrator 프로그램 구성 내용, 작업 전 알아두어야 할 기본 메뉴, 오브젝트 드로잉

3주차 오브젝트 드로잉일러스트레이션의 다양한 기능모티브디자인을 위한 패스만들기와 오브젝트변형하기

4주차 오브젝트 드로잉다양한 펜툴 사용법-기본 도식화 그리기에 활용일러스트 프로그램에서 비트맵 이미지 편집: 비트맵 이미지를 일러스트레이터 프로그램에서 응용

5주차 도식화와 컬러 코디네이션펜툴 사용과 도식화 그리는 방법 익히기1: 다양한 펜툴의 사용을 익히고 이를 기본 도식화 그리기에 활용(여성,남성 바디를 이용한 도식화 -티셔츠, 셔츠)

6주차 무늬디자인펜툴 사용과 도식화 그리는 방법 익히기다양한 펜툴의 사용을 익히고 이를 기본 도식화 그리기에 활용

7주차 패션 일러스트레이션특수도구툴, Object메뉴, Effect메뉴 등의 특수효과

강의 계획서

Week 1Introduction

INSIDabcdef_:MS_0001MS_0001IN

SID

abcd

ef_:

MS_

0001

MS_

0001

8주차 로고, 패키지디자인로고디자인을 위한 타이프툴 ,패키지디자인의 표현방법습득

9주차 고급과정을 위한 Photoshop기본 다지기포토샵 프로그램 구성내용, 작업 전 알아두어야 할 기본 메뉴,이미지 선택 및 합성

10주차 페인팅 및 리터칭도구다양한 이미지의 표현방법습득-프린트디자인을 위한 합성및 보정

11주차 페인팅 및 리터칭도구다양한 이미지의 표현방법습득-텍스트 이펙트와 리터칭

12주차 이미지와 레이어 효과다양한 이미지자료의 회화효과

13주차 이미지와 레이어 효과, 벡터그래픽을 이용한 3D 맵핑 효과포토샵 필터를 이용한 이미지의 특수한 효과

14주차 다양한 이미지의 표현방법습득벡터그래픽을 이용한 3D 맵핑 효과

15주차 Fashion image map주제에 적합한 Image Map작업Portfolio제출

강의 계획서

Week 1Introduction