메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

Photoshop [하이링고]아쿠아버튼 만들기

2002.07.13 01:51

하이링고

lingo_18.jpglingo_19.jpg
이렇게 생긴 아쿠아 버튼을 만들겠습니다.
이 버튼은..아주예전에..아쿠아버튼을 너무도 만들고 싶어하던 제가 누가 갈켜준 싸이트에 영문으로 되어있던 강좌를 눈짐작으로 만들었었던....
그 방식입니다.(포토샾은 대게 영문으로 되있으니깐~크)
그게 응용이 되어서 저어기~ 밑의 유리구체도 탱글탱글하게 만들수 있었져..유리구체의 모체라고나할까..ㅡㅡa
지금은 이 방식으로 만드시는분이 아주 많을거 같기도 하지만~ 그래도 올려봅니다.
떠듬떠듬 그림만으로 익혔던 거라서 애착이 아주 심히~ 갑니다...ㅡㅡ;;
아직 이 방식은 밑의 여러님들이 안올리셨으니까~^^

그때 제가 외웠던 순서 그대로 입니다. 그럼..진행하겠습다~~^^
쩌어기 밑에 유리구체를 연습하신 분들은 아주쉽게 만들수 있습니다. 왜냐~~ 브러쉬 작업이 없거덩여~~~ 홋홋홋~!

lingo_20.gif
1. 위의 그림대로 설정한후 레이어를 하나 만들고 그 위에 캡슐모양을 그립니다.


lingo_21.gif
2. 오른마우스 클릭하여 Blending Options를 열고 위와같이 설정합니다...
   (호오..어디서 보던거져? 저 밑의 유리구체에서 똒같이 했었져?~ 수치가 좀 틀리져~그때의 유의사항
    과 같습니다.)


lingo_22.jpg
3. 이런결과물이 나타납니다.


lingo_23.jpg
4. 레이어를 추가하고 1번방식과 동일하게 위에 흰 원을 그립니다.


lingo_24.jpg
5. Filter > Blur > Gaussian Blur 를 줍니다. 설정 수치는 캡슐의 크기에 따라 달라질 수 있습니다.


lingo_25.jpg
6. Soft Light 상태로 만들어 줍니다.



lingo_26.jpg
7. 추가된레이어1을 카피한 레이어를 하나 더 추가합니다. 그리고 이 레이어는 Overlay 상태로 만듭니다.



lingo_27.jpg
8. 레이어를 또 추가합니다.
9. 추가된 레이어에서 layer1(백그라운드 바로위 레이어)을 ctrl 키를 누를 상태에서 마우스로
    클릭하여 셀렉트 하고
10. Select > Feather 에서 Feather값을 3쯤 줍니다.
11. Edit > Stroke  >inside 에 2px 만큼 흰색으로 Stroke를 줍니다. (유리구체에서 뽀샤시 반사광 레이어..기억하시남요? ^^)



lingo_28.jpg
12. 레이어를 하나만 더 추가합시다..ㅡㅡ;;
13. 1번과 동일한 방법으로 짜부 원을 그립니다.


lingo_29.jpg
14. Edit > Transform > Skew 설정후..하단을 잡아당겨서 위와같이 만듭니다.



lingo_30.jpg
15. 마스크를 주어서 자연스럽게 사라지게 한후 Opacity 값을 적절히 조정합니다.


lingo_31.jpg
16. 바닥을 만들고, 그림자를 줬습니다.(그림자는 같은 계열색으로 해야 투명해 보이졍..)
     이렇게 하면 일단 완성!!



lingo_32.jpg
좀더 투명하게 보일라구 머릴 굴렸습니다.
17. 바닥을 layer1셀렉트 해서 카피해 줍니다...그걸 버튼과 같은 계열의 어두운색으로 만든후
     그림자 위로 올려줍니다. 그후 Opacity값조정
18. 바닥이 보일라면 layer1의 Opacity값을 약간만 낮춥니다.
     투명해 보이져? 일종의 착시 현상입니다..

===> 하다보니 그때 외웠던 순서대로 안한듯한...ㅡㅡ;;
       전 개도 안걸린다는 여름감기땜에 고생중입니다. 감기조심하세요~
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2135 쪽지 접은 모양을 만들어보자 >0< [23] file 이오르 2003.12.15 17240
2134 배너맹글때 딱 어룰리는 ~! 그라디에이션 효과간단히 주기. [3] file 쿠리 2002.07.05 17235
2133 10초만에 예쁜 테두리 만들기... [10] file 보노박스 2002.09.22 17151
2132 물방울이미지 만들기&합성 [17] file 하나 2003.02.22 17148
2131 Newtry식 플래시무비 만들기 - "창문너머 흐르는 구름" [10] file Newtry 2004.03.19 17114
2130 [포토샵웍스 강좌시리즈] 홈페이지 메인디자인1 [1] file java 2006.04.25 17062
2129 [나이트리의 포토샵강좌 01] - 불꽃효과 [11] file 나이트리 2003.05.14 17053
2128 사진 테두리 꾸미기 [5] file pok 2002.10.09 17049
2127 포토샵 못지 않다.! 플래쉬로 드롭쉐도우 효과주기. [6] file c_⊙_⊙_l 2002.07.05 17039
2126 분위기있는 문자 만들기 [14] file puki 2003.01.10 17011
2125 멋진 이미지 만들기 두번째! [7] file 플럽 2003.05.22 17001
2124 [빛깔강좌3] 울퉁한 테두리로 이쁜 이미지 만들기 [11] 빛깔 2004.01.08 16977
2123 [SMHS의 괴상한 강좌] -_-; 인트로 이미지.. [5] file 大逆罪人SmHS-_-;; 2002.11.14 16959
2122 구슬만들기 [30] file Monomaniac 2002.11.12 16953
2121 작업공간 늘리기-_-[뒤..뒷북!?] [25] file Click 2003.03.09 16921
2120 터치스크린용 버튼입니다. [10] file 김태환 2003.04.30 16915
2119 <일러스트> 글씨 단순화 시켜서 이쁘게 만들기 "수정" [9] file 고권 2003.08.18 16862
2118 일러스트로 인물 그리고 옷까지... [18] file 김연수 2004.10.13 16843
2117 - 심플한 미니버튼 만들기 ;q [10] file 의문의소년 2003.05.01 16839
2116 패턴을 넣은 이미지 [15] file 이지원 2004.06.15 16820