이전 자료 보기 : 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효과 > 그림자효과 실행하고,
    레이어속성(보통, 오버레이등)을 적절히 바꿔줍니다.

   

Paint Shop Pro 웹디자인


   여기까지만 합니다.

+ Recent posts