디자인

안녕 토리들.

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

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

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

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

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


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



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


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


:비트맵

점으로 이루어진 그림

확대하면 계단현상 생김

색상이 많은 사진 등에 적합


:백터

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

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

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

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

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년만의 귀환을 알린 레전드 시리즈✨ 🎬 <혹성탈출: 새로운 시대> 예매권 증정 70 2024.04.23 1491
전체 【영화이벤트】 F 감성 자극 🎬 <이프: 상상의 친구> 예매권 증정 58 2024.04.22 1564
전체 【영화이벤트】 두 청춘의 설렘 가득 과몰입 유발💝 🎬 <목소리의 형태> 시사회 15 2024.04.16 4503
전체 디미토리 전체 이용규칙 2021.04.26 566355
공지 아기다리고기다리던 동맹 만들었어 ∠( ᐛ 」∠)_ * 이용방법 수정 68 2019.01.14 100518
공지 디자인교실 공지사항 15 2018.01.16 99069
모든 공지 확인하기()
24 꿀팁 포토샵 콘텐츠 인식 확장 기능 8 2022.01.18 365
23 꿀팁 간단한 포토샵 트릭으로 동적 원근법 그리는 방법 2022.01.18 312
22 꿀팁 요즘 포토샵으로 만드는 패턴 3 2022.01.18 501
21 꿀팁 윈도우에서 크롬, 엣지, 웨일, 브레이브 등등 크로미움 기반의 브라우저 쓰는 토리들 색영역 늘리는 방법 24 2021.10.01 818
20 꿀팁 간단한 인터넷 탭전환 단축키 10 2020.08.13 564
19 꿀팁 어도비(ADOBE) 프로그램 한글로 설치 됐을때 영문으로 변경하는 방법 7 2020.07.16 683
18 꿀팁 한글 폰트 인식기🔎 48 2020.06.16 2542
17 꿀팁 인쇄물 인쇄시 주의해야할 점 팁 (비루주의) 67 2020.03.30 5078
16 꿀팁 어피니티 포토랑 어피니티 디자이너 50프로 할인해!! 8 2020.03.23 403
15 꿀팁 포토샵 조건부 액션으로 편리한 액션생할 하기♪(´▽`) 11 2020.01.27 1057
14 꿀팁 이제 일러스트에서도 W가 돼! 7 2019.08.01 1251
13 꿀팁 프로젝트 눈누 라는 사이트 아니!!!!! 꼭 가보아라!!!! 42 2019.01.04 3306
12 꿀팁 다음팟, km 색감비교 15 2018.06.22 2376
11 꿀팁 사진 불필요한 부분 없애기 (feat. 로고) 61 2018.05.26 5218
10 꿀팁 타블렛쓰는 토리들아!!!! (소름끼치는 스걱거림을 싫어하는 이들을 위한 헌정글) 4 2018.05.16 895
9 꿀팁 강좌 쪄달라는 토리들을 위한 칙칙한 음악방송 영상 자연스럽게 보정하기.jpg (수정) 25 2018.03.11 3081
8 꿀팁 포토샵 레이어 블렌딩 기능으로 간단하게 색감 바꿔 필터효과 내보기 3 2018.03.08 1182
7 꿀팁 포토샵으로 깔끔하게 워터마크나 문구 지우는 팁.jpg 191 2018.03.02 7555
» 꿀팁 초보를 위한 어도비 일러스트레이터 -개념설명 file 61 2018.01.17 4691
5 꿀팁 디자인 관련 사이트 몇 개 추천할게 216 2017.12.13 5904
목록  BEST 인기글
Board Pagination 1 2
/ 2

Copyright ⓒ 2017 - dmitory. All rights reserved.