롤스토리디자인연구소

포토샵의 스마트 오브젝트(Smart Object)기능을 이용하면, 기울어진 벽면이나 원통같은 형태에 자연스럽게 글자나 도형등을 배치할 수 있습니다. 예전에, 원통에 자연스럽게 글자쓰는 방법에 관하여 포스팅을 한 적이 있습니다만, 이번 시간에는 기울어진 벽면에 같은 방법인, 스마트 오브젝트를 사용하여 자연스럽게 글자나 도형등을 배치해 보겠습니다. (필자의 환경은 매킨토쉬 포토샵 CS6이며, 윈도우의 ctrl 키는 맥의 command의 키와 같음을 알립니다. 또한, PC버전에서 이미지를 클릭하시면 큰 화면으로 보실 수 있습니다) 01. 기울어진 벽면등의 이미지를 포토샵에 불러 온뒤, 우선적으로 기울기를 조절해야하는 글자나 도형등을 모두 미리 만들어 놓는다. 02. 기울어진 정도의 척도가 필요하기에, 위의 예..

일러스트레이터의 회전툴(Rotate Tool)과 패스파인더(Pathfinder)를 활용하여 태극문양(TaegeukMark)을 만들어 보겠습니다. (PC버전에서 이미지를 클릭하시면 크게 볼 수 있습니다) 아래의 순서를 보며 천천히 따라해 보세요. 01. File - New를 눌러 새창을 만들어 놓은뒤, 위의 그림처럼 원형 그리기 툴(Ellipse Tool)을 이용하여 빈여백을 한 번 클릭하여, 가로세로 80mm인 정원을 만든다.(원의 크기는 상관 없습니다) 02. 정원을 하나 만들었다면, 태극 문양을 만들기 위해 필요한(큰원의 50% 크기의 정원) 안쪽원을 만들 기 위해, 미리 만들어 놓은 큰원을 선택한 뒤, 스케일툴(Scale Tool)을 더블클릭하여 나타난 옵션창에서 50%크기만큼 원을 하나 더 복사(..

대표 SNS인 페이스북에서 페이스북 페이지(facebook page) 만드는 방법에 관하여 알아보겠습니다. 우선, 페이스북 페이지란? 페이지는 회사, 조직 및 브랜드가 자신들의 소식을 공유하고 사람들과 연결할 수 있도록 도와줍니다. 타임라인과 마찬가지로, 소식을 게시하거나 이벤트를 열거나 앱을 추가하는 등의 활동을 통해 페이지를 회원님의 취향에 맞게 바꿀 수 있습니다. 주기적으로 게시하면 대상들의 참여가 높아지고 대상층이 넓어집니다. 회원님의 페이지를 좋아하는 사람들과 그 사람의 친구들은 뉴스피드에서 업데이트를 받습니다. (페이스북 도움말 참조) 즉, 우리가 흔히보던 블로그와 비슷한 개념이라고 생각하시면 됩니다. 하지만, 글로벌한 인프라를 가지고 있는 만큼, 잘 활용한다면 어마어마한 효과(?)를 볼 수 ..

'로고'라는 것은 언제나 간결하고 상징적이여야 한다고 생각하는 롤스토리에서, 단순히 원형의 틀로 디자인된 '롤스토리(http://rollstory.tistory.com/)' 로고를 포토샵을 이용해 만들어 보는 과정입니다. (PC버전에서는 이미지를 클릭하면, 큰 사이즈로 보실 수 있으며, 맥의 command버튼은 윈도우의 ctrl버튼과 같습니다.) 01. 가로세로 512px, 해상도 300의 새창을 만든다. (아무래도 로고형태기때문에 해상도는 72가 아닌 300으로 한다) 02. 새창을 만들었다면, 가이드라인을 활용하여 2등분되는 라인을 만들어 놓는다. 03. 원형 쉐이프 툴을 이용하여, 400px의 정원을 만들고, 다시 그 안쪽에 375px 크기의 정원을 만든뒤, 미리 그어둔 가이드라인의 중심에 정렬 시..

▲ 대박곱창 로고 제작Branding :: Logo Design '대박'과 '곱창'의 느낌을 캘러그래피(손글씨)형태로 글자 자체에 표현하기 위해, 몇번이고 다시 작업을 했던 시안 입니다. 최종적으로 나온 캘러그래피 시안을 의뢰자께서 한번에 만족(?)하셔서, 바로 다음 작업으로, '엄지를 들고 웃고있는 돼지..'의 형상을 기존 손글씨 형태에 어울리게 디자인 하게 되었습니다. 하지만, 뭔가 이상하다는 생각을 계속 하던 찰나, 의뢰자께서 '손가락 위치가 뒤집혀야 되는거 같다'라는 말씀에, 놓쳤던 부분을 수정하게 되었습니다. 그리고 현재(서울 양천구에 위치) '대박곱창'의 간판(전경) 사진을 보내주셨을때, 가게의 '제목'을 알기 어렵다는 생각을 하였습니다. 물론 그 이유때문에 의뢰자 께서 디자인 의뢰를 하셨으리..

▲ 앞면 ▲ 뒷면 지난번, '지맘대로 돈까스'로고 제작에 이어 작업한 명함을 의뢰자분께서 직접 찍어서 보내주신 사진 입니다. 주민등록증과 같은 일반 카드 사이즈로 제작 되었으며, 앞면에는 큰 로고를 중앙에 배치하고, 뒷면에는 정보부분을 우측정렬로 배치한 깔끔한 기본형태의 명함입니다. 명함으로 사용된 재질은 키칼라골드(Keycolor Gold)라는 재질 이며, 키칼라골드는 골드톤의 부드러운 표면에 은은한 펄감을 더하여 부드러운 느낌의 화려함과 고급스러움이 어우러진게 특징입니다. ■ 2013/12/30 - [GUI/UI/UX/12月 - December] - [로고제작]지맘대로 돈까스

스크린 골프 인테리어 업체인 '모두골프'로고 제작 1차 그레이스케일(grayscale)형에서 위의 시안 말고도 아주 다양한 초기 시안이 나왔습니다. 하지만, 처음 시도했던 캘러그래피(손글씨)형태는 '골프'라는 단어 자체가 이미, 영어를 한글로 표현한 단어였기에 막상 적용하니 글자 자체의 형태는 괜찮은듯하나, '모두골프'라는 이름과는 어울리지 않았습니다. 그리하여, 다음형태는 고딕형태에 용머리부분을 추가 또는 제거 상태에서 제작 되었으며, 한글 자체의 느낌을 조금더 보강하기위해 영문 도메인명을 같이 추가 하게 되었습니다. 1차 그레이스케일형에서 최종적으로 선택된, 로고타입(logotype)을 바탕으로 2차 그래픽적용(graphic)을 하며, 크게 골프와 가장 어울리는 색상인 녹색(green)계열과 신비함을..

프로젝트로 진행되어 완성된 '소셜커넥트 쇼핑몰 - umme(음메)'의 최종 로고 입니다. 이번, 소셜쇼핑몰 'umme(음메)'의 로고는 프레젠테이션으로 선정된, 프로젝트형 제작 과정을 거쳤습니다. 위의 설명과 같이 양의 울음 소리인 '음메~'에서 동기를 얻어, 로고 제작을 시작 하게 되었으며, 향 후 우편봉투/박스/간판/스티커 등의 많은 디자인을 전담하여 전체 CI를 계속하여 작업할 예정입니다. 로고 채택이전에 많은 시간이 들었지만, 프로젝트를 개최한 기업과 추구하는 마인드가 비슷하였기에, 큰 걸림돌 없이 제작을 할 수 있었습니다.

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

'Genie Studio'로고 제작. 지니의 요술램프처럼 원하는 것을 들어주는 스튜디오 라고해서 정해진 '지니스튜디오' 디즈니 캐릭터 중 램프의요정 '지니(Genie)'를 상징하는 이름에 맞게, 램프모양의 심볼을 제작하였으며, 정갈한 느낌의 서체안에서 첫글자 'G'를 변형하여 완성된 '지니스튜디오'의 최종 로고 입니다.