<찾아보기>를 / 모든 , 버튼 , 튜토리얼 / 블로그 기사 : RIATMP1167 - 포토샵 튜토리얼 - 영향을 버튼 / 헤더

RIATMP1167 - 포토샵 자습서 - 영향을 버튼 / 헤더

2009년 10월 8일

오늘 우리는 메뉴 모음이 될 수있다. 이것은 매우 간단하지만이 같은 버튼이나 웹 사이트의 여러 유형의 메뉴 표시줄이나 헤더를 사용할 수 있습니다. 워낙 색깔과 스타일로 그것은 많은 주제에 맞게 할 수 있습니다. 심지어 당신은 색상을 변경하고 사용자 정의 모양을 만들거나 그냥 가서 여러분의 프로젝트를 위해이 premade 버튼을 사용할 수 있습니다. 그래서 여기 튜토리얼입니다.

Click here to download

새로운 포토샵 문서를 만듭니다. 직사각형 연회실 도구를 선택하고 넓은 사각형을 만듭니다. 우리가 레이어 스타일을 추가할 것입니다 왜냐하면 그것이 무엇인지 색깔이 중요하지 않습니다.

Wide Rectangle

와이드 직사각형

이제 레이어 / 레이어 스타일 / 그라디언트 오버레이로 이동합니다. 참고로 우는 표시된 이미지를 따르십시오.

Gradient Overlay

그라디언트 오버레이

그럼 레이어 스타일로 당신은이 같은 결과를 얻을 것이다.

menu bar

메뉴 표시줄

이제 우리의 메뉴 표시줄에서 일부 드라마를 추가하는 그것의 시간. 새 레이어를 만들고 어두워 이름을 지정합니다. 이제 우리의 메뉴 막대의 일부를 선택하고 어떤 색깔로 채우십시오. 이제 다시 우리는이 레이어의 그라디언트 오버레이를 추가합니다. 그럼 레이어 / 레이어 스타일 / 그라디언트 오버레이로 이동합니다. 참고로 우는 표시된 이미지를 따르십시오.

Layer Styles/Gradient Overlay

레이어 스타일 / 그라디언트 오버레이

그럼 레이어 스타일로 당신은이 같은 결과를 얻을 것이다.

header

헤더

우리는 분할기 라인을 작성해야합니다. 그 내용은 새 레이어를 만들고 직사각형 움직이는 텍스트 도구로 얇은 직사각형 라인을 만듭니다. 색상 (# 616161)로 이것을 입력합니다. 이제이 레이어를 복사하고 밝은 색상 (# 999999) 것으로 채운다. 지금은 정렬과 배치 모두 라인 측을 옆에 하나에 지난 2 레이어를 병합합니다. 그 라인의 몇 가지 더 복사본을 만들어 올바르게 맞춥니다. 한 레이어 이름 "라인"로 모든 라인을 병합합니다.

lines

라인

이제 그 시간은 우리의 메뉴 텍스트를 추가하는 방법, 당신은 또한 자신의 메뉴 텍스트를 추가할 수 있습니다.

menu text

메뉴 텍스트


이것이 포토샵 튜토리얼의 두번째 부분이며 여기서 우리는 메뉴 막대의 반사를 만드는됩니다. 하나의 레이어로 모든 메뉴 및 텍스트 레이어를 병합합니다. 레이어 패널에서 메뉴 모음 레이어를 복제하고, 그것을 뒤집기 수직으로 (편집> 변환> 플립 수직).
Photoshop Tutorial

포토샵 자습서

메뉴 막대 위에 새 레이어를 만들고 중복. 직사각형 연회실 도구를 사용하여 선택을 확인하십시오. 그라디언트 도구를 선택하고, 선형 그라데이션으로 설정 후 그라디언트 편집기를 엽니다. "투명으로 전경"을 선택하십시오. (# 2a2727)로 전경색을 설정하고 새 레이어의 선택 내에서 그라디언트 도구를 드래그합니다. 아래 그림과 같이 그리고 당신은 무언가를해야 해요! 그리고 그것이이 포토샵 튜토리얼의 끝에 우리를 가져옵니다. 건배!

Menu or button or header or banner

메뉴 또는 버튼 또는 머리글 또는 배너

공유하고 즐기십시오
  •  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=digg RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.dzone RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.facebook RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.google RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.linkedin RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=favorites.live RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.mixx RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.myspace RIATMP1167– Photoshop Tutorial   Reflected Button/ Header  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=reddit RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.stumbleupon RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=technorati RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=twitter RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=buzz.yahoo RIATMP1167– Photoshop Tutorial   Reflected Button/ Header
회신을 남겨주 4158 전망, 4 지금까지 오늘 |
토론을 따라

"- 영향을 버튼 / 헤더 RIATMP1167 - 포토샵 자습서"에 대한 하나의 응답

  1. ofigennoe.ru가 말한다 :

    이런 순간을 작성하기위한 매우 흥미로운 포스트 덕분이라고 생각!

회신을 남겨주