롤스토리디자인연구소

흔히보는 보드박스이다. 펜툴을 이용하는 작업이 있기에 박스의 모양 및 깊이감을 주는 색감을 잘 파악하여야 하나, 실제 박스이미지를 포토샵에 올려놓고 그대로 따라 그려도 상관 없기에 각각의 레이어로 쉐이프만 잘 분리한다면 쉽게 만들 수 있다. 01.가로세로 512px의 캔버스를 만든다. 02.위의 그림처럼 쉐이프를 만들고 direct Select툴을 이용하여 입체감을 줄 박스 앞면 쉐이프를 만든다. 03.만들어진 박스앞면에 위의 Gradient Overlay 레이어스타일을 적용한다. 04.구글 이미지등을 이용하여 오래된 종이느낌을 이미지를 찾은 뒤 다시 포토샵에 가져와 블랜딩모드를 Soft Light로 변경하고 선택영역을 이용해 나머지 필요없는 부분은 삭제한다. 05.박스에 스티커등의 택을 붙이기 위해 같..

클래식한 라디오 아이콘을 만들어 보겠다. 이번 가이드가 내용은 심하게(?)많은 편이지만 천천히 따라하다보면 쉽게 할 수 있을것이다. 저번 테이크아웃커피컵처럼 펜툴로 직접 그려야 하는 쉐이프가 없기 때문이다. 01.가로 650px, 세로 500px의 캔버스를 생성한다. 02.기본적으로 백그라운드를 어둡게 만들고, 새로운 레이어를 하나 생성한뒤, 아무 색상이나 채운다.(백그라운드를 그대로 복사해도 된다) 그리고 Fibers를 줄건데, Fibers필터는 전경색과 배경색이 무엇이냐에 따라서 마치 나무결모양의 이미지를 만들 수 있다. 위의 그림처럼 전경색과 배경색을 나무색상과 비슷하게 한뒤 Filter - Render - Fibers를 적용한다. 03.새레이어에 Fibers가 적용 됬다면 트랜스폼(command ..

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

가죽스킨을 이용하여 서류가방 아이콘을 만들어보았다. 크게 어려운건 없으나 질감을 살리기위하여 가죽스킨이미지와 노이즈필터를 사용하였으며, 모든것이 쉐이프를 이용한 아이콘인만큼, 쉐이프 옵션을 다루는데 익숙해야 한다. 01.가로세로 512px의 캔버스를 만든다. 02.그림과 같이 캔버스 가운데 직사각형 모양의 Radius15px의 쉐이프를 만든다. 03.위와같이 기본틀이되는 쉐이프에 3가지 레이어 스타일을 추가한다.(Gradient Overlay에 주는 색상이 전반적인 아이콘의 색상이 된다) ▲ 가죽스킨 이미지 04.가죽스킨 이미지를 이용하여 그림과 같이 원래 도형의 선택영역(레이어 썸네일 부분을 command를 누른채 클릭)을 잡고, 선택영역을 반전(command + shift + I)시키고 필요없는 부분..