본문 바로가기
반응형

일러스트레이터 CS567

일러스트레이터에서 프레젠테이션용 PNG 파일 저장하기 올해는 애니메이션이 사용된 프레젠테이션 작업이 몇 번 있었는데, 그러다 보니 ‘파워포인트’ 작업자와 협업하는 경우도 있었다. 내가 주로 일하는 분야랄까? 환경이랄까? 아무튼, 그곳에선 프레젠테이션 작업 시 일러스트레이터로 페이지 전체를 디자인하고 파워포인트에선 애니메이션만을 넣곤 한다. 그래서 일러스트레이터로 작업한 것을 jpg나 png 파일로 변환해 파워포인트 작업자에게 넘겨주는 일이 많다. 얼마 전 이런 변환 작업을 하다가, 편리한 방법을 발견하여 소개해본다. 참고로 이 방법은 포토샵을 같이 사용한다. 위와 같은 페이지가 있는데, 이중 오른쪽 아래의 원형 이미지와 글자를 PNG 파일로 변환해 보겠다. 변환할 것을 선택해 카피한다. 여기부터는 포토샵 작업이다. 포토샵에서 새로운 캔버스를 만든다. (메뉴.. 2013. 12. 16.
버스 노선도 [일러스트레이터,Illustrator 강좌] 몇 달 전 오랜만에 친구에게 전화가 왔었다. 사회적 기업에서 근무하며 학업에도 열심인 친구였는데, 요즘 근황을 물으니 지방에 내려가 있단다. 그의 페이스북에서 ‘흙살림’이라는 단체에 대한 글을 봤었는데, 지금 그곳에서 농사일을 배우고 있단다. 학업과 직장은 어찌했는지 궁금했지만 묻진 않았다. 서울을 떠나고 싶어하는 난, 가볍게(나의 입장에서 생각할 땐) 서울을 떠난 그가 부러웠다. 친구는 디자인 작업할 사람을 소개해 달라는 후배의 부탁에 내게 전화를 했다. 좋은 후배니 통화 해보란다. 어떤 일인지는 몰랐지만 ‘용돈 벌이 정도는 되겠지.’ 싶어 좋다고 했다.(통화해보고 아니면 말면 되는 것이니...) 그 날이었는지 다음날이었는지 아무튼 후배와 통화를 했다. 작업할 것은 버스노선도였다. 디자인이랄 것도 없는.. 2013. 8. 27.
흐르는 패턴 만들기 [일러스트레이터,Illustrator] 최종 결과물과는 좀 다릅니다만, 얼마 전 작업했던 것입니다. 이번 강좌에선 이런 걸 만들어 보겠습니다. 정확히는 배경에 흐르듯 퍼져있는 플러스(+) 패턴을 만들 겁니다. ‘플러스(+) 패턴’을 넣기 전 모습입니다. 작업물이 ‘느낌’을 전달하기엔 뭔가 부족해 보입니다. 처음 작업물에서 봤던 ‘플러스(+) 패턴’들은 의미 전달에 ‘느낌’을 부여하는 요소로 쓰였습니다. ① ‘Symbol Sprayer Tool’을 더블클릭합니다. ② Options 창이 열리면 그림과 같이 수치를 설정합니다. 나머지는 디폴트 값으로 둡니다. Symbols 패널을 열고 심볼을 선택합니다. 어차피 교체할 심볼이라 어떤 것이어도 상관없습니다. 단, 하나의 오브젝트로 만들어진 것으로 하시는 게 좋겠습니다. ‘Symbol Sprayer .. 2013. 8. 26.
태극기 만들기 [일러스트레이터,Illustrator] 어도비 일러스트레이터를 처음 배웠을 때 태극기(정확히는 태극만)를 만들었던 시간이 있었습니다. 툴에 대한 이해와 도형의 변형 방법을 배우는 시간이었던 것으로 기억합니다. 태극기의 규격도 입니다. 국민학교 (지금의 초등학교) 때 이후로 처음 보는 것 같네요. 모든 것이 데이터베이스화된 이 시대에 이런 규격도가 필요할지 모르겠지만, 나라의 상징물이니 어떤 구조로 만들어졌는가 한번 보시죠. 우선 태극을 그려보겠습니다. Ellipse Tool로 가로세로 100mm의 원을 그립니다. 원을 선택하고 ‘메뉴 / Object / Transform / Transform Each’ 명령을 선택합니다. ‘Transform Each’ 창이 열리면 위의 그림과 같이 번호 순서대로 수치를 조정하고 ‘Copy’ 버튼을 선택해 좌측.. 2013. 6. 30.
글자에 그라데이션 주기 [일러스트레이터,Illustrator] 텍스트가 살아있는 글자에 그라데이션을 주는 방법을 알아보겠습니다. 글자를 그림화(메뉴 / Type / Create Outlines) 시키면 간단하게 그라데이션을 줄 수 있지만, 글자를 수정할 수 없다는 게 불편하죠. 아래에 소개되는 방법은 글자가 아닌 원이나 사각형 등의 객체에도 사용 가능하니 응용해 보세요. 글자가 살아있는 상태입니다. 글자에 적용할 그라데이션 3가지입니다. 오른쪽은 그라데이션 값이 있는 ‘Swatches 패널’입니다. ① 글자를 선택하고 ‘Appearance 패널’ 팝업 메뉴에서 ‘Add New Fill’을 선택합니다. ② ‘Fill’이라는 요소가 하나 만들어졌습니다. 이곳에 그라데이션 적용할 것입니다. ① ‘Appearance 패널’의 ‘Fill’을 선택하고, ② 오른쪽 그라데이션을.. 2012. 10. 22.
일러스트레이터를 jpg 파일로 변환하기 [일러스트레이터,Illustrator] 어느 그래픽 툴이나 최종 결과물(인쇄물, 동영상 등)을 만들려면 마지막엔 변환작업이 필요합니다. 이번 페이지에선 일러스트레이터를 비트맵 방식 중 가장 많이 쓰이는 ‘jpg’ 파일로 변환하는 방법을 알아보겠습니다. 일러스트 파일(board.ai)을 엽니다. ‘메뉴 / File / Export...’를 선택합니다. Export 메뉴창이 열립니다. 파일형식란을 보면 ‘Auto CAD Drawing’(기본설정)으로 돼 있습니다. 파일형식 중 ‘JPG (*.JPG)’를 선택합니다. ①번 ‘Use Artboards’를 선택합니다. 이 명령을 선택하지 않고 저장을 하게 되면 아트보드 영역을 무시해 파일을 변환하게 되며 아트보드의 오브젝트만 여백 없이 저장하게 됩니다. 또한 아트보드 밖에 오브젝트가 있다면 같이 포함해.. 2012. 10. 15.
TIFF 파일 이용하기 [일러스트레이터,Illustrator] 일러스트에서 오브젝트에 색상을 칠하듯이 이미지(비트맵 이미지)에 색상을 칠하는 방법에 대해 알아보겠습니다. 제가 무슨 얘길 하는지 이해가 안 가시는 분도 있겠습니다. 비주얼한 방법으로 설명하자면 위와 같겠습니다. 검정색의 이미지를 다른 색상으로 바꾸는 방법입니다. 이 방법을 이용하기 위해선 포토샵도 필요합니다. 여기부터는 포토샵 작업입니다. - 포토샵으로 원본 나뭇잎 이미지를 엽니다. - ‘메뉴 / Image / Mode / Grayscale’을 선택해 나뭇잎을 흑백이미지로 만듭니다. - 혹시 경고창이 열리면 ‘승인’ 합니다. - ‘메뉴 / Save As...’ 명령을 선택합니다. - 확장자를 ‘TIFF’로 해서 저장합니다. - 옵션창이 열리면 그냥 ‘OK’해서 저장을 마무리 합니다. - 포토샵에서의 작.. 2012. 8. 9.
단축키 설정방법 [일러스트레이터,Illustrator] 툴바나 메뉴명령의 단축키를 변경, 설정하는 방법입니다. Outline Stroke(메뉴 / Object / Path / Outline Stroke) 명령의 단축키를 설정해 보겠습니다. - Outline Stroke 명령의 오른쪽을 보면 단축키가 설정돼 있지 않습니다. ‘메뉴 / Edit / Keyboard Shortcuts...’ 명령을 선택합니다. - 팝업창에서 ‘Menu Commands’를 선택합니다. - ‘Menu Commands’ 메뉴에서 ‘Object’를 선택합니다. ① 메뉴를 아래로 내리면 ‘Path / Outline Stroke’ 메뉴가 나옵니다. ② 메뉴의 오른쪽 빈 공간을 선택하면 입력란이 생깁니다. 입력란을 선택하고 원하는 단축키를 누릅니다.여기서는 ‘Alt+Shift+Ctrl+O’를 .. 2012. 8. 8.
파이그래프 만들기 [일러스트레이터,Illustrator] 아래와 같은 파이그래프를 만들어 보겠습니다. Pie Graph Tool을 선택한 후 도큐멘트 위에 클릭을 합니다. 위와 같이 입력 창이 열립니다. 입력란 두 곳에 70mm를 입력한 후 ‘OK’버튼을 선택합니다. 입력한 70mm는 그래프의 크기인데, 입력한 수치보다 좀 작게 만들어집니다. 위와 같이 입력 창 열리죠? 입력란에 위와 같이 입력을 합니다.(똑같을 필요는 없습니다.) 다 입력한 후에 ①의 버튼을 클릭 합니다. 오른쪽과 같이 파이그래프가 도큐멘트에 생깁니다. ②번 버튼을 선택해 입력창을 닫습니다. 그래프의 색상을 마음에 드는 색상으로 바꿉니다. 모든 선은 두께 1pt의 흰색으로 수정했습니다. Pie Graph Tool을 이용해 만든 그래프는 Ungroup(메뉴 / Object / Ungroup) .. 2012. 7. 11.
계산식 사용하기 [일러스트레이터,Illustrator] 일러스트레이터엔 수치를 입력하는 곳이 많습니다. 수치 입력란에 +, -, *(곱하기), /(나누기)를 첨부해 수치 값을 변경해 보겠습니다. 일러스트레이터 사용시 편리하게 느끼실 기능입니다. 1. 오브젝트 크기 조정하기 가로, 세로 사이즈가 28mm인 사각형이 있습니다. Transform 패널에서 크기를 확인하실 수 있습니다. 사각형을 선택하고 Transform 패널의 ‘W’입력란 수치 뒤에 ‘+10’을 입력합니다. 박스의 사이즈가 28mm에서 38mm로 수정됩니다. 마찬가지로 수치 뒤에 ‘-10’을 입력하면 박스 사이즈가 28mm에서 18mm로 수정됩니다. 2. 오브젝트 위치 이동하기 ①번 부분의 수치 값은 선택 박스의 위치 좌표를 표시하는 것입니다. 박스를 오른쪽으로 10mm 이동해 보겠습니다. 사각형.. 2012. 7. 11.
그룹이 안 풀릴 때 [일러스트레이터,Illustrator] 일러스트레이터 작업 중 이상하게 그룹이 안 풀릴 때(메뉴 / Object / Group)가 있습니다. 보통 다른 형식의 데이터(캐드, 파워포인트, 액셀 등)를 일러스트레이터로 변환 할때 나타나며, 이유는 다른 방식으로 그룹화 되기 때문입니다. 제가 알기론 다른 방식의 그룹화 이유는 아래 설명되는 2가지 정도입니다. Ungroup(메뉴 / Object / Unroup) 명령으로 그룹이 안 풀릴 땐 Appearance(Window 메뉴) 패널을 확인해보세요. Appearance 패널에서 ①번과 같이 ‘Compound Path’란 글이 있다면 ②번과 같이 ‘메뉴 / Object / Compound Path / Make’ 명령으로 그룹화 된 것입니다. 이럴 땐 ③번 명령(Release)을 선택해보세요. 그래도 .. 2012. 4. 20.
와이어프레임 만들기 [일러스트레이터,Illustrator] 지금까지 보신 그림들 뭐 같아요? 혹시 심리테스트용 그래픽이라 생각하셨나요? 그럴 분도 있을 거 같군요. 뭐가 됐든 특이하고 조금은 아트적이기까지 하지 않나요? 저만 그런가요? 아무튼 위의 그림들은 모두 일러스트레이터로 만든 것입니다. 이런 그림이 어디에 쓰일지 모르겠지만, 간단한 것으로 하나 만들어보겠습니다. - Ellipse Tool을 선택합니다. - 아트보드에 마우스를 클릭한 상태에서 ‘Esc’키 밑에 있는 ‘~’키를 누른 상태로 드레그 합니다. 꼭 Ellipse Tool로 클릭한 상태에서 ‘~’키를 누르며 마우스를 드레그해야 합니다. Ellipse Tool + ‘~’키 + 드레그입니다. - 위와 같은 와이어 프레임이 만들어집니다. - 와이어 프레임 중 일부를 삭제합니다.(회색부분을 삭제했습니다.).. 2012. 4. 4.
디지털 이미지 만들기 [일러스트레이터,Illustrator] 앞에서 설명한 일러스트레이터의 유틸리티 ‘Phantasm CS Publisher’를 이용해 디지털 느낌의 텍스처 이미지를 만들어보겠습니다. 지금 부터 설명하는 이펙트는 ‘Phantasm CS Publisher’의 ‘Halftone’입니다. - 은행잎이 있습니다. 은행잎을 선택하고 ‘메뉴 / Effect / Phantasm CS Publisher / Halftone’을 선택합니다. - Phantasm CS Halftone 창이 열립니다. 설정을 이것저것 만져보세요. 재미있는 기능들이 많습니다. - ①번 이미지는 오른쪽의 설정으로 만들어진 것입니다, ②~④번은 설정을 다양하게 조정해 본 것입니다. 어렵지 않죠? 몇가지 조정으로 의외의 좋은 이미지를 만들어 낼 수 있습니다. 아래는 다른 이미지들을 이용해 만들.. 2012. 3. 23.
Phantasm CS Publisher [일러스트레이터,Illustrator] 이번 페이지에선 일러스트레이터의 Effect를 소개하겠습니다. 필터의 이름은 ‘Phantasm CS’. 싸이트는 http://www.astutegraphics.com/입니다. 재미있는 필터가 여렀 있으니 한번 구경해보세요. 지금부터 설명하는 “Phantasm CS Publisher”는 기본 Effect가 아닌 설치해야 사용가능한 Effect 입니다. 주로 컬러 조정에 대한 Effect로 구성돼 있으며, 비트맵과 벡터 이미지에 동일하게 적용됩니다. Brightness/Contrast... 이미지의 밝기와 컬러의 대비를 조정합니다. Curves... 이미지의 밝기와 컬러의 대비를 조정합니다. 선택 오브젝트의 Fill, Stroke, Bitmap, Text 중 선택 적용 가능합니다. Desaturate... .. 2012. 3. 21.
Scripts 이용하기 [일러스트레이터,Illustrator] 1. 일러스트레이터에서 Scripts란? 일러스트레이터의 메뉴를 보면 스크립트란 항목이 있습니다. 스크립트라고 하면 보통 프로그램 언어를 말하죠? 일러스트레이터의 스크립트는 복잡하고 반복적인 작업을 한번에 해결해주는 명령들이 들어 있습니다. 말로 백날 말해봤자 눈으로 확인하는 게 훨씬 좋겠죠? 이 페이지에서 소개하는 스크립트들은 기본 제공되는 것들은 아니고 다운 받아 설치를 해야 합니다.설명을 보시고 스크립트의 기능이 마음에 드시면 다운 받아 사용해보세요. 다운로드 할 파일은 끝 부분에 Zip 파일로 있습니다. 2. Scripts 소개 2.1 무작위로 색상 넣기 - 회색의 박스들이 있습니다. 회색을 선택하고 ‘무작위로 색상 넣기’ 명령을 선택합니다. - 위와 같이 창이 열립니다. 입력란에 ‘20’이라고 .. 2012. 3. 20.
Symbols Libraries [일러스트레이터,Illustrator] 이 페이지는 어도비 일러스트레이터에서 기본으로 제공되는 Symbols Libraries에 대한 것입니다. 추가 설명이 필요 없이 Libraries를 나열만 하겠습니다. 어떤 좋은 것들이 있는지 찾아볼까요? 아래는 지금까지 보신 내용을 PDF 파일로 만든 것입니다. 필요하시면 다운로드하세요.^^ 2012. 3. 12.
Swatch Libraries [일러스트레이터,Illustrator] 이 페이지는 어도비 일러스트레이터에서 기본으로 제공되는 Swatch Libraries에 대한 것입니다. 추가 설명이 필요 없이 Libraries를 나열만 하겠습니다. 어떤 좋은 것들이 있는지 찾아볼까요? 1. Art History 2. Celebration 3. Color Books 4. Color Properties 5. Corporate 6. Default Swatches 7. Earthone 8. Foods 9. Gradients 10. Kids Stuff 11. Metal 12. Nature 13. Neutral 14. Patterns 15. Scientific 16. Skintones 17. System (Macintosh) 18. System (Windows) 19. Textiles 20. V.. 2012. 3. 12.
Graphic Style Libraries [일러스트레이터,Illustrator] 이 페이지는 어도비 일러스트레이터에서 기본으로 제공되는 Graphic Style Libraries에 대한 것입니다. 추가 설명이 필요 없이 Libraries를 나열만 하겠습니다. 어떤 좋은 것들이 있는지 찾아볼까요? 2012. 3. 12.
Brush Libraries [일러스트레이터,Illustrator] 이 페이지는 어도비 일러스트레이터에서 기본으로 제공되는 Brush Libraries에 대한 것입니다. 추가 설명이 필요 없이 Libraries를 나열만 하겠습니다. 어떤 좋은 것들이 있는지 찾아볼까요? 1. Arrows 2. Artistic 3. Borders 4. Bristle 5. Decorative 6. Vectro Packs 7. Wacom 6D Brushes 2012. 3. 12.
Tabs 패널 [일러스트레이터,Illustrator] 1. Tabs 패널의 이해 Tabs 패널은 글자의 위치를 특정 위치로 이동해 고정시킬 수 있는 기능을 가지고 있습니다. ①번의 표시는 탭의 위치입니다. 작업자가 위치 점을 클릭해 정할 수 있습니다. ②번은 글자 앞에 키보드의 ‘Tab 키’를 선택한 표시로, 글자를 이동시키게 함을 표시합니다. Tabs 패널은 ②번의 표시가 있는 곳에서만 사용가능합니다. ②번과 같은 표시는 단축키 ‘Ctrl + Alt + i’로 볼수 있습니다. 2. Tabs 패널 사용하기 위에 보이는 글을 아래의 글과 같이 정렬해 보겠습니다. - ‘따’와 ‘기’ 글자 앞에 커서를 놓고 ‘Tab 키’를 한번씩 누룹니다. - 오른쪽 그림과 같이 글자가 오른쪽으로 이동합니다. - 글을 선택한 상태에서 Tabs 패널을 엽니다. 글자위로 Tabs .. 2012. 3. 12.
Paragraph Styles 패널 [일러스트레이터,Illustrator] 1. Paragraph Styles 패널의 이해 Paragraph Styles 패널은 글의 단락 스타일을 만들고 관리합니다. 예를 들어 “폰트 윤명조에 14pt, 자간-100, 행간 20pt, 색상은 검정, 첫줄 들여쓰기 10pt, 단락 나눔 여백 10pt”인 단락이 있는데 이 단락의 설정을 값으로 저장하고 다른 단락에도 적용할 수 있게 만듭니다. 스타일을 하나 만들어 보겠습니다. 간단합니다. - 우선 글에 폰트, 자간, 행간, 첫줄 들여쓰기, 단락 여백 등을 설정합니다. - 글을 선택한 상태로 패널에서 ①번의 아이콘을 클릭해 패널에 스타일 목록을 추가합니다. - ②번과 같이 스타일이 추가 됐습니다. 추가된 스타일 목록을 더블클릭 합니다. - 옵션창이 열리죠? ③번의 스타일 이름을 ‘본문 단락’으로 수정.. 2012. 3. 10.
반응형