롤스토리디자인연구소

일러스트레이터를 사용하여 많이들 보셨던 라벨(Label)을 만들어 보겠습니다. 라벨을 만들기전에 역시나, 전체 분위기에 어울리는 폰트(서체)나 색상등을 미리 고려하여 작업한다면 더욱 멋진 라벨을 만들 수 있습니다. 그럼, 아래의 라벨 만들기 과정을 살펴보겠습니다. (필자의 환경은 매킨토쉬 CS6 이며, PC버전에서 이미지를 클릭하시면 큰 화면으로 보실 수 있습니다) 01.원형쉐이프툴을 이용하여 위의 그림처럼 정원 2개를 그린다.(정원 그리기:Alt + Shift + 드래그) 02.그려놓은 원 두개중 하나를 선택하고, Effect - Distort & Transform - Zig Zag 탭을 누른뒤, 'Smooth'를 선택하고 원하는 만큼 지그재그를 적용한다.(Preview를 체크해두면 변경한 수치를 바로..

간혹 GTQ시험을 치르는 분들을 보면, 평소 연습할 땐, 한글폰트는 한글로 표현(위오른쪽창)이 되어 있었는데, 막상 새로운 환경에서 작업을 하려보니 한글폰트가 영어로 표현(위왼쪽창)되어 있어서 당황하는 분들을 몇몇 본적 있습니다. 즉, 나눔고딕이라는 한글폰트를 'Nanum Gothic'이라는 영문표현이 아닌 '나눔고딕'이라는 한글로 보여지게 하는 방법입니다. 이 문제(?)는 그저 포토샵 내의 간단한 설정 하나로 변경 할 수 있습니다. Preferences(환경설정) - Type(문자) - 'Show Font Names In English' 체크 해제[ 환경설정 단축키 command(ctrl) + K ] ▲ '폰트를 영문으로 보이게 하기(Show Font Names In English)' 체크 해제 그저,..

포스터나 전단지 등을 일러스트레이터(Illustrator)에서 제작하고 인쇄출력을 맡기기위해선, 완성된 파일을 출력소에 맡기게 됩니다. 하지만, 간혹가다가 가장 기본적인 실수를 할 때가 있는데요. 바로, 글자를 아웃라인(Outlines)화 시키지 않고 넘기게 되는 경우죠.. 글자를 아웃라인화 시킨다는 말은 흔히, 업계에서 '깨트린다'라는 표현을 합니다. 이 글자를 깨트리는(아웃라인화) 이유는 내가 사용한 서체가 모든 컴퓨터(다른 사람의 컴퓨터등)에 있을 수 없기 때문에, 글자를 깨트리고 파일을 넘겨 주는 과정을 거칩니다. 글자를 깨트리지 않고 일러스트 파일을 다른 컴퓨터로 왔을때는 사용한 서체가 그 컴퓨터에 설치가 되어있다면 문제가 되지 않지만, 그렇지 않다면 다른 서체로 대체가 되는 등으로 실제 결과물..

앞서, 이 글의 핵심만 말하자면 다음과 같습니다. 일러스트레이터(AI)에서 작업한 파일을 포토샵으로로 불러오돼, 일러스트에서 작업했던 레이어 정보를 그대로 포토샵으로 가져 오는 방법 입니다. 디자인 작업을 하다보면 일러스트레이터에서 작업한 레이어들에게 효과등을 입히기 위하여 포토샵으로 다시 불러와서 마무리를 짓는 경우가 종종 생길 수 있습니다. 개인적으로, 이 방법을 알기전에는 그저 일러스트에서 만든 객체(레이어)를 하나씩 command + C(복사) 포토샵에서 command + V(붙여넣기) 방법으로 일일이 다 붙여 넣었습니다. 가령 위의 그림처럼 일러트스레이터에서. 각각 레이어별로 완성된 엠블럼형 로고가 있다고 가정을 합니다. ▲ 분해도 위의 완성도를 내가 원하는 레이어별로 각각 분해한 모습입니다. ..

보통의 로고들은 대부분이 라인으로 이루어진 벡터(Vector)로 이루어져 있습니다. 벡터로 이루어진 것들은 해상도에 관계 없이 얼마든지 크기를 늘일 수 있기 때문이죠.. 일러스트레이터(Illustrator)의 'Image Trace'기능을 이용하여 실제사진을 라인으로 이루어진 벡터(Vector)방식으로 바꾸어 보겠습니다. (보기에 앞서, 맥의 command키는 윈도우의 ctrl키와 같으며, PC 버전에서는 이미지를 클릭하면 큰 화면으로 보실 수 있습니다) ▲ 실제 안경 사진 위의 사진처럼 보통 안경모양을 벡터 방식으로 일러화 시킬려면, 일러스트레이터에 위의 사진을 띄워놓거나 또는, 직접 손으로 그린 그림을 스캔을 떠서 따라 그리기 마련입니다. 하지만 저처럼 손재주가 그리 뛰어나지 않다면, 사진을 이용하여..

포토샵의 강력한 기능중 하나인 레이어 스타일(Layer Style), 레이어 스타일을 활용한다면, 간단한 그림자 주기부터 독특한 질감표현 등등의 아주 많은 효과를 줄 수 있습니다. 그런데, 한번 잘 만들어 놓은 레이어 스타일을 나중에 똑같이 사용하려고 하니 또 한번, 스타일을 적용해야하는 불편함이 있습니다. 하지만, 잘 만들어 놓은 레이어 스타일을 한번만 저장해놓으면, 아주 편리하게 여기저기 원하는 레이어에 똑같은 스타일을 줄 수 있습니다. 레이어 스타일(Layer Style)은 위의 그림처럼 레이어의 빈 여백 부분을 더블클릭하거나, 아래의 Fx버튼을 누르면 스타일을 줄 수 있습니다. 가령, 위의 그림과 같이 레이어 스타일을 완성하였다면, 이제 저장하는 방법을 알아 보겠습니다. ▲ 두 텍스트(레이어)의 ..

사진을 완벽(?)하게 하는 것들 중에서 '구도'는 아주 중요한 부분을 차지 합니다. 위의 사진에서 아쉬운 부분을 찾자면 무엇이 있을까요? 네.. 바로 수평(horizontality)이 맞지 않는다는 겁니다. 물론, 처음부터 찍을때 신경을 써서 찍었다면 굳이 포토샵등의 툴을 이용해서 삐뚫어진 수평선을 바로 잡을 필요가 없겠지만.. 순간순간 찾아오는 '찰나'의 순간을 촬영하기 위해선 구도고 뭐고 일단 찍고 봐야 할겁니다. 이처럼 수평선이 삐뚫어진 사진(왼쪽)을 오른쪽 사진처럼 바로 잡아 보겠습니다. 하지만 수평선을 바로잡기 위해선 이미지의 원본크기를 잃는다는 전제 조건이 따른다는걸 잊지 말아야 합니다. (필자의 환경은 매킨토쉬 CS6이며 윈도우의 ctrl 키는 맥의 command 키와 동일함을 알립니다) 0..

설렉티브컬러(SelectiveColor)란, 말그대로 특정한 색상만 선택해서 내가 원하는 색상으로 바꾸거나 또는, 선택한 색상을 더 진하게 할 수 있는 그런 기능입니다. (PC버전에서 이미지를 클릭하면 큰 화면으로 볼 수 있습니다.) 위의 그림처럼 원본(왼쪽)사진의 파랑과 녹색계열 색상을 오른쪽 사진처럼 더욱 진하게 표현 할 수 있는게 바로 설렉티브컬러 입니다. 물론, 파랑계열 색상을 다른색상으로 변경할 수도 있습니다. 하지만, 설렉티브컬러(SelectiveColor)를 사용하기 이전에 RGB와 CMYK의 이해가 어느 정도 필요 합니다. 아주 간략하게 설명 하자면, RGB는 우리가 모니터로 보는 색상군이며, CMYK는 인쇄물에서 볼 수 있는 색상군입니다. 그리고 서로 반대되는 색상인 '보색'관계를 잘 이..

지난번 클리핑마스크(글하단링크참조)에 이어 이번에는 레이어 마스크를 알아보도록 하겠습니다. 레이어 마스크 또한 포토샵에서 아주 많이 쓰는 기능중 하나입니다. 레이어 마스크(layermask)는 클리핑 마스크와는 다르게 레이어 자체에 마스크를 입혀 검정색(지움)과 흰색(지우지않음)의 개념으로 마스크를 입히게 됩니다. 아래의 예제를 보며 알아보겠습니다. ▲ 레이어마스크(Layermask)의 개념 가령, 위의 좌측상단 사진처럼 하늘(구름)이 아쉬운 사진한장과 우측상단의 하늘이 예쁘게 찍힌 사진이 있다고 예를 든다면, 두개의 사진에 레이어마스크를 입혀 합친다면 자연스럽게 아래의 사진처럼 구름과 산을 모두 살릴 수 있습니다. 01.일단, 산이 될 부분과 구름이 될 부분(사진)을 포토샵에 불러온다. 02.'구름'레..

일러스트레이터에 관한 팁입니다. 요즘 C계열사의 광고등을 보면 위의 그림처럼 어떤 심볼들이 원형안에 쏙 들어간것처럼 왜곡된걸 볼 수 있는데요.. 이런 표현들은 일러스트레이터에서 'envelope distort' 기능을 이용하여 아주 쉽게 할 수 있습니다. envelope distort를 활용한 도형 왜곡하기(제목)가 바로 위의 로고형식처럼 어떠한 심볼등을 틀안에 입체처럼 들어가게한 형태를 말합니다. 간략히, 위의 그림처럼 어떤 심볼등이 정원안에 들어 가 있는 모습인데요. 특히, 경계선부분을 보면 원안에 심볼이 들어가 있는것처럼 보이게 하기 위하여 심볼이 심하게 왜곡된걸 볼 수 있습니다. 일러스트레이터에서 그 방법을 알아보겠습니다. 01.가령, 위의 그림처럼 심볼이 있다면 일단, 틀안에 들어갈 심볼등을 미..