본문 바로가기
조회 수 7698 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

http://sir.co.kr/bbs/board.php?bo_table=tip_photoshop&wr_id=899&page=2

 


   오 늘 알려드릴 내용은 이미지나 텍스트에 간단한 설정만으로 다양한 효과를 줄 수 있는 메뉴인 Layer Style에 대해 알려드리겠습니다. 홈페이지에 넣을 입체 버튼이나 사진에 넣는 텍스트에 효과를 줄 때 괜찮을 듯하네요. 편하게 읽어 보시면 됩니다. (작업환경 포토샵 7.0)
 



<포토샵 6.0>
 

  포토샵 7.0을 쓰지 않는 분들은 Layer Style 메뉴가 보이지 않아 당황해하셨을 수 도 있습니다. 포토샵 6.0 까지는 Layer > Effects(왼쪽 이미지) 로 표시되었으며, 메뉴의 이름은 Effects로 단어 뜻 그대로 효과를 주는 메뉴였습니다.

  7.0부터 Layer Style로 바뀐이유를 생각해 보니..포토샵 작업 시 이미지를 붙이거나 텍스트를 추가할 때 마다 새로운 레이어가 생겨나는데 이 레이어에 효과를 주기 때문에 메뉴 이름이 Layer Style로바뀐 것이 아닌가.... 하네요. ㅡ_ㅡ



<포토샵 7.0>
 

  왼쪽 이미지는 포토샵 7.0의 Layer 메뉴로 매우 다양해진 것을 알 수 있습니다. 버전이 높아지면서 좀더 세심하고 다양한 작업이 가능해진 것을 볼 수 있습니다.

  레이어 스타일 메뉴에서 제공하는 효과는 많지 않지만, 한 번에 하나의 효과만 사용할 수 있는 것이 아니므로 각
효과들을 계속적으로 사용하여 좋은 결과를 얻을 수 있습니다.  

 각 레이어 스타일의 효과에 설정되는 메뉴는 같습니다. 하나의 효과만 정확히 이해하시면 다른 효과를 이용하시는데 별 어려움은 없습니다.

Drop Shadow...

: 레이어에 있는 이미지나 텍스트 뒤로 그림자가 생겨 둥~ 떠 있는 듯한 효과

 * Structure : 그림자의 색상,크기,위치, 모양 등을 설정

    - Blend Mode : 레이어 합성모드입니다.
     -
Opacity : 그림자의 투명도를 조정하는 메뉴로 직접 수치값을 넣거나, 슬라이드바로 조절합니다.
     -
Angle : 그림자는 빛의 반대방향으로 생기지요? 빛의 각도를 조절하는 메뉴로 설정하는 방향의 반대쪽에 그림자가 생깁니다.
     -
Use Global Light : 체크를 하면 현재 설정된 빛의 방향 레이어 스타일에 동일하게 적용이 됩니다. 적용되는 빛의 방향을 다르게
                                     설정하려면 체크를 하지 않으면 됩니다.

    - Distance : 이미지와 그림자와의 거리를 설정합니다.
     -
Spread : 그림자 퍼짐의 정도를 설정합니다. 이 값이 클수록 그림자가 먼 곳까지 진해집니다.
     -
Size : 그림자 크기를 설정합니다. 값이 클수록 그림자의 퍼짐이 커집니다.


 *Quality
- 그림자의 품질을 선택합니다. 

    - Contour : 그림자의 모양을 그래프로 설정합니다.

    - Anti_Aliased : 이 옵션을 체크하면 그림자의 경계선이 진하게 표현
                               될 경우 그 경계면이 부드럽게 보이게 처리합니다.
     -
Noise : 그림자의 투명한 부분을 흩뿌리듯이 처리합니다. 

  오른쪽 이미지를 보세요. 그림자가 희미해지는 정도를 그래프로 설정 하는 것으로 그래프의 가로축 a는 중심으로 부터의 거리를 나타내고 세로축
b는 그림자의 농도를 나타냅니다.

  그 림자가 중심에서 멀어질수록 a 그림자의 농도가 점점 옅어집니다. b 그래프의 모양을 다르게 설정하면 중심에서 멀어지는 그림자의 모양을 다양하게 설정할 수 있겠죠?  직접 도형을 만드신 후 그래프 마다 그림자의 변화를 보시면 이해가 되실겁니다.

Drop Shadow 효과 예제

 

Inner Shadow...

: 레이어에 있는 이미지나 텍스트 안쪽에 그림자를 만들어 주는 효과

Inner Shadow 효과 예제

Outer Shadow...

: 레이어에 있는 이미지나 텍스트 바같쪽 선택한 색상으로 발광 효과

 

 Outer Shadow 효과 예제

Inner Glow...

: 레이어에 있는 이미지나 텍스트 안쪽으로 발광 효과

 

 Outer Shadow 효과 예제

Bevel and Emboss...

: 레이어에 있는 이미지나 텍스트를 입체적 효과(Contour, Texture)

 

Bevel and Emboss 효과 예제

 * Contour : Bevel and Emboss에 좀더 세심한 효과를 추가해 줄 수 있는 항목으로 설정값을 조절하여 각진 부분의 모양을
                 설정, 그래프를 선택하여 꺽이는 부분의 모양을 설정(그래프 마다 효과 : 아래 예제 참고)


    - Anti-aliased : 각진 부분이 거칠게 보이는 것을 막아줍니다.
    - Range : 설정값을 높이면 각진 부분이 표현되는 영역을 바깥쪽으로 밀려나게 만듭니다. 

