홈페이지 » 포토샵 » Photoshop을 사용하여 웹 2.0 탭 디자인

    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를 사용하고 있습니다. 그리고 당신의 탭이 완료되었습니다! 탭의 색상 조합으로 자유롭게 놀아 라..

    튜토리얼 다운로드