일러은(는) 여기로 연결됩니다.
일본과 러시아의 관계에 대한 내용은 러일관계 문서 참고하십시오.| {{{#!wiki style="margin: 0 -10px;" {{{#!folding [ 펼치기ㆍ접기 ] {{{#!wiki style="margin-bottom: -15px;" | <tablewidth=100%> | ||||
| Photoshop | Lightroom | Illustrator | Animate | After Effects | |
| Premiere Pro | Premiere Rush | InDesign | InCopy | Dreamweaver | |
| Audition | Media Encoder | Stock | Bridge | Spark | |
| XD | Dimension | Character Animator | Fresco | Aero | |
| Firefly | |||||
| {{{#!wiki style="margin:0 -10px" {{{#!wiki style="margin:-5px -1px -16px" {{{#!wiki style="margin:-15px 0px 0px 0px" | Document Cloud | ||||
| Acrobat | }}}}}}}}} | ||||
| 개발 중단된 프로그램은 해당 문단을 참고하시기 바랍니다. | |||||
| 어도비 일러스트레이터 관련 틀 | ||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||
| | |
| Adobe Illustrator | |
| <colbgcolor=#330000><colcolor=#ff9a00> 개발 | Adobe |
| 라이선스 | 상업 소프트웨어 |
| 용도 | 그래픽 디자인, 편집 디자인, 벡터 편집 |
| 운영체제 | Windows, macOS, iPadOS[1] |
| 사이트 | |
[clearfix]
1. 개요
| Illustrator 2025의 스플래시 이미지 |
Adobe에서 개발한 벡터 이미지 제작툴.
2. 상세
어도비사 제품들 중에서는 포토샵 다음으로 잘 팔리는 품목이다. 최신 버전은 CC 2025. 대한민국 현업계에서는 명칭이 워낙 길어서 일러라는 약칭이 아주 많이 사용된다. 벡터 디자인 소프트웨어 중에서도 사실상 독점수준으로 점유율이 높아서 보통은 이 어도비 일러스트레이터를 말한다.주로 벡터 이미지를 제작하고 있으며, 포토샵이 사진을 수정, 합성하는 쪽이라면, 이쪽은 주로 그림을 만드는 쪽이라고 보면 된다. 주로 '선따기' 혹은 '누끼따기' 라고 하는 방법처럼 펜 툴로 패스를 찍어 선을 연결해 그림을 그리는 방식으로 패스노가다는 이 프로그램의 꽃이자 핵심 테크닉으로 클리핑 패스라고도 불린다(Clipping Path). 사실 포토샵에서도 가능하긴 하지만 다소 능률이 떨어지고[2] 이쪽은 더욱 특화된 형태라 다양한 수정과 합성이 가능하며, 간단한 도형에서부터 잘하면 펜으로 그린듯한 깔끔한 그림도 그릴 수 있다.[3] 펜 도구와 '라이브페인트;Livepaint tools'[4] 같은 일반적인 기능을 넘어서 '망 도구;Mesh tool'를 같이 이용하는 경우, 심지어는 실제 사진과 가까운 그림도 그릴 수도 있다. 이쯤되면 괴물을 넘어 거의 신급 퀄리티.
이런 걸 따라서라도 그려보고 싶다면 '이미지 추적;live trace'[5] 기능의 '정밀도가 높은 그림' 옵션을 사용하면 비슷하게라도 따라할 수는 있다. 물론 이 정도의 퀄리티는 인외의 존재가 직접 패스를 따서 노가다해야 한다. 이렇게 만들어진 이미지는 기업에서 구매하기도 하는데, 거대 포스터에 사용할 깨지지 않는 이미지가 필요하기 때문. 어찌보면 웬만한 캐릭터 회사, 특히 팬시아트나 캐릭터 카드 등의 간결하고 깔끔한 그림체의 캐릭터들은 다 이 프로그램을 거쳐서 나온 것이라고도 할 수 있다. 오토데스크의 AutoCAD와 비슷한 방식이지만 목적이 2, 3차원 도면을 그리고 렌더링, 셰이딩을 통해 실물을 예상하는 것이 아니라 2차원 디자인을 하는 것이다. 물론 여기서 나아가 최대한 입체적인 느낌을 낼 수 있도록 원근감 오브젝트 도구모음과 원근감 격자 도구를 쓴다면 단순한 렌더링을 위시한 작업물도 가능하다.
만들고 있다 보면 어떻게 하면 더 편하고 더 효율적으로 만들 수 있을지 저절로 고민하고 생각하며 궁리하게 만든다. 생각만 제대로 한다면 굉장히 지루한 노가다도 그냥 그루핑한 오브젝트 몇 개를 뚝딱 변형시키는 것만으로 쓱싹 끝낼 수 있지만, 생각 잘못 하면 노가다하느니만 못한 뻘짓을 하게 되기도 한다. 그러니 이거든 포토샵이든 디자인을 하려면 일단 생각을 많이 해야 한다. 그리고 설계를 제대로 하도록 하자. 익숙해지면 Ctrl+1을 누르거나 바로 P[6], 혹은 A[7]를 누르고 클릭과 드래그나 Ctrl+G[8], Ctrl+F[9] 등의 단축키만 갖고 그려내고 있을 것이다.
dpi[10] 조절이 가능한 마우스를 쓴다면 좀 더 편하게 작업이 가능하다.
참고로 이 프로그램만 가지고 웹에서 쓰기 위한 알파 투명도가 잡힌 PNG 파일을 생성해보면 은근히 품질이 별로인 결과물이 나온다. 이때 같은 어도비의 프로그램인 Fireworks에서 일러스트레이터로 작업한 ai 파일을 불러와 PNG로 만들면 정말 완벽하게 멋지고 훌륭한 결과물이 나온다(...) 그러니까 웹 개발에 쓰려거든 힘빼지 말고 묶음으로 함께 사라는 소리다. CC 제품군에 은근슬쩍 끼워넣긴 했긴 하지만 Fireworks는 CS6에서 멈춰버리고 말았다. 웹 브라우저에서 SVG를 지원하기 때문에 SVG로 저장하는 것도 한 방법. 단, SVG로 저장할 때는 주의사항이 있다. SVG는 일러스트레이터의 그라디언트 메쉬를 지원하지 않는다. # 그라디언트 메쉬가 있는 AI파일을 SVG로 변환할 경우 이렇게 된다.[11]
CC부터는 GPU를 이용한 그래픽 가속을 지원한다.[12] 복잡한 이미지를 작업하는 이들에게는 희소식. 또한 자동 저장 기능과 작업물 복원 기능이 생기면서 저장을 습관화하지 않는 사람들에게 은근한 일침을 날려주곤 한다. 작업물 복원 기능은 의도치 않게 강제적인 종료[13]로 인해 작업물을 날려먹지 않게끔 임시 폴더에 저장돼있던 작업물 사본을 불러오는 기능이다. 이 외에도 6400배가 한계였던 확대기능이 그의 열배가 되어 돌아오는 등, CC의 업데이트는 나날이 발전하고 있다. 한편 곡률 툴(shift+'), 퍼펫워프, 라운딩(뽀족한 점에서 a로 드래그), property 창 등 작업 시간을 파격적으로 줄일 수 있는 다양한 툴이 개발되었지만, 2019년 현재 아직 업계에서는 대개 cs5를 사용하는 추세라 CC로 프로그램을 배운 대학생들은 취업 후 당황하기 일쑤다. 대표적으로 화면 좌측 툴바에 숨겨진 툴 메뉴. CC는 우클릭으로 메뉴 열기를 지원하지만 CS6이하에서는 좌클릭 유지만 지원한다.
3. 어도비 포토샵과의 차이
픽셀방식의 포토샵과 달리 벡터 방식이기 때문에 그림을 아무리 확대해도 깨지지 않는 것이 강점. 벡터 방식은 각도 방향 색상 폭의 데이터를 바탕으로 점, 선, 면의 그래픽 요소를 구현하는 방식이다. 선 하나 면 하나에 모두 개별적으로 좌표 값이 부여되어 있다. 화면을 리프레시할 때마다 다시 계산해 그려내는 CAD와 같은 방식. 도면이 복잡해지면 계산할 때 시간이 많이 필요하지만, 변형해도 계단 현상이나 깨지는 일이 없고, 변형된 것도 Undo 기능이 지원하는 데까지는 완전하게 복원이 된다. *.bmp나 *.jpg를 비롯해 *.eps나 *.psd 등 타 프로그램까지 확장 가능한 파일로도 저장이 가능하다.[14] 거의 모든 이미지 포맷을 지원한다. 물론 *.bmp나 *.jpg로 저장할 경우에는 벡터가 아닌 비트맵으로 저장하게되어 벡터의 장점을 상실한다. 미약하게나마 이미지 파일 자체의 편집도 가능하며 비트맵 파일을 색상별 패스로 구분지어 백터화 시킬 수 있다.반면 포토샵은 비트맵 방식으로서 하나의 색상이 부여된 매우 작은 네모 칸인 픽셀이 모여 이미지를 표현한다. 쉽게 말해 도트를 찍듯이 이미지를 표현한다.
일러스트레이터라는 이름이 무색하게 손그림 작업에는 그다지 적합하지 않다. 연산에 오랜 시간이 걸리기 때문에 자잘한 펜 터치가 누적되면 컴퓨터가 감당할 수 없게 된다. 선 하나 하나가 패스(Path)이기 때문에 사용자 입장에서도 직관성이 떨어진다. 레이어의 범용성도 포토샵에 비해 부족한 편. 손그림에는 비트맵 방식인 포토샵이 더 편리하다. 대신 어도비 일러는 크기 조절이 자유로워 작업물이 깔끔하기 때문에 아이콘, 픽토그램, 마스코트 캐릭터, 포스터, 플랫 디자인 작업에 유용하다.
4. 기타
포토샵을 상징하는 아이콘이 눈(신체 부위)이었다면, 일러스트레이터는 비너스의 탄생이었다. 첫 버전부터 CS직전 버전인 10까지 아이콘과 제품 정보의 이미지가 비너스의 탄생이였다. 하지만 이쪽도 CS에서는 꽃으로 변경되었다가 CS3부터는 다른 제품군에 맞춰 심플하게 Adobe Illustrator의 머릿글자를 딴 Ai가 되었다. 재미있는 점은 상징하는 색상이 거의 변함없이 난색 계열, 보통은 귤색[15]이었다는 것.
| 일러스트레이터 스플래시 아트웍 변천사 | ||
| | | |
| 2014 (Patrick Seymour, Canada) | '''2014 (Orlando Arocena,''' | 2015 (Diego L. Rodríguez, Spain) |
| | | |
| 2015 (Felipe Vargas, Chile) | 2016 (Giulio Iurissevich, Italy) | 2017 (Cristian Eres, Spain) |
| | | |
| '''2018 (Ori Toor, Israel)''' | 2019 (Kervin Brisseaux, USA) | 2020 (Karan Singh, Australia) |
| | | |
| '''2021 (Jade Purple Brown, USA)''' | 2022 (Petra Eriksson, Spain) | 2022 (Gosti, South Korea) |
| | | |
| '''2023 (Giacomo Bagnara, Italy)''' | 2023 (Daniel Escudiero, Brazil) | 2023 (Marte - Martina Galarza, USA) |
이후 CC 2014는 사자가 스플래시 화면에 들어왔었다가 이내 선글라스가 멋진 캣우먼으로 바뀌었다. 이쪽은 언뜻보면 캣우먼 비슷한 새로운 캐릭터 같지만 그림 창작자가 일러스트레이터의 상징이였던 비너스를 다시 꺼내 비너스의 귀환으로 컨셉을 잡았던 듯. 2015 버전은 피부 트러블이 불만인 듯한 웬 역안 남정네가 들어왔다. 같은 해 12월 패치에서는 녹색 피부 우주비행사로 변경됐다.이후 CC 2016에서는 장식적이고 화려한 곡선의 여인이 들어갔고 CC 2017에서는 태양와 산맥을 이루어진 자연 풍경 컨셉이다. 2018 버전에서는 다시 우주비행사가 들어갔다. 2019 버전은 낙서 스타일의 여인이 들어갔다. 이전까지는 디테일한 아트웍이 사용되었다면 2020 버전부터 점차 단조로워지기 시작한다. 2020에서는 약간의 텍스쳐가 들어간 나팔꽃이 들어갔다. 2021에서는 창 밖을 바라보는 여인이다. 이때부터는 텍스쳐 효과조차 없이 기본 도형 위주의 심플한 형태로 표현됐다. 2022버전에서는 퍼핀 두 마리의 아트웍이 실렸다.
관련 자격증으로는 컴퓨터그래픽스운용기능사, GTQ가 있다. 웹디자인기능사에서도 활용해야 하는 프로그램이긴 하지만, 무조건 사용하게 되는 컴퓨터그래픽스운용기능사와 달리 웹디자인기능사 쪽에서는 복잡한 문양의 로고를 만드는 문제가 나오지 않은 이상 포토샵만으로도 해결할 수 있어 웹디자인 쪽에서는 비중이 높지 않다. 시중에서 파는 교재, 예제 등에서도 일러스트레이터를 활용하는 파트의 비중은 높지 않은 편.
경쟁 프로그램으로는 Corel DRAW, Affinity Designer가 있으며, 대용품으로 오픈소스 진영에서 개발한 잉크스케이프가 있다.
벡터 이미지 제작툴로는 점유율이 높기 때문에 대부분의 기업, 기관, 단체 등에서는 CI나 로고를 배포할 때 ai 파일로 대부분 배포한다. 창작물을 제작할 때 특정 단체의 로고가 필요할 경우 공식 홈페이지를 찾아보고 작업하자. 좀 더 때깔좋은 이미지와 악의성으로 합성 장난한 로고를 피할 수 있다.
벡터 이미지 특성상 사이즈를 자유롭게 늘이고 줄일 수 있기 때문에 인쇄업체에 실제 뽑을 사이즈가 유동적인 현수막 제작 의뢰를 맡길 경우 ai 파일로 제작해서 준다. 반대로 직접 제작해 현수막 출력만 맡길 때도 인쇄업체에서는 ai을 선호하는 편.
이제는 산업 표준 규격이 된 PDF 파일은 원래 어도비 사에서 개발한 것인데, 파일 구조가 일러스트레이터와 공통이므로 일러스트레이터에서 PDF를 불러 와서 편집할 수 있다. 즉 PDF 전용 프로그램인 애크로뱃이 없어도 작업이 된다. 다만 대지 사이즈, 레이어 등 여러 설정은 다시 해주어야만 한다. 저장도 export 기능을 이용하면 된다. 반대로 AI 파일을 PDF로 열 수도 있는데, 확장자 .ai를 단순히 .pdf로 바꾸기만 해도 문제 없이 인식한다. 일러스트레이터가 깔려 있지 않은 상황에서 AI 파일을 열어야 할 때, 쉽게 구할 수 있는 PDF 뷰어로 내용을 확인할 수 있어 유용하다.
CS 직전 버전인 10 버전의 한글판이 존재하나, 영문판과 달리 인터넷에서 구할 수 없다.
4.1. 모바일 버전
어도비 측에서 iPad용 일러스트레이터를 공개한다고 밝혔다. 손으로 그린 스케치 사진을 찍으면 벡터 모양으로 변환시켜주는 등의 편의기능도 들어갈 예정이다.#[1] 모바일 운영체제 최초의 정식버전이다.[2] 포토샵에서의 패스는 비교적 단순한 오브젝트를 보완하기 위해 있는 기능이라고 봐도 무방할 정도로.[3] CS5에서는 브러쉬가 포토샵과 비슷해져서 비트맵같지만 실제로는 벡터인 그림을 그릴 수 있게 되었다.[4] 포토샵이나 그림판에서 사용하는 '페인트 통' 기능과 유사한 도구 모음이다.[5] 옵션은 정밀도의 정도, 색상의 정도, 선화나 도면 등 다양하게 존재한다. 모바일 앱스가 늘어나고 안드로이드에도 서비스가 확장되는 시기에 '캡처;Adobe Capture CC'에서도 비슷한 방식으로 사진이나 작업물을 쉽게 벡터화시킬 수 있다.[6] 펜 도구의 단축키[7] 펜 도구만큼 범용성이 높은 '직접 선택 도구'의 단축키.[8] 선택 패스 및 오브젝트 그룹하기. 그룹 해제를 위해선 Shift를 끼워넣으면 된다.[9] 잘라낸 자리의 앞으로 붙여넣기. F 대신 B를 쓰면 뒤에 붙여넣는다.[10] dots per inch: 프린터·스캐너 등의 정밀도를 재는 단위.[11] 중앙의 태극을 유심히 보면 무언가 이상함이 느껴질 것이다.[12] 그래픽 가속 기능은 CC 2014부터였는데, NVIDIA 그래픽카드만 지원했다. CC 2015에 들어서 범용성이 높아진 지금도 가끔 그래픽 충돌이나 오류로 인해 GPU 렌더가 해제되고 강제적으로 CPU 렌더로 바뀌기도 한다. 다행히도 이에 대한 해결책을 알려주니 참고. 정 안되겠다 싶으면 그래픽 드라이버를 다시 깔거나 일러스트레이터의 설정 폴더를 초기화시키는 방법도 있다. Windows 10 환경에서는 DirectX 12를 지원한다. 또한 중요한 것은, 32비트용 S/W에서는 이 기능을 지원하지 않는다. 고성능 PC의 이점을 그대로 누리기 위해서는 반드시 64비트로 설치하기를 권장한다. 다만 이 경우, 유/무료 서드파티 플러그인의 64비트 지원여부가 들쭉날쭉한 단점이 있다. 이 때문에, 전문가들은 두 버전을 모두 설치해 필요에 따라 사용하는 경우도 있다.[13] 컴퓨터 다운, 전원 꺼짐, 프로그램 다운 등[14] 이는 어도비에서 내놓은 대부분의 제품에 해당한다. 예를 들어 애프터 이펙트의 경우, 일러스트레이터로 만든 벡터 그래픽을 불러와 재료로 쓸 수 있다.[15] 10버전까지 귤색, CS에서 잠시 자주색으로 바뀌었다가 CS2부터는 다시 귤색으로 바뀌었다.