메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

첨 올려봅니다.....

아쿠아 버튼 만들기

1. 완성작
aqua.jpg

2. 만들기


새 도화지를 꺼냅니다... 사이즈는 임의로 하세요
밑에 그림처럼 Rounded Rectangle Tool을 선택합니다.
11.gif
22.GIF
선택하시면 위 그림처럼 메뉴바가 바뀝니다...
1번 부분이 선택되어 있는지 확인하시고 2번 부분 Radius 값을 100이라고 입력합니다.

다 하셨으면 도화지에 마우스로 드래그 하여 적당히 그려넣으세요
그런담 마우스 오른쪽 버튼을 누르시고 아래 그림처럼 Make Selection...을 선택합니다.
001.gif
333.gif
그러면 선모양이 선택영역으로 전환된걸 보실 수 있습니다.

여기까지 다하셨으면 색상을 변경하세요
44.gif

색은 나중에 넣기로 하고 일단 R, G, B부분에 각각 150씩 입력해서 회색으로 만듭니다.

그리고나서 새 레이어를 만드세요

1번 레이어가 만들어졌죠? 1번 레이어를 선택하신후 Alt + Delete 키를 눌러서
선택영역에 색을 채웁니다.

55.gif
위 그림처럼 레이어 1번을 더블 클릭하여 레이어 스타일을 불러옵니다.
(아니면 위 그림의 하단 맨 왼쪽부분의 F란 모양의 아이콘을 클릭하세요)

002.gif
위 그림처럼 값을 입력해주시고 OK를 눌러주세요

A. 배경레이어(Background)눈을 끄시고 Ctrl + A키를 눌러 도화지 전체를 선택영역으로
잡습니다.
B. Ctrl + Shift + C키를 눌러 현제 보이는 레이어를 복사합니다. (메뉴의 Edit -> Copy Merged와 같음)
C. 복사하셨으면 새 레이어를 만들고 그곳에 Ctrl + V키를 눌러 붙여넣습니다.
D. 그런 다음 1번 레이어 눈을 끄거나 레이어 자체를 없애버립니다.

새로 만들어진 레이어를 더블클릭해서 아까처럼 레이어 스타일을 불러옵니다.
003.gif
요것도 위 그림처럼 값을 입력하세요

다 하셨죠? 다 하셨으면 역시 아까처럼 복사해서 새 레이어를 만든다음 붙여넣고 2번 레이어를 끄거나 없애버리세요(위 설명 A, B, C, D 반복)

새로 만들어진 레이어(3번 레이어)를 선택하시고 Ctrl + U키를 눌러 Hue/Saturation을 불러옵니다.
006.gif
위그림의 오른쪽 하단의 Colorize 부분을 체크하시고 Hue, Saturation, Lightness부분을
각각 그림처럼 입력합니다.(자신이 원하는 색으로 설정해도 상관없습니다.)

OK를 눌러 색을 지정해 주셨으면 그 레이어를 더블 클릭해 레이어 스타일을 불러옵니다.
004.gif
005.gif
바꾸셨나요?
그럼 다 완성됬습니다.. 배경레이어 눈을 켜고 감상하세요~~ 색을 바꾸고 싶을땐 다시
Ctrl + U키를 눌러 아까처럼 바꾸실 수 있습니다.

aqua.jpg
그림자 만드는건 다들 아시죠? ^^;;;
나중에 이거 응용작 만들어서 올려드릴께요...
그땐 배경하구 투명한 효과까지 곁들여서...
암튼 답글 주신분들 정말 고맙습니다... (왠지 힘이 나네요~~ ^^)
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48026
2395 (FLASH) 제로보드 플래시로 만들기 (1) [14] file 야웅 2002.03.03 31992
2394 [일러스트페이지]일러스트로 얼굴그리기~(3)얼굴명암넣기 [28] file 현주 2002.08.13 31144
2393 초보자도 할 수 있는 얼굴이미지를 이용한 버튼 만들기 [13] file Yong 2004.02.17 30377
2392 움푹 패인듯한 느낌의 글씨 쓰기 (아, 귀여워;;) [26] file 이오르 2003.10.30 30116
» 아쿠아 버튼 만들기 [16] file 송광훈 2003.06.16 30012
2390 [일러스트페이지]일러스트로 얼굴그리기~(4)머리그리기 1.얼굴과 눈코입그리기 [12] file 현주 2002.08.21 29749
2389 포토샵 초보이신 분들을 위해서 만들어본 인터페이스.레이어.메뉴 알아보기 [23] ★소프트™ 2002.04.10 29649
2388 [쩌비]또 다른 아쿠아버튼을 만들어봅시다~ [19] 쩌비 2002.09.29 29448
2387 미소녀 그리기..ㆀ [18] file 김태현 2003.11.28 29319
2386 빙글빙글 돌아가는 네비게이션 [18] file 여어자 2004.04.26 29154
2385 뽀샤시; 우유빛 피부 만들기 [19] file Venii 2003.12.28 29025
2384 [초급] 커튼효과와 깜박이는 글자 [14] file 요니에 2002.12.03 28670
2383 [ ] 움직이는 메뉴바 [9] file bayoseo 2003.10.01 28551
2382 [하이링고]환타지틱!! [41] file 하이링고 2002.07.19 28377
2381 이쁜 버튼 맹글기 [24] 이지원 2004.06.15 28273
2380 찢어지고 불에탄 테두리 만들기 [20] file 김지수 2003.06.03 27969
2379 사진 테두리 만들기 [6] file js 2003.12.29 27908
2378 [페인트샵]웁스-_-;;얼굴합성강좌..연예인과내사진합성하기..-_-;; [21] 김정명 2002.11.07 27861
2377 이미지 모서리에 그림자 넣기 (디카갤러리에 쓰면 좋음) [22] file 이오르 2003.11.22 27808
2376 밀뜨의 요상한 플래쉬메뉴 만들기 2탄 !! [11] Millth 2004.02.18 27721