dcinside.com 초보를 위한 포토샵 강좌 56. - Layer Style 기능에 대해 알아보자. |
오늘 알려드릴 내용은 이미지나 텍스트에 간단한 설정만으로 다양한 효과를 줄 수 있는 메뉴인 Layer Style에 대해 알려드리겠습니다. 홈페이지에 넣을 입체 버튼이나 사진에 넣는 텍스트에 효과를 줄 때 괜찮을 듯하네요. 편하게 읽어 보시면 됩니다. (작업환경 포토샵 7.0)
![](http://www.dcinside.com/study/img/effect-1.gif) <포토샵 6.0>
|
포토샵 7.0을 쓰지 않는 분들은 Layer Style 메뉴가 보이지 않아 당황해하셨을 수 도 있습니다. 포토샵 6.0 까지는 Layer > Effects(왼쪽 이미지) 로 표시되었으며, 메뉴의 이름은 Effects로 단어 뜻 그대로 효과를 주는 메뉴였습니다.
7.0부터 Layer Style로 바뀐이유를 생각해 보니..포토샵 작업 시 이미지를 붙이거나 텍스트를 추가할 때 마다 새로운 레이어가 생겨나는데 이 레이어에 효과를 주기 때문에 메뉴 이름이 Layer Style로바뀐 것이 아닌가.... 하네요. ㅡ_ㅡ
|
![](http://www.dcinside.com/study/img/effect-3.gif) <포토샵 7.0>
|
왼쪽 이미지는 포토샵 7.0의 Layer 메뉴로 매우 다양해진 것을 알 수 있습니다. 버전이 높아지면서 좀더 세심하고 다양한 작업이 가능해진 것을 볼 수 있습니다.
레이어 스타일 메뉴에서 제공하는 효과는 많지 않지만, 한 번에 하나의 효과만 사용할 수 있는 것이 아니므로 각 효과들을 계속적으로 사용하여 좋은 결과를 얻을 수 있습니다.
각 레이어 스타일의 효과에 설정되는 메뉴는 같습니다. 하나의 효과만 정확히 이해하시면 다른 효과를 이용하시는데 별 어려움은 없습니다. |
Drop Shadow...
|
: 레이어에 있는 이미지나 텍스트 뒤로 그림자가 생겨 둥~ 떠 있는 듯한 효과 | |
![](http://www.dcinside.com/study/img/effect-4.gif)
|
* Structure : 그림자의 색상,크기,위치, 모양 등을 설정
- Blend Mode : 레이어 합성모드입니다. - Opacity : 그림자의 투명도를 조정하는 메뉴로 직접 수치값을 넣거나, 슬라이드바로 조절합니다. - Angle : 그림자는 빛의 반대방향으로 생기지요? 빛의 각도를 조절하는 메뉴로 설정하는 방향의 반대쪽에 그림자가 생깁니다. - Use Global Light : 체크를 하면 현재 설정된 빛의 방향 레이어 스타일에 동일하게 적용이 됩니다. 적용되는 빛의 방향을 다르게 설정하려면 체크를 하지 않으면 됩니다.
- Distance : 이미지와 그림자와의 거리를 설정합니다. - Spread : 그림자 퍼짐의 정도를 설정합니다. 이 값이 클수록 그림자가 먼 곳까지 진해집니다. - Size : 그림자 크기를 설정합니다. 값이 클수록 그림자의 퍼짐이 커집니다. |
*Quality - 그림자의 품질을 선택합니다.
- Contour : 그림자의 모양을 그래프로 설정합니다.
- Anti_Aliased : 이 옵션을 체크하면 그림자의 경계선이 진하게 표현 될 경우 그 경계면이 부드럽게 보이게 처리합니다. - Noise : 그림자의 투명한 부분을 흩뿌리듯이 처리합니다. |
![](http://www.dcinside.com/study/img/effect-5.gif)
|
오른쪽 이미지를 보세요. 그림자가 희미해지는 정도를 그래프로 설정 하는 것으로 그래프의 가로축 a는 중심으로 부터의 거리를 나타내고 세로축 b는 그림자의 농도를 나타냅니다.
그림자가 중심에서 멀어질수록 a 그림자의 농도가 점점 옅어집니다. b 그래프의 모양을 다르게 설정하면 중심에서 멀어지는 그림자의 모양을 다양하게 설정할 수 있겠죠? 직접 도형을 만드신 후 그래프 마다 그림자의 변화를 보시면 이해가 되실겁니다. |
| |
Drop Shadow 효과 예제 |
![](http://www.dcinside.com/study/img/effect-9.gif)
| |
| |
Inner Shadow...
|
: 레이어에 있는 이미지나 텍스트 안쪽에 그림자를 만들어 주는 효과 | |
![](http://www.dcinside.com/study/img/effect-8.gif)
|
Inner Shadow 효과 예제 |
![](http://www.dcinside.com/study/img/effect-10.gif)
| | |
Outer Shadow...
|
: 레이어에 있는 이미지나 텍스트 바같쪽 선택한 색상으로 발광 효과 | |
![](http://www.dcinside.com/study/img/effect-11.gif) |
Outer Shadow 효과 예제 |
![](http://www.dcinside.com/study/img/effect-12.gif)
| |
Inner Glow...
|
: 레이어에 있는 이미지나 텍스트 안쪽으로 발광 효과 | |
![](http://www.dcinside.com/study/img/effect-13.gif) |
Outer Shadow 효과 예제 |
![](http://www.dcinside.com/study/img/effect-14.gif)
| |
Bevel and Emboss...
|
: 레이어에 있는 이미지나 텍스트를 입체적 효과(Contour, Texture) | |
![](http://www.dcinside.com/study/img/effect-15.gif) |
Bevel and Emboss 효과 예제 |
![](http://www.dcinside.com/study/img/effect-16.gif)
|
![](http://www.dcinside.com/study/img/effect-17.gif)
|
* Contour : Bevel and Emboss에 좀더 세심한 효과를 추가해 줄 수 있는 항목으로 설정값을 조절하여 각진 부분의 모양을 설정, 그래프를 선택하여 꺽이는 부분의 모양을 설정(그래프 마다 효과 : 아래 예제 참고)
- Anti-aliased : 각진 부분이 거칠게 보이는 것을 막아줍니다. - Range : 설정값을 높이면 각진 부분이 표현되는 영역을 바깥쪽으로 밀려나게 만듭니다. |
|
![](http://www.dcinside.com/study/img/effect-18.gif)
|
* Texture : 이미지나 텍스트의 색의 변화는 없이 재질에 효과를 주는 것.(그래프 마다 효과 : 아래 예제 참고)
- Scale : 재질의 크기를 설정합니다. - Depth : 재질의 높이를 설정합니다. - Invert : 설정된 재질을 반전 시켜줍니다. |
| |
Satin...
|
: 레이어 이미지 가장자리를 일정한 두께로 선택된 부분에 색을 채워주는 효과 | |
![](http://www.dcinside.com/study/img/effect-19.gif) |
- Opacity : 효과의 투명도 설정합니다. - Angle : 가장자리의 색이 채워지지 않는 부분의 각도를 설정합니다. - Distance : 이미지 가장자리의 색이 채워지지 않는 부분의 거리를 설정합니다. - Size : 이 수치값이 커질수록 색이 채워지지 않는 부분의 경계선이 흐릿하게 표현됩니다. - Contour : 그래프를 선택하여 색이 채워지지 않는 부분의 모양을 설정합니다. - Anti-aliased : 각진 부분이 거칠어 보이는 것을 막아줍니다. - Invert : 설정된 재질을 반전 시켜줍니다. |
Satin 효과 예제 |
| |
Color Overlay...
|
: 레이어 안의 내부를 단색으로 채우는 효과로 섞일 색의 합성모드로 선택하고 투명도 조절 가능 | |
![](http://www.dcinside.com/study/img/effect-20.gif) |
Color Overlay 효과 예제 |
![](http://www.dcinside.com/study/img/effect-20-1.gif)
| |
Gradient Overlay...
|
: 레이어 이미지의 내부를 그래디언트로 채움 | |
![](http://www.dcinside.com/study/img/effect-21.gif) |
- Opacity : 투명도를 조절합니다. - Gradient : 화살표 아이콘을 클릭하면 그래디언트 효과를 모아둔 상자가 나오고 색을 설정, 그래디언트를 만들 수 있습니다. - Reverse : 그래디언트의 모양이 뒤바뀝니다. - Style : 그래디언트의 모양을 설정합니다. |
| |
Pattern Overlay...
|
: 레이어 이미지의 내부를 선택한 패턴으로 채움 | |
![](http://www.dcinside.com/study/img/effect-22.gif) |
- Opacity : 투명도를 조절합니다. - Angle : 패턴의 각도를 설정합니다. - Scale : 패턴의 크기를 설정합니다. |
| |
Stroke...
|
: 레이어 이미지에 지정한 색으로 테두리 두르는 효과 | |
![](http://www.dcinside.com/study/img/effect-23.gif) |
- Size : 테두리 두께 설정합니다. - Position : 테두리를 두는 위치를 지정합니다.(안쪽, 중앙, 바깥쪽) - Opacity : 투명도를 조절합니다. - Fill Type : 선을 단색으로 채우거나(Color), 그래디언트를 주거나 패턴으로 채워집니다. - Color : 테두리의 색을 설정합니다. |
[Fill Type 효과]
![](http://www.dcinside.com/study/img/effect-24.gif) |
|
Color |
Grandient |
Pattern |
![](http://www.dcinside.com/study/img/effect-21-2.gif)
|
![](http://www.dcinside.com/study/img/effect-24-1.gif)
|
![](http://www.dcinside.com/study/img/effect-24-2.gif)
|
![](http://www.dcinside.com/study/img/effect-24-3.gif)
| | |
<< 2002. 12.10 김혜진 >> |
출처: http://blog.daum.net/sks466/15357135