반응형

페인트샵으로 웹버튼 만들기 두번째입니다.

케이스 3.

1. 500 x 200px 검정색(#2c3232) 배경 만들기

2. 래스터 레이어를 추가하고,
    100 x 40px 의 사각형 선택영역(S)을 만들고, 그라데이션으로 채워줍니다.

   

    * 선택영역 대강 지정후에, 상단의 사용자정의선택영역에서 세부조정합니다.

   
   
    * 사각형도구(G)로 벡터로 만들어도 됩니다.

3. 래스터레이어 추가하고,
    효과 > 3d효과 >오려내기 실행

   

4. 래스터레이어 추가하고,
    사용자선택영역을 누른다음, 버튼모양의 상단 반을 선택영역으로 지정해 줍니다.

    페인트샵 메뉴버튼

5. 흰색으로 상단 반쪽 선택영역을 채우고, 레이어 불투명도를 15~20%로 해주고, Ctrl + D로 선택영역해제합니다.

   

    * 그냥 2번, 4번, 5번은, 그라데이션 잘 된거 하나 쓰셔도 됩니다.

6. 테두리를 넣어줍니다.

   a. 래스터1(1래스터)선택하고, 사각형 선택영역을 뽑아줍니다.
       * ctrl+a > ctrl + f  누른 후 , 유동레이어에 우클릭 후 유동레이어를 삭제합니다.
    b. 배경을 선택하고, 래스터레이어를 추가합니다.
    c. 선택영역 > 수정 > 확장 2px 실행하고, 채우기도구로 #427a25 를 채우고, ctrl + d로 선택영역해제

   

    * 테두리 색상을 뭘로 할지 고민되시면, 원래 사용하던 색상(그라데이션)에
       곡선으로 어둡게나, 밝기/대비만 어둡게 조절해주셔도 됩니다.

7. 배경을 빨간눈으로 배경을 안보이게 하고, 레이어 > 병합 > 보이는 레이어병합합니다.
    병합뒤에는, 빨간눈을 해제해줍니다.

8. 그을리기 도구로, 버튼에 몇 군데 찍어줍니다.

   

    페인트샵 강좌

    * 우클릭 > 복제해서, 원본 백업해놓고, 작업하시는 것이 좋습니다.
       작업 다 하시면, 레이어 > 합치기 > 아래로 합치기 하시면 됩니다.

9. 닷지도구로 버튼 아래부분에 반사광을 찍어줍니다.

   

   

    * 우클릭 > 복제해서, 원본 백업해놓고, 작업하시는 것이 좋습니다.
       작업 다 하시면, 레이어 > 합치기 > 아래로 합치기 하시면 됩니다.

    

 브러시 자신 없으시면, 레이어올리고, 타원으로 선택영역을 적당히 만든 다음, 페더링 적당히(20px) 준 다음,

 흰색으로 채우기도구로 채워준 다음, 레이어속성을 닷지로 하고 불투명도를 조정하시면 됩니다.

 

 

  이렇게 나옵니다.

     

10. 우클릭 >복제해서, 이동도구(M) 로 이동시켜서 버튼바로 쓰실 수 있습니다.

   

11. 반사효과도 넣으실 수 있습니다.

   


 

케이스 4.

페인트샵 버튼 만들기

기법은 http://jjangfree.tistory.com/58 과 http://jjangfree.tistory.com/60 과 같습니다.

pspimage로 대체합니다.

buttoncase4.zip

 

반응형

+ Recent posts