본문 바로가기

■ PhotoShop/그래픽작업

리본두른 배너 만들기


블로그에 나만의 배너 하나쯤 있음 좋겠지요 ^^
위 이미지처러 생긴 배너를 한번 만들어 보겠습니다.......


※ 일단은 이렇게 하는구나......를 알기 위함이니깐 그냥 저 따라서 해주세요 ^^


1) 새파일을 열어주세요.  (300 Ⅹ300 투명배경으로 열어주세요.)

2) 전경색을 (#696a6a), 배경색을 (#9a9a99)로 맞춰주세요.
   다음, 그라디언트 툴을 선택한 후, 새로 부른 파일에 쭉 그려주세요.


3) 새 레이어를 추가 합니다. (Layer 1)
   전경색을 (bac014)로 맞춰주세요.
   툴박스에서 도형툴 "Rounded Rectangle tool" 을 선택한 후, Shift 키를 누르면서 도형을 그려주세요.


4) 그려준 도형에 효과를 줘야 합니다.
   Layer => Layer Style -> Drop Shadow 하신 후, 아래처럼 맞춰주세요.


Gradient Overlay


5) 이제 리본 모양을 만들 차례입니다.
   새 레이어를 추가해 주세요. (Layer 2)
   툴박스 사각형 툴을 선택하세요.   그리고 전경색을 (#023a5d)로 선택하세요.
   아래 그림처럼 사각툴을 그린후, 색을 넣어주세요.


Ctrl + T 를 누르시고 자유변형 조절점이 생기면, 아래처럼 사선모양으로 이동해 주세요.


6) 이제  끝부분을 잘라내야 합니다.
   아래 캡쳐 이미지를 잘보시면서 따라하세요.
   먼저 툴박스에서 다각형툴을 선택하여, 선택하시고 키보드 Del 키를 누르면 선택한 부분이 삭제 됩니다.
   ( 작업하실때 , 돋보기툴로 화면을 좀 크게 확대해서 작업하시면 좀 더 편리합니다.)




양쪽다 같은 방법으로 작업해 주시면 , 위 이미지처럼 깔끔하게 잘려져 나갔습니다.

7) 리본모양 그림자 효과를 주겠습니다.
   Layer => Layer Style => Drop Shadow 하신후, 아래처럼 맞춰주세요.


Gradient Overlay



지금까지 작업한 모양입니다.



8) 리본의 끝부분을 접힌 모양으로 좀 더 자연스럽게 만들어 보겠습니다.
   먼저 새 레이어를 추가해 주세요. (Layer 3)
   확대해서 작업 하시는게 더 깔끔하게 작업할 수 있습니다.

툴박스 다각형 툴을 선택해서, 선택을 정해주고, 검정색으로 색을 채워주시면 됩니다.
다른쪽도 같은 방법으로 작업해 주세요.

그럼 아래 이미지처럼 접힌 모양의 리본이 완성되었습니다. ^^


9) 이제 하단 부분에 글 상자를 만들어 보겠습니다.
   새 레이어를 추가하세요 (Layer 4)
   Ctrl 키를 누른채로 아래 빨간표시된 곳을 클릭하세요.
   그럼 첨 도형부분이 선택이 됩니다.


Select => Modify => Contract 하신 후, 수치를 " 3 " 정도 주세요.

다음 툴박스 사각형툴을 선택한 후, 키보드 Alt 키를 누르면서, 위쪽 방향으로 선택을 해주세요.
그럼 선택된 부분만 잘려 나갑니다.


전경색 (#4d2000) 배경색 (#943e00) 하신후, 그라디언툴을 선택하여 글상자 부분을 채워주세요.

색이 조금 진하다 싶으면 Layer 4의 불투명도를 살짝 낮춰주시면 됩니다.


10) 이제 다 되었습니다 ^-^
원하는 글자를 적어주시면 완성이랍니다. ^^



투명하게 저장하고 싶으시다면 ?

배경 레이어의 눈을 끄고 저장하시면 됩니다 @_@

항상 그랬듯이 , 작업파일을 Free자료실 -> 아이콘 자료실에 있습니다 @_@

'■ PhotoShop > 그래픽작업' 카테고리의 다른 글

예쁜 web icon 만들기  (0) 2010.09.30
심플한 Glossy 버튼 만들기  (0) 2010.09.29
메탈느낌의 별모양 아이콘  (0) 2010.09.28
접힌모양 둥근 뱃지 만들기  (0) 2010.09.27
포토북 만들기  (0) 2010.09.27