Photoshop을 사용하여 웹 2.0 탭 디자인
아래의 가이드는 Photoshop에서 멋진 세련된 탭 메뉴, 웹 2.0 스타일을 디자인하는 방법을 알려줍니다..
1 단계
흰색 [#ffffff] 배경을 가진 새 캔버스를 원하는 크기로 만드십시오. 사각형이 바람직합니다. 탭을 그릴 때 더 적합합니다. 그런 다음 채널 탭 (Windows -> Channels)를 클릭하십시오. 새 채널 만들기 오른쪽 하단.
2 단계
선택한 채널 레이어에서 다각형 올가미 도구로 비슷한 모양을 그립니다. 흰색으로 채 웁니다. [#ffffff]; Polygonal 영역의 선택을 취소합니다 (선택 윤곽 도구를 선택하고 화면 하나를 누르십시오). 모양을 주다. 가우스 흐림 반경 6.0px.
3 단계
CTRL-L 레벨 대화 상자를 불러와 위의 그림처럼 가운데 화살표를 맞추기 위해 왼쪽 및 오른쪽 화살표를 누르십시오. 이것은 “부드러운” 당신의 흐릿한 모양을 위로하고 멋진 둥근 모서리 모양을 제공하십시오..
4 단계
채널 탭에서, Ctrl 키 누르기, 클릭 채널 축소판 새 알파를 선택합니다. 이제 새 모양이 선택됩니다. 레이어 탭, 새 레이어 만들기 선택한 영역을 검은 색 [# 000000]으로 채 웁니다..
5 단계
봇 하단 왼쪽과 오른쪽 하단에 둥근 모서리를 제거하고 왼쪽으로 이동 한 다음 위 그림과 같이 배치하십시오. 다음으로 검은 색 탭에 초점을 맞출 것입니다..
보류 CTRL, 탭을 클릭하십시오. 레이어 축소판 전체 탭 이미지를 강조 표시하려면. | |
탭 이미지가 여전히 강조 표시된 상태에서 사각형 마키 도구, 보류 ALT 제거하고자하는 영역의 사각형을 그립니다.. | |
선택한 상단 부분 만보아야합니다.. 고르다 -> 수정 -> 계약, 2px 계약 그리고 당신은 왼쪽에있는 이미지와 같은 것을 얻어야합니다.. | |
새 레이어를 만들고 강조 표시된 영역을 흰색 [#ffffff]으로 채 웁니다. 마우스 오른쪽 버튼을 클릭하고 선택하십시오. 블렌딩 옵션 그때 그라디언트 오버레이. 흰색 [#ffffff] 색상 멈춤을 회색으로 교체 [# 616161]. 탭이 왼쪽 이미지처럼 보입니다.. |
6 단계
새 레이어를 만듭니다. 고르다 둥근 사각형 도구 (반지름 8px), 직사각형을 그리고 검은 탭 레이어 뒤에이 레이어를 둡니다. 마우스 오른쪽 버튼을 클릭하고 선택하십시오. 블렌딩 옵션 다음 설정을 삽입하십시오..
그림자
- 불투명도 : 31 %
- 거리 : 0px
- 스프레드 : 0 %
- 크기 : 2px
경사와 엠 보스
- 깊이 : 100 %
- 크기 : 0px
- 연화 : 0px
그라디언트 오버레이
- 다음은 색상 중지 설정입니다..
- 색상 : #aaaaaa, 위치 : 0 %
- 색상 : #ffffff, 위치 100 %
7 단계
전체 웹 2.0보기를 보려면 텍스트를 입력하십시오. 글꼴 Lucida 팩스, 글꼴 크기 32pt 및 25pt를 사용하고 있습니다. 그리고 당신의 탭이 완료되었습니다! 탭의 색상 조합으로 자유롭게 놀아 라..
튜토리얼 다운로드