디자인

안녕 토리들.

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

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

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

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

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


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



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


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


:비트맵

점으로 이루어진 그림

확대하면 계단현상 생김

색상이 많은 사진 등에 적합


:백터

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

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

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

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

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
번호 분류 제목 날짜 조회
전체 【영화이벤트】 따사로운 위로, 힐링 무비! 🎬 <아침이 오면 공허해진다> 파워 공감 시사회 18 2024.05.09 3285
전체 【영화이벤트】 기막힌 코미디 🎬 <드림 시나리오> ‘폴’과 함께하는 스윗 드림 시사회 33 2024.05.07 3856
전체 【영화이벤트】 우리는 지금도 행복하다 🎬 <찬란한 내일로> 시사회 18 2024.05.03 5870
전체 디미토리 전체 이용규칙 2021.04.26 573921
공지 아기다리고기다리던 동맹 만들었어 ∠( ᐛ 」∠)_ * 이용방법 수정 68 2019.01.14 100535
공지 디자인교실 공지사항 15 2018.01.16 99079
모든 공지 확인하기()
21 자료 [종료]지금까지 만든 티스토리스킨 전부다 공유 137 2018.03.22 3983
20 자료 [티스토리 스킨 공유] 봄인줄알았는데 겨울이네 41 2018.03.22 3274
19 질문 작업물 인스타그램 업로드 시간대 언제가 가장 좋아? 4 2018.03.19 14751
18 자료 티스토리 스킨 공유왔당[종료] 73 2018.03.15 2516
17 꿀팁 강좌 쪄달라는 토리들을 위한 칙칙한 음악방송 영상 자연스럽게 보정하기.jpg (수정) 25 2018.03.11 3082
16 꿀팁 포토샵으로 깔끔하게 워터마크나 문구 지우는 팁.jpg 191 2018.03.02 7575
15 자료 봄 느낌 티스토리 스킨 공유 91 2018.02.24 3412
14 자료 포토샵으로 노이즈 줄이기 & 어색하지않게 밝기,대비,레벨 조절 file 10 2018.02.13 1094
13 자료 잡지보정 같은 피부보정하는 방법 file 79 2018.02.13 4700
12 자료 인물 및 머리카락 누끼 잽싸게 따는 법 (채널 누끼) file 39 2018.02.13 4229
11 자료 티스토리 스킨 배포 file 142 2018.01.18 8245
» 꿀팁 초보를 위한 어도비 일러스트레이터 -개념설명 file 61 2018.01.17 4692
9 자료 300일 동안 유료 소스 하루에 하나씩 무료로 71 2018.01.13 4309
8 자료 내가 사용하는 폰트 검색 사이트 file 13 2018.01.05 999
7 자료 크리스마스 선물 티스토리 스킨 (펑) file 179 2017.12.25 4597
6 꿀팁 디자인 관련 사이트 몇 개 추천할게 216 2017.12.13 5907
5 꿀팁 웹페이지 데코용 스크립트 사이트 26 2017.12.08 1751
4 꿀팁 사수도 안알려주는 TIP 1 - 디자인/업무폴더정리 45 2017.12.06 5974
3 자료 국내외 디자이너들 작품볼수있는 인스타그램 추천하고 간당 19 2017.12.01 2244
목록  BEST 인기글
Board Pagination 1 ... 4 5 6 7 8 9 10 11 12 13
/ 13

Copyright ⓒ 2017 - dmitory. All rights reserved.