메뉴 건너뛰기

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 48031
128 다이나믹 원 만들기 [3] file 마녀 2006.04.12 7181
127 운석 만들기 file mtalk 2006.04.17 6387
126 포토샵 CS 브러쉬 툴 강좌 [2] 펀에듀넷 2006.04.24 6004
125 [포토샵웍스 강좌시리즈] 홈페이지용 메뉴바 만들기 [3] file java 2006.04.25 12470
124 [포토샵웍스 강좌시리즈] Channel 응용하기3 file java 2006.04.25 6923
123 [포토샵웍스 강좌시리즈] Channel 응용하기2 file java 2006.04.25 4674
122 [포토샵웍스 강좌시리즈] Channel 응용하기1 file java 2006.04.25 7280
121 [포토샵웍스 강좌시리즈] 굴절 표현하기 [2] file java 2006.04.25 7893
120 [포토샵웍스 강좌시리즈] 물방울 이미지만들기 [1] file java 2006.04.25 10655
119 [포토샵웍스 강좌시리즈] 홈페이지 메인디자인2 file java 2006.04.25 11733
118 [포토샵웍스 강좌시리즈] 홈페이지 메인디자인1 [1] file java 2006.04.25 17062
117 [포토샵웍스 강좌시리즈] Layer Style을 이용한 텍스트 [3] file java 2006.04.25 7603
116 셰이프툴로 일러스트 느낌의 꽃아이콘만들기(영문7.0) [5] 민찡얌 2006.05.07 8616
115 웹디황용 리터칭 -1 [1] file 웹디황용 2006.05.30 6812
114 웹디황용 리터칭-2 file 웹디황용 2006.06.13 5314
113 웹디황용 리터칭-3 file 웹디황용 2006.06.13 6510
112 삽화느낌의 소녀 그림 그리기 - 손그림 [3] 민찡얌 2006.06.18 12430
111 초간편 사진틀 만들기 file 캘리 2006.06.27 12348
110 포토샵 단축키 모음 1 문학의향기 2006.07.26 3605
109 글씨체 마음대로 쓰기 2 [1] 문학의향기 2006.07.26 4494