메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

d.gif

안녕하세요 꼬냐닷컴 입니다.^^
꼬냐닷컴 강좌를 무단으로 출처없이 배포하는 일은 없길바랍니다. ㅠㅠ
혹 퍼가실떄는 제홈페이지에 글이라도 한통 써주시길 부탁드립니다.^^

위와같은 그림자효과를 주기위해 어떻게 해야하는지 한번알아볼까요. ?


1. 다음 그림과 같이 물체를 하나 준비합니다.^^
a.gif

2. 그리고 전체작업할 문서를 하나 만듭니다.
혹 배경에 삽입하실 분들은 배경파일을 불러오시면 됩니다.^^
b.gif

3. 그리고 물체를 방금만든 문서에 드래그하시면 다음과같이 드래그가 됩니다.
c.gif

4. 그리고 이제 그림자가 될 레이어를 하나 복사해야겠죠. ?
TV 레이어에서 오른쪽버튼을 눌러 그림과같은 버튼을 클릭합니다.^^
★ 레이어이름은 아무렇게나하셔도 됩니다.
저같은경우엔 TV copy 라고 했습니다.^^
d.gif

5. 그리고 이제 반대로 뒤집어야하니까 [Edit - Transform - Flip Vertical] 툴을 이용해 뒤집습니다.
이툴을 클릭하시면 자동으로 180도 회전된답니다.!
e.gif

6. 그리고 그림과같이 레이어마스크를 적용후에 두번쨰그림과 같은 설정으로 셋팅후
그라디언트 툴을 이용하여 그림자 윗부분부터 중간부분까지 드래그합니다.
f.gif
g.gif

7. 다음 그림과같이 조금이나마 그림자 효과가 나타납니다.!
h.gif


8. 앗 그러고보니 너무 진하죠 ?
불투명도를 이용해 그림과같이 조정합니다.^^
i.gif



9. 그리고 이제 마지막 단계입니다.!
입체감을 주기위해 [Edit - Transform - Skew] 을 클릭합니다.
그리고 그림과같이 오른쪽 맨 아래 점을 위로 조금만 당겨줍니다.
그럼 그림과같이 조금 입체감이 살아있죠 ?
그리고 원래 위치로 가져다 놓으시면 됩니다.^^
j.gif


완성파일은 첨부파일로 올려놓았습니다.^^
모두 이런 기본팁을 이용하여 활용만 잘하신다면 정말 이쁜 물체를 만드실수 있을거에요.^^
모두 화이팅입니다.!

지금까지 꼬냐닷컴이였습니다!
질문내용있으신분들은 제가 코멘트 확인을 못할수도있으니 제홈페이지에 들려주셔서 글로 남겨주시면 감사하겠습니다.^^


꼬냐닷컴에서 가족을 모십니다!
자주 왕래하고 서로 교류가 잦은 그런 웹친구분들 찾습니다.^^
들리셔서 글 남겨주세요.^^

지금까지 꼬냐였습니다.
http://ggonya.com
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2415 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
2414 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 324
2413 [도트] 집 만들기?? [7] file (_*_) 2002.02.25 482
2412 [ XML 소켓 채팅 ] [2] file Fc 2004.02.26 514
2411 3D SHEET 만들기 [5] file 카라 2002.02.21 536
2410 [나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; ) [14] file 박한웅 2003.12.07 602
2409 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 646
2408 [페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기! [4] file 대현 2003.12.13 715
2407 구름만들기; [27] Nㆍzna 2002.02.21 757
2406 [바비의 일러스트]일러 갤러리-1 [21] file 바비인형 2002.04.26 853
2405 플래시 무비의 프레임률이 막 떨어질때, [16] 유군-_-)/ 2002.02.21 860
2404 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
2403 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 979
2402 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
2401 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
2400 [동영상] 제5강 max 건축 인테리어 개요 인테리어뱅크 2006.04.11 1064
2399 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
2398 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. kim's 2007.07.30 1263
2397 굿 웹 디자인 사이트들 링크 [11] 박성렬 2002.04.05 1305
2396 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373