메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

bannermouse.gif
오늘 만들 배너는 마우스로 꾹 누르는 효과를 이용한답니다.

1) 먼저 적당한 크기의 새창을 열어주시고요 패인트 툴을 이용해서
원하시는 색을 부워줍니다. 그런다음 Edit > Stroke 툴을 이용해서
전체 색깔보다는 조금더 진한색으로 테두리를 만들어 줍니다.
그럼 요렇게 되겠죠?




2) 그런 다음 배너 내부에 연필툴을 이용해서 1 픽셀짜리 브러쉬 로 테두리를 그려 줍니다.
상단과 왼쪽은 하얀색으로

하단 오른쪽은 1) 번의 테두리색보다 더 짙은 색으로 그려줍니다.


3) 금방 그린 테두리 내부에 또다시 마퀴툴을 이용해서 네모난 테두리를 하나 그려줍니다.
그런다음 edit > stroke 를 이용해서 하얀색 테두리를 그려줍니다.
요렇게요



그리고 오른쪽과 하단부분은 # 2) 에 사용했던 색과 마찬가지로 배경보다 짙은색으로 1 픽셀
브러쉬를 이용해서 채워넣어줍니다.



4)  레이어를 추가합니다. 그리고 원하시는 글을 적어 넣어주세요.
저는 " Jin's House" 라고 적어넣었습니다.



5) 이제 화살표를 만들어 보겠습니다.
15 x 25 정도의 새창을 열어 1000 % 정도로 확대시킵니다.
그리고 1 픽셀 브러쉬를 이용하여 연필툴로 화살표 모양을 그립니다.

이 화살표를 를 이용해서 기존의 배너로 이동 시킵니다.
혹은 그냥 화살표를 복사해서 배너에 붙여넣기 하셔도 되구요.

화살표 위치는 배너 아랫쪽에 밑에 그림처럼 좀 내려줍니다.



6) 자 여기 까지 하셨나요? 그럼 레이어를 하나더 추가 시켜줍니다.
그런다음 "jin's house"를 둘러싸고 있는 테두리의 색깔을 한번 더 덧칠 해줍니다.
이번에는 푹 들어간 이미지를 만들기 위해 상단과 왼쪽은 짙은색으로 하단과 오른쪽은
하얀색으로 해줍니다. 그럼 아래와 같이 되겠죠?
되셨으면 일단 " 눈" 을 클릭해서 요 레이어는 보이지 않게 해주세요



7) 자 이제 이미지 레디로 넘어 갑니다. ( 넘어가는 방법은 아시죠? 이전 강좌 참고하세요)
애니메이션 창에 레이어를 하나 추가 해주면서 화살표 위치를 조금 올려줍니다.
그리고 하나더 추가 하면서 화살표 위치는 또 조금 위쪽으로...
그리고 화살표가 안쪽 테두리에 닿으면 6) 에서 꺼 놓았던 눈 표시를 다시 클릭합니다.
그럼 안쪽으로 쑥 들어가는 효과를 내는거죠.
참고로 전 시간설정은 0.2 초에 마지막은 1 초로 설정했답니다.



설명이 좀 모자란 부분은 질문 달아주세요



번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1675 스위시맥스8강[퀴즈만들기] [2] 에듀멘 2006.02.28 6554
1674 - 페인트샾도 한다!! 이미지 강조하기 :D [4] file 의문의소년 2003.04.29 6567
1673 [GIMP] 김프 CG 2,3 [3] enjoy the GIMP! 2002.08.08 6568
1672 [포토샵 7.0 동영상강좌] 3. 블러, 샤픈, 스머지 툴 [6] 서기 2005.08.31 6574
1671 ● 좀큐티한년유채령 : ))나모 + 포샵 홈페이지 만들기 3탄[마지막] [2] file 죽은나비 2006.05.06 6576
1670 [초급예제] 필터로 디퓨즈 글로우 효과주기! [4] file J.H 2002.02.26 6577
1669 [플래시 MX 동영상 강좌] 26. 아날로그 시계를 제작해보자. [10] 서기 2005.06.24 6578
1668 [플래시 MX 동영상 강좌] 5-1. 레이어를 이용한 에니메이션 보강 [8] 서기 2005.05.24 6579
1667 아바타 얼굴 그리기 - 노란머리 [8] file 여자의뿔 2003.01.30 6580
1666 [성재강좌] 불효과 만들기... [7] file 성재 2003.07.05 6581
1665 초보분들께. 같은 초보의 입장으로 제가 그린것.. file 김기우 2006.06.14 6587
1664 [동영상강좌] 닷지툴을 이용하여 뽀샤시 효과 연출하기 [1] Ti-on.com 2005.10.02 6589
1663 [페인트샵 X] 이미지를 단순화 시켜 독특한 사진 만들기 [1] file dah 2006.04.12 6592
1662 [페인트샵 X] 도드라진 문자 만들기 [1] file dah 2006.04.12 6598
1661 [동영상강좌] 제13회차 - 직접 패턴만들어서 배경꾸미기 [4] 아이티스터디 2006.02.02 6604
1660 (응용)문자레이어로 성(城-_-::) 만들기 [17] file 무어 2003.01.10 6607
1659 - 의문의 소년 - 얼음 텍스쳐 만들기 :) [11] file 의문의소년 2003.02.17 6613
1658 스켄라인 긋기 [3] file 후니 2002.03.01 6614
1657 크레이지토크 사용법강좌[한글버젼] 1강 parkys 2008.11.02 6617
1656 [허접시리즈] 역동적이고 환상적인 번개를 만들자 -_-;; [6] Xrezae 2002.11.06 6618