(추가)PHP CVE-2026-115560 취약점 안내
이전
목록
다음
인

초보자를 위한 포토샵 강좌 57

갈색야생마
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2008-04-04 (금) 18:09:50 · 4510 · 3

 dcinside.com 초보를 위한 포토샵 강좌  56. - Layer Style 기능에 대해 알아보자.


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


effect-1.gif
<포토샵 6.0>
 

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

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


effect-3.gif
<포토샵 7.0>
 

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

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

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

dcc1.gif Drop Shadow...

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

effect-4.gif

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

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

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


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

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

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

effect-5.gif

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

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

effect-6.gif

effect-7.gif

Drop Shadow 효과 예제

effect-9.gif

 

dcc1.gif Inner Shadow...

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

effect-8.gif

Inner Shadow 효과 예제

effect-10.gif

dcc1.gif Outer Shadow...

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

 effect-11.gif

 Outer Shadow 효과 예제

effect-12.gif

dcc1.gif Inner Glow...

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

 effect-13.gif

 Outer Shadow 효과 예제

effect-14.gif

dcc1.gif Bevel and Emboss...

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

 effect-15.gif

Bevel and Emboss 효과 예제

effect-16.gif

effect-17.gif

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

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

[그래프 종류 및 효과]
effect-17-13.gif

effect-17-1.gif

effect-17-2.gif

effect-17-3.gif

effect-17-4.gif

effect-17-5.gif

effect-17-6.gif

effect-17-7.gif

effect-17-8.gif

effect-17-9.gif

effect-17-10.gif

effect-17-11.gif

effect-17-12.gif

effect-18.gif

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

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

[재질의 종류 및 효과]
effect-18-1.gif

effect-18-2.gif

effect-18-3.gif

effect-18-4.gif

effect-18-5.gif

effect-18-6.gif

effect-18-7.gif

effect-18-8.gif

effect-18-9.gif

effect-18-10.gif

effect-18-11.gif

effect-18-12.gif

effect-18-13.gif

dcc1.gif Satin...

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

 effect-19.gif

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

Satin 효과 예제

[그래프 종류 및 효과]
effect-17-13.gif

effect-19-2.gif

effect-19-3.gif

effect-19-4.gif

effect-19-5.gif

effect-19-6.gif

effect-19-7.gif

effect-19-8.gif

effect-19-9.gif

effect-19-10.gif

effect-19-11.gif

effect-19-12.gif

effect-19-13.gif

dcc1.gif Color Overlay...

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

 effect-20.gif

 Color Overlay 효과 예제

effect-20-1.gif

dcc1.gif Gradient Overlay...

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

 effect-21.gif

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

[Gradient 종류 및 효과]
effect-21-1.gif

effect-21-2.gif

effect-21-3.gif

effect-21-4.gif

effect-21-5.gif

effect-21-6.gif

effect-21-7.gif

effect-21-8.gif

effect-21-9.gif

effect-21-10.gif

effect-21-11.gif

effect-21-12.gif

effect-21-13.gif

effect-21-14.gif

effect-21-15.gif

effect-21-16.gif

effect-21-17.gif

dcc1.gif Pattern Overlay...

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

 effect-22.gif

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

[Pattern 종류 및 효과]
effect-18-1.gif

effect-21-2.gif

effect-22-1.gif

effect-22-2.gif

effect-22-3.gif

effect-22-4.gif

effect-22-5.gif

effect-22-6.gif

effect-22-11.gif

effect-22-8.gif

effect-22-9.gif

effect-22-10.gif

effect-22-12.gif

effect-22-13.gif

 

 

 

dcc1.gif Stroke...

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

 effect-23.gif

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

[Fill Type 효과]
effect-24.gif

 

Color

Grandient

Pattern

effect-21-2.gif

effect-24-1.gif

effect-24-2.gif

effect-24-3.gif

   << 2002. 12.10  김혜진 >> 

