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

갈색야생마

· 17년 전 · 조회 3221 3221 · 댓글 3 3

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

오늘 알려드릴 내용은 이미지나 텍스트에 간단한 설정만으로 다양한 효과를 줄 수 있는 메뉴인 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
[Fill Type 효과]

<< 2002. 12.10 김혜진 >>

원본: 푸른들 의 블로그

[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

neVerEnd

프로필 보기 이 회원 글보기 이 회원의 댓글보기

17년 전

가로 조절을 하셔야 할듯.....

moon29style

프로필 보기 이 회원 글보기 이 회원의 댓글보기

14년 전

너무 강좌 내용 좋은데요~ 너무 안보입니다.~~ 가로 조절 이나 새창으로 볼수있엇으면 좋겟어요~
참 알찬거 같은데~ 보기가 너무 어렵네요 짤려서요~

율아

프로필 보기 이 회원 글보기 이 회원의 댓글보기

14년 전

전체 엑박입니다~~ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

게시글 목록

번호	제목	글쓴이	조회	날짜
12651	MySQL 종합쇼핑몰 솔루션 SHOPPINGOS Webagency FREE VERSION (KR+) 3	예쁜하루	2,994	17년 전
12650	JavaScript query 문자열 최대 길이	엑스엠엘	1,873	17년 전
12646	JavaScript 이미지 슬라이드 소스입니다(Ajax) 3	건다루	3,987	17년 전
141	SSH에서 리눅스 서버의 최대 대역폭을 확인 하는 방법이 있나요? 1	마냐	1,401	17년 전
140	자바(JAVA) 개발자 모집중입니다.	지엔소프트	1,116	17년 전
138	DNS를 설치하려는데... 1	보드타는찌니	1,229	17년 전
137	★★ 프로그래머 구합니다	choijinhee	1,109	17년 전
131	웹페이지가 빨리 뜨기위한 조건들이 어떻게 될까요? 5	미곰티	1,365	17년 전
130	[질문] 자바스크립트; window scroll과 div scroll 동기	엑스엠엘	1,736	17년 전
25048	캠타시아 레코더(버전 3.0) 사용법 - 한글 메뉴얼 1	실버도어	2,333	17년 전
12644	기타 특정 확장자만 찾아서 복사 1	관리자	2,412	17년 전
125	php를 배우는 초보입니다. 질문이.. 4	뽀뺑이	1,413	17년 전
122	에러가 계속나요 ~~ 답변 부탁드립니다. 2	김효신	1,158	17년 전
12641	기타 네이버 콤보스타일 메뉴입니다.~ 2	미곰티	2,430	17년 전
12635	JavaScript 네비게이션 소스 5	디오네	2,856	17년 전
12632	기타 서버간 데이터 교환 XMLRPC 2	June44	3,222	17년 전
29350	HTML 쓸만한 자바스크립트 소스 사이트[외국] 5	은아사랑	3,165	17년 전
12629	Linux 서버 관리자라면 요런것도~ 2	포대장	2,321	17년 전
29349	HTML 두 날짜의 차이를 년월일 시분초로 표현하기	건다루	3,743	17년 전
12628	JavaScript 테이블,컬럼 comments (정보관리테이블만들기)	건다루	3,168	17년 전
29348	HTML [UNIX,LINUX] oracle client 설치하기	건다루	5,493	17년 전
12627	MySQL mysql 연결	건다루	2,645	17년 전
12626	기타 리눅스 Vnc클라이언트에서 Alt-Tab 쓰기	건다루	1,850	17년 전
12623	JavaScript 시간별이미지출력 이것좀봐주세요!~~ 2	뚝이	1,925	17년 전
25047	웹 네비게이션 관렴 문서 2개	듀학	1,762	17년 전
25045	사이트 평가 툴 1	듀학	1,697	17년 전
25041	화면 설계서 3	듀학	2,757	17년 전
25040	웹 기획 필요한 4 가지	듀학	1,879	17년 전
25038	웹 켄텐츠 확보 전략 1 - 4 1	듀학	1,565	17년 전
25037	웹 기획 문서 - 1	듀학	2,058	17년 전
117	에러좀 찾아주세요 4	stuartkim	1,121	17년 전
25036	생활계획표	태 인	1,656	17년 전
12620	Flash 플래시의 화면을 PHP의 GD라이브러리를 이용하여 JPG로 출력 2	관리자	2,869	17년 전
12618	Linux 리눅스 팁: cron과 at를 사용한 작업 일정 관리 (한글) 1	건다루	2,110	17년 전
12617	기타 amboard를 통해 본 class view	웹도어	1,803	17년 전
12614	기타 캐쉬백메뉴 2	진Jin	2,020	17년 전
12612	JavaScript 배열을이용한이동 1	진Jin	1,310	17년 전
12608	JavaScript 3dMax를이용한메뉴 3	진Jin	1,700	17년 전
12606	기타 눈동자 1	진Jin	1,206	17년 전
12605	기타 눈내리는효과	진Jin	1,765	17년 전
29347	HTML 심장박동효과	진Jin	1,789	17년 전
12604	JavaScript 곰장어	진Jin	1,032	17년 전
12597	MySQL [강좌] [PHP동영상강좌] PHP기초에서 중급(?) 까지.. (전체 49강) 6	신재욱	3,134	17년 전
12595	MySQL MySQL 형변환 함수 1	건다루	4,309	17년 전
12594	MySQL Mysql 백업 팁	건다루	2,453	17년 전
12593	MySQL MySQL PASSWORD() 함수의 복호화! 팁!	건다루	7,455	17년 전
12589	JavaScript AjAX UI Components (Ver. Stable Release 1.0.1a) 3	건다루	3,818	17년 전
12585	기타 구글 API를 활용한 뉴스 목록 가져오기 3	건다루	4,153	17년 전
29346	HTML 외부 문서 불러오기	건다루	2,412	17년 전
12584	Flash [리눅스 Linux lpic]리눅스 설치시 유용한 10가지 팁	건다루	2,876	17년 전
12582	PHP apache의 httpd.conf 설정 팁 1	건다루	3,622	17년 전
12581	기타 Apache AXIS를 이용한 웹서비스 강좌(팁)	건다루	3,994	17년 전
12580	JavaScript 윈도우2003 + Apache 를 위한 SSL 보안서버 구축 팁	건다루	3,155	17년 전
12578	JavaScript AJAX 소스제공 사이트들 입니다. 1	건다루	3,137	17년 전
12576	MySQL 쿼리속도 향상과 효율적인 게시판 쿼리 1	건다루	3,285	17년 전
29345	HTML Flex멀티업로드 & HttpHandler	건다루	2,455	17년 전
12575	JavaScript ORACLE_CATALOG	건다루	2,047	17년 전
12574	기타 JAVA에서 ORACLE로 배열넘기기	건다루	3,096	17년 전
12573	MySQL ms-sql과 mysql에서 varchar와 char의 차이점	건다루	3,244	17년 전
29344	HTML 오라클 SQL 기본 간단 정리	건다루	4,603	17년 전
115	SSL ? SSO 1	가쉿	1,577	17년 전
12572	기타 오른쪽 마우스 금지 스크립트	건다루	2,609	17년 전
12570	기타 쿠키를 이용한 레이어 공지창 (오늘 하루 열지 않음 기능을 레이어로) 1	건다루	2,682	17년 전
29343	HTML 레이어를 클릭하면 순서가 바뀌는거에요	건다루	1,895	17년 전
29342	HTML 셀렉트 박스 내용을 레이어로 표현	건다루	2,211	17년 전
12569	JavaScript 다모임 - 플레이어 입니다(wmv)	건다루	1,823	17년 전
12567	JavaScript 디렉토리서비스 소스 입니다. 1	건다루	2,359	17년 전
29337	JavaScript 구인 구직 사이트 소스에요~ 4	건다루	3,766	17년 전
12566	JavaScript 설문조사 소스입니다. 참고하세요.	건다루	3,879	17년 전
12564	JavaScript ASP - FSO 객체 정리한 파일입니다. 많은 도움이 될거에요~ 1	건다루	2,074	17년 전
112	완전 궁금한 질문 2	스위치	1,352	17년 전
107	RSS(XML) 리더 소개 좀 해 주세요. 4	엑스엠엘	1,490	17년 전
104	한글도메인 접속 오류..? 2	FESYMAN	1,632	17년 전
101	서브메뉴 인클루드에 대해서.. 2	뽀뺑이	1,616	17년 전
96	php 버전 4.4.5 에서는 2차 배열이 안먹히나요? 4	보드타는찌니	1,376	17년 전
94	html 코드에서 문자열 자르기 궁금합니다. 1	곤밥	1,520	17년 전
93	한글도메인 접속오류	FESYMAN	1,340	17년 전
12563	MySQL Implement Oracle's rownum using mysql	엑스엠엘	1,834	17년 전
12559	정규표현식 APM 설치 mysql 4.1.x + php 4.4.x + apache 1.3.x 3	관리자	2,740	17년 전
88	그누보드로만든게시판이 외부침입자에게 자꾸뚫립니다 4	꾸러기님	1,835	17년 전
85	mysql 에서 중문 정렬문제 2	comet	1,382	17년 전
12558	기타 타이프 치듯이 텍스트가 나타나는 자바스크립트입니다	넥스트스텝	1,671	17년 전
29336	HTML Live Clock 스크립트 - 현재 시간	넥스트스텝	2,318	17년 전
29333	HTML 버튼소리나는메뉴 2	마이다링	1,939	17년 전
84	방문자 카운트 문제 도와 주세요...	은사시나무	1,254	17년 전
29329	HTML 초보자를 위한 포토샵 강좌 63 3	갈색야생마	5,891	17년 전
12556	기타 초보자를 위한 포토샵 강좌 62 1	갈색야생마	3,272	17년 전
29327	HTML 초보자를 위한 포토샵 강좌 61 1	갈색야생마	3,172	17년 전
12554	기타 초보자를 위한 포토샵 강좌 60 1	갈색야생마	2,589	17년 전
12552	기타 초보자를 위한 포토샵 강좌 59 1	갈색야생마	2,769	17년 전
12549	기타 초보자를 위한 포토샵 강좌 58 2	갈색야생마	2,718	17년 전
12545	기타 초보자를 위한 포토샵 강좌 57 3 현재글	갈색야생마	3,222	17년 전
12544	기타 초보자를 위한 포토샵 강좌 56	갈색야생마	2,350	17년 전
29325	HTML 초보자를 위한 포토샵 강좌 55 1	갈색야생마	2,464	17년 전
12542	기타 초보자를 위한 포토샵 강좌 54 1	갈색야생마	2,528	17년 전
12541	기타 초보자를 위한 포토샵 강좌 53	갈색야생마	2,516	17년 전
29324	HTML 초보자를 위한 포토샵 강좌 52	갈색야생마	2,655	17년 전
12540	JavaScript 초보자를 위한 포토샵 강좌 51	갈색야생마	3,180	17년 전
12539	기타 초보자를 위한 포토샵 강좌 50	갈색야생마	2,687	17년 전
12538	기타 초보자를 위한 포토샵 강좌 49	갈색야생마	1,424	17년 전

이전 다음

62 63 64 65 66

전체 목록