[그래프 종류 및 효과]

 * Texture : 이미지나 텍스트의 색의 변화는 없이 재질에 효과를 주는 것.(그래프 마다 효과 : 아래 예제 참고)

   
- Scale : 재질의 크기를 설정합니다.
    - Depth : 재질의 높이를 설정합니다.
    - Invert : 설정된 재질을 반전 시켜줍니다.

[재질의 종류 및 효과]

Satin...

: 레이어 이미지 가장자리를 일정한 두께로 선택된 부분에 색을 채워주는 효과

 

    - Opacity : 효과의 투명도 설정합니다.
    - Angle : 가장자리의 색이 채워지지 않는 부분의 각도를 설정합니다.
    - Distance : 이미지 가장자리의 색이 채워지지 않는 부분의 거리를 설정합니다.
    - Size : 이 수치값이 커질수록 색이 채워지지 않는 부분의 경계선이 흐릿하게 표현됩니다.
    - Contour : 그래프를 선택하여 색이 채워지지 않는 부분의 모양을 설정합니다.
     
- Anti-aliased : 각진 부분이 거칠어 보이는 것을 막아줍니다.
     - Invert : 설정된 재질을 반전 시켜줍니다. 

Satin 효과 예제

[그래프 종류 및 효과]

Color Overlay...

: 레이어 안의 내부를 단색으로 채우는 효과로 섞일 색의 합성모드로 선택하고 투명도 조절 가능

 

 Color Overlay 효과 예제

Gradient Overlay...

: 레이어 이미지의 내부를 그래디언트로 채움

 

    - Opacity : 투명도를 조절합니다.
    - Gradient : 화살표 아이콘을 클릭하면 그래디언트 효과를 모아둔 상자가 나오고 색을 설정, 그래디언트를 만들 수 있습니다.
    - Reverse : 그래디언트의 모양이 뒤바뀝니다.
    - Style : 그래디언트의 모양을 설정합니다.

[Gradient 종류 및 효과]

Pattern Overlay...

: 레이어 이미지의 내부를 선택한 패턴으로 채움

 

    - Opacity : 투명도를 조절합니다.
    - Angle : 패턴의 각도를 설정합니다.
    - Scale : 패턴의 크기를 설정합니다.

[Pattern 종류 및 효과]

 

 

 

Stroke...

: 레이어 이미지에 지정한 색으로 테두리 두르는 효과

 

    - Size : 테두리 두께 설정합니다.
    - Position
: 테두리를 두는 위치를 지정합니다.(안쪽, 중앙, 바깥쪽)
    - Opacity : 투명도를 조절합니다.
    - Fill Type : 선을 단색으로 채우거나(Color), 그래디언트를 주거나 패턴으로 채워집니다.
    - Color : 테두리의 색을 설정합니다.

[Fill Type 효과]

 

Color

Grandient

Pattern

   << 2002. 12.10  김혜진 >> 

원본: 푸른들 의 블로그


Title
List of Articles
번호 제목 글쓴이 날짜 조회 수
20 무료 한글폰트 제공 사이트 Hojung 2011.08.04 5831
19 포토샵 한글폰트 설치하기 Hojung 2011.07.26 8266
18 무료 포토샵 이미지 다운로드 Hojung 2011.07.25 5038
17 3D문자 만들기 (Good) Hojung 2010.01.05 6059
16 여러장 사진을 하나로 합성하기 (파노라마) Hojung 2010.01.03 8737
» 초보자를 위한 포토샵 강좌 - 입체 텍스트 만들기 Hojung 2010.01.03 7698
14 초보자를 위한 포토샵 강좌 - 수평 맞추기 Hojung 2010.01.03 6931
13 초보자를 위한 포토샵 강좌 - 증명사진 만들기 Hojung 2010.01.03 7321
12 초보자를 위한 포토샵 강좌 - 사진 테두리 만들기 Hojung 2010.01.03 7051
11 초보자를 위한 포토샵 강좌 - 오래된 사진처럼 만들기 Hojung 2010.01.03 6455
10 초보자를 위한 포토샵 강좌 - 사진을 불로 태운 듯한 효과를 만들기 Hojung 2010.01.03 6443
9 초보자를 위한 포토샵 강좌 - 어둡고 흐릿한 사진을 선명한 사진으로 Hojung 2010.01.03 6111
8 초보자를 위한 포토샵 강좌 - 아웃 포커싱 기법 Hojung 2010.01.03 6015
7 초보자를 위한 포토샵 강좌 - 노이즈와 점빼기 Hojung 2010.01.03 5655
6 수평 맞추기 Hojung 2010.01.03 5464
5 간편한 낙관 만들기 Hojung 2010.01.03 6687
4 분위기 있는 사진 만들기 Hojung 2010.01.03 5575
3 부분 흑백 처리로 피사체 돋보이게 하기 Hojung 2010.01.03 5641
2 간단한 뽀샤시 효과 Hojung 2010.01.03 5423
1 파노라마 만들기 Hojung 2010.01.02 5546
Board Pagination ‹ Prev 1 Next ›
/ 1

Designed by sketchbooks.co.kr / sketchbook5 board skin

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5