플래시 버튼을 만드는 방법

• 할 수있다 10, 2024

시리즈를 계속 진행했다면 이제 Flash 웹 사이트를위한 메뉴 버튼을 만들 준비가 된 것입니다. 우리는 나중에 메뉴 버튼을 만드는 기초로 사용할 템플릿 버튼을 만들 것입니다. Flash 버튼에는 4 개의 프레임이 포함 된 자체 타임 라인이 사전 설정되어 있습니다. Up, Over, Down 및 Hit. 이 네 가지 프레임을 웹 페이지에서 매우 인기있는 롤오버 링크의 단계로 생각할 수 있습니다. Up 프레임은 아무 일도 일어나지 않는 휴면 단계입니다. 오버 프레임은 마우스가 링크를 통과 할 때의 단계이고 다운 프레임은 링크를 클릭 할 때의 스테이지입니다. 적중 프레임은 웹 페이지에서 실제로 보이지 않는 특수 프레임입니다. 클릭 가능한 영역의 위치 또는 버튼의 좌표를 정의하는 것이 목적입니다. 이 네 가지 프레임을 사용하여 Flash 버튼 템플릿에 대한 롤오버 효과를 만듭니다. 버튼의 이름을 검은 색 텍스트로 표시하도록 위로 프레임을 설정하고, 초과 프레임은 텍스트의 색상을 빨간색으로 변경하고, 아래 프레임을 통해 색상을 다시 녹색으로 변경합니다. 물론 웹 페이지의 색 구성표에 어울리는 다른 색을 사용하고 싶을 수도 있습니다. Flash .fla 파일을 열고 작업하십시오.

1 단계. 새 버튼 심볼. 메뉴 모음에서 삽입> 새 심볼을 클릭하여 새 심볼 만들기 대화 상자를 엽니 다. Nav_Button 심볼 이름을 지정하고 Behavior를 Button으로 설정하십시오. 확인을 클릭하면 라이브러리 패널 (창> 라이브러리)에 Nav_Button이라는 새 심볼이 표시됩니다.


라이브러리 패널-Nav_Button 심볼

2 단계. 타임 라인. 또한 작업 공간이 스테이지에서 Nav_Button 심볼의 타임 라인을 표시하는 심볼 편집 모드로 변경되었음을 알 수 있습니다. 기본적으로 Layer1이라는 레이어와 4 개의 프레임 (Up, Over, Down 및 Hit)이 있습니다. 또한 Up 프레임에는 이미 Keyframe이 있습니다.


심볼 편집 모드

버튼의 클릭 가능한 영역을 정의하는 사각형 영역을 그릴 것이므로 Layer1의 이름을 모양으로 변경해 봅시다. Layer1 이름을 두 번 클릭하고 새 이름을 입력하십시오.

다음으로 다른 세 프레임에 키 프레임을 추가해야합니다. 오버 프레임을 클릭하여 선택합니다 (흰색 사각형이 녹색으로 바)). 그런 다음 삽입> 타임 라인> 빈 키 프레임을 클릭하면 모양 레이어의 오버 프레임에 작은 점이 나타납니다. 모양 레이어에서 아래로 및 적중 프레임에 대해이 작업을 반복하십시오.


도형 레이어

레이어 삽입 버튼
3 단계. 레이어를 추가합니다. 이제 두 번째 레이어를 추가하겠습니다. 이 레이어에는 버튼의 이름이나 레이블을 붙입니다. 이 새로운 레이어를 셰이프 레이어 위에 두려면 셰이프 레이어를 선택한 상태에서 레이어 삽입 버튼을 클릭하여 레이어 2를 만듭니다. 이 새 레이어의 이름을 Layer2에서 Label로 변경하십시오.


라벨 레이어

텍스트 도구 아이콘
단계 4. 이름을 단추에 추가하십시오. 우리는 여전히 라벨 레이어에서 작업하고 있습니다. 레이블 레이어에서 위로 프레임을 클릭하면이 버튼에 레이블을 추가 할 수 있습니다. 독자를 사이트의 홈페이지로 다시 이동시키는 홈 버튼입니다. 그래서 우리는 그것을 Home이라고 라벨을 붙일 것입니다. 텍스트 도구 아이콘을 클릭하고 작업 공간 중앙의 작은 더하기 기호를 클릭하십시오. 텍스트 도구의 속성 관리자가 열립니다. 텍스트 도구의 속성을 원하는대로 설정하십시오. 이전 학습서에서이를 수행하는 방법을 배웠습니다. 내 속성을 다음과 같이 설정했습니다.

텍스트 유형 : 정적 텍스트
글꼴 : Arial
사이즈 : 36
색상 : 000000 (검정)
스타일 : 굵게
정렬 : 중앙

이제 깜박이는 커서로 작은 상자에 Home을 입력하십시오. 마지막으로 선택 도구 아이콘 (검은 색 화살표)을 클릭하십시오.


홈 라벨

계속하다

비디오 지침: 어도비 Flash CC Part.2 - 15. 무비클립과 버튼 제작하기1 (아이티고) (할 수있다 2024).