본문 바로가기 메뉴 바로가기

강의 정보

디자이너를 위한

Illustrator Core Experience

Illustrator(95%) + Photoshop(5%)

강좌수
50 /180+
기간
48개월
수강료
250,000
일러스트레이터 기초 과정 이수 후, 1개월 이상 사용자 수강신청하기
35643
34

반가워요.^^
이해하고 어떤 상황에 적용할까 고민하며 진행하세요.

# 시작하기에 앞서 마음가지 및 안내

  • - 안녕하세요.

# 수업을 위한 기본 셋팅

  • - 기본 셋팅 및 수업 자료

    • 수업 자료에 사용한 폰트
    • 기본 단축키

기본에 충실할수록
실력은 더 향상됩니다.

1. Path를 다루기 위한 기본 설정

  • 작업 진행하다 보면 발생하는 문제들이니 한 번은 체크하세요.

  • - 기본 설정과 그에 따른 문제 해결

    • 의외로 질문이 많으니 반드시 한 번은 체크하세요.

  • - 효율을 위한 설정들

    • 설정하지 않으면 눈 정말 아파요.

  • - 아웃라인 보기는 패스만 보기 위함이 아니다.

    • 수시로 확인하는 습관을 들이자.

  • - 작업을 위한 단축키 설정

  • - 자바스크립트 등록하기

2. 효율적인 선택과 운영

  • 어떤 상황에서 효율적인 선택 방법을 다룹니다.

  • 스크립트 등록해 메뉴화 하자.

  • 상황에 따른 효율적인 선택1

  • 상황에 따른 효율적인 선택2

  • 패스 상태에 따른 선택과 패스 방향 문제 해결

패스를 이해하면
능률이 보입니다.

문제해결-Select Art

3. 효율적인 Align & Arrange

  • 상환에 따른 정렬 & 뒤집기

  • 원하는 순서에 맞게 정렬시키기

  • 제자리에 붙이기 할 때 체크할 점

  • 점, 선분에 정확하게 위치시키는 방법들

정렬 사례 1

정렬 사례 2

Arranger 플러그인으로 능률을 높이자.

Ctrl의 효율을 경험해 보자.

4. 라운드에 대하여

  • 상황에 맞게 라운드를 적용하는 다양한 방법 및 문제 해결

5. 상황에 따른 점 추가 방법과 활용

  • 점을 추가하는 다양한 방법과 활용

문제해결-위치 값만 있는 점들 제거

6. 패스 분해와 연결(Join)

  • 패스 최소 단위들을 다루며 조형을 제작해 보자.

  • 다양한 상황에서 연결 Join

패스 편집하며 면과 선 제작

도형 분해 구성

패스를 편집하며 면 생성

가이드에서 구성하기

컴파운드 패스에서 운영 문제 및 해결

모서리와 코너 패스 연장과 연결

Overlap Point 문제 해결

Path Editing 연습 1

Path Editing 연습 2

Path Editing 연습 3

Path Editing 연습 4

7. 제작 실습 1

  • 앞에서 배운 내용들을 활용해 제작해 보자.

Type Editing 1

Type Editing 2

Type Editing 3

Info Graph

기본 도형을 이용한 지오메트릭

와이파이 아이콘

간격이 일정한 스파이럴 & 패턴

원형 조형 편집 구성

입체적인 동전 형태

패스 컷으로 타이포 제작

추상적인 그래픽 패턴

입체적인 조형 & 패턴

8. 패스 효과 분해 Expand

9. 형태 추출을 위한 Builder & Painting

  • 형태 생성 Shape Builder

  • 형태 생성 Live Painting

격자를 이용한 면 추출

만능이 아니다. 주의할 점.

점을 최소화한 효율적인 추출

입체적인 타이포 제작

10. Path의 확장 Offset

  • Offset 이해 능률적인 활용

  • 패스 상태에 따른 offset 이해

좀 집요하죠.
배울 때 잘 배우자.

Typo 패턴 제작

11. 제작 실습 2

  • 앞에서 배운 내용들을 활용해 제작해 보자.

loop info

피그마와의 연동

균일한 방향선 Tension Adjustment

원을 이용한 Logo Mark

Guide를 이용한 Shape 제작 1

