메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

완성작입니다.
보기에 상당히 허접스러워 보이는군요. 하지만 레이어를 여러게 어떻게 만들어 주시냐에 따라
달라 보일겁니다.^^


1.일단 그림파일 하나를 불러 옵니다. 저는 보아 사진으로 했습니다. 사진이 없어서..;;


2.image-adjust-desaturate 을 선택해 이미지를 흑백으로 만듭니다.

이렇게 되겠죠?

3.레이어를 두개 추가 합니다.


4.마퀴 툴 중 single column maquee tool 을 이용해서 이미지에 가로로 선을 그어 줍니다.


그리고는 edit-fill 을 선택합니다.(물론 선은 선택된 상황에서 해야 겠죠?)

이렇게 레이어 1, 레이어 2, 모두에 효과를 줍니다.

그럼 이런 그림이 되겠죠?


5.이 상태에서 아래 그림의 메뉴를 눌러 이미지 레디로 갑니다~ 이제 부터 작업입니다.
여기까지는 쉬웠죠?


6.이미지레디로 옮겨 가신후에는 레이어1,레이어2 중에서 레이어1의 눈을 끄고 작업하세요.
백그라운드는 그냥 두시고요^^

지금 마우스 올려놓은 메뉴를 눌러서 프레임을 하나 추가 시킵니다.
그리고 레이어 1을 선택 하신 상태에서 쉬프트 키를 누르시고서 선을 반대편으로 옮겨 주십시요.
(선이 오른쪽이였다면 왼쪽으로 왼쪽이였으면 오른쪽으로 옮겨 주세요^^ 반드시 쉬프트 키를 누르신 상태에서요)

7.선을 다 옮기 셨다면은 아래의 그림에서 화살표 부분을 누르시면 메뉴가 나옵니다.
Tween을 선택합니다.


8.아래 그림과 같이 적당한 값을 줍니다. 제가 보기엔 3이 적당한거 같은.. 하지만 부드럽게 하시려면
많이 하셔도 상관은 없습니다^^ 저는 그냥 값을 3을 줍니다.


9.6번부터8번까지의 작업을 반복 해주셔야겠죠? 레이어가 두개이니..
작업을 다 해주셨다면은 1번 레이어부터 마지막 레이어를 쉬프트 키도 모두 선택하시고서
적당한 시간값을 줍니다. 0.2 초가 가장 적당합니다.
그럼 완성입니다^^

이거 올리느라 힘들었네요.;; 별거 아닌데.. 다음엔 더 좋은 강좌로 찾아 뵙겠습니다..
이상 허접 포토샵 강의 마이퍼피™ 이였습니다.

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48027
135 나모웹으로 누구나 아쿠아 버튼 쉽게 만들기 [10] file 강우일 2004.01.13 21373
134 버튼 만들기 (2) [6] file Win'X' 2003.10.26 21382
133 홈레이아웃에 사용할 이미지 만들기 [26] file 여어자 2003.08.19 21446
132 [둥글둥글1탄] 둥글둥글 사각형 만들기! [31] file Smileru 2004.10.02 21508
131 자신만의 로고 만들기(스노우 펄?) [21] file 프리지아 2002.10.25 21614
130 브러쉬로 멋진(?) 테두리 만들기 [16] file 플럽 2003.05.19 21654
129 이미지 합성하기 [4] file 페퍼민트 2004.10.08 21672
128 이미지 뽀샤시 하게 만들기-ㅁ-;; [10] file 태풍주의보 2004.04.15 21685
127 멋진 텍스트무비를 만들자!!^-^ [21] file 길수님 2002.07.11 21688
126 펜으로 그려지는 듯한 배너 만들기.. [11] file Smileru™ 2002.12.05 21761
125 메뉴막대 만들기.. [21] file (-_ㅡ*) 2003.09.18 21784
124 지저분하지만 멋진 테두리 하기 [21] file puki 2003.01.21 21840
123 왜 이렇게 슬픈지 눈물이 나와요~ [28] file {동준짱} 2002.07.14 21845
122 예쁜 물방울 만들기 [6] file 여어자 2003.05.06 21976
121 그라디언트를 활용한 메뉴 만들기 [20] file webagit 2004.07.22 22003
120 레벨4의 아쿠아(?)+스카이(?) 버튼이라고나 할까? [17] LOST-X 2003.04.13 22064
119 사이트제작시 메인이미지로 쓰이는 이미지 만들어보기~ [17] file webdio *^-^* 2002.07.05 22068
118 홈페이지에 쓰일 그림, 크기를 딱 맞추어 보자! - 메뉴 설명 [20] file 세죠위그이 2003.04.19 22102
117 [4B연필강좌처음]-아주 깔쌈한 버튼 만들기 [37] 김성일 2003.08.24 22122
» 움직이는 gif만들기(옛영화처럼보는것처럼) [7] 마이퍼피™ 2002.12.11 22128