레이어 스타일을 이용하여 글자에 효과( Effect )를 주는 방법에 대해 알아 보겠습니다.
레이어 스타일은 아래와 같이 빠르고 간편하게 글자에 입체감을 표현해 줍니다.
샘플예제도 올립니다. 다운받아 따라해 보세요.
입체글자만들기.psd
1. 포토샵을 실행하고 File > New 를 클릭합니다. [ Ctrl + N ]
Name : 이름을 입력하고,
Preset : Photo 를 선택합니다. 가로 방향의 2 x 3 이 선택됩니다.
기본 등록된 도큐멘트의 다양한 크기를 알아 보고자 임의로 선택하였습니다.
원하는 결과물을 만들기 위해서는 도큐멘트의 크기와 해상도에 따라 효과에 적용되는 수치가 달라져야 합니다.
다양하게 적용시켜보고 연습을 하여 감을 익혀야 합니다.
샘플과 같은 결과물을 얻고자 하신다면 아래와 같은 도큐멘트를 선택해 주세요.
2. 도구창에서 타입툴을 클릭합니다. [ T ( 영문상태에서만 적용됨 ) ]
상단 옵션바의 텍스트 정렬을 중앙으로 선택하고, 도큐멘트의 아무곳이나 클릭하여 글자를 입력합니다.
글자 입력후 서체와 크기조절을 한 후 도큐멘트의 중앙으로 정렬할 것입니다.
3. 서체와 크기를 조절하기 위해 입력된 글자를 블럭 지정하여 전체를 선택해 줍니다. [ Ctrl + A ]
※ 글자를 선택하는 방법은? ( 글자에 블럭지정하는 방법은? ) 글을 입력하는 거의 모든 프로그램이 같을 겁니다.
첫 째. 글의 처음이나 마지막에서 부터 드래그하여 선택하기 ( 원하는 부분만 선택하는 방법입니다. )
둘 째. 글이 입력된 부분에서 연속하여 세 번 클릭하기 ( 한 행을 선택하는 방법입니다. )
셋 째. Select > All [ Ctrl + A ] ( 전체를 선택하는 방법입니다. )
※ Layers 패널을 이용하여 텍스트 전체를 선택할 수 있습니다.
▲ 위와 같이 T 부분을 더블 클릭하면 텍스트 전체가 선택됩니다.
▲ 글자 부분을 더블 클릭하면 레이어의 이름을 변경할 수 있습니다.
Window 메뉴 > Character 를 클릭하여 캐릭터 패널을 불러 온 후
서체 : 나눔고딕 엑스트라 볼드를 선택, 크기 : 50pt, 세로폭 : 120%를 입력합니다.
▲ 입체 효과를 좀 더 잘 표현하기 위해 굵은 서체를 선택합니다.
※ 캐릭터 패널을 불러오는 다른 방법은?
첫 째. Type 메뉴 > Panels > Character Panel 클릭
둘 째. 상단 타입툴 옵션 바에서 캐릭터와 단락 패널 토글 아이콘을 클릭
셋 째. 단축키 [ Ctrl + T ( 커서가 있을 때에만 적용됨) ]를 누름
4. 입력한 글자를 도큐멘트의 중앙으로 정렬하기 위해 무브툴을 선택하고
Window 메뉴 > Layers 를 클릭하여 레이어 패널을 불러옵니다. [ F7 ]
텍스트 레이어가 선택되어 있으므로 레이어 패널에서 Shift 키를 눌러 백그라운드 레이어를 클릭합니다.
두 레이어가 모두 선택되었습니다.
도큐멘트의 중앙에 글자가 오도록 하기위해 상단 이동 도구 옵션바에서
세로 정렬 아이콘 중앙을 클릭하여 글의 세로 위치를 중앙으로 맞추고,
가로 정렬 아이콘 중앙을 클릭하여 글의 가로 위치를 중앙으로 정렬합니다.
▲ 도큐멘트의 중앙으로 글자가 정렬되었습니다.
이동 도구의 정렬 아이콘은 두 개 이상의 레이어를 선택했을 때 나타납니다. Layer 메뉴 > Align에도 있습니다.
5. 입체글자 텍스트 레이어만 클릭하여 선택합니다. 아래 방법 중 하나를 선택하여 레이어 스타일창을 엽니다.
※ 레이어 스타일을 선택하는 방법 여러가지
▲ 첫 째. Layer 메뉴 > Layer Style > Bevel & Emboss 를 클릭합니다.
▲ 둘 째. 레이어 패널에서 텍스트 레이어의 빈 공간을 더블 클릭합니다.
Default 가 선택됩니다. Bevel & Emboss 를 클락합니다.
▲ 셋 째. 텍스트 레이어에 마우스를 가져가 오른쪽 마우스를 클릭한 후 Blending Options 을 클릭합니다.
Default 가 선택됩니다. Bevel & Emboss 를 클락합니다.
▲ 넷 째. 텍스트 레이어를 선택하고 레이어 부메뉴에서 Blending Options 을 클릭합니다.
▲ 다섯 째. 레이어 하단의 Fx ( 효과 아이콘 )를 클릭하고 Bevel & Emboss 를 클릭합니다.
6. Layer Style 창에서
Structure 에서 Size : 10 px 을 입력하고, Shading 에서 Angle : 140˚, Altitude : 65˚ 를 입력합니다.
적용되는 이미지를 보면서 각도와 고도 사이의 원 안을 클릭하거나, 드래그하여 맞춰도 됩니다.
7. 글자색에 그라디언트를 적용시키기 위해 Gradient Overlay 를 클릭합니다.
Gradient : 오른쪽 부메뉴( 역삼각형 )를 클릭하여 등록되어 있는 그라디언트 색상을 선택합니다.
▲ 그라디언트가 적용되었습니다.
8. 그라디언트의 각도를 살짝 돌려 보겠습니다.
Angle : 원안을 클릭하거나 드래그하여 조절, 또는 100 을 입력합니다.
▲ 그라디언트색의 각도가 왼쪽으로 약간 기울어져 적용되었습니다.
9. 그림자를 주기 위해 Drop Shadow 를 클릭합니다.
그림자가 너무 어두우면 칙칙해 보이니까 Opacity : 20 을 입력하고,
그림자가 적용되는 거리 Distance : 10 px
그림자의 부드러운 정도 Size : 10 px 을 입력하고 OK를 클릭합니다.
▲ 간단한 조절만으로 입체글자가 완성되었습니다.
10. 그림자의 방향만 바꾸고 싶다면 Use Global Light 의 체크를 풀어 주고 원하는 각도 조절을 합니다.
▲ 그림자의 각도만 바뀌었습니다.
※ Use Global Light 가 체크되어 있으면 도큐멘트에 적용된 효과의 각도가 모두 같아 집니다.
하나를 수정하면 적용된 모든 효과의 각도가 같이 바뀝니다.
그림자의 각도만 90˚ 로 변경했는데, 베벨의 각도도 같이 바뀝니다.
▲ 베벨과 그림자 모두 각도가 바뀌었습니다.
'포토샵 > 따라하며 배우기' 카테고리의 다른 글
| 포토샵 클리핑 패스( Clipping Path ) 이미지를 일러스트로 옮기기 (0) | 2013.11.26 |
|---|---|
| 포토샵 선택물을 패스( Path )로 만들기 (0) | 2013.10.25 |
| 포토샵 패스( Path )를 일러스트로 옮기기 (0) | 2013.09.30 |