원본: 푸른들 의 블로그
[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]
#개발자팁 #개발자 #팁자료실 #기타
|

댓글 3개

neVerEnd
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2008-06-17 (화) 21:26:41
가로 조절을 하셔야 할듯.....
moon29style
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-01-31 (월) 12:56:42
너무 강좌 내용 좋은데요~ 너무 안보입니다.~~ 가로 조절 이나 새창으로 볼수있엇으면 좋겟어요~
참 알찬거 같은데~ 보기가 너무 어렵네요 짤려서요~
율아
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2011-07-17 (일) 23:04:33
전체 엑박입니다~~ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
08-04-17 조회 4,532
08-04-17 조회 5,604
08-04-17 조회 3,747
08-04-17 조회 8,734
08-04-17 조회 5,201
08-04-17 조회 5,419
08-04-17 조회 3,636
08-04-17 조회 4,391
08-04-17 조회 4,945
08-04-17 조회 5,304
08-04-17 조회 4,522
08-04-17 조회 4,513
08-04-17 조회 4,644
08-04-17 조회 3,721
08-04-17 조회 3,294
08-04-17 조회 4,311
08-04-17 조회 4,555
08-04-17 조회 5,977
08-04-17 조회 2,790
08-04-17 조회 3,955
08-04-17 조회 3,976
08-04-17 조회 3,177
08-04-17 조회 3,499
08-04-17 조회 3,119
08-04-17 조회 3,615
08-04-17 조회 4,978
08-04-17 조회 5,129
08-04-17 조회 3,340
08-04-16 조회 2,496
08-04-15 조회 2,632
08-04-14 조회 2,790
08-04-14 조회 2,774
08-04-11 조회 2,549
08-04-11 조회 2,681
08-04-11 조회 2,506
08-04-09 조회 3,097
08-04-08 조회 4,123
08-04-07 조회 3,030
08-04-07 조회 2,594
08-04-06 조회 2,856
08-04-06 조회 3,567
08-04-05 조회 3,151
08-04-05 조회 2,410
08-04-04 조회 7,204
08-04-04 조회 4,601
08-04-04 조회 4,495
08-04-04 조회 3,837
08-04-04 조회 4,041
08-04-04 조회 4,056
08-04-04 조회 4,511
08-04-04 조회 3,701
08-04-04 조회 3,847
08-04-04 조회 3,953
08-04-04 조회 3,871
08-04-04 조회 4,036
08-04-04 조회 4,579
08-04-04 조회 4,004
08-04-04 조회 2,843
08-04-04 조회 4,220
08-04-04 조회 2,915
08-04-04 조회 2,812
08-04-04 조회 3,321
08-04-04 조회 2,848
08-04-04 조회 2,723
08-04-04 조회 2,699
08-04-04 조회 2,918
08-04-04 조회 3,390
08-04-04 조회 2,737
08-04-04 조회 2,732
08-04-04 조회 2,555
08-04-04 조회 2,755
08-04-04 조회 2,582
08-04-04 조회 2,639
08-04-04 조회 2,942
08-04-04 조회 2,789
08-04-04 조회 2,658
08-04-04 조회 2,614
08-04-04 조회 2,684
08-04-04 조회 2,526
08-04-04 조회 2,565
08-04-04 조회 2,595
08-04-04 조회 2,667
08-04-04 조회 2,667
08-04-04 조회 2,757
08-04-04 조회 2,679
08-04-04 조회 3,036
08-04-04 조회 4,178
08-04-03 조회 4,603
08-04-03 조회 2,708
08-04-03 조회 2,836
08-04-03 조회 2,629
08-04-03 조회 3,491
08-04-03 조회 4,322
08-04-03 조회 2,586
08-04-03 조회 2,496
08-04-03 조회 2,705
08-04-03 조회 2,647
08-04-03 조회 2,822
08-04-03 조회 2,801
08-04-03 조회 2,690
글쓰기