롤스토리디자인연구소

누르면 '똑딱'하고 소리가 날거같은 버튼을 만들어 보겠다. 참고로 전원의 On과 Off를 알리는 O와 I는 컴퓨터의 이진법인 숫자 1과 0에서 유래가 되었다 한다. 어찌됬거나 여기선 저 심볼(I/O)이 빠지면 뭔가 허전한 버튼이 되었을 수도.. 아니면 버튼인지도 모를 수도 있을 것이다. 그만큼 무언가를 상징하는 심볼을 중요한 것이라 생각한다. 01.가로세로 512px의 캔버스를 만든다. 02.가이드라인을 이용하여 미리 센터를 맞춰 놓고, 위의 그림처럼 원형쉐이프툴을 이용하여 쉐이프를 그린뒤, 아래의 레이어 스타일을 적용한다. ▲button_01레이어의 3가지 레이어 스타일 03.레이어 스타일을 적용하고 난뒤, 투명도를 20%로 낮춘다.(버튼의 가장 아랫부분으로써, 뒷배경에따라 자연스럽게 보이기 위해 투명..

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

질감만 잘 표현한다면 간단하게 쉐이프툴을 이용하여 칠판 아이콘을 만들 수 있다. 이번에 사용한 질감은 저번 포스팅(클래식라디오)에서 사용했던 fiber와는 비슷하지만 다른 Noise와 Motion Blur을 사용하였다. 제작 순서를 알아보자. 01.가로세로 512px의 캔버스를 만든다. 02.그림과 같이 쉐이프툴을 이용하여 사각형의 쉐이프를 만들고(칠판의 틀이 될 부분이다), 아래의 레이어스타일을 적용한다. ▲wood레이어의 레이어 스타일 ▲wood레이어에 스타일이 적용된 모습 03.다음은 wood레이어의 질감을 표현할 차례다. 새레이어를 하나 만든뒤, 그림과 같이 검정색으로 채우고 Noise와 Blur를 주어 기본적인 질감을 표현한뒤 Level을 이용하여 채도를 높인다. 04.Add Noise, Mot..