메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

            

 

우선, 이 강좌는 robouk님의 홈피에서 허락맡고 여기로 옮김겁니다.
알고계시는분은 알고계실껍니다.
Robouk님은 외국인이십니다.
그래서 강좌도 영어입니다.
번역, 재구성,스샷,등등..
을하는데 3일넘게 걸린거같군요.
물론, 이메일로 허락을 맡았습니다~
음, 그리고 중복인가 아닌가.
mp3, 오디오, 인터페이스 등등..
을 검색해봤는데 비슷한게 없는거같군요.
자 그럼 강좌를 시작하겠습니다.

이 강좌를 시작하기전에 말씀드리는건데.
이강좌는 조금 어렵습니다.
이해하기도 힘들고 (제 강좌 실력 부족도 옵션)
잘사용하지 않는 툴들 덕에 매우 힘들껍니다.
참고로 말씀드리면, 이걸 따라하는 분들
손해 배상해드리지않습니다.
어떤 손해배상요? 하다가 머리 쥐뜯는 일 말입니다.
그럼 시작해볼까요? 이런걸 만들어봅시다.



자 우선 500x500정도의 크기의 새창을 열어봅시다!
우선 전경색을 #E5E5E5로마춥시다
워워~이제
            이런 모양의 툴을 클릭해봅시다.
그툴이름은 rounded rectangle tool 입니다.



위쪽 그림 처럼 마춰주세요.



이런 모양의 그림을 만들어봅시다!


        
            

      
            

이제 이툴을 선택합시다!.


            

잘안쓰는 이툴 이름은 direct selection tool
이라고 합니다.

그리고 우선 그림의 중앙을 클릭하면 테두리가 생길껍니다

그러면 테두리를 클릭해보세요
위쪽 그림 처럼 나오나요?

안나온다면 나올 때까지 해야죠!
툴의 사용법을 확실하게 짚고 넘어가야하죠!


        
            


        
            

그럼 오른쪽 위의 앵커 포인트(위쪽 그림에서 하얀 박스같은거)
를 클릭해서 키보드로 위로 5번 탁탁탁 눌러주세요!

그리고 오른쪽 아래 꺼를 클릭하시고 아래로
5번 탁탁탁 눌러주세요!

위쪽 그림 처럼 나왔나요?
 


        
            


        
            

이것은 앵커 추가 툴이라고 불릅니다.
이제 이걸 사용해서 앵커 포인트를
추가할껍니다!

윗쪽 그림 처럼 됐나요?


        
            


        
            

자, 다시 이툴을 써야합니다
새로 생긴 앵커 포인트를 쭐여주세요

새로생긴 앵커 포인트중에서 위에껀 아래로 4번

새로생긴 앵커 포인트중에서 아래껀 위에로 4번


            

그럼 위쪽 그림 처럼 됬나요?

됐다면 컨트롤  + H 눌러주세요.
그럼 하이드 선이 없어질껍니다.


                    



윗단계가 다됐다면 이제
Layer>Layer style>Gradient overlay

            가셔서 위쪽 그림 처럼 마춰봅시다!


                   




Satin 도 적용해주세요~


       
            



Bevel and Emboss 도요~


        
            



Inner
            Glow 는 이런식으로


        
            



Inner
            Shadow 도 추가~


                    



마지막으로 Drop Shadow입니다. 다완성됐네요 인터페이스 1편!


        
            



이런 모양이 나왔다면 1편은 잘한겁니다 추카합니다!


        
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1075 [Minus Hand]강추 매트릭스 효과내기..^.^ [13] file 정성실 2003.08.25 10262
1074 [Minus HAnd]쥐가 파먹은 효과 ㅡㅡㅋ [10] file Minus Hand 2003.08.27 8872
1073 맨슨햏의 강좌 2탄! 구름효과를 이용한 호러틱 이미지 만들기 [20] file MarilynManson 2003.08.27 9687
1072 허접강좌.. ㅜ,.ㅜ;; 매트릭스 효과만 따라한 글자 ㅡㅡㅋ [18] file Minus Hand 2003.08.28 11937
1071 [강의] Hero- 독특한 테두리 만들기 [13] file 유제성 2003.08.30 17571
1070 부서진 돌 질감의 문자만들기 [26] file (-_ㅡ*) 2003.08.31 12720
1069 ktf광고에 나오는 원 모양 그리기... [21] file 여니☆ 2003.09.01 18987
1068 폴카도트만들기-- [5] file 김찬기 2003.09.02 8249
1067 [초급] 깔쌈, 간단한 홈페이지용 컨텐츠 버튼 만들기 [7] file 김용호 2003.09.02 16621
1066 효과 파해치기!! 흐림효과 [8] file 박종익 2003.09.03 7984
1065 포토샵 백그라운드 테마를 내맘데로 바꾸자..[중복일수도] [8] file Minus Hand 2003.09.03 9318
1064 터프한[?] 글씨 만들기 [4] file 데이레인 2003.09.05 11103
1063 간단한 브러쉬 툴을 이용한 버튼 효과 [14] file 새드카페 2003.09.06 12209
1062 깔쌈한 버튼 만들기 [2] file 가위손 2003.09.06 16394
1061 네이트닷컴 큰점광고 따라해보기[!] [7] file 데이레인 2003.09.07 11821
1060 투명한-_- 글씨 만들기 [13] file 체리향기∮ 2003.09.07 16228
» [케이] 오디오 인터페이스입니다. [1편] [23] Kei 2003.09.08 11404
1058 [케이] 오디오 인터페이스입니다. [2편] [18] Kei 2003.09.08 12867
1057 [ Normal ] 스모그현상 만들기 [ 다른방법 ] [11] file Nersion 2003.09.10 11068
1056 밑의 854번 글, KTF 광고 표현하기 [UPGRADE] [7] file L.V.Verdinihi 2003.09.12 11044