메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

pho_1_6_00.gif



pho_1_6_01.gif

1. 새레이어를 먼저 추가해주세요. 나중에 레이어스타일을 적용하기 위해서입니다.
네모 마퀴툴을 선택해서 원하는 버튼 사이즈만한 선택영역을 만들어주세요.


pho_1_6_02.gif

2. select - Modify - Smooth 하셔서 수치에 4 정도 입력해주세요.
선택영역 모서리를 둥글게 해주는 기능을 합니다.


pho_1_6_03.gif

3. pho_1_6_03_1.gif그라데이션툴을 선택하시고, 위에 보이는 옵션바에서 Radial Gradient 를 선택합니다.
색은 회색에서 흰색으로 가게 만들고, 선택영역에서 드래그 해줍니다.


pho_1_6_04.gif

4. Edit - Stroke 하셔서 짙은 회색의 1px 짜리 테두리를 둘러줍니다.
나중에 색을 바꾸시려면 검은색이 아니라 짙은 회색으로 하시는 것이 좋습니다.


pho_1_6_05.gif

5. 이렇게 테두리가 둘러졌습니다.


pho_1_6_06.gif

6. 이번엔 아까말한 레이어 스타일을 적용해 봅시다.
작업한 레이어를 더블클릭해서 Drop Shadow 를 선택해주시거나, (포토샵 7.0 버젼만 가능)
메뉴에서 Layer - Layer Style -  Drop Shadow 해서
위에 화면처럼 맞춰주시고, OK 해주세요.


pho_1_6_07.gif

7. 다시 레이어를 더블클릭해서 Inner Shadow 를 선택해주시거나,
메뉴에서 Layer - Layer Style - Inner Shadow 해서
위에 화면처럼 맞춰주시고, OK 해주세요.
이 두가지를 레이어스타일 창이 열렸을 때 한꺼번에 하고 Ok 하는것은
해보시면 아시겠지만, 적용한 후에 다르게 나오니 꼭 따로따로 하세요.


pho_1_6_08.gif

8. 여기까지 완성된 모습입니다.
이제 입체감이 생겼죠 ^^


pho_1_6_09.gif

9. 약간 두께감이 있는 폰트를 선택하셔서 OK 라고 쓰시고,
그 글씨 레이어를 Ctrl 키를 누르면서 동시에 클릭해주세요.
그러면 글씨 레이어가 선택영역으로 잡힙니다.
이때, 글씨 색도 나중에 색을 바꿔주시려면 짙은 회색으로 써주세요.


pho_1_6_10.gif

10. 선택영역으로 잡힌 것을 Ctrl + C (복사) 하신 다음, Crl + V (붙여넣기) 하세요.
그러면 새로운 레이어가 생기면서 거기에 붙여넣기한 OK 란 글씨가 보입니다.
이번엔 방금 새로 생긴 레이어를 Ctrl 키를 누르면서 동시에 클릭해서 선택하시고,
페인트툴을 선택해서 그 안을 흰색으로 채워줍니다.
제가 쉬운걸 설명을 너무 어렵게 하고 있나요? ^^;


pho_1_6_11.gif

11. 마지막으로 붙여넣기해서 새로생긴 흰색 Ok 레이어를
처음에 쓴 짙은 회색 Ok 글씨 레이어 아래로 드래그해셔 순서를 바꿔줍니다.
그리고 이동툴을 선택하셔서 방향키로 오른쪽으로 두번, 아래로 두번, 이동해주세요.
(때에 따라서 한번씩 이동할수도 있습니다)


pho_1_6_12.gif

12. 완성된 모습입니다.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48033
1375 외부필터없이 이미지에 말림효과주기 [15] file 앵두..。 2003.09.29 11641
1374 사진 뽀샤시 하게 하기 [6] file 아적색 2003.09.29 20675
1373 축전에 쓰면 좋을 하트 움직이기 &세로선 움직이기 [4] file 이오르 2003.09.26 14692
1372 흑백 사진을 컬러 사진으로 바꾸자 [14] file 이오르 2003.09.26 12094
» 입체감 있는 메뉴버튼 만들기 (완성된 버튼 다운로드 가능) [10] file 이오르 2003.09.26 38093
1370 [케이] 오디오 인터페이스입니다. [3편] [17] Kei 2003.09.24 16198
1369 이미지의 특정부분을 정교하게 선택해서 색바꾸기 [9] file 이오르 2003.09.24 15649
1368 하늘 그리기 ... [20] file 검천 2003.09.20 18164
1367 [SWISH]간단한 플래쉬 서브메뉴 만들기   ▨ 동영상 ▨ [6] file 서기 2003.09.19 12184
1366 KTF의 have a good time 따라하기 [21] file Toy 2003.09.18 22641
1365 메뉴막대 만들기.. [21] file (-_ㅡ*) 2003.09.18 21784
1364 무지개 색깔의 글자 만들기 (?) [7] file Tokki™ 2003.09.16 8921
1363 초보자를 위한 사진보정하기 2 [9] file 아싸 종진스 2003.09.16 13155
1362 해돋이효과?하다가.. 망쳐서.. 달로 바꾼효과?뭘까? [12] file Minus Hand 2003.09.15 8603
1361 "초보자"를 위한 이미지보정 1 - 고수분들은 따끔한 지적을 [9] file 아싸 종진스 2003.09.15 9724
1360 음 -ㅁ- 그... 글씨 빛나는 효과!?; [8] file SJH 2003.09.15 11823
1359 듀오톤사용하기 [8] file 김찬기 2003.09.14 9435
1358 [SWIFT 3D] 3D 회전하는 문자 만들기(로고나 배너등으로 응용해보아요~) [6] file ⓘ아이샤이 2003.09.14 7955
1357 밑의 854번 글, KTF 광고 표현하기 [UPGRADE] [7] file L.V.Verdinihi 2003.09.12 11046
1356 [ Normal ] 스모그현상 만들기 [ 다른방법 ] [11] file Nersion 2003.09.10 11068