디자인

안녕 토리들.

일러스트레이터를 처음 접할때 내 맘대로 안 움직여서 충격과 공포였는데

디자인과임에도 포토샵이랑 워낙에 친하게 지내서

일러를 무서워하는 사람이 있긴하더라구

그래서 내가 알고있는게 도움이 될까 하여 글써봄

야매로 설명해뒀으니까 모르겠으면 검색 동원해서 찾아볼것


글에선 '어도비 일러스트레이터'=일러스트=일러로 부르겠음



포토샵:일러스트=비트맵:벡터


포토샵과 일러의 가장 큰 차이는 비트맵과 백터 차이 정도 되려나


:비트맵

점으로 이루어진 그림

확대하면 계단현상 생김

색상이 많은 사진 등에 적합


:백터

점과 점을 잇는 선(수식)으로 구성됨=용량이 대부분 작음

(사진을 벡터로 바꾸든지 해서 점(=면)이 엄청 많으면 비트맵보다 용량 많을때도 있음...)

확대하거나 축소하여도 그림이 깨지지 않음

단순한 그림이나 편집물에 적합

11.png


문서(도큐멘트) 만들기 전 체크할 것


아트보드 밖에서도 작업할 수 있으니까 아트보드 크기는 적당하게

아래쪽의 advanced 옵션(컬러모드, ppi, Align to Px grid 확인!

컬러모드는 모니터에서만 쓸 수있는 색을 주로 쓴다면 rgb로 설정할 것

(쨍한 색은 cmyk에서 못쓴다고 보면됨)

Align to Px grid는 픽셀 단위로 작업이 필요할 경우 체크. 픽셀에 맞춰 딱딱 달라붙게 만들어 주는 기능




01.png






기본 인터페이스


도큐멘트 하나 만들어두고 찍어본 기본적인 인터페이스

팔레트들로 이뤄져있고 나중에 입맛에 맞게 구성 가능함

왼쪽 툴박스에 님들 컴에는 없는 도구가 몇 개 정도 보일텐데 플러그인 설치한 것임


02.png




12.png


 window메뉴에서 확인 가능하니까 어떤 팔레트가 사라졌어요~~ 찡찡 하기 전에 먼저 볼 것




도형을 그려보자


왼쪽 툴박스에서 네모를 누르면 네모 그릴 수 있음

네모 꾹 누르면 동그라미 폴리곤 별 등을 그릴 수 있는 도구가 나옴

오른쪽 화살표 누르면 팔레트로 꺼낼 수 있는데 의외로 별로 안 쓰는 기능


03.png



네모 선택하고 화면을 콕 찍으면 이런 화면이 뜬다

단위는 mm를 주로 사용함. 일러에서는 픽셀은 크게 쓰지를 않음


04.png

이렇게 하면 10mm(=1cm)의 작은 정사각형을 그릴 수 있음


13.png

단위가 왠지 눈에 익숙하지 않으면 Ctrl+K(설정)에서 Units 눌러서 단위 고치면 됨

general은 mm, 선이랑 글자는 pt로 많이 씀




같은 방법으로 반복하기


Ctrl+D

Ctrl+D누르면 이동, 회전, 복제 등 방금 한 작업 반복이 가능함

아래처럼 원 하나 만들고 Alt(복제기능)+드래그 해서 원 두개로 만들고

두번째 원이 선택된 상태에서 Ctrl+D눌러봐라

바로 전에 움직인 간격대로 복제됨(이동만 했으면 복사는 안 되겠지)


05.png


fill 색상과 stroke 색상


포토샵에는 배경색/전경색을 사용했다면 일러에서는 면과 선 색상을 이용한다

네모가 면 색, 테두리 된 것이 선 색

/는 색이 없다는 뜻임



06.png




일러스트 오브젝트는 펜툴로 만듦


일러를 도움없이 처음 접하면 처음에는 일단 포토샵브러쉬가 익숙하니까 연필로 그린다

근데 이게 내 마음같이 안 움직인다 ^^ 독학하면 보통 이러다 많이 때려친다더라(디자인하는 친구들에게 물어봄)


07.png

연필 누르고 네모 그려보면 이렇게 됨 선이 자꾸 튐

우리는 연필 말고 펜툴로 그리는 게 훨씬 이득이다


08.png


펜툴로 콕 찍으면 점이 생기고, 다른 곳에 점을 찍으면 점이 생기면서 점과 점 사이가 선으로 연결된다.

09.png

1, 2번 콕 찍꼬 3번 콕 찍은 상태에서 드래그, 4에서 콕 찍은 모습

해보면 감 온다


10.png

콕 찍은 상태에서 드래그해서 만든 곡선

처음하면 내맘대로 안 움직여서 뭐같지만 연습할수록 괜찮아진다




열린 도형과 닫힌 도형


일러에는 열린 도형이랑 닫힌 도형이 있음

아래 그림에서 1번 2번 중 어느 것이 열린 도형이고 어느 것이 닫힌 도형일까?

14.png


고민하면 어딘가 문제가 있다는 뜻

당연히 1번이 열린 도형이고 2번이 닫힌도형


그럼 3번은 왜 넣었을까

2버과 3번은 그냥 보면 같아보인다


15.png

근데 모서리를 잘 확대해보면, 2와 3이 다른 모습이다

3은 모서리가 안 이어져있다.

점이 이어져서 도형 하나가 된 게 아니라 시작과 끝 점이 겹쳐지기만 한 상태

이럴 때는 점 두개 선택하고 Ctrl+J 누르면 합쳐져서 도형 하나로 된다


면으로 작업할 때는 닫힌 도형을 쓰는 것이 정신적으로 이롭다




까만 화살표와 하얀 화살표


포토샵과 달리 선택 툴이 2개다.

까만 화살표는 오브젝트를 선택할 수 있고

하얀 화살표는 오브젝트를 구성하는 선과 점을 선택할 수 있다.

무슨 말인지 모르겠다면 해보면 안다





외워두면 좋은 단축키


일단 단축키는 외워두면 좋다. 시간을 많이 줄여준다.

단축키 확인하는 방법:툴은 마우스 갖다대면 괄호 안에 단축키 나오고, 메뉴는 메뉴 오른쪽에 적혀있음

자주 쓰는 것부터 외우는 것이 좋다


P 펜

M 네모

L 원

T 텍스트


Ctrl+C-Ctrl+>F 복사해서 제자리(위쪽)에 붙여넣기

Ctrl+C->Ctrl+B 복사해서 제자리(뒤쪽)에 붙여넣기

Ctrl+] 오브젝트를 위로

