Outer Glow와 Inner Glow를 이용하여 투명 둥근 버튼(Glass Sphere) 만들기

1. 새 레이어를 만든다.

2. 정원을 선택한 후 전경색은 어두운 색 배경색은 밝게(채도가 높은 색) 한다.

3. 그라디언트 툴로 아래쪽에 밝은 색이 들어가도록 채운다.(투명효과)

4. 선택을 풀고 레이어 팔래트에서 스타일(add a layer style) Outer Glow와 Inner Glow를 적용한다.
    Outer Glow로 버튼의 어두운 색을 선택하고 Mode를 Modify로 설정
    Inner Glow로 흰색을 선택하고 Screen으로 설정한다.

    Screen 모드(어두운 색에서의 효과)와 Mutiply 모드(밝은 곳에서의 효과)

5. 하이라이트를 그려주기 위해 새 레이어를 만들고

6. 버튼의 위쪽에 버튼보다 작은 정원을 선택하고 전경색을 흰색으로 설정한 뒤

7. 그라디언트의 "foreground to transparent"를 선택하고 위에서 아래로 드래그(수직 드래그: Shift) Glass_Sphere.jpg
[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]
|

댓글 4개

버튼이 이쁘네요
스타일파일하나 올려주시면 안될까요?? ^^;
항상 버튼 만들기가 어려웠는데 너무 좋네여
이쁘네요

댓글 작성

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

로그인하기

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
번호 분류 제목 글쓴이 날짜 조회
1282 CSS 2주 전 조회 103
1281 CSS 4주 전 조회 90
1280 CSS 1개월 전 조회 93
1279 CSS 1개월 전 조회 198
1278 CSS 2개월 전 조회 203
1277 기타 3개월 전 조회 299
1276 CSS 4개월 전 조회 510
1275 CSS 4개월 전 조회 514
1274 CSS 5개월 전 조회 688
1273 기타 5개월 전 조회 590
1272 CSS 6개월 전 조회 721
1271 CSS 6개월 전 조회 786
1270 CSS 7개월 전 조회 656
1269 CSS 7개월 전 조회 726
1268 CSS 7개월 전 조회 587
1267 11개월 전 조회 764
1266 HTML 11개월 전 조회 1,043
1265 CSS 1년 전 조회 912
1264 2년 전 조회 1,391
1263 HTML 1년 전 조회 842
1262 CSS 1년 전 조회 1,143
1261 CSS 1년 전 조회 1,087
1260 HTML 2년 전 조회 1,605
1259 기타 2년 전 조회 889
1258 CSS 2년 전 조회 1,654
1257 HTML 2년 전 조회 1,522
1256 CSS 2년 전 조회 1,354
1255 2년 전 조회 3,707
1254 2년 전 조회 5,171
1253 2년 전 조회 1,715
🐛 버그신고