메뉴 건너뛰기

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
» 아쿠아 버튼 만들기 [16] file 송광훈 2003.06.16 30009
2414 [일러스트페이지]일러스트로 얼굴그리기~(2)입그리기~ [8] file 현주 2002.08.07 20725
2413 [1분짜리 팁!] 베스트 웹디자인 10계명 -_-; [13] 찐군 2003.01.09 15794
2412 타이틀이미지 쉽게 제작해보기 [11] 서기 2009.01.08 9310
2411 포토샵 7.0 - 22. 포토샵으로 홈페이지 메뉴만들기 [13] 서기 2005.11.11 23310
2410 3D 에니메이션 영화제작 프로그램[ iclone 다운받기] [2] file 윤선미320 2009.06.08 10228
2409 저작도구 템플릿- 5백종류 네비게이션버튼 포함 file 윤선미320 2011.06.07 11202
2408 Windows Vista 창 만들기 [8] file 유성매직 2009.01.13 2823
2407 저작도구로 플래시 캐릭터 만들기 file 윤선미320 2009.05.12 5579
2406 돌잔치 동영상 - 크레이지토크로 만들기 [3] file parkys 2009.02.18 4622
2405 저작도구 렉토라 - 엑셀,파워포인트 exe.html,cd로만들기 [1] file 윤선미320 2009.01.01 8533
2404 크레이지토크 사용법강좌[한글버젼] 1강 parkys 2008.11.02 6590
2403 립씽크 ucc 에니메이션 만들기 [2] file parkys 2008.10.04 9320
2402 초간단 염색방법 [7] file wwolf 2008.09.21 11394
2401 크리스탈 문자 [1] file wwolf 2008.09.21 2159
2400 Path툴 사용법 (마법효과 보충강의) file wwolf 2008.09.21 7006
2399 성형강좌 file wwolf 2008.09.21 5534
2398 지문대조하는 효과 file wwolf 2008.09.21 4980
2397 바느질한 느낌의 로고디자인 file wwolf 2008.09.21 1779
2396 컵속의 수족관 만들기 file wwolf 2008.09.21 5642