롤스토리디자인연구소

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

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

다이얼+ (Dial+) ver1.01 업데이트 안내입니다. ● 키패드 언어 설정 가능가령, 시스템언어를 영어로 설정하여 쓰시는 분들에게 한글등의 초성검색 기능을 이용할 수 있게끔 '설정'탭에서 '키패드 언어'옵션을 추가 하였습니다. ● 페이스타임 기능 추가아이폰 사용자끼리 사용하는 페이스타임 기능을 추가 하였습니다.'키패드'탭에서 단축번호 또는 연락처를 입력하여 '통화'버튼을 길게 누르면 '페이스타임'으로 연결 됩니다. ● 앱 완전 종료시 스킨 설정 유지멀티태스킹으로 남아있던 다이얼+ 앱을 종료하면, 기존에 설정해두었던 키패드스킨(번호색상/다이얼변경)등의 상태가 기본값으로 돌아 왔지만, 이제, 멀티태스킹으로 앱을 종료 하여도 내가 설정해둔 스킨 그대로 유지 됩니다. ● 특수문자/해외번호/공백 등으로 발생..

작년, 롤스토리에 iOS 키패드 리디자인을 포스팅하며 뜨거웠던 반응에 힘입어, 드디어 정식 앱스토어에 다양한 키패드 디자인과 단축번호 및 초성검색 등의 편리한 기능이 들어간 '다이얼+(Dial+)'라는 이름으로 앱을 런칭하게 되었습니다! 기존의, 리디자인 버전은 '탈옥'한 유저들에게만 사용할 수 있었던 반면, 이번엔 정식 앱스토어에 런칭한 만큼, 더욱 편하게 나의 아이폰을 아름답게 꾸밀 수 있습니다. 자세한 내용을 한번 살펴볼까요? ■ 다양한 다이얼 스킨 '다이얼+'에는 다양하고 아름다운 키패드 스킨이 있습니다. - Basic- HelloMoto- Rollstory- Cube- IceBlue 이제, 세상은 디자인으로 통합니다. 기존의 키패드 디자인에서 벗어나, 나에게 맞는 스킨을 찾아보세요. 스킨당 기본..

일러스트레이터(ILLUSTRATOR)를 활용하면, 위의 그림처럼 모서리가 둥글둥글한 별모양을 쉽게 만들 수 있습니다. 아래의 방법을 보며, 기본적인 'Star Tool'의 기능과 둥근별(roundstar)을 만들어 보겠습니다. (필자의 환경은 매킨토쉬 이며, 맥의 command 버튼은 윈도우의 ctrl과 같습니다) ▲ 'Star Tool' 선택 일러스트에서 사각툴(Rectangle Tool)을 꾸욱 누르면 별을 그릴수 있는 'Star Tool'이 선택됩니다. 별툴을 선택했다면, 별을 그려보도록 하겠습니다. 별툴을 이용하여 별을그리는 방법입니다. [방법1] '별툴(Star Tool)'을 선택하고, 바탕에 위의 그림처럼 키보드의 shift키와 alt키를 같이 누른채 드래그 합니다. ('shift + alt ..

'대박곱창'의 로고제작에 이어, 명함제작 까지 완성한 '대박곱창 명함' 입니다. 총 4종류의 명함을 출력했으며, 사이즈는 가로9cm, 세로5cm형태 입니다. 메뉴표 명함은 질감이 잘 두드러지는 '휘라레' 용지를 사용 했으며, 나머지는 가장 무난한 형태인 '반누보'를 사용하였습니다. ■ 2014/01/24 - [GUI/UI/UX/1月 - January] - [로고제작]대박곱창

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

요즘 큰 프로젝트 몇개를 마무리한다고 글쓰기를 미룬 나머지, 간만에 쓰는 포스팅 입니다. 로고제작등의 디자인을 작업을 계속하며, 간판의 형태를 알아보다가 포스팅하게된, 롤스토리에서 골라본 간판 디자인(Signboard Design) 추천30 입니다. ▲ 01깔끔한 형태의 정갈함이 돋보입니다. ▲ 02건물 전체가 하나의 간판이 된 아주 독특한 디자인이네요. ▲ 03전체 외관가 잘 어울리게 틀안에 있는 별모양 간판 입니다. ▲ 04맥주와 위스키를 파는 집이겠죠? 로고의 조명과 전체 분위기가 잘 어울리네요. ▲ 05계단모양 심볼이 아주 잘 배치된 간판 입니다. ▲ 06모두가 좋아(?)하는 스타벅스의 간판입니다.브랜드의 힘이 참으로 대단하네요.. ▲ 07마치 잠수함(?)같은 곳에서 볼 수 있는 조명에 각도를 번..

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

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