SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
점과 점을 연결해 주는 수학적 함수 관계에 의해 이미지를 표현함으로써 선과 면을 생성합니다.
색상과 위치 속성을 포함하는 라인과 커브를 이용하고 이미지를 표현하여
서로 다른 객체끼리 섞이기거나 혼합되지 않습니다.
그러므로 확대/축소시 구애를 받지 않습니다
백터 이미지는 '베지어'라는 곡선으로 이루어져 있는데 이것이 이미지의 형태와 요소를 결정 짓습니다.
비트맵(레스터) 이미지 벡터 이미지
특징
·이미지 구성: 픽셀
·확대축소시 이미지 손상 있음
·사진 회화 이미지에 적합
·부드러운 색조와 질감을 표현가능
·이미지 구성: 객체(object), 베지어 곡선
·확대 축소시 손상 없이 수정 가능
·선과 면이 정교함
·한가지 색상만을 전담
대표적P/
G
·어도비사의 <포토샵>
·어도비사의 < 일러스트레이터 >
·어도비사의 < 플래쉬>
백터(vector) 이미지
Illustrator Interface
Illustrator : Document Setup
Illustrator : 대화상자
Illustrator : 도구
오래 누르면 세부 도구들이 나
타나고,
더블 클릭하면 도구 조절화면
이 나타난다.
Illustrator : color(fill/stroke) Setup
color picker에서 컬러 설정
툴 패널이나 컬러 패널에서 아래 그림의 네모 부분을
더블 클릭한다.
컬러 패널
- 오브젝트를 선택하고 color패널에서 아래
그림의 왼쪽부분에서 면을 선택하고 색깔을
지정한다
선 굵기 설정
선을 선택하고 Stroke 패널에서 굵기를
설정한다.
Dashed Line을 체크한 후 아래 빈칸 dash,
gap에 수치를 입력한다
그레이언트(gradient)
오브젝트 정렬(Align)
오브젝트 수정, 변형(modify/ transtorm)
오브젝트를 선택하고 회전 툴을 누르고 회전점이 될 곳을
alt+클릭하면 각도를 입력할 수 있는 창이 뜬다.
오브젝트를 선택한 후 scale툴을 더블클릭한다.
드래그하지 않고 화면을 클릭하면 사
각형 길이,높이 수치를 입력할 수 있다
다각형 툴을 선택한 후 화면을 클릭하면 반지름과
각 개수를 입력해서 다각형을 그릴수 있다.
Enter키를 누르면 그리기가
종료된다.
직선을 그리주고 처음 시작점에 갖다대면 펜
툴 마우스 포인터 모양에 o자가 생긴다.
다른 각도로 곡선 이어 그리기
- 펜툴로 곡선을 그리고 alt키를 누른채로 드
래그 하면 방향선이 꺽인다.
펜툴로 곡선을 그린후 마지막 기준점에 마우
스를 갖다 대고 클릭하면 후 다른 곳을 클릭
하면 직선이 그려진다.
연필 툴로 선을 하나 그렸는데 마음에 들지 않는다고요.
걱정할 필요 없습니다. 연필 툴은 객체가 선택된 상태에서, 그 객
체의 선을 따라 다시 그리면, 새로 그린 선에 따라 이전의 객체가
수정됩니다.
Fidelity:
수치가 많을수록 포인트 간격이 넓어져서 더 적은 포인트가 생
긴다.
Smoothness:
수치가 높을수록 더 부드럽게 그려진다.
연필툴 아이콘을 더블클릭하면 나오는 옵션창에서 'Edit
selected paths'항목 체크를 해제하면 선택된 패스에 겹쳐 그려
도 수정되지 않는다.
오브젝트 결합: 패스파인더 효과
패스를 따라 가로 텍스트를 만들려면 [문자] 도구 또는 [패스 상의 문자] 도구 를 선
택합니다
Type Tool: 패스에 문자 입력
Define pattern
●패턴 수정하기
- 스와치 패널에서 해당 패턴을 패
널 밖 화면으로 드래그한다. 직접
선택 툴로 하나씩 선택해서 수정
해준다.
- 수정한 뒤 오브젝트를 다시 스와
치 패널에 드래그하면 새로운 패
턴으로 등록된다.
패턴 만들기
- 투명한 정 사각형 속에 원하는 모양을 만
들고 전체를 선택한 후 스와치 패널에 드래
그하면 패턴이 등록된다.
일러 기초소개

Mais conteúdo relacionado

Destaque

2015 CAU Campus CEO_Final_Team S.P.F.
2015 CAU Campus CEO_Final_Team S.P.F.2015 CAU Campus CEO_Final_Team S.P.F.
2015 CAU Campus CEO_Final_Team S.P.F.SeungHwan Jung
 
