이전 자료 보기 : http://jjangfree.tistory.com/326
http://jjangfree.tistory.com/879
케이스 5 : 메뉴스타일
1. 700 x 100px 긴 배경 만들기
* 크기는 대강 정했습니다.
2. 전경색 #2d323b, 배경색 전경-배경 선형 그라데이션(배경색 #121212)
3. 레이어 추가하고, 선택영역도구로 둥근사각형을 그립니다.
앤티앨리어스는 해제해도 좋습니다.
* 대충 그렸습니다. 약간 두껍게 지정되었습니다.
4. 배경그라데이션으로, 추가된 레이어 선택상태에서, 채우기도구(F)로 채웁니다.
5. 이 상태에서 2가지 방법을 시도해봅니다.
a. 효과 > 3d 효과 > 버튼만들기 실행
* 수직.수평은 1~2가 적당합니다.
* 버튼만들기 필터는, 정사각형이나 직사각형에 잘 되고,
둥근 모서리부분에는 적용이 안된 다는 걸 알 수 있습니다.
참고로, 직사각형에 버튼만들기 필터 적용하면, 아래처럼 됩니다.
|
b. 레이어 추가하고, 선택영역 > 수정 > 축소 1px 실행 후, 효과 > 3d 효과 > 오려내기 실행
* 수직 1~2, 흐림 0~3 정도가 좋습니다.
6. 5-b로 계속합니다. 펜도구로, 분리자를 만들어 줍니다.
펜도구로, 직선 1px (전경색-흰색, 배경색-닫기)으로, shift누르고 분리자를 그어줍니다.
* 벡터로 만들지 않는 게 좀 더 편합니다.
7. 1px 흰색 세로줄(분리자)에 효과> 3d효과 > 그림자효과 실행하고,
레이어속성(보통, 오버레이등)을 적절히 바꿔줍니다.
여기까지만 합니다.