Photoshop의 이미지에 대한 텍스트 효과 인식

StackOverflow https://stackoverflow.com/questions/1063046

문제

나는 디자이너를 통해 내 사이트를 설계했는데,이 이미지를 가지고 있으며, 지금 추가하고 싶은 다른 내비게이션 메뉴에 동일한 종류의 이미지를 사용하고 싶습니다. 디자이너는 PSD를 제공하지 않습니다.

http://i42.tinypic.com/2afc4fm.jpg alt text

동일한 종류의 결과를 달성하기 위해 Photoshop에서 어떤 텍스트 효과와 글꼴을 사용해야하는지 어떻게 알 수 있습니까?

감사합니다.

도움이 되었습니까?

해결책

나는 당신을 도울 수 있다고 생각하지만 이것은 프로그래밍 질문이 아닙니다.

  • 글꼴-팬 : Verdana (일반)
  • 글꼴 크기 : 14/15pt 색상 : #333333
  • 텍스트에는 레이어 스타일이 있습니다> Bevel & Emboss> 스타일 : emboss
    • 크기 및 부드러운 0px
  • 텍스트 왼쪽 : Bevel Direction Up
  • 텍스트 오른쪽 : Bevel Direction Down

나는 당신이 음영각과 강조 표시를 통해 효과를 복제 할 수 있어야합니다.

다른 팁

레이어> 레이어 스타일> 베벨 및 엠보스

그러나 이것은 텍스트 -Shadow CSS 속성을 지원하는 브라우저의 이미지없이 달성 할 수 있습니다.

이 같은

text-shadow: 0px 1px 0px #B5B5B5;

글꼴 지금까지 내 글꼴을 인식하는 것이 만족했습니다.

실제로 텍스트의 처리가 약간 일치하지 않는 것처럼 보입니다. 왼쪽의 이미지에서 효과는 당신을 향해 오는 올린 베벨이며 오른쪽에는 문자 압력 효과입니다.

오른쪽의 이미지는 텍스트 처리 관점에서 조금 더 관여합니다. Photoshop에있을 때 텍스트 레이어를 선택하고 'FX'의 레이어 메뉴의 하단을 찾으십시오. 'FX'를 선택하면 창이 팝업됩니다.

그라디언트 오버레이를 선택하고 흰색을 사용하여 흰색을 사용하여 전경색으로, 검은 색으로 검은 색으로 배경색으로 그라디언트를 설정하십시오 (이에 기본값이 있어야 함). 불투명도를 약 15%로 낮추십시오.

다음으로 왼쪽 사이드 바를보고 그림자를 떨어 뜨리고 선택하십시오. 드롭 다운에서 정상 대신 오버레이를 선택하고 색상을 흰색으로 변경하십시오 (드롭 다운 옆의 검은 견본을 클릭하여). 모든 각도/방향은 120도 여야합니다. 여전히 드롭 다운 옵션에있는 동안 거리는 2px로, 크기는 3px로 설정합니다.

마지막으로 내부 그림자를 바르십시오. 아마도 거리와 크기는 위에 주어진 드롭 그림자의 거리를 반영해야 할 것입니다.

탭 배경의 경우 두 가지 작업을하는 것처럼 보입니다. 먼저 탭에 그라디언트 오버레이를 적용한 다음 약간의 조명 효과를 적용합니다. 실제로 조명 효과는이 미묘함에서 복제하기가 어려울 수 있으므로 두 가지 중 하나를 수행하십시오. 탭 상단에 다른 레이어를 만들고 기존 탭에서 선택을 만듭니다 (첫 번째 탭 레이어가이를 위해 레이스터 화되어야합니다). 그런 다음 조명 효과를 적용하고 레이어의 불투명도를 조정하여 원하는 효과를 얻으십시오. 또는 약간 예술적 인 경우 낮은 충전 및 불투명 가중량으로 브러시 도구를 사용하여 탭을 흰색으로 본질적으로 발견 할 수 있습니다.

오른쪽 이미지의 경우 동일한 프로세스를 사용하여 탭을 처리하기 만하면 채우기 색상 또는 그라디언트 오버레이 전경과 배경색을 변경하고 텍스트의 경우 거리 2 또는 3px 및 크기 2px의 간단한 드롭 그림자를 사용하십시오.

이있다 여기에 좋은 튜토리얼 활판 효과 정보 (지침을보기 위해 약간 스크롤).

도움이되기를 바랍니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top