포토샵과 탐색 메뉴 만들기

이 튜토리얼에서 우리는 좋은가 특정 템플릿 내에서 통합 두 가지 메뉴 (가로 하나 세로)로 만들 수 있도록하는 방법을 볼 수 있습니다.
이 문서의 목적은 독자에게 어도비 소프트웨어가 제공하는 도구를 사용하여 자신의 메뉴를 만들 수있는 기회를 제공하는 것입니다.

가로 메뉴

우선 우리 웹사이트의 배경으로 사용할 이미지를 엽니다 : 새 레이어 "헤더"를 작성하고, 사각 선택 도구를 사용하여, 상단, 그것은 적절한 색상 (전 # e7ef00 선택)와 70 %의 불투명도를 설정할와 양동이를 사용하여 색상에 직사각형을 그릴 : 우리는 수준 "헤더"에 스타일을 적용할 : 우리는 "header2"다른 레벨을 만들고 항상 사각 선택 도구, 색상 이전 (저는 # a6ac01 선택)와 50 %로 레이어 불투명도를 설정보다 어두운 색상을 사용하여 양동이와 함께 직사각형을 그릴 : 이 시점에서 우리가 메뉴 버튼을 만들려면 시작, 우리는 10px의 반경을 설정하여 둥근 사각형 도구를 사용하여 할 것입니다.
지금 rasterize 형식 : 패널 수준과 다음 Rasterize 레이어를 마우스 오른쪽 단추로 누른 다음 선택 도구를 사용하여, 우리는 같은 시간에 가로 우선순위 영역을 그릴에서 깨끗한 상처를 만들어, 버튼의 영역을 제거 : 이제 다른 메뉴 버튼, 4와 같은 다른 수준에서 중복을 가장 먼저 버튼을 만들어 보자 : 우리는 모든 레벨에서 드롭 그림자 스타일을 적용 : 버튼 안의 텍스트를 삽입합니다 : 이제 튜토리얼의 가장 흥미로운 부분.
메뉴 구조되면, 우리는 사이트의 웹 페이지에 링크를 연결, 마우스 클릭에 민감한되는 특징으로 몇 가지 "영역"에서 우리의 메뉴를 나눕니다.
이것은 우리의 도구 섹션 attiviamolo 그것을 할 ​​수 있습니다 : 우리는 버튼을 "홈"을 선택합니다 : 의 선택에 더블 클릭을 보자 : 그것은 옵션의 새로운 창을 열고 "이미지"의 유형을 선택하고 모든 필드를 완료합니다 : 우리는 다른 버튼에 대해 이러한 단계를 반복하십시오.
이제 프로젝트를 저장합니다

 



 파일 -> 웹 및 장치 저장 ...

 

대화 상자에서 폴더에 HTML과 이미지를 선택하고 저장 의이 페이지의 파일 이름을 보자.
우리가 좋아하는 HTML 편집 프로그램으로 페이지를 편집있다 할 몇 가지 변경을 원한다면이 방법으로 포토샵은 코드 포함된 스타일 시트로 웹 페이지를 만들었습니다.

• <<
• 일
• 이
• >>