- Layer Style을 이용하여 쉽게 그라디언트 타입이펙트 만들기

조회 수 854 추천 수 0 2010.07.05 22:32:14  

 

웹사이트나 이벤트 페이지 또는 메인 페이지의 메인 타이틀에서
많이 활용되고 있는 그라디언트 Layer Style을 활용하여
이펙트를 만들어 보도록 하겠습니다.

먼저 적당한 크기의 도큐멘트를 만든 후에 텍스트를 입력합니다.
[여기서는 가로 740px, 세로 312px의 도큐멘트를 만들어 작업했습니다.]


 

 004_002.jpg

Layer > Layer Style을 열고 아래의 그림과 같이 Layer Style을 적용해 줍니다.

 004_003.jpg

위의 그림에서 붉은색의 그라데이션이 있는 부분을 클릭하면 아래의 세부 설정 창이 나타나게 됩니다.

 004_004.jpg

[tip] 그라데이션 조절하는 방법

아래의 그림에서 붉은색 화살표는 그라데이션이 진행되는 방향을 표시한 것입니다.

 004_005.jpg

그라데이션의 색상을 지정할 수 있는 포인터를 추가하는 방법은 아래의 그림과 같이 포인터가 있는 부분에서 마우스를 클릭하면 자동으로 만들어 집니다.

004_007.jpg

색상 포인터를 선택한 후에 아랫부분의 Color부분을 클릭하면 원하는 색상을 선택할 수 있습니다.

004_009.jpg

여기서 가장 중요한 것은 그라데이션의 가운데 부분을 잘 만들어 주는 것이 가장 중요합니다. 그래야만 아래 이미지와 같이 글자의 중간 부분이 나누어지는 듯한 느낌이 들도록 보여지게 되기 때문입니다. 그리고 두 개의 조절점이 가까워지게 되면 색이 나누어지는 경계가 진하게 되고

004_010.jpg

두 개의 조절점의 사이가 멀어지게 될수록 색이 나누어지는 경계가 부드러워지게 됩니다.

004_011.jpg

가운데에 있는 조절점의 간격을 잘 조절을 해 주면 좀 더 다양한 효과를 만들어 줄 수 있습니다.

 004_006.jpg

마지막으로 Drop Shadow 이펙트를 적용해 주면 아래의 그림과 같이 간단하면서도 쉽게 만들 수가 있습니다.

     004_001.JPG