롤스토리디자인연구소

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

MentoHub 기업로고 제작.

SHANGPREE로고 엠블럼 제작.

Bounty Road Dental Practice브랜드 로고 제작.

SAERON & e-loop기업 로고 제작

한때, 미국에서 '그루폰'이라는 소셜커머스가 등장하면서 한국에도 쿠팡에 이어 많은 소셜커머스가 등장하게 되었습니다. 그리고 최근에 많은 소셜커머스 속에서 타사와 다른 적립금이며 배송혜택 등등 메리트 있는 정책을 내놓으며 갑자기 '위메프(we make price)'라는 소셜커머스가 등장하였습니다. (위메프를 광고하는것이 아닙니다.) 이러한 등장속에 제가 앱을 이리저리 살펴보면서 뭔가 아이템은 좋은데 조금만 더 '디자인'이라는 분야에 신경쓴다면 어떨까? 하는 생각속에 개인적인 마음으로 이번 '위메프'라는 앱을 리디자인 해보았습니다. 디자인이라는 것이 답이 없으며 세월이 흐르면 또다시 바뀔 수 있으며 또한, 개개인마다 보는 관점이 다르기에 그저 편하게 보시면 감사하겠습니다. ▲ 리디자인한 '위메프' 앱 아이콘..

테이크아웃 커피 컵.. 불과 몇년 전만 하더라도 이런 테이크아웃컵을 보면 이게 뭔가 했을 수 도있지만 이제는 누구나 보면 커피컵이구나 하는걸 알 수 있다. 테이크 아웃 커피컵을 만들기 전, 일단은 이런씩의 Skeuomorphism(스큐어모피즘) 디자인은 원래 도구의 형태를 그대로 따라간다는 큰 내용을 담고 있다. 그러므로 스큐어모피즘의 아이콘에서 일단 가장 중요한 것은 아이콘등으로 만들 객체의 실제모습을 참고 하는것이 제일 좋다. 어찌됬건 아래의 과정을 보며 따라해보자. 01.가로세로 512px의 캔버스를 만든다. 02.테아크아웃커피컵의 몸체가 될 부분을 만들어야 한다. 쉐이프툴을 이용하여 직사각형 모양의 쉐이프를 만든다. 03.테이크아웃커피컵의 몸통부분을 만들기 위해 위의 그림과 같이 가이드선을 이용하..

7월의 첫번째 포스팅 이다. 이번시간에는 편지봉투 모양의 아이콘 제작과정을 살펴 보도록 하겠으며 혹여 6월에 포스팅된 제작가이드를 몇번 따라해봤더라면 이번 아이콘도 쉽게 제작 할 수 있을 것이다. 또한, 다시말하자면 필자의 작업환경은 윈도우가 아닌 매킨토쉬 포토샵 CS6로 작업을 했음을 알리며 다른 외관적인 부분은 모두 비슷하나 윈도우의 ctrl키가 맥에서는 command키 라는걸 알린다. 편지봉투 아이콘을 만들어 보자. 01.가로세로 512px의 캔버스를 만든다.(rgb,72dpi,sRGB) 02.그림과 같이 가이드라인을 가운데에 맞춰놓고 회색톤의 배경을 깐다.(흰색 배경에서 바로 작업해도 좋으나 편지봉투 아이콘이 주로 흰색으로 이루어지기 때문에 배경과 구별짓기 위해서 이다) 03.그어놓은 가이드라인의..

'드래곤볼'이라는 만화를 봤더라면 이런 레이더 모양이 익숙할지도 모른다. 먼저 중요한점을 말하자면 빛느낌을 내야하므로 블랜딩모드에 익숙해야한다. 레이더 아이콘을 만들어보자.01.가로세로 512px의 캔버스를 만든다. 02.위의 그림처럼 미리 그어놓은 가이드라인의 중심을 기준으로 400px의 둥근쉐이프를 만든뒤, Subtract옵션을 이용하여 도넛모양의 쉐이프를 만든다.(레이더아이콘의 가장 밖의 테두리가 될 부분이다) ▼4가지 레이어 스타일 03.위의 테두리 레이어에 적용할 4가지 레이어 스타일을 적용 시킨다. 레이어스타일이 들어가면 위와같이 볼록한 형상의 외곽을 나타낼 수 있다. 04.레이더안쪽의 배경이 될 원형 쉐이프를 만들고, 아래 그림과 같이 Gradient Overlay를 입힌다. 중요한 것은 G..