디자인 82

사진만 바꾸면 된다. (디자인 탬플릿-3)

작업했던 것들을 정리하다가 사진만 바꾸면 될 정도로 탬플릿화 된 작업물이 있어 올려본다. 내 생각엔 쓸모 있을거라 생각돼 올리는 것이나 나만의 생각일 수도 있겠다. 이 작업물은 프레젠테이션용으로 쓰인 것이다. 크기는 297×210mm ‘어도비 일러스트레이터’로 작업된 것으로 삽입된 8개의 사진을 바꾸는 것만으로 작업이 마무리 되겠끔 만들어져 있다. (물론 가운데 로고 부분도 교체해야겠지.) 일러스트레이터의 버전은 ‘CS2’이고, 맨 아래에 링크해 놓았으니 필요하면 다운받아 가시길. 처음 받은 원고의 형태는 이랬다. 디자인 된 ‘로고’가 자리 잡고 있어 이대로 사용하더라도 이상 없겠으나 좀 심심한 느낌이 있어, 사진들에 색상 조정과 면 분할을 줘 보았다. (로고 디자인은 내가 한 것이 아니다.) 클라이언트..

디자인에 대한 2014.02.03 (2)

일러스트레이터에서 프레젠테이션용 PNG 파일 저장하기

올해는 애니메이션이 사용된 프레젠테이션 작업이 몇 번 있었는데, 그러다 보니 ‘파워포인트’ 작업자와 협업하는 경우도 있었다. 내가 주로 일하는 분야랄까? 환경이랄까? 아무튼, 그곳에선 프레젠테이션 작업 시 일러스트레이터로 페이지 전체를 디자인하고 파워포인트에선 애니메이션만을 넣곤 한다. 그래서 일러스트레이터로 작업한 것을 jpg나 png 파일로 변환해 파워포인트 작업자에게 넘겨주는 일이 많다. 얼마 전 이런 변환 작업을 하다가, 편리한 방법을 발견하여 소개해본다. 참고로 이 방법은 포토샵을 같이 사용한다. 위와 같은 페이지가 있는데, 이중 오른쪽 아래의 원형 이미지와 글자를 PNG 파일로 변환해 보겠다. 변환할 것을 선택해 카피한다. 여기부터는 포토샵 작업이다. 포토샵에서 새로운 캔버스를 만든다. (메뉴..

글, 사진만 바꾸면 된다. (디자인 탬플릿-2)

작업했던 것들을 정리하다가 글과 사진만 바꾸면 될 정도로 탬플릿화 된 작업물이 있어 올려본다. 내 생각엔 쓸모 있을 거라 생각돼 올리는 것이나 나만의 생각일 수도 있겠다. 이 작업물은 프레젠테이션용으로 작업한 것으로 템플릿으로 사용 가능한 페이지만 발취했다. 로고, 상호, 지역명 등은 작업물과 아무 관련 없으며, 사진은 샘플용으로 사용 가능하지 않으니 교체 후 사용하기 바란다. 크기는 297×210mm이며, 사용 프로그램은 ‘어도비 일러스트레이터’로 버전은 ‘CS2’이다. 맨 아래에 링크해 놓았으니 필요하면 다운받아 가시길. 다음은 사용 방법이다. Layers 팔레트를 보면 5개의 레이어로 구성돼있다. 글자 out : 사용된 폰트가 없어도 디자인을 참고할 수 있게 글자를 이미지로 바꾼 것이다. 글자 : ..

디자인에 대한 2013.12.11 (1)

글, 사진만 바꾸면 된다. (디자인 탬플릿-1)

작업했던 것들을 정리하다가 글과 사진만 바꾸면 될 정도로 탬플릿화 된 작업물이 있어 올려본다. 내 생각엔 쓸모 있을 거라 생각돼 올리는 것이나 나만의 생각일 수도 있겠다. 이 작업물은 제안서의 간지로 쓰인 것이다. 크기는 210×297mm ‘어도비 일러스트레이터’로 작업 된 것으로 글자와 바탕에 깔린 사진을 바꾸는 것만으로 작업이 마무리 되게끔 되어 있다. 일러스트레이터의 버전은 ‘CS2’이고, 맨 아래에 링크해 놓았으니 필요하면 다운받아 가시길. 다음은 사용 방법이다. Layers 팔레트를 보면 ‘글자’란 레이어가 있는데 그곳에 살아있는 텍스트가 있다. ‘글자’ 레이어를 활성화 시키고 ‘글자 out’ 레이어는 가린 후 글자를 수정해 사용하면 된다. 사용된 폰트는 포함돼 있지 않으니 ‘글자 out’ 레이..

디자인에 대한 2013.12.10 (4)

동탄 조경계획 패널 (포트폴리오)

☞ 이미지를 클릭하면 확대화면으로 볼 수 있습니다. 동탄 지역 조경계획안 패널이다. 6일간 2명이 작업했고 CG는 CG 팀에서 작업했다. 작업자 한 명은 작은 삽도들을 담당하고 나는 전체 패널을 편집하며 삽도들을 그 위에 올리고 디벨롭(develop : 발달) 시켰다. 사용된 프로그램은 Adobe Illustrator와 Photoshop. 조경공사가 아닌 지역은 CG에서 채도와 투명도를 낮추어 주목도를 낮추고 그 위에 삽도들을 배열했다. 보통 편집자가 CG의 원본(레이어 분리된 데이터) 데이터를 받기는 힘든데, CG 제작사에 들어가 작업했는지라 원본 파일을 받기가 수월했다. 편집디자이너가 패널 작업 시 CG를 수정하는 일은 거진 없는데, 작업환경이 허락되어 CG의 원본 데이터를 받아 수정 (공사 외 지역..

디자인에 대한 2013.11.14 (2)

버스 노선도 [일러스트레이터,Illustrator 강좌]

몇 달 전 오랜만에 친구에게 전화가 왔었다. 사회적 기업에서 근무하며 학업에도 열심인 친구였는데, 요즘 근황을 물으니 지방에 내려가 있단다. 그의 페이스북에서 ‘흙살림’이라는 단체에 대한 글을 봤었는데, 지금 그곳에서 농사일을 배우고 있단다. 학업과 직장은 어찌했는지 궁금했지만 묻진 않았다. 서울을 떠나고 싶어하는 난, 가볍게(나의 입장에서 생각할 땐) 서울을 떠난 그가 부러웠다. 친구는 디자인 작업할 사람을 소개해 달라는 후배의 부탁에 내게 전화를 했다. 좋은 후배니 통화 해보란다. 어떤 일인지는 몰랐지만 ‘용돈 벌이 정도는 되겠지.’ 싶어 좋다고 했다.(통화해보고 아니면 말면 되는 것이니...) 그 날이었는지 다음날이었는지 아무튼 후배와 통화를 했다. 작업할 것은 버스노선도였다. 디자인이랄 것도 없는..

흐르는 패턴 만들기 [일러스트레이터,Illustrator]

최종 결과물과는 좀 다릅니다만, 얼마 전 작업했던 것입니다. 이번 강좌에선 이런 걸 만들어 보겠습니다. 정확히는 배경에 흐르듯 퍼져있는 플러스(+) 패턴을 만들 겁니다. ‘플러스(+) 패턴’을 넣기 전 모습입니다. 작업물이 ‘느낌’을 전달하기엔 뭔가 부족해 보입니다. 처음 작업물에서 봤던 ‘플러스(+) 패턴’들은 의미 전달에 ‘느낌’을 부여하는 요소로 쓰였습니다. ① ‘Symbol Sprayer Tool’을 더블클릭합니다. ② Options 창이 열리면 그림과 같이 수치를 설정합니다. 나머지는 디폴트 값으로 둡니다. Symbols 패널을 열고 심볼을 선택합니다. 어차피 교체할 심볼이라 어떤 것이어도 상관없습니다. 단, 하나의 오브젝트로 만들어진 것으로 하시는 게 좋겠습니다. ‘Symbol Sprayer ..

태극기 만들기 [일러스트레이터,Illustrator]

어도비 일러스트레이터를 처음 배웠을 때 태극기(정확히는 태극만)를 만들었던 시간이 있었습니다. 툴에 대한 이해와 도형의 변형 방법을 배우는 시간이었던 것으로 기억합니다. 태극기의 규격도 입니다. 국민학교 (지금의 초등학교) 때 이후로 처음 보는 것 같네요. 모든 것이 데이터베이스화된 이 시대에 이런 규격도가 필요할지 모르겠지만, 나라의 상징물이니 어떤 구조로 만들어졌는가 한번 보시죠. 우선 태극을 그려보겠습니다. Ellipse Tool로 가로세로 100mm의 원을 그립니다. 원을 선택하고 ‘메뉴 / Object / Transform / Transform Each’ 명령을 선택합니다. ‘Transform Each’ 창이 열리면 위의 그림과 같이 번호 순서대로 수치를 조정하고 ‘Copy’ 버튼을 선택해 좌측..

키보드 유틸리티 KeyTweak

익숙하지 않은 장소에서 일하는 시간이 많은 편입니다. 다른 작업들도그렇겠지만, 주변환경이 얼마나 나에게 익숙하냐에 따라 작업물의 완성도와 시간 단축이란 효과를 볼수 있습니다. 이러한 것 때문에 익숙하지 않은 장소에 도착하면 가장 먼저 하는 일이 그 장소를 제게 익숙한 환경으로 만드는 것입니다. 낯선 장소를 익숙하게 만드는 일은 참 번거롭습니다. 그래도 능률적인 작업을 위해선 꼭 필요한 것들이 몇 가지 있죠. 전 3가지 정도가 있습니다. 유틸리티인 ‘KeyTweak’와 SetPoint, 그리고 5년 넘게 사용해온 ‘로지텍 마우스 G3’가 이 3가지입니다. 몇 페이지에 걸쳐 이 3가지를 소개해 보겠습니다. 오늘은 먼저 키보드 유틸리티인 ‘KeyTweak’을 소개하겠습니다. ‘KeyTweak’은 키보드의 키 ..

글자에 그라데이션 주기 [일러스트레이터,Illustrator]

텍스트가 살아있는 글자에 그라데이션을 주는 방법을 알아보겠습니다. 글자를 그림화(메뉴 / Type / Create Outlines) 시키면 간단하게 그라데이션을 줄 수 있지만, 글자를 수정할 수 없다는 게 불편하죠. 아래에 소개되는 방법은 글자가 아닌 원이나 사각형 등의 객체에도 사용 가능하니 응용해 보세요. 글자가 살아있는 상태입니다. 글자에 적용할 그라데이션 3가지입니다. 오른쪽은 그라데이션 값이 있는 ‘Swatches 패널’입니다. ① 글자를 선택하고 ‘Appearance 패널’ 팝업 메뉴에서 ‘Add New Fill’을 선택합니다. ② ‘Fill’이라는 요소가 하나 만들어졌습니다. 이곳에 그라데이션 적용할 것입니다. ① ‘Appearance 패널’의 ‘Fill’을 선택하고, ② 오른쪽 그라데이션을..