메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

저엉말 오랜만이군욤~~!!
이번에는 다른걸 들고 나올까 했는데 ★ⓢukⓗoon★님 한테 쪽지가 왔습니다..
하트 모양의 아쿠아를 퉁실퉁실하게 만들고 싶다는..ㅡㅡ;; 하트 아쿠아 만드는강좌를 올려달라는...
그래서 또 아쿠아 입니다..ㅡㅡ;;

heart_01.jpg
이런 넘들중 하트를 가지구 하지염..
기본적으로 제가 한 유리구체 강좌를 보신 분이라면 쉽게 따라하실 수 있습니다.




heart_02.jpg
1. 원하는 모양을 그립니다. 이때 주의하실건..너무 얄상하게 생기거나 지나치게 가지(?)가 많으면 맛이 떨어진다는 겁니다..


heart_03.gif
2. 그린 모양을 셀렉트 하시고 위의 그림처럼 메뉴에서 Select>Modify>Contract를 선택합니다.


heart_04.gif
3. 수치를 줍니다. 모양의 크기에 따라 수치가 틀려질 수 있으니 저 크기에 저 수치 정도 라고 생각하세욤. 그러면 아래와 같이 정비례로 셀렉트 한 영역이 줄어듭니다.
heart_05.gif


heart_07.gif
4. 화이트로 채우시고 그라디언트 마스크를 이용하여 위와같이 반사광을 만듭니다.


heart_08.gif
5. 반사광이 약합니다~ 그래서 디테일 하게 한번 더 줍니다.
반사광 1 레이어를 Ctrl 키를 누르신채 클릭하시면 셀렉트가 됩니다, 그후 레이어를 하나 더 만드시고
브러쉬 툴(에어브러쉬)을 이용하여 화이트가 가장 강해야 할 가장자리만 슬쩍슬쩍 터치합니다.


heart_09.gif
6. 셀렉트 해제하지 않은채로 주황색 하트 원본 위에 레이어를 하나 더 만듭니다.


heart_10.gif
7.메뉴에서 Select>Modify>Contract 선택후 수치를 줍니다.


heart_11.gif
8. 선택영역을 아래로 조금 내린후 흰색을 채웁니다.


heart_12.gif
9. 셀렉트를 해제하고 Filter>Blur>Gaussian Blur 를 줍니다.


heart_13.gif
10. 레이어를 Soft Light 로 합니다.


heart_14.gif
11.Soft Light  상태의 레이어를 카피하고 Overlay 상태로 설정합니다.


heart_15.gif
12. Overlay 상태의 레이어를 그라디언트 마스크로 조절하여 자연스럽게 합니다.


heart_16.gif
13. 제일 위에 새로운 레이어를 생성한후 Ctrl + 원본하트 레이어를 클릭하여 셀렉트 합니다.


heart_17.gif
14. Feather 값을 2정도 준후 Edit>Stroke 를 안쪽으로 1을 줍니다.


heart_18.gif
15. 원본 하트 밑에 레이어를 생성후 그림자를 만듭니다.


heart_19.gif
16  Overlay 레이어를 카피하신후 위와 같이 원본 하트 레이어 위에 놓고 그림을 방향키를 이용하여
약간 오른쪽 아래로 비껴서 놓습니다. 그럼 반사광이 하나 더 생기죠?


heart_20.gif
17. 그다음 반사광 과 Overlay 레이어들을 조금씩 움직여 자연스럽게 완성합니다.


heart_03.jpg
18. 완성입니다.  응용하시면 위와같이 별도 만들수 있답니다... 해보세요~~^^

★ⓢukⓗoon★님 이정도면 될까염? ^^;;
아참..북소녀님 제 싸이월드 미니홈에 오셔서 글 남기셨더군염~~ ^^ 종종 오세욤~~^^
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
55 [퍼니페인트]가장자리 디졸브(*-_-) 주기 [9] funnyPSP 2002.05.15 2597
54 렉토라 교재다운로드[ox문제,주관식,객관식문제유형및다양한 자료개발] - 1분만에 제작 [1] 에듀멘 2006.03.10 2494
53 [동영상강좌]로그인 스킨 적용법 에관한 강좌 [3] 조한철 2006.01.19 2491
52 ★ 06년 웹디자인 취업대비반 50%할인 행사 ★ 손민영 2006.04.06 2486
51 [photoshop_6.0 기초강좌-14]_자석 올가미 툴 사용하기 file rosun 2005.08.07 2405
50 ▣ 이러닝콘텐츠제작방법 - [제1강] 렉토라 강좌 안내 [1] 에듀멘 2006.03.10 2397
49 ▣이러닝콘텐츠제작방법 - [제2강] 렉토라 강좌 안내 에듀멘 2006.03.10 2369
48 제1강 플래시 시작하기 - 드로잉 명령 익히기-04 file 최승철 2005.03.13 2351
47 [퍼니페인트]이미지뷰어? 페인트샵 하나면 필요 엄따~ [6] funnyPSP 2002.04.27 2349
46 CT5 배경 영상 조절하기 윤선미320 2008.09.01 2301
45 렉토라-작품마법사를 활용한 레이아웃 구성하기-[제5강] [1] 에듀멘 2006.03.14 2254
44 렉토라-멀티미디어 자료 입력하기[400가지 디자인갤러리사용][제6-1강] 에듀멘 2006.03.14 2239
43 [퍼니페인트]도구 팔레트 총 정리.. [1] funnyPSP 2002.05.16 2233
42 스마일루 - Finger Painting 효과~! file Smileru 2008.09.20 2223
41 LECTORA - 학습주제 및 학습내용 제작하기[제7강] 에듀멘 2006.03.14 2205
40 ▣[제2-1강]렉토라의 구조와 페이지 구성 에듀멘 2006.03.12 2183
39 [동영상] 제1강 flash 소개 및 화면구성 tool 설명 인테리어뱅크 2006.04.11 2169
38 LECTORA - 작품마법사를 활용한 레이아웃 구성하기[제5-1강] [1] 에듀멘 2006.03.14 2161
37 크리스탈 문자 [1] file wwolf 2008.09.21 2160
36 glanda 2006 강좌,교재 zip파일[서버속도때문에 그렇습니다]. 에듀멘 2006.04.04 2142