웹디자인 강의
Photoshop 아쿠아 버튼 만들기
2003.06.16 18:33
첨 올려봅니다.....
아쿠아 버튼 만들기
1. 완성작
![aqua.jpg](/files/attach/images/19360728/855/413/019/aqua.jpg)
2. 만들기
새 도화지를 꺼냅니다... 사이즈는 임의로 하세요
밑에 그림처럼 Rounded Rectangle Tool을 선택합니다.
![11.gif](/files/attach/images/19360728/855/413/019/11.gif)
![22.GIF](/files/attach/images/19360728/855/413/019/22.GIF)
선택하시면 위 그림처럼 메뉴바가 바뀝니다...
1번 부분이 선택되어 있는지 확인하시고 2번 부분 Radius 값을 100이라고 입력합니다.
다 하셨으면 도화지에 마우스로 드래그 하여 적당히 그려넣으세요
그런담 마우스 오른쪽 버튼을 누르시고 아래 그림처럼 Make Selection...을 선택합니다.
![001.gif](/files/attach/images/19360728/855/413/019/001.gif)
![333.gif](/files/attach/images/19360728/855/413/019/333.gif)
그러면 선모양이 선택영역으로 전환된걸 보실 수 있습니다.
여기까지 다하셨으면 색상을 변경하세요
![44.gif](/files/attach/images/19360728/855/413/019/44.gif)
색은 나중에 넣기로 하고 일단 R, G, B부분에 각각 150씩 입력해서 회색으로 만듭니다.
그리고나서 새 레이어를 만드세요
1번 레이어가 만들어졌죠? 1번 레이어를 선택하신후 Alt + Delete 키를 눌러서
선택영역에 색을 채웁니다.
![55.gif](/files/attach/images/19360728/855/413/019/55.gif)
위 그림처럼 레이어 1번을 더블 클릭하여 레이어 스타일을 불러옵니다.
(아니면 위 그림의 하단 맨 왼쪽부분의 F란 모양의 아이콘을 클릭하세요)
![002.gif](/files/attach/images/19360728/855/413/019/002.gif)
위 그림처럼 값을 입력해주시고 OK를 눌러주세요
A. 배경레이어(Background)눈을 끄시고 Ctrl + A키를 눌러 도화지 전체를 선택영역으로
잡습니다.
B. Ctrl + Shift + C키를 눌러 현제 보이는 레이어를 복사합니다. (메뉴의 Edit -> Copy Merged와 같음)
C. 복사하셨으면 새 레이어를 만들고 그곳에 Ctrl + V키를 눌러 붙여넣습니다.
D. 그런 다음 1번 레이어 눈을 끄거나 레이어 자체를 없애버립니다.
새로 만들어진 레이어를 더블클릭해서 아까처럼 레이어 스타일을 불러옵니다.
![003.gif](/files/attach/images/19360728/855/413/019/003.gif)
요것도 위 그림처럼 값을 입력하세요
다 하셨죠? 다 하셨으면 역시 아까처럼 복사해서 새 레이어를 만든다음 붙여넣고 2번 레이어를 끄거나 없애버리세요(위 설명 A, B, C, D 반복)
새로 만들어진 레이어(3번 레이어)를 선택하시고 Ctrl + U키를 눌러 Hue/Saturation을 불러옵니다.
![006.gif](/files/attach/images/19360728/855/413/019/006.gif)
위그림의 오른쪽 하단의 Colorize 부분을 체크하시고 Hue, Saturation, Lightness부분을
각각 그림처럼 입력합니다.(자신이 원하는 색으로 설정해도 상관없습니다.)
OK를 눌러 색을 지정해 주셨으면 그 레이어를 더블 클릭해 레이어 스타일을 불러옵니다.
![004.gif](/files/attach/images/19360728/855/413/019/004.gif)
![005.gif](/files/attach/images/19360728/855/413/019/005.gif)
바꾸셨나요?
그럼 다 완성됬습니다.. 배경레이어 눈을 켜고 감상하세요~~ 색을 바꾸고 싶을땐 다시
Ctrl + U키를 눌러 아까처럼 바꾸실 수 있습니다.
![aqua.jpg](/files/attach/images/19360728/855/413/019/aqua.jpg)
그림자 만드는건 다들 아시죠? ^^;;;
나중에 이거 응용작 만들어서 올려드릴께요...
그땐 배경하구 투명한 효과까지 곁들여서...
암튼 답글 주신분들 정말 고맙습니다... (왠지 힘이 나네요~~ ^^)
아쿠아 버튼 만들기
1. 완성작
![aqua.jpg](/files/attach/images/19360728/855/413/019/aqua.jpg)
2. 만들기
새 도화지를 꺼냅니다... 사이즈는 임의로 하세요
밑에 그림처럼 Rounded Rectangle Tool을 선택합니다.
![11.gif](/files/attach/images/19360728/855/413/019/11.gif)
선택하시면 위 그림처럼 메뉴바가 바뀝니다...
1번 부분이 선택되어 있는지 확인하시고 2번 부분 Radius 값을 100이라고 입력합니다.
다 하셨으면 도화지에 마우스로 드래그 하여 적당히 그려넣으세요
그런담 마우스 오른쪽 버튼을 누르시고 아래 그림처럼 Make Selection...을 선택합니다.
![001.gif](/files/attach/images/19360728/855/413/019/001.gif)
![333.gif](/files/attach/images/19360728/855/413/019/333.gif)
그러면 선모양이 선택영역으로 전환된걸 보실 수 있습니다.
여기까지 다하셨으면 색상을 변경하세요
![44.gif](/files/attach/images/19360728/855/413/019/44.gif)
색은 나중에 넣기로 하고 일단 R, G, B부분에 각각 150씩 입력해서 회색으로 만듭니다.
그리고나서 새 레이어를 만드세요
1번 레이어가 만들어졌죠? 1번 레이어를 선택하신후 Alt + Delete 키를 눌러서
선택영역에 색을 채웁니다.
![55.gif](/files/attach/images/19360728/855/413/019/55.gif)
위 그림처럼 레이어 1번을 더블 클릭하여 레이어 스타일을 불러옵니다.
(아니면 위 그림의 하단 맨 왼쪽부분의 F란 모양의 아이콘을 클릭하세요)
![002.gif](/files/attach/images/19360728/855/413/019/002.gif)
위 그림처럼 값을 입력해주시고 OK를 눌러주세요
A. 배경레이어(Background)눈을 끄시고 Ctrl + A키를 눌러 도화지 전체를 선택영역으로
잡습니다.
B. Ctrl + Shift + C키를 눌러 현제 보이는 레이어를 복사합니다. (메뉴의 Edit -> Copy Merged와 같음)
C. 복사하셨으면 새 레이어를 만들고 그곳에 Ctrl + V키를 눌러 붙여넣습니다.
D. 그런 다음 1번 레이어 눈을 끄거나 레이어 자체를 없애버립니다.
새로 만들어진 레이어를 더블클릭해서 아까처럼 레이어 스타일을 불러옵니다.
![003.gif](/files/attach/images/19360728/855/413/019/003.gif)
요것도 위 그림처럼 값을 입력하세요
다 하셨죠? 다 하셨으면 역시 아까처럼 복사해서 새 레이어를 만든다음 붙여넣고 2번 레이어를 끄거나 없애버리세요(위 설명 A, B, C, D 반복)
새로 만들어진 레이어(3번 레이어)를 선택하시고 Ctrl + U키를 눌러 Hue/Saturation을 불러옵니다.
![006.gif](/files/attach/images/19360728/855/413/019/006.gif)
위그림의 오른쪽 하단의 Colorize 부분을 체크하시고 Hue, Saturation, Lightness부분을
각각 그림처럼 입력합니다.(자신이 원하는 색으로 설정해도 상관없습니다.)
OK를 눌러 색을 지정해 주셨으면 그 레이어를 더블 클릭해 레이어 스타일을 불러옵니다.
![004.gif](/files/attach/images/19360728/855/413/019/004.gif)
![005.gif](/files/attach/images/19360728/855/413/019/005.gif)
바꾸셨나요?
그럼 다 완성됬습니다.. 배경레이어 눈을 켜고 감상하세요~~ 색을 바꾸고 싶을땐 다시
Ctrl + U키를 눌러 아까처럼 바꾸실 수 있습니다.
![aqua.jpg](/files/attach/images/19360728/855/413/019/aqua.jpg)
그림자 만드는건 다들 아시죠? ^^;;;
나중에 이거 응용작 만들어서 올려드릴께요...
그땐 배경하구 투명한 효과까지 곁들여서...
암튼 답글 주신분들 정말 고맙습니다... (왠지 힘이 나네요~~ ^^)
댓글 16
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
1388 |
저작도구 렉토라 - 엑셀,파워포인트 exe.html,cd로만들기
[1]
![]() | 윤선미320 | 2009.01.01 | 8533 |
1387 |
립씽크 ucc 에니메이션 만들기
[2]
![]() | parkys | 2008.10.04 | 9320 |
1386 |
초간단 염색방법
[7]
![]() | wwolf | 2008.09.21 | 11395 |
1385 |
크리스탈 문자
[1]
![]() | wwolf | 2008.09.21 | 2160 |
1384 |
Path툴 사용법 (마법효과 보충강의)
![]() | wwolf | 2008.09.21 | 7006 |
1383 |
성형강좌
![]() | wwolf | 2008.09.21 | 5536 |
1382 |
지문대조하는 효과
![]() | wwolf | 2008.09.21 | 4980 |
1381 |
바느질한 느낌의 로고디자인
![]() | wwolf | 2008.09.21 | 1779 |
1380 |
컵속의 수족관 만들기
![]() | wwolf | 2008.09.21 | 5644 |
1379 |
작열하는 태양
![]() | wwolf | 2008.09.21 | 4382 |
1378 |
마우스 오버 효과
![]() | wwolf | 2008.09.21 | 5270 |
1377 |
불타는 문자
![]() | wwolf | 2008.09.21 | 3883 |
1376 |
만화느낌 문자 디자인
![]() | wwolf | 2008.09.21 | 4342 |
1375 |
돌멩이 문자 만들기
![]() | wwolf | 2008.09.21 | 3681 |
1374 |
화이트닝 보정
![]() | wwolf | 2008.09.21 | 3269 |
1373 |
폴라로이드 효과
[1]
![]() | wwolf | 2008.09.21 | 3561 |
1372 |
마법같은 효과내기
![]() | wwolf | 2008.09.21 | 3145 |
1371 | CT5 배경 영상 조절하기 | 윤선미320 | 2008.09.01 | 2301 |
1370 | Crazytalk PRO 5 기본 얼굴 필터 | 윤선미320 | 2008.09.01 | 1825 |
1369 |
평가문제,학습자료 제작하기
![]() | 윤선미320 | 2008.08.26 | 2678 |