현실적인 스테인레스 스틸 배경 및 텍스트 디자인 [Photoshop Tutorial]

웹 디자이너와 웹 마스터는 시원한 철강 또는 금속성 효과를 웹 2.0 폭풍이 몰아 치고 모든 것을 씻어 버렸다. 그 WWW 광택 있고 폭력적인 그라디언트 웹 사이트. Apple.com 언제나 좋은 웹 2.0 인터페이스 디자인과 관련되어 왔지만이 사람들은 멋진 흑백 및 은색 효과를 잃어 버리지 않았으며 디자인과 타이포그래피에서 더 나아 지지도 못했습니다..

그들의 디자인에 영감을 받아, 나는이 스타일을 개인적인 디자인으로 되돌려 놓고 다소 견고한 것을 만들려고 노력했으며, 스테인레스 스틸 금속처럼 보입니다. 점프 후 전체 포토샵 자습서.

스테인레스 스틸 배경

1 단계

빈 문서를 600 × 400 크기로 만듭니다. 새 레이어를 만들고 이름을 지정합니다. '배경' 회색 색상 [# c0c0c0]으로 채 웁니다. 복제 '배경' 레이어, 새 레이어의 이름을 '강철 배경'위에 놓고'배경'.

2 단계

'강철 백그라운드'레이어가 선택된 상태에서 필터 -> 노이즈 추가 다음 설정을 입력하십시오.

• 금액 : 14.21
• 배포 : 가우시안
• 단색 검사

3 단계

'강철 배경'레이어가 여전히 선택됨, 이동 필터 -> 흐림 -> 모션 블러 다음 설정을 입력하십시오.

• 천사 : 0
• 거리 : 34 픽셀

마우스 오른쪽 버튼으로 클릭 '강철 배경', 고르다 블렌딩 옵션 다음 설정을 입력하십시오. 그라디언트 오버레이 - 그라디언트 편집기:

색상 중지 1

• 색상 : # 000000
• 불투명도 : 50 %
• 위치 : 0 %

색상 중지 2

• 색상 : #ffffff
• 위치 : 50 %

색상 중지 3

• 색상 : # 000000
• 불투명도 : 50 %
• 위치 : 0 %

금속 텍스트

4 단계

기본적으로 스테인레스 스틸 배경이 완성됩니다. 거기에서 계속해서 일치하는 금속 문자를 삽입합니다. 사용 텍스트 도구, 중간에 무언가를 쓰고, 가급적이면 뚱뚱한 글꼴을 사용하십시오 (Myriad Pro Bold를 사용하고 있습니다). 텍스트 레이어를 오른쪽 클릭 (또는 더블 클릭)하여 블렌딩 옵션 대화.

1. 그림자

• 불투명도 : 38 %
• 거리 : 1px
• 스프레드 : 1 %
• 크기 : 2px

• 깊이 : 100 %
• 크기 : 0px
• 연화 : 0px
• 불투명도 강조 : 42 %
• 그림자 불투명도 : 32 %

텍스트는 다음과 유사해야합니다..

5 단계

단단히 따라야 할 것이 있습니다.. 통제 키를 잡아라. (Mac : Command 키)를 클릭하고 텍스트 레이어를 왼쪽 클릭하여 개요를 강조 표시합니다. 개요가 아직 있는지 확인하고 '강철 배경'층, Control + J를 누르십시오. (Mac : Command + J)

이렇게하면 텍스트 모양으로 강철 배경을 복제 할 수 있습니다. 레이어의 이름을 '텍스트 배경'위로 이동.

6 단계

변경 '텍스트 배경~까지 컬러 화상, 가져와 불투명 아래로 67 %.

최종 출력물은 아래 이미지와 유사해야합니다..

.PSD 파일 다운로드.