뉴스젤리 인포그래픽 총정리
뉴스젤리 인포그래픽 총정리뉴스젤리 인포그래픽 총정리
뉴스젤리 인포그래픽 총정리Newsjelly
 
Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료
Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료
Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료Seul Koo
 
Visual Journal examples
Visual Journal examplesVisual Journal examples
Visual Journal examplesFrank Curkovic
 
7 Creative Habbit
7 Creative Habbit7 Creative Habbit
7 Creative HabbitJinho Jung
 
Beyond Usable | Mapping Emotion to Experience
Beyond Usable | Mapping Emotion to ExperienceBeyond Usable | Mapping Emotion to Experience
Beyond Usable | Mapping Emotion to ExperienceKelly Goto
 
170326 창업 지원 사업 소개(사업화·정책자금)
170326 창업 지원 사업 소개(사업화·정책자금)170326 창업 지원 사업 소개(사업화·정책자금)
170326 창업 지원 사업 소개(사업화·정책자금)SeungWon Lee
 
개발자를 위한 도트디자인입문(2017. 03, 09.)
개발자를 위한 도트디자인입문(2017. 03, 09.)개발자를 위한 도트디자인입문(2017. 03, 09.)
개발자를 위한 도트디자인입문(2017. 03, 09.)Yunjeong Kim
 
상상프로젝트 계획
상상프로젝트 계획상상프로젝트 계획
상상프로젝트 계획정호 양
 

Destaque (9)

2015 CAU Campus CEO_Final_Team S.P.F.
2015 CAU Campus CEO_Final_Team S.P.F.2015 CAU Campus CEO_Final_Team S.P.F.
2015 CAU Campus CEO_Final_Team S.P.F.
 
뉴스젤리 인포그래픽 총정리
뉴스젤리 인포그래픽 총정리뉴스젤리 인포그래픽 총정리
뉴스젤리 인포그래픽 총정리
 
Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료
Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료
Big Data and Data Visualization(Inforgraphics) 2012년 KISTI(한국정보과학기술연구원) 발표 자료
 
Visual Journal examples
Visual Journal examplesVisual Journal examples
Visual Journal examples
 
7 Creative Habbit
7 Creative Habbit7 Creative Habbit
7 Creative Habbit
 
Beyond Usable | Mapping Emotion to Experience
Beyond Usable | Mapping Emotion to ExperienceBeyond Usable | Mapping Emotion to Experience
Beyond Usable | Mapping Emotion to Experience
 
170326 창업 지원 사업 소개(사업화·정책자금)
170326 창업 지원 사업 소개(사업화·정책자금)170326 창업 지원 사업 소개(사업화·정책자금)
170326 창업 지원 사업 소개(사업화·정책자금)
 
개발자를 위한 도트디자인입문(2017. 03, 09.)
개발자를 위한 도트디자인입문(2017. 03, 09.)개발자를 위한 도트디자인입문(2017. 03, 09.)
개발자를 위한 도트디자인입문(2017. 03, 09.)
 
상상프로젝트 계획
상상프로젝트 계획상상프로젝트 계획
상상프로젝트 계획
 

Mais de seoultech,Design, Jung Hoe Jun (20)

mask and bleding mode
mask and  bleding mode mask and  bleding mode
mask and bleding mode
 
photoshop basic collage
photoshop basic collagephotoshop basic collage
photoshop basic collage
 
Mindmap 2016
Mindmap 2016Mindmap 2016
Mindmap 2016
 
디자인 문제접근
디자인 문제접근 디자인 문제접근
디자인 문제접근
 
정보구조 및 화면설계
정보구조 및 화면설계정보구조 및 화면설계
정보구조 및 화면설계
 
03 02 duotone
03 02 duotone03 02 duotone
03 02 duotone
 
03 monotone
03 monotone03 monotone
03 monotone
 
04 map model
04 map model04 map model
04 map model
 
04 space model
04 space model04 space model
04 space model
 
내적동기와 창의성
내적동기와 창의성내적동기와 창의성
내적동기와 창의성
 
관찰과창의성
관찰과창의성관찰과창의성
관찰과창의성
 
03 editpoly
03 editpoly03 editpoly
03 editpoly
 
02 창의성 모방
02 창의성 모방02 창의성 모방
02 창의성 모방
 
02 spline
02 spline02 spline
02 spline
 
낯설게하기
낯설게하기낯설게하기
낯설게하기
 
3ds max Standard model
3ds max Standard model3ds max Standard model
3ds max Standard model
 
