본문 바로가기

CS572

일러스트레이터에서 프레젠테이션용 PNG 파일 저장하기 올해는 애니메이션이 사용된 프레젠테이션 작업이 몇 번 있었는데, 그러다 보니 ‘파워포인트’ 작업자와 협업하는 경우도 있었다. 내가 주로 일하는 분야랄까? 환경이랄까? 아무튼, 그곳에선 프레젠테이션 작업 시 일러스트레이터로 페이지 전체를 디자인하고 파워포인트에선 애니메이션만을 넣곤 한다. 그래서 일러스트레이터로 작업한 것을 jpg나 png 파일로 변환해 파워포인트 작업자에게 넘겨주는 일이 많다. 얼마 전 이런 변환 작업을 하다가, 편리한 방법을 발견하여 소개해본다. 참고로 이 방법은 포토샵을 같이 사용한다. 위와 같은 페이지가 있는데, 이중 오른쪽 아래의 원형 이미지와 글자를 PNG 파일로 변환해 보겠다. 변환할 것을 선택해 카피한다. 여기부터는 포토샵 작업이다. 포토샵에서 새로운 캔버스를 만든다. (메뉴.. 2013. 12. 16.
버스 노선도 [일러스트레이터,Illustrator 강좌] 몇 달 전 오랜만에 친구에게 전화가 왔었다. 사회적 기업에서 근무하며 학업에도 열심인 친구였는데, 요즘 근황을 물으니 지방에 내려가 있단다. 그의 페이스북에서 ‘흙살림’이라는 단체에 대한 글을 봤었는데, 지금 그곳에서 농사일을 배우고 있단다. 학업과 직장은 어찌했는지 궁금했지만 묻진 않았다. 서울을 떠나고 싶어하는 난, 가볍게(나의 입장에서 생각할 땐) 서울을 떠난 그가 부러웠다. 친구는 디자인 작업할 사람을 소개해 달라는 후배의 부탁에 내게 전화를 했다. 좋은 후배니 통화 해보란다. 어떤 일인지는 몰랐지만 ‘용돈 벌이 정도는 되겠지.’ 싶어 좋다고 했다.(통화해보고 아니면 말면 되는 것이니...) 그 날이었는지 다음날이었는지 아무튼 후배와 통화를 했다. 작업할 것은 버스노선도였다. 디자인이랄 것도 없는.. 2013. 8. 27.
흐르는 패턴 만들기 [일러스트레이터,Illustrator] 최종 결과물과는 좀 다릅니다만, 얼마 전 작업했던 것입니다. 이번 강좌에선 이런 걸 만들어 보겠습니다. 정확히는 배경에 흐르듯 퍼져있는 플러스(+) 패턴을 만들 겁니다. ‘플러스(+) 패턴’을 넣기 전 모습입니다. 작업물이 ‘느낌’을 전달하기엔 뭔가 부족해 보입니다. 처음 작업물에서 봤던 ‘플러스(+) 패턴’들은 의미 전달에 ‘느낌’을 부여하는 요소로 쓰였습니다. ① ‘Symbol Sprayer Tool’을 더블클릭합니다. ② Options 창이 열리면 그림과 같이 수치를 설정합니다. 나머지는 디폴트 값으로 둡니다. Symbols 패널을 열고 심볼을 선택합니다. 어차피 교체할 심볼이라 어떤 것이어도 상관없습니다. 단, 하나의 오브젝트로 만들어진 것으로 하시는 게 좋겠습니다. ‘Symbol Sprayer .. 2013. 8. 26.
Levels를 이용한 사진 보정 [포토샵 강좌] 이번 색 보정은 ‘Levels’ (메뉴 / Image / Adjustments / Levels...) 명령을 이용한 방법이다. 더 자세히 말하면 ‘Levels’ 창의 ‘세 개의 슬라이드’와 ‘스포이드 툴’을 이용하는 방법이다. 노출 부족, 과다노출 또는 잘못된 스캔으로 인해 의도하지 않은 색상의 이미지를 얻을 때가 있다. 위의 이미지는 건축물의 모형인데 실재 모형을 보지 못했던 사람은 색상의 이상함을 느끼지 못할 수도 있다. 나도 실제로 모형을 보지는 못했지만 아마도 위와 같은 색상에 더 가까웠을 거라 생각된다. 위의 이미지는 처음 모형 이미지에 ‘Auto Tone’ (메뉴 / Image / Auto Ton) 명령을 준 것이다. 보통 어느 정도 색상 값을 가지고 있는 이미지라면 ‘Auto Tone’ 명령.. 2013. 8. 17.
태극기 만들기 [일러스트레이터,Illustrator] 어도비 일러스트레이터를 처음 배웠을 때 태극기(정확히는 태극만)를 만들었던 시간이 있었습니다. 툴에 대한 이해와 도형의 변형 방법을 배우는 시간이었던 것으로 기억합니다. 태극기의 규격도 입니다. 국민학교 (지금의 초등학교) 때 이후로 처음 보는 것 같네요. 모든 것이 데이터베이스화된 이 시대에 이런 규격도가 필요할지 모르겠지만, 나라의 상징물이니 어떤 구조로 만들어졌는가 한번 보시죠. 우선 태극을 그려보겠습니다. Ellipse Tool로 가로세로 100mm의 원을 그립니다. 원을 선택하고 ‘메뉴 / Object / Transform / Transform Each’ 명령을 선택합니다. ‘Transform Each’ 창이 열리면 위의 그림과 같이 번호 순서대로 수치를 조정하고 ‘Copy’ 버튼을 선택해 좌측.. 2013. 6. 30.
수치 조정 팁 [포토샵 강좌] 각종 툴에 대한 수치를 조정할 때 쓸 수 있는 팁입니다. 팁의 이름은... ‘문지르기?’라고 할까요? 아무튼, 수치를 조정할 때 문지르는 행동으로 수치를 조정합니다. 팔레트 요소 중 수치 이름 부분에 마우스 포인터를 올리면 위와 같은 손가락 아이콘(스크러버 아이콘)이 나타납니다. 이때 마우스를 좌우로 움직이면 수치가 조정됩니다. (좌: 수치가 작아짐. 우: 수치가 커짐) 커서를 숫자 부분에 두고 Ctrl 키를 누르고 있어도 위와 같은 스크러버 아이콘이 나타나 수치를 조정할 수 있습니다. 그리고 Shift 키를 누른 상태에서 문지르면 수치를 10배 빠르게 변경할 수 있습니다. 위와 같은 기능이 어느 버전부터 생긴 것인지는 모르겠습니다만, CS2 버전부터는 이 팁을 사용할 수 있는 것으로 알고 있습니다. 한.. 2013. 3. 20.
글자에 그라데이션 주기 [일러스트레이터,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.
캘리그래피에 사진 넣기 [포토샵 강좌] 사진을 어디에 보관하세요? 앨범? 액자? 소중한 사람의 사진은 지갑에? 생각해보면 사진의 완성은 그 사진을 어디에, 어떻게, 어떤 마음으로 담느냐로 완성되는 거 같습니다. 전 비닐봉투에 담아 박스에 보관되고 있는 사진들이 좀 있는데, 그 사진들은 어딘가에 담겨 완성되길 기다리고 있는지도 모르겠습니다. 오늘은 위와 같이 사진을 캘리그래피 이미지에 담아보겠습니다. ① 사진을 담을 캘리그래피 이미지 입니다. ② Layers팔레트를 보니 Background 이미지로 돼있군요. ③ Channels 팔레트는 RGB 모드를 나타내고 있습니다. 캘리그래피 이미지를 Grayscale로 만듭니다.(경고창이 뜨면 승인을 합니다.) Channels 팔레트를 보시면 RGB 모드에서 Gray 모드로 변환된 것을 볼수 있습니다. .. 2012. 4. 10.
와이어프레임 만들기 [일러스트레이터,Illustrator] 지금까지 보신 그림들 뭐 같아요? 혹시 심리테스트용 그래픽이라 생각하셨나요? 그럴 분도 있을 거 같군요. 뭐가 됐든 특이하고 조금은 아트적이기까지 하지 않나요? 저만 그런가요? 아무튼 위의 그림들은 모두 일러스트레이터로 만든 것입니다. 이런 그림이 어디에 쓰일지 모르겠지만, 간단한 것으로 하나 만들어보겠습니다. - Ellipse Tool을 선택합니다. - 아트보드에 마우스를 클릭한 상태에서 ‘Esc’키 밑에 있는 ‘~’키를 누른 상태로 드레그 합니다. 꼭 Ellipse Tool로 클릭한 상태에서 ‘~’키를 누르며 마우스를 드레그해야 합니다. Ellipse Tool + ‘~’키 + 드레그입니다. - 위와 같은 와이어 프레임이 만들어집니다. - 와이어 프레임 중 일부를 삭제합니다.(회색부분을 삭제했습니다.).. 2012. 4. 4.
자동 색조 조정 [포토샵 강좌] 이번 페이지는 포토샵의 Auto Tone(자동 색조 조정)에 대한 설명입니다. 좋은 dslr 카메라로 찍은 사진이라도 광량 등의 부족으로 사진의 색조가 탁한 경우가 간혹 생기는데(촬영 스킬이 부족하다면 더욱 더), Auto Tone은 이런 부족함을 손쉽게 채워줍니다. Auto Tone 명령은 사진을 열고 명령을 선택만 하면 끝입니다. 자동(Auto)이자나요.^^ 위의 설명으로 끝내도 되지만, 얘기가 너무 짧아 서운한 감이 있으니 좀더 자세한 얘기를 해볼께요. ‘메뉴 / Image / Adjustments / Levels...’를 선택하면 ‘Levels’ 이라는 창이 열립니다. ①번은 ‘Levels’ 창이 열린 상태이고, ②번은 ‘Levels’ 창에서 ‘Auto’버튼을 선택한 상태입니다. ‘Levels’ .. 2012. 3. 28.
디지털 이미지 만들기 [일러스트레이터,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.
사진을 뽀샤시하게 [포토샵 강좌] 오늘부터 블로그에 포토샵 강좌를 추가합니다. 포토샵이란 프로그램은 아마 그래픽 프로그램 중 가장 많이 사용되고 있는 프로그램이지 않을까 생각됩니다. 오늘은 우선 가볍게 시작하겠습니다. 첫번째 강좌는 “사진 뽀샤시히게 만들기” 입니다.^^ 원본 사진입니다. 모델은 제 아들이 도왔습니다.^^ 인물이 워낙 좋아 보정 작업이 필요없습니다만, 사진을 뽀샤시하게 만드는 것이므로 약간만 수정하겠습니다. - 왼쪽 그림과 같이 레이어 패널에서 Background 레이어를 드레그해서 ①번의 ‘Create a new layer’ 버튼으로 붙입니다. - ②번과 같이 Background 레이어가 복사 됐습니다. 아직까지 사진엔 변화가 없습니다. - ③번과 같이 복사된 레이어를 ‘Screen 모드’로 수정합니다. - 오른쪽과 같.. 2012. 3. 18.
Symbols Libraries [일러스트레이터,Illustrator] 이 페이지는 어도비 일러스트레이터에서 기본으로 제공되는 Symbols Libraries에 대한 것입니다. 추가 설명이 필요 없이 Libraries를 나열만 하겠습니다. 어떤 좋은 것들이 있는지 찾아볼까요? 아래는 지금까지 보신 내용을 PDF 파일로 만든 것입니다. 필요하시면 다운로드하세요.^^ 2012. 3. 12.
반응형

티스토리툴바