메뉴 건너뛰기

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
248 와와 널 흉내낼수 있어! [21] file 포또알한늽 2003.03.10 15776
247 모자이크효과로 이미지 꾸미기 (허접함) [7] file 태풍주의보 2004.04.16 15779
246 테이프로 붙여서 붕 떠있는 느낌 만들기 (너무 거창한듯;;;) [30] file treesung 2003.04.11 15820
245 아쿠아 스타일 초허접 간단 5분만에 찌끄려보기 ㅡㅡ;; [8] file 레쯔 2002.03.25 15825
244 흑백이미지 강조하기 ~ ★ [27] file ho요요 2002.12.19 15953
243 포토샵 7.0 - 25. 포토샵+드림위버+제로보드의 연동 [14] 서기 2005.11.11 15985
242 [나이트리의 포토샵강좌 04] - 패턴이미지로 이미지 채우기 [5] 나이트리 2003.05.15 16009
241 우아한 테두리 만들기 [4] 문학의향기 2006.08.01 16067
240 흑백그림 염색시키기! (카이오스님 죄송..) [9] file P 2002.02.27 16081
239 쇼핑몰등에서 볼수있는 버튼 만들어보기 [10] file 유강국 2005.10.10 16139
238 12 뽀샤시하게 밝게하기 [1] file 박진 2004.07.21 16171
237 <초급>앨범 같은데에 잘쓰는 효과..!! [17] Nazeo™ 2002.09.15 16176
236 이미지 채색하기... [11] file misTsion 2004.05.10 16197
» [케이] 오디오 인터페이스입니다. [3편] [17] Kei 2003.09.24 16198
234 불꽃남자 만들기 ㅡ.ㅡ/ [9] 박원 2004.08.07 16199
233 투명한-_- 글씨 만들기 [13] file 체리향기∮ 2003.09.07 16228
232 [초보용] 사진의 특정색만 제외하고 흑백으로 만들기 [13] file 방정환 2004.08.01 16242
231 왕초보 최고의포토샵 폰트이것만알면폰트질문없다 [10] file EntiX 2002.09.17 16248
230 사진수정 Photoshop 1부 - 흑백사진 보정 [7] Shevchenko 2003.06.08 16276
229 [기초팁]블랜딩 옵션만으로 깔끔한 버튼 만들기 [21] file 양군푸로독션 2003.11.12 16282