메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

우선 적으로
1편은 : http://www.nzeo.com/bbs/zboard.php?id=p_design&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&select_arrange=headnum&desc=asc&no=2318
2편은
: http://www.nzeo.com/bbs/zboard.php?id=p_design&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&select_arrange=headnum&desc=asc&no=2319
입니다.
참고해주세요.



우리가
사용할 오디오 인터페이스를 불러내주시고.(윗 그림)
자 우선 새 레이어를 만들어주시고.
전경색을
마춰주세요 : #C1C2C4
이제 Ellipse tool
을 선택하시고.


 
(그리고 스타일 란은
아무것도 없게 나오도록 하세요)




이제 버튼을 만들차례군요. 쉬프트 키를
눌러서 원하는 원형 크기를 만들어봅시다.
이제 조금 멋지구리하게 변화시켜봅시다.

그럼
Inner Shadow 를 넣어봅시다.




그리고 Inner Glow넣어보세요
 

그리고
Gradient Overlay.
 

마지막으로
STROKE!
 


< 이런 모양이 나왔나요?
                                 나왔으면
다음 단계로~






이제 버튼은 완성됐는데 거기에 붙어있는거같지않죠?
스티커
처럼 보일껍니다.
그럼 아래 그림 처럼 레이어 팔렛트 클릭해봅시다.


이게 path를 활동하게 만들어줍니다.
그럼
패스 파트렛으로 가볼까요?

자이제 path 레이어를 <-요 이미지로 드래그 해봅시다 복사될꺼에요.
새로운 path Path1을 만들어줄꺼에요.
이제 Direct
selection tool: 을 써봅시다 오른쪽 버튼 눌러주시면 Free
Transform Path"
이 나올꺼에요.
쉬프트 + ALT 눌러주세요 아주 살짝
크게 만들어줍시다;



이런식으로
나왔나요? (저 테두리는 없어도돼요, 혹시 자기께
잘못됐다고 생각하시면 컨트롤+H를
찍어보세요 될꺼에요)







우리가 path를 이용하는 이유는
퀄러티가 더좋기 때문입니다. 여튼

다음으로...

이제
새 레이어를 만드는데 버튼레이어 아래에 만들어주셔야합니다.
[드래그해서 아래로
놓으면돼죠?]
이제 다시 Direct
selection tool 이 활성화 되있길 바라며:  오른쪽
버튼을 눌러봅시다
"Create vector mask" <- 찾으셨어요? 클릭합시다.
이제
"X 키와 D키를 눌러줍시다"
이건 색을 리셋 시키는거라고 배웠죠?


이제 CTRL + Backspace 를해서 하얀색으로 채워봅시다
이제
Layer>Layer style>Gradient Overlay 를 적용해주시고 아래 설정해주세요
(자기
마음대로 원하는대로 해도되요)


아래 그림 처럼됐나요? 적어도 노력한 보람이있어
스티커
같진 않네요.


원본
강좌 제작자님께서 만드신거입니다
1,2,3편을 응용해서 만든거랍니다!

PATH는
노가다가 아닙니다! 화이팅~

 


번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1388 귀여운 아쿠아 버튼 만들기 (새로운 버젼) [39] file 이오르 2003.10.10 46699
1387 입체감 있는 메뉴버튼 만들기 (완성된 버튼 다운로드 가능) [10] file 이오르 2003.09.26 38093
1386 (왕초보도 따라하는) 심플한 버튼 만들기 [53] file SaRa's 2004.02.27 38084
1385 메뉴버튼만들기 [25] file 워니 2002.08.24 36489
1384 사진의 테두리를 붓으로 칠한듯하게 - 초보자를 위한 강좌 [12] file 방정환 2004.07.24 36330
1383 [초보]사진 효과 내기.. [21] file OnceAgain 2003.07.23 35954
1382 [하이링고]아쿠아 물로 글씨를 쓰자!! [50] file 하이링고 2003.05.12 35271
1381 [하이링고]칵테일 아쿠아 [96] file 하이링고 2003.02.17 34383
1380 미술용 4B연필로 문자 디자인한듯한 효과 [52] file SaRa's 2003.07.11 34065
1379 오래된 종이에 먹이 묻은듯한 효과 [29] file Wings 2003.12.11 33955
1378 [쩌비]아쿠아,브러쉬스타일등 파일모음 3종세트 [25] file 쩌비 2002.10.19 33040
1377 초보자도 할 수 있는 얼굴이미지를 이용한 버튼 만들기 [13] file Yong 2004.02.17 30377
1376 움푹 패인듯한 느낌의 글씨 쓰기 (아, 귀여워;;) [26] file 이오르 2003.10.30 30127
1375 아쿠아 버튼 만들기 [16] file 송광훈 2003.06.16 30018
1374 포토샵 초보이신 분들을 위해서 만들어본 인터페이스.레이어.메뉴 알아보기 [23] ★소프트™ 2002.04.10 29649
1373 [쩌비]또 다른 아쿠아버튼을 만들어봅시다~ [19] 쩌비 2002.09.29 29448
1372 뽀샤시; 우유빛 피부 만들기 [19] file Venii 2003.12.28 29026
1371 [하이링고]환타지틱!! [41] file 하이링고 2002.07.19 28377
1370 이쁜 버튼 맹글기 [24] 이지원 2004.06.15 28273
1369 찢어지고 불에탄 테두리 만들기 [20] file 김지수 2003.06.03 27969