메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

http://www.dotple.com
스틱스님께서 운영하시는 웹호스팅 사이트입니다.
이 사이트에서 회원가입, 커뮤니티, 맴버 이 버튼들을 만들어보도록 하겠습니다.

1. 포토샵을 열어주세요. 5.0은 곤란합니다. 혹시사용하시는분들이 계시면 업그래이드를 하세요.

2. 새 문서를 열어줍니다. 전 여러분들께 좀더 잘보이게 하기위해 처음부터 커다랗게 새문서를 만들어봤습니다.




3. 왼쪽 툴바메뉴에서 아래의 화면의 툴을 선택해줍니다.


4. 크기는 마음대로 해서 만들어봅니다.
그전에 배경색을 흰색으로 바꿔놓으세요.


5. 오른쪽 하단에 레이어 스타일을 선택해줍니다. 그중에 그림처음 가장위를 선택해주세요.


6. 그럼 아래처음 화면이 나옵니다.


7. 여기서 처음엔 가장 밑에 있는 stroke 를 체크해주세요.
그리고 아래 그림처음 바꿔주세요. 테두리색은 #cacaca 입니다.


8. 다음은 inner shadow 를 체크해주시고, 아래처음 바꿔주세요.


9. ok를 누르시구요. 닷플커뮤니티처럼 회원가입 등등 글을 적어주세요.


10. 처음에 선택했던 툴바에서 원을 선택해줍니다.


11. 쉬프트를 누르면 원이 동그랗게 나오는거 아시죠?
조그만하게 동그라미를 하나 그려줍니다.
배경을 흰색으로 해주세요!


12. 다시 레이어 스타일을 열어줍니다. 이번엔 drop shadow 를 선택해서 아래처럼 설정해줍니다.


13. gradient overlay 를 선택해서 아래처럼 설정해줍니다.


여기까지 하셨으면 다 끝난거에요..^_^
동그라미안에는 딩벳있죠?
예쁜딩벳 있으시면 암꺼나 하나 찍어주세요. ^^ 그럼 아래처럼 완성이 된답니다.



좀 비슷하나요? 헤헤.. 이상 끝입니다.. 수고하셨어요..^^
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48030
1268 [포토샵웍스 강좌시리즈] 굴절 표현하기 [2] file java 2006.04.25 7893
1267 [포토샵웍스 강좌시리즈] Channel 응용하기1 file java 2006.04.25 7280
1266 [포토샵웍스 강좌시리즈] Channel 응용하기2 file java 2006.04.25 4674
1265 [포토샵웍스 강좌시리즈] Channel 응용하기3 file java 2006.04.25 6923
1264 [포토샵웍스 강좌시리즈] 홈페이지용 메뉴바 만들기 [3] file java 2006.04.25 12470
1263 포토샵 CS 브러쉬 툴 강좌 [2] 펀에듀넷 2006.04.24 6003
1262 운석 만들기 file mtalk 2006.04.17 6387
1261 다이나믹 원 만들기 [3] file 마녀 2006.04.12 7181
1260 [동영상] 제2강 Select(선택영역) 인테리어뱅크 2006.04.11 5811
1259 [동영상] 제1강 포토샵이란? 인테리어뱅크 2006.04.11 5750
1258 포토샵 온라인 무료강좌 보러오세요... [1] 인테리어뱅크 2006.04.10 5003
1257 포토샵 왕초보전용 강좌!! 포토샵한글패치하기 [4] file 이윤규 2006.04.08 13040
1256 ★ 06년 웹디자인 취업대비반 50%할인 행사 ★ 손민영 2006.04.06 2486
1255 포토샵 왕초보전용 강좌!! 간단한 이미지배너 만들기 [11] 이윤규 2006.04.06 6196
1254 포토샵 왕초보전용 강좌!! 사진크기 조절하기 이윤규 2006.04.06 5403
1253 미끈한 피부만들기 [2] file 어지니 2006.04.02 10141
1252 패턴적용해서 바람개비처럼 뱅글돌리기 [3] file 어지니 2006.03.29 7442
1251 메뉴바 다운받아가세요. [1] file 이나래 2006.03.18 12865
1250 홈페이지에 필요한 메뉴바,상단그림,배너를 퍼가세요. file 이나래 2006.03.10 10732
1249 디테일 스케치 [6] file 웹디황용 2006.03.07 10569