Ctrl+[ 오브젝트를 아래로

Ctrl+shift+] 오브젝트를 제일 위로 이동

Ctrl+shift+[ 오브젝트를 제일 아래로 이동

Ctrl+2 오브젝트 잠금

Ctrl+Alt+2 잠금 해제


*Ctrl+S 저장*

내 마음속에 저장만 외칠 게 아니고 저장 꼭 필요함 진짜 꼭

작업 열심히 하다가 문서 이름 봤는데 Untitled-1.ai이면 너무 소름




ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ


꼭 필요한 것만 알아도 작업하는데는 딱히 문제 ㄴㄴ해

다음번에는 누구나 할수있는 인스를 만들어볼까함



연습파일.ai

이건 간단하게 연습파일 만들었으므로 쓰시옹

기대 ㄴㄴ해 cs4부터 열 수 있음


끝.

Atachment
첨부 '16'
  • tory_1 2018.01.17 20:11
    일러가 두려운 나토리에게 한줄기 빛이다...! 슼슼해갈게~~
  • tory_2 2018.01.17 20:17
    알고 있어도 유용한 글인 거 같아 까먹고 있던 기능 기억남ㅋㅋㅋ
  • tory_3 2018.01.17 20:28
    나도스크랩!! 짱유용함
  • tory_4 2018.01.17 20:45
    일러스트레이터는 아예 다른세계같았는데 이 강좌 보니까 도전해보고 싶어져ㅠㅠ 잘봤어 정말 ㅜㅜㅜ
  • tory_5 2018.01.17 21:44
    와 진짜 유용 ㅜㅜ 잘봤엉!
  • tory_6 2018.01.17 22:30
    이런 글은 추천을 눌러야지!!! 고마워~
  • tory_7 2018.01.17 23:37
    삭제된 댓글입니다. (삭제일시: 2022/03/29 21:30:53)
  • tory_8 2018.01.18 00:59
    톨톨 고마워 ㅠㅠ
  • tory_9 2018.01.18 01:55
    와 진짜 유용해 ㅠㅠㅠㅠ 일러 독학하려고 하고있었는데 강같다 진짜 ㅠㅠㅠ
  • tory_10 2018.01.18 02:21
    나 전에 일러 하나도 못하는 상황에서 포스터 만들어야해서 진짜 밤새고 미치는 줄 알았는데...ㅋㅋㅋㅋㅋㅋ 결국 덕분에 어느정도는 하게 되었지만 그래도 토리 글 진짜 유용하다 너무 고마워...
  • tory_11 2018.01.18 02:34
    헐 설명 고마워! 스크랩해둬야지!
  • tory_12 2018.01.18 06:19
    와우 너토리 추천! 습관적인 컨트롤s에도 추천!!!! 제발 저장해줘!
  • tory_13 2018.01.18 08:12
    유용한 토리에게 좋아요드립니당~!
  • tory_14 2018.01.18 08:32
    와 진짜 고마워!!!
  • tory_15 2018.01.18 09:36
    헐 너무좋다 아무것도모르고 그냥 했었는데ㅠㅠㅠ고마워
  • tory_16 2018.01.18 10:25
    한번 배워고 싶었는데 도대체 어떻게 시작해야 하나 막막했는데 진짜 고마워! 스크랩 할게!!
  • tory_17 2018.01.18 11:51
    다시배우고있는데 정리 너무 고맙ㄷㅏ ㅠㅠ!!
  • tory_18 2018.01.18 12:19
    일러 켰다가 뭐가 뭔지 모르겠어서 껐는데ㅠㅠ 고마워!! 스크랩해가!
  • tory_19 2018.01.18 13:05
    고마워 토리야!! 덕분에 유용한 정보 알아간다! 스크랩할게^_^
  • tory_20 2018.01.18 13:05
    일러 배워보고싶었는데 고마워!!
  • tory_21 2018.01.18 14:14
    일러에 관심있었는데 고마워 스크랩해서 공부할게ㅜㅜㅜㅜ
  • tory_22 2018.01.18 14:32
    와 진짜 요즘 일러로 작업하는데 맨날 포토샵만 쓰다가 넘어와서 헷갈렸거든 개념 꽉 잡아주니까 넘 좋다 ㅠㅠ
  • tory_23 2018.01.18 15:24
    포토샵만 좀 다룰줄아는데 요새 일러 배우려고 검색하던차에 이런 고마운글이!! 스크랩하고 열연습할게!!
  • tory_24 2018.01.18 16:30
    와 문과인턴쩌리 회사에서 일러 다루면서 사망할 것 같은데 강같은 글 고마워..... 복받을거야ㅠㅠ...
  • tory_25 2018.01.18 16:59
    나 포토샵은 전문가 수준인데 일러쓰레기.. 고마워 톨아ㅠㅠ 화살표고 뭐거 이해 안 되는거 투성이였는뎈ㅋㅋㅋ
  • tory_26 2018.01.18 17:40
    삭제된 댓글입니다. (삭제일시: 2019/07/17 10:30:01)
  • tory_27 2018.01.18 17:50
    일러 깔아놓고 쓴적이없는데 다시 시도해볼게 고마워 토리야~!
  • tory_28 2018.01.18 22:08
    와 나 아무것도 몰랐는데, 항상 포토샵이랑 일러 차이가 궁금했는데 고마워 토리야~~
  • tory_29 2018.01.19 00:46
    진짜 좋은글이당!!
  • tory_30 2018.01.19 01:35
    와 일러배웠던거 생각난다 진짜 대단하다 이렇게 하나하나 알려주다니 토리짱!!!!대단해!!!!
  • tory_31 2018.01.19 09:20
    오 요즘 배우는 중인데 꿀팁많당 고마워 토리야!!
  • tory_32 2018.01.19 11:14
    일러스트레이터는 아예 다른세계ㅜ라고 생각했는데 이렇게보니 도전해보고싶다
  • tory_33 2018.01.19 13:45
    일러 야매5년차인데 다시개념한번 찍고 넘어가넹 고마워냔아~ , 이런강의 사실 생각은 해도 만들기 참 시간걸리고 번거로운데 글쓴토리 대단한듯 엄지척!
  • tory_34 2018.01.19 13:54
    삭제된 댓글입니다. (삭제일시: 2022/03/10 08:31:51)
  • tory_35 2018.01.19 17:16
    우와 고마워 !!
  • tory_36 2018.01.19 17:25
    삭제된 댓글입니다. (삭제일시: 2022/11/09 18:46:07)
  • tory_37 2018.01.19 18:21
    고마워! 일단 포토샵부터 초보에서 벗어나고ㅠㅠ나중에 일러 도전해볼때 꼭 봐야겠다
  • tory_38 2018.01.20 00:13
    와 친절한 설명 고마워!!
  • tory_39 2018.01.20 14:00
    선생님.....앞으로 선생님이라 부를게....너무 쉽게 설명해줘서 눈이 번쩍 뜨인다 고마워!!!!!!!!!1
  • tory_40 2018.01.20 21:30
    기본적인건 할줄 알긴한데 설명 너무 친절하고, 쉽게 잘 되어 있어서 너무 좋당ㅠㅠ스크랩 할게!!!
  • tory_41 2018.01.22 12:34
    완전짱이다 고마워ㅠㅠㅠ
  • tory_42 2018.01.22 17:39
    맨날 쓰고 싶을때 기억이 안나는게 몇개 있다ㅋㅋㅋ 고마워 토리
  • tory_43 2018.01.22 19:15
    삭제된 댓글입니다. (삭제일시: 2021/03/05 23:11:35)
  • tory_44 2018.01.23 01:30
    은혜가 강같이 흐르는 너란 톨... 고마워!!!!!!!!!!
  • tory_45 2018.01.23 16:28
    요기 알려준걸로 연습시작해야겠다ㅠㅠㅠㅠ 고마우ㅓ 고마워ㅠㅠㅠㅠ
  • tory_46 2018.01.25 15:31
    완전 고마워ㅜㅜ
  • tory_47 2018.01.28 06:46
    연재 부탁합니다.... 절받으세요
  • tory_48 2018.02.02 01:45
    삭제된 댓글입니다. (삭제일시: 2022/08/16 01:33:44)
  • tory_49 2018.02.02 21:21
    으아아 고마워 단축키 진짜 도움된다ㅜㅜ
  • tory_50 2018.02.03 00:32
    이런글에는 댓글꼭꼭...!
  • tory_51 2018.02.05 10:48
    조만간 일러 배울건데 도움 많이 될 것 같아! 고마워, 정독했어! 다음에 또 보러와야되니까 스크랩할게!!
  • tory_52 2018.02.05 13:25
    일러배우고싶었는데 스크랩해서 보고 배워야겠어ㅠㅠ 알려줘서 고마워!!!
  • tory_53 2018.02.22 12:51
    고마워ㅠㅠㅠㅠ스크랩해서 두고두고 공부할게!!
  • tory_54 2018.03.03 18:58

    고마워 ! 스크랩 했어 

  • tory_55 2018.04.20 23:35
    크ㅡ 이런글 강 같다 추천에 스크랩햇어!!
  • tory_56 2019.08.03 23:04
    진짜 짱이다 난 얻어가기만 하네ㅠㅠ 고마워
  • tory_57 2022.05.20 20:35
    고마워 스크랩할게!
  • tory_58 2022.05.31 09:15
    일러 저장
  • tory_59 2023.01.23 13:31
    강같.. 스쿠랩 고마워!!
  • tory_60 2023.08.30 14:34

    와 고마워 ㅠ

  • tory_61 2023.10.27 00:28
    고마워~~ㅠㅠ

List of Articles
번호 분류 제목 날짜 조회
전체 【영화이벤트】 우리는 지금도 행복하다 🎬 <찬란한 내일로> 시사회 7 2024.05.03 953
전체 【영화이벤트】 갓생을 꿈꾸는 파리지앵 3인의 동상이몽 라이프 🎬 <디피컬트> 시사회 14 2024.05.02 1512
전체 【영화이벤트】 전 세계 2,500만 부 이상 판매된 베스트셀러 원작 애니메이션 🎬 <창가의 토토> 시사회 9 2024.05.02 1462
전체 【영화이벤트】 변요한 X 신혜선 X 이엘 🎬 <그녀가 죽었다> 사건브리핑 시사회 50 2024.04.30 2637
전체 디미토리 전체 이용규칙 2021.04.26 570346
공지 아기다리고기다리던 동맹 만들었어 ∠( ᐛ 」∠)_ * 이용방법 수정 68 2019.01.14 100524
공지 디자인교실 공지사항 15 2018.01.16 99073
모든 공지 확인하기()
2077 질문 포토샵 개체에 커서 올렸을 때 생기는 파란박스 제거방법 1 2024.05.03 32
2076 질문 이런건 블렌더로 만드는걸까... 3 2024.05.03 79
2075 질문 고전 느낌 폰트 찾고 있어!! 2024.05.01 70
2074 질문 이거 폰트 뭘까..?(Dear하이라잍) 2 2024.04.23 171
2073 잡담 나나세 아오이란 사람 나무위키 왜 이렇게 길어 ㅋㅋ.. 6 2024.04.18 290
2072 질문 간단한 3D 도형 그릴 수 있는 프로그램 있을까? 5 2024.04.18 151
2071 잡담 디자인은 취향과 분야를 많이 타서 경력있어도 불안해 5 2024.04.17 167
2070 잡담 전문 분야를 통달한 사람은 정말 멋잇군아... 3 2024.04.17 154
2069 질문 영화 포스터 폰트 뭘까? (한글) 3 2024.04.16 220
2068 질문 애프터이펙트로 이런 그래프랑 숫자 변하는거 2 2024.04.12 120
2067 질문 윤명조 300 시리즈 중 320 340 어떻게 하면 쓸수있을까 2 2024.04.11 121
2066 질문 공모전 출품 사이즈 관련해서... 14 2024.04.09 127
2065 질문 그림판에서 정한 색깔을 업체에 알려주려면 어떻게 해야해? 2 2024.04.09 154
2064 질문 포토샵, 일러스트 버전을 2021로 낮추고 싶은데 뭘 받아야 해? 2024.04.08 78
2063 질문 혹시 손목때문에 병원다니는 사람 있니? 5 2024.04.04 171
2062 질문 가구 쪽 웹디들아 너네 가구 합성 많이 해?? 8 2024.03.21 303
2061 질문 이거 폰트 뭘까 2024.03.20 223
2060 질문 한글 제안서 특정 폰트만 써야하는 디자인 어떻게 해야할까..? 2 2024.03.19 175
2059 질문 아이브 유진 인스타에 올라온 이 사진보정 어플 뭘까? 2 2024.03.17 493
2058 잡담 시안 잡아놓은 디자인 영업쪽에서 맘에 안들었는지 다 바꿔놨네.. 6 2024.03.15 403
목록  BEST 인기글
Board Pagination 1 2 3 4 5 6 7 8 9 10 ... 104
/ 104

Copyright ⓒ 2017 - dmitory. All rights reserved.