3 d표현소개 과정
3 d표현소개 과정3 d표현소개 과정
3 d표현소개 과정
 
마인드맵스케치
마인드맵스케치마인드맵스케치
마인드맵스케치
 
스케치구체화
스케치구체화스케치구체화
스케치구체화
 
관점
관점관점
관점
 

일러 기초소개

  • 1.
  • 2. 점과 점을 연결해 주는 수학적 함수 관계에 의해 이미지를 표현함으로써 선과 면을 생성합니다. 색상과 위치 속성을 포함하는 라인과 커브를 이용하고 이미지를 표현하여 서로 다른 객체끼리 섞이기거나 혼합되지 않습니다. 그러므로 확대/축소시 구애를 받지 않습니다 백터 이미지는 '베지어'라는 곡선으로 이루어져 있는데 이것이 이미지의 형태와 요소를 결정 짓습니다. 비트맵(레스터) 이미지 벡터 이미지 특징 ·이미지 구성: 픽셀 ·확대축소시 이미지 손상 있음 ·사진 회화 이미지에 적합 ·부드러운 색조와 질감을 표현가능 ·이미지 구성: 객체(object), 베지어 곡선 ·확대 축소시 손상 없이 수정 가능 ·선과 면이 정교함 ·한가지 색상만을 전담 대표적P/ G ·어도비사의 <포토샵> ·어도비사의 < 일러스트레이터 > ·어도비사의 < 플래쉬> 백터(vector) 이미지
  • 6. Illustrator : 도구 오래 누르면 세부 도구들이 나 타나고, 더블 클릭하면 도구 조절화면 이 나타난다.
  • 8. color picker에서 컬러 설정 툴 패널이나 컬러 패널에서 아래 그림의 네모 부분을 더블 클릭한다. 컬러 패널 - 오브젝트를 선택하고 color패널에서 아래 그림의 왼쪽부분에서 면을 선택하고 색깔을 지정한다
  • 9. 선 굵기 설정 선을 선택하고 Stroke 패널에서 굵기를 설정한다. Dashed Line을 체크한 후 아래 빈칸 dash, gap에 수치를 입력한다
  • 12. 오브젝트 수정, 변형(modify/ transtorm) 오브젝트를 선택하고 회전 툴을 누르고 회전점이 될 곳을 alt+클릭하면 각도를 입력할 수 있는 창이 뜬다. 오브젝트를 선택한 후 scale툴을 더블클릭한다.
  • 13. 드래그하지 않고 화면을 클릭하면 사 각형 길이,높이 수치를 입력할 수 있다 다각형 툴을 선택한 후 화면을 클릭하면 반지름과 각 개수를 입력해서 다각형을 그릴수 있다.
  • 14. Enter키를 누르면 그리기가 종료된다. 직선을 그리주고 처음 시작점에 갖다대면 펜 툴 마우스 포인터 모양에 o자가 생긴다. 다른 각도로 곡선 이어 그리기 - 펜툴로 곡선을 그리고 alt키를 누른채로 드 래그 하면 방향선이 꺽인다. 펜툴로 곡선을 그린후 마지막 기준점에 마우 스를 갖다 대고 클릭하면 후 다른 곳을 클릭 하면 직선이 그려진다.
  • 15. 연필 툴로 선을 하나 그렸는데 마음에 들지 않는다고요. 걱정할 필요 없습니다. 연필 툴은 객체가 선택된 상태에서, 그 객 체의 선을 따라 다시 그리면, 새로 그린 선에 따라 이전의 객체가 수정됩니다. Fidelity: 수치가 많을수록 포인트 간격이 넓어져서 더 적은 포인트가 생 긴다. Smoothness: 수치가 높을수록 더 부드럽게 그려진다. 연필툴 아이콘을 더블클릭하면 나오는 옵션창에서 'Edit selected paths'항목 체크를 해제하면 선택된 패스에 겹쳐 그려 도 수정되지 않는다.
  • 17.
  • 18.
  • 19.
  • 20. 패스를 따라 가로 텍스트를 만들려면 [문자] 도구 또는 [패스 상의 문자] 도구 를 선 택합니다 Type Tool: 패스에 문자 입력
  • 22. ●패턴 수정하기 - 스와치 패널에서 해당 패턴을 패 널 밖 화면으로 드래그한다. 직접 선택 툴로 하나씩 선택해서 수정 해준다. - 수정한 뒤 오브젝트를 다시 스와 치 패널에 드래그하면 새로운 패 턴으로 등록된다. 패턴 만들기 - 투명한 정 사각형 속에 원하는 모양을 만 들고 전체를 선택한 후 스와치 패널에 드래 그하면 패턴이 등록된다.