Guide를 이용한 Shape 제작 2

Guide를 이용한 Stroke 추출 1

Guide를 이용한 Stroke 추출 2

Guide를 이용한 패턴 제작

말린 형태 표현

말린 형태 표현

12. Path 분할 Divide

  • 다양한 디바이드 방법을 익혀 적절하게 활용해 보자.

Offset Gap

Guide Cut

Typo Editing

Intersect

13. Path Shape 혼합 Compound

  • 컴파운드 혼합의 개념을 알면 최적화된 구조로 제작할 수 있습니다.

직관적인 실험 구조 1

직관적인 실험 구조 2

부분 선택 시 주의할 점

offset 활용과 문제 해결

5_Clipping Mask에서 최적화

Gradient Angle 문제 해결

14. 알아두면 유용한 기능들1

  • 앞에서 배운 내용들을 활용해 제작해 보자.

Trim Rotate Presentation view

Image Crop Rasterize

Column Gutter Guide

Global Edit

Intertwine

Behide Color Sample

Smooth Path

15. 형태를 이용한 편집 Clipping

  • 가장 중요한 것은 패스 상태를 파악이다.

  • Clipping Mask 이해

  • 상황에 따른 이해

  • Select Art 활용

형태 편집

여백 정리

그림자 표현

어떤 상태인지 파악하자.

타이포의 속성을 유지하자.

16. Gradient를 이용한 제작

  • 그라디언트를 다양하게 응용해 보자.

Artwork 표현

graphic poster

reverse와 appearance

17. 제작 실습 3

  • 앞에서 배운 내용들을 활용해 제작해 보자.

일정한 간격의 원

Perspective Grid

Spring, Zigzag 형태 제작

기하학 형태 제작 Triangle

Photoshop Shape Layer

Typo_A

Typo_Nine

Mark_60

Pixel Art 이미지 벡터화하기

기본 도형을 이용한 Typo 제작

18. Stroke을 이용한 제작

Dot Circle

Info Graph

현재 상태를 기본으로 Flatten Transparency

Edge Highlight

Recode Line

19. Transform을 이용한 제작

  • Transform 이해와 상황에 맞는 설정 및 접근

변형 반복 Rotate Reflect

각도와 기준점을 이용한 Reflect

둥근 변을 가진 Rounding Box

원근감 있는 변형 Distort Perspective

각진 면에 맞게 왜곡하기 Scale Shear

격자 공간 Grid Space

원근 패턴 Perspective

아이소메트릭 Stepped Letter

20. Multi Transform을 이용한 제작

  • 다중 변형 Transform 이해와 상황에 맞는 설정

방사형태 라인

Line Pattern

Dot Repeat Pattern

도형 Pattern

Typo 패턴

21. Type Path & Wrap

  • 다중 변형 Transform 이해와 상황에 맞는 설정

Text Wrap

Text Wrap

Text Wrap

22. 틀을 이용한 변형 Envelope Distort

  • 틀을 이용한 변형 왜곡 방법들에 대해 배워보자.

일정한 간격의 원

Perspective Grid

Spring Zigzag

Photoshop과 연동

Typo 제작 1

Typo 제작 2

Mark Logo 제작 1

Mark Logo 제작 2_Anniversary

Pixel Art 이미지 벡터화하기

기본 도형 및 Grid를 이용한 Typo 제작

23. 제작 실습4

  • 틀을 이용한 변형 왜곡 방법들에 대해 배워보자.

일정한 간격의 원

Perspective Grid

Spring Zigzag

Photoshop과 연동

Typo 제작 1

Typo 제작 2

Mark Logo 제작 1

Mark Logo 제작 2_Anniversary

Pixel Art 이미지 벡터화하기

기본 도형 및 Grid를 이용한 Typo 제작

기본 도형 및 Grid를 이용한 Typo 제작

기본 도형 및 Grid를 이용한 Typo 제작

24. 밝기를 이용한 편집 Masking

  • Mask 이해

Mask와 격자를 이용한 편집

Fill Opacity

문제해결-Normal인데 사라지는 경우

25. 자유 왜곡 Distortion

  • 왜곡하는 다양한 방법들

Path Smudge

Distortion

Distortion

