롤스토리디자인연구소

카페24를 이용한 무료 쇼핑몰 만들기에 이어, 만들어 놓은 쇼핑몰의 스킨을 변경하는 방법에 알아 보겠습니다. 기본적으로 카페24에서는 많은 종류의 무료 스킨과 몇만원부터 백만원단위까지 이르는 유료 스킨들이 있습니다. 하지만, 굳이 유료 스킨을 사용하지 않더라도, 내가 원하는 형태의 비슷한 레이아웃(Layout)만 있다면, 무료 스킨으로도 얼마든지 쇼핑몰을 예쁘게 만들 수 있습니다. 만들어놓은, 나의 카페24 쇼핑몰의 스킨을 변경해보도록 하겠습니다. 01. 카페24쇼핑몰(http://echosting.cafe24.com/Main/)에 접속하고, '관리자바로가기'링크를 통하여 관리자로 로그인 한다. 02. 관리자페이지에 접속 했다면, 스킨을 변경하기 위해, 상단의 '디자인센터'를 클릭하여 이동한뒤, 우측에 ..

카페24에 회원가입만 한다면, 누구나 쇼핑몰을 무료로 만들 수 있습니다. 이번시간에, 카페24를 통하여 도메인이며 호스팅 그리고 관리자페이지 까지 무료로 사용할 수 있는 카페24 쇼핑몰의 기본 제작 순서를 알아보도록 하겠습니다. 우선, 카페24 쇼핑몰(cafe24 shopping mall)외에도, 무료로 쇼핑몰을 만들 수 있는 솔루션으로 고도몰, 가비아 퍼스트몰, 후이즈 등이 있습니다. 어쩄건, 이번시간에는 카페24를 통하여 쇼핑몰을 만들어 보도록 하겠습니다. 아래의 순서를 따라가해가며 간단히 만들어 보세요! 01. 카페24쇼핑몰(http://echosting.cafe24.com/Main/)에 접속한 뒤, 회원가입을 한다. 02. 내게 맞는 상황에 따라 카테고리를 선택하고, 회원가입을 진행하여 완성한다...

포토샵으로 쉽게, 피부 보정하는 방법에 대하여 알아보도록 하겠습니다. 피부 보정을 함에 있어, 흔히들 뽀샤시(?) 효과라는 신조어를 많이 알고 계실텐데요.. 뽀샤시 효과또한 지금 부터 설명드릴 방법과 같이, 전체적으로 이미지를 밝게하고 심도(아웃포커싱)를 표현하여 피부를 화사하게 만드는 효과라 할 수 있습니다. 하지만, 그저 버튼 한방으로 사진을 화사하게 만들기보단, 내가 원하는 수치와 내가 원하는 느낌대로 피부를 보정할 수 있다면 훨씬 더 마음에 드는 결과물을 얻을 수 있습니다. 아래의 피부보정 방법을 토대로 나만의 다양한 소스를 찾아보세요.(필자의 환경은 매킨토쉬 CS6이며, 맥의 command 키는 윈도우의 ctrl키와 같음을 알립니다. 또한, PC버전에서는 이미지를 클릭하면 큰 사진으로 보실 수 ..

▲ 서비스 업체 로고제작.(의뢰자의 요청으로 로고명을 기재하지 않았습니다) ※ 로고의 의미 모두+두루의 합성어로 모든 서비스를 하나로 합친다라는 뜻을 지니고 있습니다. 인터넷 서비스업체로 스타트업 회사 입니다. 소비자, 택배, 물류, 판매자를 하나로 묶는 웹, 모바일 서비스를 준비중이며, 글로벌기업을 목표로 하고 있습니다. 다양한 판해 형태를 하나로 묶는 인터넷 서비스 업체임을 감안하여, 전체적으로 날카롭지 않은 둥근형태의 서체에서 알파벳 'd'와 'r'을 조금더 부드럽게 디자인 하였습니다. 대체적으로 밝은 녹색과 밝은 파란색 계열의 색상을 사용했으며, 심볼 역시, 모두루의 첫글자인 'm'을 상징하는 형태로 디자인 하였습니다.

인포그래픽이란, 정보를 뜻하는 Information 과 그래픽의 Graphic 이 합쳐져, 인포그래픽(Infographic)이라 불립니다. 합쳐진 단어 뜻만 보아도 알 수 있듯이, 정보를 표현하는 그래픽이라고 생각하면 됩니다. 하지만, 무작정 그래픽으로 표현하는 정보보다는, 스토리텔링을 통한 마치, 이야기하는 듯한 느낌과 지루하지않고 한 눈에 알아 볼 수 있는 방법으로 표현한다면 더욱 보는이를 만족 시킬 겁니다. 아래의 인포그래픽(Infographic) 추천30을 살펴볼까요? ▲ 01종 다양성을 표현한 인포그래픽 입니다.개체의 크기만 보아도 어떤 종들이 얼마나 많은지 짐작을 할 수 있네요. ▲ 02아프리카 농부들의 성장을 위한 도움 요소들을 심볼과 함께 배치 하였네요. ▲ 03뉴욕에 관한 정보를 알 기 ..

재활용 여부를 제품에 표시하는 제도로써, '분리배출표시제'라는 제도가 있습니다. 이런 분리배출마크를 제품의 케이스등에 표기함으로써, 자원 절약 및 재활용 촉진을 하는데 도움이 된다고 합니다. ▲신규분리배출마크 일러스트레이터(ai)파일 아래에 신규분리배출마크 일러스트(ai)파일을 첨부합니다. 도움이 되셨다면, 댓글 한 줄과 추천한방 꾸~욱 부탁드립니다. :-)

아이폰 끼리라면 마치, 페이스타임을 하듯 사진첩도 원하는 사람들끼리만 공유 할 수 있다는것 알고 계셨나요? 바로, 공유(사진) 스트림 기능을 활용하면, 아이폰,아이패드,매킨토쉬 등의 애플 유저들끼리 사진첩을 공유 할 수 있습니다. 공유스트림을 이용하기 위해선, 설정 - 사진 및 카메라 - 사진 공유 를 활성화 해야 합니다. '사진 공유'를 활성화 했다면, '사진'앱에서 공유라는 구름모양의 아이콘이 생깁니다. '공유'라는 아이콘으로 들어가면 위와 같이 '공유 스트림'을 사용할 수 있습니다. 그저, 새로운 공유스트림 생성하기를 눌러 이름을 정하고, 내가 원하는 사람을 초대만 하면 끝입니다. 새로운 공유(사진) 스트림을 생성했다면, 이제, 연인이나 지인들끼리 사진도 올리고 글도 작성하고 댓글도 달면서 비밀리(..

티스토리에 위와같이, 페이스북 박스라 불리는 라이크 박스(like box)를 연동하는 방법에 대해서 알아보겠습니다. 우선, 라이크 박스를 만들기 전에, 미리 만들어 놓은 페이스북 페이지(Facebook page)가 있어야 합니다. 혹시, 페이스북 페이지를 아직 만들지 않았다면, 앞전에 포스팅한 글을 보시고 미리 만들어 두시길 바랍니다. ■ [페이스북]페이스북 페이지 만들기 페이지까지 미리 만들어 놓으셨다면, 아래와 같은 방법으로 어렵지 않게 나의 티스토리에 페이스북 라이크 박스를 연동해 보세요! 01. 페이스북 개발자 페이지( https://developers.facebook.com/docs/plugins/ )에 접속 한 뒤, 라이크 박스(Like Box)탭을 누른다. 02. 라이크 박스(Like Box..

일러스트레이터(Illustrator)에서 뭔가를 만들어 놓고, 다양하게 색깔을 바꿔보고 싶다는 생각을 해보신적 없으신가요? 이런 경우엔, 일러스트의 리컬러아트워크(Recolor Atrwork)기능을 이용하면 아주쉽게, 다양한 색상을 적용해 볼 수 있답니다. 아래의 예제를 통하여 살펴보도록 하겠습니다. 01. 우선, 다양한 색상으로 바꾸고픈 도형을 하나 만들고, 색상을 적용해 놓은뒤, 위와 같이 여러개를 미리 복사해 둔다. (오브젝트복사방법 : 복사할 대상을 선택한뒤, Alt + 드래그) 02. 도형들을 여러개 복사를 했다면, 색상을 변경하고픈 도형을 선택하고, Edit - Edit Colors - Recolor Artwork 를 눌러 리컬러아트워크 창을 띄운다. 03. 기본적으로 리컬러아트워크(Recol..

산천배드민턴클럽 로고 제작. 구기종목중 순간속도가 가장 빠른 스포츠가 배드민턴(Badminton) 이라고 합니다. 스매싱 할때 순간속도가 무려 300km/s 나 된다고 하죠. 그런 배드민턴의 특징을 고려하여, 마치 셔틀콕이 날리는 듯한 느낌의 심볼과 약간의 이탤릭 형태를 준 글자와 함께 날렵한 느낌으로 디자인 하였습니다.