콘텐츠 마케팅 스터디 노트 (240309-10/5)
일러스트레이터 (1)
01_일러스트레이터의 기본 개념 익히기
01. 일러스트레이터의 인터페이스 살펴보기
1) window - worksapce - essential classice (가장 기본적인 인터페이스)
2) 패널 구성 저장 방법 - window -> workspace -> new workspace로 커스텀 인터페이스 지정
02. 내 입맛에 맞춰서 일러스트레이터 환경설정 변경하기
1) 환경설정 - ctrl k
- show the home screen 해제
- show tool tips 해제
- 단위는 units에서 밀리미터로 지정
- general에서 keyboard increment는 0.1mm로 지정
- fill에서 fill new type 해제
- type (size 1, tracking 10, baseline shift 1)
03. 일러스트레이터에서 파일 열고 저장하기
1) file에서 place로 사진 불러오기
- 드래그를 통해 크기 조절 가능
- 스워치 패널에서 색상 그대로 있음
2) 버전을 낮춰서 저장하면 안전하게 열기 가능
- 때로 오류가 생길 수 있기 때문에 주의(하나에서 둘 정도의 단계 낮춰서 저장)
04. 선택 툴로 오브젝트를 선택하고 수정하기
1) alt 누르고 옮기기(복사)
2) 오브젝트를 선택하면 항상 바운싱 박스가 보임
- shift 버튼을 누르고 크기 조절하기
3) 색상 변경 - 툴 바의 색을 더블 클릭 후 수정
4) ctrl space: 돋보기 툴 단축키
5) 작업 전 단계로 되돌리고 싶을 때 - ctrl z
02_일러스트레이터에서 선과 면 그리기
01. 선 툴로 선 그리기
1) 수직과 수평으로 그리려면 shift 누르기
02. 도형 툴로 면 그리기
1) 그리기 전에 항상 면은 없음으로 처리, 선만 활성화
2) 작업창을 클릭하면 가로 세로 길이를 지정해서 도형 클릭으로 그리기 가능
3) 둥근 사각형
- 왼쪽은 최소 둥글기, 오른쪽은 최대 둥글기
- 아래 방향키는 덜 둥글어지고, 위 방향키는 더 둥글어짐
- 방향키를 누르면서 둥근 정도 조절하기
- 마우스 떼기 X
03. 선 툴과 도형 툴을 이용한 크레용 그리기
1) 분홍색 선
- 이전에 그린 오브젝트에 위치에 맞추어서 다음에 그릴 걸 스냅으로 걸어주는 선
- 새로 추가할 때 간격이나 너비 위치 등에서 효율적으로 사용 가능
2) CTRL Y
- 부정확하게 오브젝트를 그린 것 같다면 클릭 -> 확대해서 세세하게 조정하기
04. 지우개 툴로 오브젝트를 지우고 수정하기
1) 가위는 패스(선)에서 사용해야 함
2) 지우개는 드래그, 가위는 패스, 칼은 드래그한 부분이 두개가 되는 것
03_일러스트레이터에서 다양한 모양을 그리기
01. 펜 툴로 다양한 모양의 오브젝트를 그리기
1) 마우스를 누른 상태에서 드래그를 하면 곡선
2) alt를 누른 상태에서 점을 클릭하면 점이 사라짐
02. 펜 툴을 이용해서 사진 대고 패스 연습하기
1) 사진 잠금: ctrl 2
2) 이어진 곡선
- 너무 욕심을 내서 많이 하지 말고 핸들 제어를 잘 하는 게 요령
03. arrange 메뉴로 오브젝트의 순서를 배열하기
1) 순서 배열
- 레이어에서 일일이 드래그로 옮기는 건 번거로움
- 마우스 우클릭 arrange > bring to~ bring~ 등
- 단축키: ctrl [ or ] 로 한 단계씩 앞뒤로
- 맨아래 단축키: ctrl shift [
- 맨위 단축키: ctrl shift ]
04. 그룹 선택 툴&격리 모드로 그룹으로 정리된 오브젝트를 수정하기
1) 마우스 우클릭 - ungroup
2) group 단축키: ctrl g
3) 일일이 그룹을 해제해서 수정하는 건 번거로움
- 직접 선택 툴 group selection 툴
- 직접 선택 툴 단축키: alt를 누른 상태로 오브젝트를 클릭하면 group selection 툴
4) 격리 모드
- 수정하려는 부분 오브젝트를 더블 클릭
- 격리 모드 밖으로 나올 때는 왼쪽 상단의 나가는 화살표 누르기
05. 도형 툴과 펜 툴을 이용해서 캐릭터 그리기
1) 끌고 있는 핸들을 이미지 방향에 맞추는 게 중요
2) 밑에 들어가서 보이지 않는 부분
- 조금 넉넉하게 보이지 않는 쪽에 패쓰 그리기
04_일러스트레이터에서 효율적인 작업을 위한 다양한 기능 살펴보기
01. align 패널로 여러 개의 오브젝트를 정렬하기
1) align to에서 정렬 기준을 선택하는 것에 따라 정렬이 달라짐
2) 잘 선택해서 필요한 부분에 따라 조정해야 함
02. pathfinder 패널로 오브젝트를 합치거나 나누기
1) 우측 패널에 패스파인더
2) shape 모드 / pathfinder
- 합치거나 분리하는 기능
03. align과 pathfinder 패널을 이용한 바리케이드 그리기
1) 명령어 반복하는 단축키: ctrl d
- 오브젝트 선택을 풀지 않고 해야 함
2) 바리케이드 그리기
- alt shift 누르고 ctrl d로 반복
- 선만 선택해서 세로 align 툴로 간격 조정
- 전부 선택한 다음 devine 누르기
- 하나씩 건너뛰어서 선택하고 색 조절
04. 회전 툴과 반전 툴로 오브젝트를 회전하거나 반전하기
1) 회전 툴
- 수치 조절 후 preview로 미리 보기 가능
- ok 버튼이 아닌 copy를 누르면 복사
- 회전 툴 사용으로 여러 모양 그리기 가능
2) 반전 툴
- 상하/좌우 반전
- 중심점 변경: alt 누르고 클릭 후 copy
05. 크기 조절 툴&기울기 툴&변형 툴을 이용한 오브젝트의 크기와 모양 변형하기
1) 툴 바에서 크기 조절 툴 더블 클릭
- 비율을 유지한 상태로 uniform 값 조절
- 카피를 누르면 복사 됨
- alt로 중심점을 누르고 크기 조절 혹은 카피를 하면 그 중심점에 맞춰서 조절됨
- scale corner 체크해서 조절할 수 있음
2) 기울기 툴
- 더블 클릭 안 하고도 shift 누른 상태로 패스 위에서 기울이면 됨
3) 변형 툴
- 직선을 곡선으로
- 직접 선택 툴로 변형할 패스를 선택해서 잡고 드래그
06. 안내선과 그리드를 이용한 오브젝트를 정확하게 그리기
1) 안내선
- view -> ruler 아니면 ctrl R
- ctrl shift 선택 툴, 더블 클릭 후 delete
- ctrl ; : 안내선을 보이거나 보이지 않게 하는 툴
2) 그리드
- view -> show grid
- 크기나 분할 개수 ctrl k로 조정 가능
07. 회전 툴을 이용한 시계 그리기
1) 선 툴로 시간 표시 선 그리기
2) alt 로 중심 축 바꾸고 rotate
3) ctrl d로 모든 시침 부분 반복
4) 시분초 조절 / 채색
5) storke 모양 조절
08. 반전 툴을 이용한 헤드폰 그리기
1) 그리드 단축키: ctrl "
2) 원 반으로 분리하는 법
- 선툴로 수직으로 정 가운데 가루기
- devide 한 후 ungroup 하나 삭제
- 항상 색상 별로 면을 나누는 게 중요!
- 헤드폰 몸 부분: 정확하게 지우기 위해 선을 긋고 패스파인더로 지우기
- 윤곽선 만들기: 면으로 만드는 것 (두께 조절은 불가)
05_일러스트레이터에서 채색하는 다양한 방법 익히기
01. 채색하는 다양한 패널과 메뉴들
1) color picker
- 6자리 입력으로도 채색 가능
2) swatches
- medium view로 변경
3) color pannel
- show options로 보기 지정 가능
- 농도 조절 가능
4) 특정 색과 어울리는 서브 색을 지정
- color guide
5) edit - eidt colors - recolor artwork
- 하단의 advanced options
02. 채색하는 방법을 응용한 사탕 그리기
1) object - path - offset path(패스 이동)
- 더 크게 그릴 건지 기타 등 크기를 조절해서 확인을 누르면 복사 됨
2) 예제
- offset 수치를 줄이고 높이는 걸 조절하기
- 회전할 때 alt 를 누르고 ctrl D -> 불필요한 부분 delete
- 다른 색상 지정할 때는 recolor artwork로 색상 바꾸기!(직접 찍어서 하는 것보다 훨씬 편리)
03. 그레이디언트 패널로 변화되는 색상을 채색하기
1) fill 부분이 활성화 되어있는 것을 항상 체크
2) swatches 견본에서 색상을 지정하면 그라디언트 색 조절 가능
3) 핀 추가로 색을 추가 가능(필요 없다면 바깥 쪽으로 드래그)
4) 핀을 alt로 복사하는 것 가능
5) 가운데 슬라이드 조정으로 색의 분포 조절 가능
6) 자유형
- 자유롭게 점을 움직이며 분포도 조절 가능
04. 그레이디언트 패널을 이용한 립스틱 그리기
1) 립스틱 그리기
- 3번째 크기 변형 툴로 립스틱 곡선 부분 그리기
- 복사한 다음 립스틱 부분의 옆 부분을 조금 줄이기
- swatches - gradiants - brights로 들어가서 그레이디언트 값 정하기
- 립스틱 핸들 부분은 위에 바 부분에서 recolor artwork로 색 조정
- 굴곡 표현하려면 그레이디언트 리버스
05. 패턴으로 채색하고 수정하기
1) swatches에서 패턴
- basic graphics_dots
- 패턴 종류는 화살표 넘기며 살펴보기 가능
2) 패턴 설정
- 오브젝트 전체 선택 후 크기 조절 툴을 더블 클릭
- transform patterns를 누르고 trasform object 해제
- swatches 견본에서 색상 조절 가능(견본에 있는 것 더블 클릭)
06. 패턴을 직접 만들고 일러스트레이터에 등록하기
1) 예전 방법
- 오브젝트 여백 설정을 위해 여백만을 위한 부분은 면과 선 다 끄기
- 스와치 견본 패널로 드래그해서 넣으면 등록 됨
2) object -> pattern -> make
- 패턴 배열 선택 자유롭게 가능
07. 패턴을 이용한 노트 그리기
1) ctrl d로 노트 구멍 일정하게 그리기
2) 원형 오브젝트끼리 선택한 다음 allign 선택 후 간격 및 정렬 조절
3) 스프링 부분도 똑같이 ctrl d + 간격 정렬
4) offset path로 모눈 종이 부분 밑바탕 그리기
5) 노트와 구멍 부분에서 겹침 부분 삭제를 하면 노트 구멍 만들어짐
6) 모눈 패턴 삽입 방법
- 면 부분에 swatches에서 basic Graphics_lines 클릭
느낀 점
이미 일러스트를 사용할 줄 알지만 조금 비교적 덜 사용했던 툴이나 단축키, 기능을 잘 알 수 있어서 좋았다. 후에 제작하게 되는 콘텐츠를 위해서 잘 기억하고, 잘 메모할 것의 중요성을 느꼈다. 정말 필요한 부분일 것 같은 것만 적고 캡처하는 데도 시간이 꽤 걸렸다. 후에 이걸 사용할 때 꼭 도움이 되기를!
