[포토샵 강좌]포토샵으로 입체감이 드는 홈페이지 타이틀 및 헤더 만들기

이번 강좌는 포토샵에서 홈페이지의 타이틀 및 헤더 만들기 입니다.

위의 이미지가 완성본이긴 하지만 디테일한 이미지는 아닙니다.

어느정도 감으로 맞춰 놓은 겁니다.

먼저 홈페이지에 맞는 사이즈를 만들어 줍니다.

저는 기본으로 가로 700으로 해 주었습니다.

먼저 단색으로 채워 주시고 가이드 라인으로 타이틀 구간을 잡아 줍니다

타이틀이 들어갈 부분을 흰색으로 채워줍니다.

다음 마스크 툴로 원형을 만든다음 가우시안 블러를 주어서 적당히 그림자를 주었습니다.

이것으로 타이틀은 좀더 앞으로 나와 보이지요

아직은 티가 나질 않습니다.

그림자 레이어를 밑으로 내려서 그림자처럼 보여 주시고

타이틀 부분의 레이어 스타일에 들어가 그라디언트 오버레이를 줍니다.

그럼 그라데인션의 영향과 그림자의 영향으로 앞으로 볼록한 느낌을 줍니다.

다음 타이틀과 헤더부분이 나눠지는 선을 그려줍니다.

마스크 툴쪽의 라인을 이용해주셔도 되고 연필툴을 이용해 그려주셔도 됩니다.

저는 라인툴을 이용해 그려 주었습니다.

다음 글씨를 써 준다음 그림자를 넣어주어 입체감을 살려줍니다.

다음 세로의 라인을 그려줍니다.

 

가운데서 빛이 내려오고 있으니 마스크를 씌워주어 아래가 흐려주게 만듭니다.

저는 폴더로 묶은 다음 폴더 마스크를 씌었습니다.

다음 무늬를 위해 패턴을 넣어줍니다.

패턴화 시킨다음 오버레이 시킨후 가운데를 중심으로 마스크를 씌워 주었습니다.

투명도도 약간은 조절을 해 주었고요

그럼 이런 분위기가 완성 됩니다.

타이틀 글씨를 텍스트로 적어준 다음

타이틀 글씨를 레이어 스타일을 통해 만들어 주면 됩니다.

이렇게 해서 완성 되었습니다.

컨택햇을때의 칼라고 세팅된 화면입니다.

작업된 파일을 올려봅니다.

홈페이지 헤더.rar

저야 말로 바꿔야 하는데 저번에 바꾸다가 티스토리가 뭐가 이상한지 한번 뒤집어져서..

후덜덜덜.. 해서

가로 라인을 빛에 맞추어서 마스크를 씌운고 백을 그레이로 수정한 화면입니다.