26. 알아두면 유용한 기능들 2

  • 앞에서 배운 내용들을 활용해 제작해 보자.

Trim Rotate Presentation View

Image Crop Rasterize

Column Gutter Guide

Global Edit

Intertwine

트라이앵글 패턴 생성 웹사이트

27. 색 보정 배색

  • 배색을 실험하고 보정하는 다양한 방법에 대해 알아보자.

Global

Adjustment

순서를 이용한 Coloring

Recolor Artwork

Ramdom Color

28. Color Mesh를 이용한 제작

  • 컬러 메쉬 이해

Text Wrap

Text Wrap

Text Wrap

29. 디자인 작업에 유용한 스크립트

  • 틀을 이용한 변형 왜곡 방법들에 대해 배워보자.

일정한 간격의 원

Perspective Grid

Spring Zigzag

Photoshop과 연동

Typo 제작 1

Typo 제작 2

Mark Logo 제작 1

Mark Logo 제작 2_anniversary

Pixel Art 이미지 벡터화하기

기본 도형 및 Grid를 이용한 Typo 제작

30. Pattern Symbol를 이용한 제작

  • 배색을 실험하고 보정하는 다양한 방법에 대해 알아보자.

Pattern

Pattern

Symbol

Symbol

Symbol

31. Brush을 이용한 제작

  • - 브러쉬 이해와 활용

Brush

Brush

Brush

32. 제작 실습 5

  • 틀을 이용한 변형 왜곡 방법들에 대해 배워보자.

원에 가까운 스파이럴 제작

Grid Space

Square Pattern

Magnetic Field

Typo Divide

오브제로 이루어진 형태 제작

획으로 이루어진 형태 제작

Typo Graphic

Page Curl 제작

Wave Pattern

33. Path 변화 Blend

  • Blend 이해와 다양한 접근

Shape

Transparent

Typo

Gradient 1

Gradient 2

Path와 Path 사이 형태 추출

Iso Stepped Letter

34. Blend를 이용한 Geometric 제작

  • 블랜드 기법을 이용해 다양한 조형을 제작해 보자.

Group Compound

Spine

Ring

Blend Stroke

Circle Crossing

Line Blend

Web Visual

Wave_Blend mask

Triangle Pattern

Text Pattern

35. Path 스타일 정의 Appearence

  • - Appearence 이해와 다양한 접근

Long Shadow

Transform 1

Transform 2

Text Style

패스 하나에 그라디언 두 개 이상 적용하기

패스 하나에 그라디언 두 개 이상 적용하기

Iso Stepped Letter

36. 깊이를 이용한 입체화 3D_Extrude

  • 틀을 이용한 변형 왜곡 방법들에 대해 배워보자.

일정한 간격의 원

Perspective Grid

Spring Zigzag

Photoshop과 연동

Typo 제작 1

Typo 제작 2

Mark logo 제작 1

Mark Logo 제작 2_Anniversary

Pixel Art 이미지 벡터화하기

기본 도형 및 Grid를 이용한 Typo 제작

37. 3D_Revolve

  • 틀을 이용한 변형 왜곡 방법들에 대해 배워보자.

일정한 간격의 원

Perspective Grid

Spring Zigzag

Photoshop과 연동

Typo 제작 1

Typo 제작 2

Mark Logo 제작 1

Mark Logo 제작 2_Anniversary

Pixel Art 이미지 벡터화하기

기본 도형 및 Grid를 이용한 Typo 제작

38. 제작 실습 6

  • 틀을 이용한 변형 왜곡 방법들에 대해 배워보자.

일정한 간격의 원

Perspective Grid

Spring Zigzag

Photoshop과 연동

Typo 제작1

Typo 제작2

Mark Logo 제작1

Mark Logo 제작2_Anniversary

Pixel Art 이미지 벡터화하기

기본 도형 및 Grid를 이용한 Typo 제작

# 마무리 + 다시 시작이다!

  • - 헤이 친구! 정말 수고했어.

모든 것을 담진 못했네요.
하지만
문제에 부딪혔을 때
스스로 해결할 자신감을 가졌을거라 믿어요.

내용은 업데이트 되니
담에 뵈여

Starline BG 107 images psd

이미지에 대한 부연설명 넣을지 말지 고민중

Pinterest