[포토샵 강좌]포토샵으로 홈페이지 대문 만들기

이번 강좌는 포토샵으로 저번 강좌와 다른 느낌으로 홈페이지 대문을 만들어 볼까 합니다.

제 블로그의 사이즈로 작업을 하였고 자신의 가로 사이즈에 맞춰서 디자인을 하시면 될거 같습니다.

먼저 제 블로그에 맞춰서 사이즈를 만들었습니다.

헤더 메뉴가 될 가이드라인을 만들어 주십시오

가이드라인에 맞춰 선택 영역을 정한 다음 다크그레이에서 블랙으로 가는 그라데이션 바를 만듭니다.

위에 빛나는 느낌이 나게 밝은 그레이 그라데이션으로 작업을 해줍니다.

다음 라인을 만들어서 빛을 받아 밝게 빛나는 부분 하나

블랙바의 아웃라인을 나타내주는 다크 그라데이션 라인 한개를 만듭니다.

레이어의 이미지는 이렇습니다.

다음 메뉴바를 나눠주는 세로선을 그려주는데 펜슬툴을 사용합니다.

윗부분은 밝은 그라데이션으로 빛을 받은 느낌을, 아래 쪽은 어두운 그레이로 빛이 받는 차별성을 내줍니다.

글씨까지 쓰고 위치를 맞춘 화면입니다.

http://blog.naver.com/sis_9495 님의 허락하에 블로그에서 마음에 드는 이미지를 가지고 왔습니다.

위에 살짝쿵 마음에 드는 위치를 세팅 합니다.

원본레이어를 하나 복사한 다음 끝이 둥근 네모를 만들어서 선택해주고 나머지 부분은 지워줍니다.

둥근 네모를 만드는 방법은 쉐이프툴을 사용하였습니다.

선택영역을 해준 상태로 블러를 넣어 줍니다.

다음 레이어 스타일에서 그림자를 넣어서 입체감을 넣어줍니다.

타이틀 글씨를 넣어주고 그림자를 넣고,밋밋한 이미지를 없애기에 약간의 그라데이션을 넣어줬습니다.

그럼 기본적인 이미지는 완성이 되었습니다.

마우스 롤 오버 되었을때의 이미지를 만들어 보겠습니다.

원형 선택툴로 선택해 준다음 

페더값을 주어서 영역을 흐릿하게 해준 다음 색상을 채워줍니다.

원하는 컬러로 채워주시고

블랜드모드를 바꿔줍니다.

다음 사각형에 맞춰 나머지는 지워줍니다.

이렇게 해서 최종적인 모습이 완성 되었습니다.

깔끔한 느낌의 홈페이지 대문이 완성 되었습니다.

title.rar

작업 파일입니다.

다른 느낌의 타이틀을 보고싶다면 클릭!