지난번 포토샵에서 웹 디자인을 강화하는 방법에 대해 자세히 소개했을 때 많은 친구들이 제가 말이 부족하다고 느꼈고, 몇몇 친구들은 포토샵에서 특별한 텍스트 효과를 만드는 방법을 알고 싶어 했습니다. 실제로 현재 웹디자인에서는 일반적으로 사용되는 텍스트 효과가 많지 않고, 구현 방법도 매우 간단하므로, 다음 내용이 웹디자인 초보자들에게 도움이 되기를 바랍니다.
이 튜토리얼에서는 "그라디언트"와 "그림자"라는 두 가지 키워드에 중점을 둘 것입니다.
1. 좀 더 질감이 있는 단어
먼저 그림의 로고를 살펴보겠습니다. 텍스트가 바깥쪽으로 늘어나고 웹 페이지에 단단하게 붙어 있지 않습니다. 자세히 보면 Brightkite가 텍스트에 색상 "그라디언트"를 사용한다는 것을 쉽게 알 수 있습니다. 예, 텍스트 색상은 단일 색상 채우기가 아니라 "그라데이션"입니다. "그라데이션"이 더 질감 있게 보이는 이유는 자연광의 효과, 즉 하이라이트 부분이 위에 있기 때문입니다. text , 그리고 낮은 조명은 동시에 텍스트의 "그림자"인 또 다른 세부 사항을 무시하지 마십시오.
그럼 어떻게 해야 할까요?
그림의 2번과 3번에 주목하세요. 그래도 그라디언트 추가 방법을 모르신다면 레이어 패널에서 "레이어 이름" 오른쪽의 빈 공간을 더블클릭하시거나 에서 두 번째 버튼을 클릭해주세요. 아래 그림(아래 레이어 패널)을 클릭하여 스타일 패널을 엽니다.
"Gradient Overlay"를 선택한 다음 아래 그림과 같이 그라디언트 색상을 "어둡고 밝은 대비"로 선택합니다. 예를 들어 밝은 녹색과 어두운 녹색을 선택할 수 있습니다. 조명 효과를 시뮬레이션합니다.
이제 남은 것은 그림자뿐입니다. 평소와 같이 스타일 패널 왼쪽에 있는 "그림자"를 클릭한 다음 아래와 같이 설정합니다.
이 방법을 사용하는 다른 웹사이트 디자인을 살펴보겠습니다.