Professional web Designer

일러스트 단축키

• 펜 툴 영역 해제 : Shift + Ctrl + A
• 윤곽선 보기 : Ctrl + Y
• 확대하기 : Ctrl + +
• 축소하기 : Ctrl + -
• 실제크기 : Ctrl + 1
• 눈금자 : Ctrl + R
• 스마트 가이드 : Ctrl + U
• 안내선 숨기기 : Ctrl + ;
• 안내선 잠그기 : Ctrl + Alt + ;
• 안내선 잠금 풀기 : Ctrl + Alt + 5
• 격자 표시 : Ctrl + "
• 복사하기 : Ctrl + C
• 붙여넣기 : Ctrl + V
• 잘라내기 : Ctrl + X
• 복사한 오브젝트 위로 붙이기 : Ctrl + F
• 복사한 오브젝트 아래로 붙이기 : Ctrl + B
• 선택한 오브젝트 위치를 위로 놓기 : Ctrl + [
• 선택한 오브젝트 위치를 맨 위로 놓기 : Ctrl + Shift + [
• 선택한 오브젝트 위치를 아래로 놓기 : Ctrl + ]
• 선택한 오브젝트 위치를 맨 아래로 놓기 : Ctrl + Shift + [
• 선택한 오브젝트 그룹화 : Ctrl + G
• 선택한 오브젝트 그룹해제 : Ctrl + Shift + G
• 선택한 오브젝트 잠금 : Ctrl + 2
• 선택한 오브젝트 잠금 해제 : Ctrl + Alt + 2

색상 모드

• Grayscale mode : 검은색과 흰 색을 256단게 나눠 표현합니다.
• RGB mode : 빛의 3원색 빨(Red),초(Green),파(Blue)를 섞어서 색을 만드는 모드로 각각의 색 농도를 0~255단계로 나눠서 표현합니다.
• CMYK mode : 물감의 3원색인 맑은파란색(Cyan), 밝은자주색(Magenta), 노란색(Yellow), 검정색(Black)을 섞어 색을 만드는 모드입니다.
• HSB mode :색의 3요서 색상(Hue), 채도(Saturation), 명도(Brightness)를 사용해서 만드는 색상모드 입니다.
• Web Safe Reb mode : 웹 안전 색상 모드라고 하며, 브라우저에 따라 RGB 색상이 정확하게 표현되지 않은 경우가 많아, 이런 문제를 막아주는 색상을 216가지로 제한한 모드입니다.
• 색조(Hue) : 색조는 색상의 구어적 표현입니다. 색상은 색조뿐만 아니라 채도와 명도도 포함합니다.
• 채도(Saturation) : 채도는 색상에서 회색의 비율, 즉 색의 선명함을 나타냅니다. 채도가 높으면 색의 순도가 높아 선명하다는 의미며, 채도가 낮다는 말은 색의 순도가 낮아 탁하다는 의미입니다.
• 명도(Brightness) : 명도는 색상의 검은색의 비율, 즉 밝기를 나타냅니다. 명도가 높으면 색이 밝다는 의미이며, 명도가 낮으면 색이 어둡다는 의미입니다.

비트맵과 벡터

• 픽셀 : 이미지를 구성하는 최소단위의 점
• 해상도 : 이미지를 표현하는데 필요한 점(픽셀)의 정도
• 비트맵 이미지 : 픽셀로 이루어진 이미지(포토샵)
• 벡터 이미지 : 수학적 공식에 의한 이미지(일러스트)

글꼴 종류

• 트루타입(True Type Font:TTF) : 애플과 마이크로소프트에 의해 1980년대 후반에 개발된 글꼴 표준입니다. 맥 OS 및 Microsoft windows 운영체제에 대한 가장 일반적인 글꼴 형식입니다.
• 오픈타입(Open Type Font:OTF) : 어도비와 마이크로소프트가 공동으로 개발한 트루타입 글꼴의 확장형입니다.
• 비트맵(Bitmap Type Fonts) : 시스템용 글꼴입니다. 인쇄물에는 사용하지 않는 것이 좋습니다.
• WOFF(The Web Open Font Format) : W3C에서 추천하는 글꼴형식
• WOFF2(The Web Open Font Format) : W3C에서 추천하는 확장형 글꼴 형식
• SVG Fonts : 벡터 방식의 글꼴 형식

툴바

• 1.선택 툴(v)
• 2.직접선택 툴(A)
• 3.마술봉 툴(Y)
• 4.올가미 툴(Q)
• 5.펜 툴(P)
• 6.문자 툴(T)
• 7.선 툴(1)
• 8.사각형 툴(M)
• 9.브러시 툴(B)
• 10.연필 툴(N)
• 11.물방울 브러시 툴(Shift + B)
• 12.지우개 툴(Shift + E)
• 13.회전 툴(R)
• 14.크기 조절 툴(S)
• 15.폭 툴(Shift + W)
• 16.자유변형 툴(E)
• 17.도형 구성 툴(Shift + M)
• 18.원근감 격자 툴(Shift + P)
• 19.메시 툴(U)
• 20.그레디언트 툴(G)
• 21.스포이트 툴(I)
• 22.블렌드 툴(W)
• 23.심벌 스프레이어 툴(Shift + S)
• 24.세로 막대 그래프 툴(J)
• 25.아트보드 툴(Shift + O)
• 26.슬라이스 툴(Shift + K)
• 27.손바닥 툴(H)
• 28.돋보기 툴(Z)
• 29.면 색과 선 색 초기화(D)
• 30.면 색과 선 색 바꾸기(Shift + X)
• 31.면 색과 선색(X)
• 32.면과 선 타입
• 33.그리기 모드

1.선택툴(v)

• 오브젝트를 선택하거나 옮깁니다.

Image Trace

• 비트맵 이미지를 벡터 이미지로 바꿉니다.

Recolor Artwork

• 색상 배색 전체를 바꿀 수 있습니다.

2.직접선택 툴(A)

• Direct Selection Tool : 오브젝트의 기준점이나 패스를 선택합니다.
• Group Selection Tool : 오브젝트의 기준점이나 패스를 그룹 선택 합니다.

3.마술봉 툴(Y)

4.올가미 툴(Q)

5.펜 툴(P)

• Pen Tool
• Add Anchor Point Tool : 기준점 추가
• Delete Anchor Point Tool : 기준점 삭제
• Convert Anchor Point Tool : 기준점 변환

패스 그리기를 마치는 방법

• Enter 클릭
• 빈 영역에 Ctrl을 누른채 클릭
• [Select]-[Deselect]를 클릭 (Shift + Ctrl + A)
• 펜 툴이 아닌 다른 툴을 클릭

6.문자 툴(T)

• Type Tool : 글자를 입력하거나 수정
• Area Type Tool : 닫힌 패스 안에 글자를 입력
• Type on a Path Tool : 패스를 따라 글자를 입력
• Vertical Type Tool : 글자를 세로로 입력하거나 수정
• Vertical Area Type Tool : 닫힌 패스 안에 글자를 세로로 입력
• Vertical Type on a Path Tool : 패스를 따라 글자를 세로 방향으로 입력

패스를 따라 글자를 입력

글꼴 찾아 바꾸기

• [Type] - [Find Font]

특수기호

• [Type] - [Glyphs]

글자 찾아 바꾸기

• [Edit] - [Find and Replace]

철자 검사하기

• [Edit] - [Check Spelling]

오브젝트 모양대로 문장 만들기

• [Edit] - [Check Spelling]

7.선 툴(1)

• Line Segment Tool
• Arc Tool : 곡선
• Spiral Tool : 나선
• Rectangular Grid Tool : 격자
• Polar Grid Tool : 원 격자

8.사각형 툴(M)

• Rectangle Tool
• Rounded Rectangle Tool : 모서리가 둥근 사각형
• Ellipse Tool : 원
• Polygon Tool : 다각형
• Star Tool : 별
• Flare Tool : 광선

9.브러시 툴(B)

• 다양한 브러시 모양으로 패스를 그립니다.

10.연필 툴(N)

• Pencil Tool : 자유롭게 드래그하여 패스를 그립니다.
• Smooth Tool : 패스를 부드럽게 바꿉니다.
• Path Eraser Tool : 패스를 지웁니다.

11.물방울 브러시 툴(Shift + B)

12.지우개 툴(Shift + E)

• Erasor Tool : 오브젝트의 일부분을 지울 때 사용
• Scissors Tool : 오브젝트의 패스를 끊어줄 때 사용(열린 패스)
• Knife : 오브젝트를 나누어 줄 때 사용(닫힌 패스)

13.회전 툴(R)

14.크기 조절 툴(S)

15.폭 툴(Shift + W)

• Width Tool : 선의 폭을 조절
• Warp Tool : 오브젝트를 변형
• Twirl Tool : 오브젝트를 동그랗게 변형
• Pucker Tool : 오브젝트를 꾹 누른 것처럼 변형
• Bloat Tool : 오브젝트를 부풀어 오른 것처럼 변형
• Scallop Tool : 오브젝트를 안쪽으로 잡아당겨 부채꼴 모양으로 변형
• Crystallize Tool : 오브젝트를 바깥쪽으로 잡아당겨 크리스탈 모양으로 변형
• Wrinkle Tool : 오브젝트를 지글지글한 주름모양으로 변형

16.자유변형 툴(E)

17.도형 구성 툴(Shift + M)

• Shape Builder Tool : 오브젝트를 지우거나 합쳐서 모양을 만들 때 사용합니다.
• Live Paint Bucket : 오브젝트 선과 면에 원하는 색을 채웁니다.
• Live Paint Selection Tool : Live Paint Bucket툴을 사용하는 환경에서 오브젝트를 선택할 때 사용합니다.

• 실행 : [Object]-[Live Paint]-[Make] ( Alt + Ctrl + X )
• 완료 : [Object]-[Live Paint]-[Expand]
• Blingding mode : - Transparency 패널

18.원근감 격자 툴(Shift + P)

19.메시 툴(U)

20.그레디언트 툴(G)

21.스포이트 툴(I)

22.블렌드 툴(W)

• 오브젝트와 오브젝트 사이를 자연스럽게 이어주는 툴입니다.

23.심벌 스프레이어 툴(Shift + S)

• Symbol Sprayer Tool : 심벌을 뿌립니다.
• Symbol Shifter Tool : 심벌을 옮깁니다.
• Symbol Scruncher Tool : 심벌을 분산시킵니다.
• Symbol Sizer Tool : 심벌의 크기를 변경합니다.
• Symbol Spinner Tool : 심벌을 회전시킵니다.
• Symbol Stainer Tool : 심벌의 색을 변경합니다.
• Symbol Screener Tool : 심벌의 투명도를 조정합니다.
• Symbol Styler Tool : 심벌에 스타일을 적용합니다.

24.세로 막대 그래프 툴(J)

25.아트보드 툴(Shift + O)

26.슬라이스 툴(Shift + K)

27.손바닥 툴(H)

28.돋보기 툴(Z)

메뉴

1. Join

• 기준점을 연결합니다.

2. Average

• 기준점을 정렬합니다.

3. Pathfinder(Shift + Ctrl + F9)

• 기준점을 정렬합니다.

4. Clipping Mask

• 오브젝트를 일정 영역만 보이게 하고, 영역을 벗어난 부분은 숨기는 기능입니다.
• 반사 기능 : transparecy 패널 - Make Opacity Mask

5. Same

• 같은 색상의 면 또는 선을 선택하는 방법
• [Selec] - [Same] - [Fill Color]
• [Selec] - [Same] - [Stroke Color]

6. Pattern

• Pattern Tile Tool : 패턴 타일 도구. 클릭하면 패턴 테두리에 방향점이 생기는데, 방향점을 드래그하여 패턴으로 만들 영역을 수정할 수 있습니다.
• Name : 패턴이름
• Tile Type : 패턴 유형 선택
  • Grid : 그리드
  • Brick By Row : 가로 벽돌 쌓기
  • Brick By Column : 세로 벽돌 쌓기
  • Hex By Column : 세로 육각형
  • Hex By Row : 가로 육각형
• Brick Offset : 패턴 타일 유형이 벽돌 모양일 때 짝수열의 벽돌을 놓는 위치를 정합니다.
• Width/Height : 패턴 타일의 크기 조정
• H/V Spacint : Size Tile to Art를 체크했을 때 타일 사이의 간격을 정합니다.
• Overlap : 타입이 겹칠 때 오브젝트를 어느 쪽을 위로 배치시킬지 정합니다.
• Copies : 복제될 패턴의 개수를 정합니다.
• Dim Copies to : 복제될 패턴을 어느 정도로 흐리게 할지 표시합니다.
• Show Tile Edge : 타일의 테두리 표시합니다.
• Show Swatch Bounds : 패턴 견본의 테두리를 표시합니다.

7. Brush

• Scale : 패턴의 크기를 설정
• Spacing : 패턴의 간격을 설정
• 일반, 외각, 내각, 시작, 끝점의 오브젝트를 등록합니다.
• Flip : 패턴의 방향을 좌우 또는 상하로 반전합니다.
• Fit : 패스의 패턴을 채워주는 형태를 선택합니다.
• Colorization : 패턴 브러시의 색을 어떻게 나타낼지 선택합니다.

효과

1. Blur

2. Stylize

3. Halftone

4. 3D

• [Effect]-[3D]-[Extrude & Bevel]

• [Effect]-[3D]-[Revolve]

• [Effect]-[3D]-[Rotate]

5. Pucker & Bloat

6. Transform