1. 버튼 만들기
* 버튼이란?
버튼이란 링크가 걸린 이미지 및 플래시 오브젝트를 말합니다.
해당 버튼을 클릭했을 때 다른 페이지로 이동하고 팝업창을 띄우는 등의 이벤트가 발생합니다.
버튼은 가장 기본적인 디자인 요소에 해당합니다. 아래의 그림에서 보듯 웹사이트와 동떨어진 색상보다는 동일한 계열
의 색상을 선택해 줌으로써 전체적으로 통일감을 유지해주는 것이 중요합니다.
[디자인 예시]
다양한 버튼들의 디자인 예시이며 하나하나 따라해 보세요.
[실전제작]
<완성된 버튼>
먼저 패턴을 제작하기 위해 File>New(Ctrl+N)하여 투명한 새로운 작업창(5X5)을 엽니다.
툴박스의 연필툴(B)을 이용하여 그림과 같은 패턴을 만들고 Edit>Define Pattern을 선택하여 패턴으로 등록합니다.
File>New(Ctrl+N)하여 버튼이 제작될 새로운 작업창(100X40)을 엽니다.
툴박스의 전경색을 #5AB0D1로 선택합니다.
툴박스의 연필툴(B)을 이용하여 그림과 같은 패턴을 만들고 Edit>Define Pattern을 선택하여 패턴으로 등록합니다.
Layer>Layer Style>Gradient Overlay를 선택한 뒤, ①의 Gradient 영역을 클릭합니다. 새로운 Gradient Editor 대화상자가 뜨면 ②번을 클릭하고 ④을 클릭하여 색상값을 #5AB0D1로 설정합니다. 오른쪽도 마찬가지로 ③을 클릭하고 ④을 클릭하여 색상값을 #2782A5로 설정해 줍니다. 그런 뒤 OK 버튼을 누르면 아래 그림과 같은 결과가 나옵니다.
Ctrl을 클릭한 상태에서 ①번의 shape 1 레이어를 클릭해서 셰이프의 선택 영역을 활성화시켜 준 뒤, ②번을 클릭해서 새로운 레이어를 생성합니다.
새로운 레이어가 생성되면 Edit>Fill을 선택하여 아래 그림과 같은 대화상자가 나오면 Pattern을 선택합니다.