메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

요즘  싸이월드 네이버 블로그등 미니 홈페이지를 만들어주는 싸이트들이 우후죽순 늘어나고 있습니다.

하지만 그런 홈페이지는 방문객들을 여간 불편한 점이 많습니다.

글을 쓸려면 "로그인의 압박"

오랜만에 접속하면 "지금은 싸이트 점검중"  

밤 10시만 되면 싸이트가 "거북이처럼 느려지는등"불편한 점이 매우 많습니다 .

그런 미니 홈페이지들은 자기만의 개성있는 홈페이지를 꾸미기가 힘듭니다!

이제는 돈 한푼도 안 드는 자신만의 개성있는 미니 홈페이지를 만들어 봅시다.

이번 강좌는 제 리뉴얼전 싸이트인 DiGiTalKing.Net Ver1을 토대로 만들었습니다.

이걸 그대로 만들면 방문객들이 너무 작아 불편할 수 있으니 크기나 스타일을 조금 수정해보시기 바랍니다

1. 홈페이지 디자인 구상

홈페이지의 50프로 이상을 차지하고 있는 것은 바로 홈페이지 디자인이라고 할수 있습니다
디자인은 구상이 가장 중요합니다.

저같은 경우는 버버리스타일의 지갑을 토대로 이 홈페이지를 제작하게 되었는데요
여러분도 주변에서 만들고 싶어하는 스타일로 수정하여 만들어 보세요



(버버리지갑과 비슷한 디자인으로 제작하겠습니다)





1. 먼저 포토샵에서 새 캔버터를 만듭니다.(사이즈는 자기취향에 맞게 설정하시기 바랍니다)



2. 아래 빨간색으로 표시된 버튼을 클릭하여 레이어를 하나 만들어 줍니다



3. 팔레트를 선택하고 새 레이어에 색상을 집어 넣어줍니다 (단축키 Alt+Delete)



4. 사각툴을 클릭합니다



5. 사각툴로 페이지가 표시될 영역을 잡습니다




6. 이제 Select->Modify->Smooth로 들어가 값을 적어줍니다 저는 4px정도로 주었습니다



7. 이제 팔레트의 색상을 흰색으로 잡습니다 그리고 선택된 부위를 흰색으로 체워줍니다



8. 메인 완성

아직은 조금 썰렁하죠? 오늘은 기초부분이었고요 다음부터 본격적으로 들어갑니다

강좌를 퍼가실때는 꼭 출처를 적어주시기 바랍니다 (http://digitalking.net)

PS. 강좌에 나와있는 메인소스는 NZEO에 등록이 안되서 제 홈페이지에 올려놨으니 필요하신분은 제 홈페이지 강좌란에 올려놨으니 받아쓰시기 바랍니다
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1695 페인트 칠한 효과나 종이가 찢어진 효과 [13] irene 2002.12.17 27317
1694 [허접강좌] 글씨 속도감 나게 해보기!! [21] file Flyinglove 2002.12.19 14964
1693 흑백이미지 강조하기 ~ ★ [27] file ho요요 2002.12.19 15953
1692 웹디자인의 필수!! 바탕색에 관계없는 투명이미지 만들기 [20] file 아키닷컴 2002.12.21 15514
1691 [포토샵 초보자] 일정한이미지 선택하여 복사하고 붙여넣기 [15] file ZipShin 2002.12.22 5421
1690 Save for web을 이용해서 색다른(-_-;;) 효과 내기 [9] file treesung 2002.12.22 6710
1689 Plasma Grid (플라즈마 그리드) 쉽게 만들수 있는 고급기술 [23] choker 2002.12.22 8202
1688 타들어간듯한 이미지 만들기 [5] ┏fever┓ 2002.12.22 5599
1687 불타는듯한 텍스트 [8] ┏fever┓ 2002.12.22 6364
1686 [포토샵 초보자] 일정한이미지 선택하여 복사하고 붙여넣기2 [3] file ZipShin 2002.12.23 5270
1685 [초급] 글자 휘게(?) 하기 [12] file 금고리 2002.12.23 10018
1684 앨범 사진 만들기 [4] file ┏fever┓ 2002.12.23 10811
1683 [허접강좌] 아바타 얼굴명암 처리하기. [7] file 라하 2002.12.23 6344
1682 [허접강좌] 얼굴// 어두운부분 명암 넣기. [5] file 라하 2002.12.23 6089
1681 허접강좌: 모자이크효과극대[?]화 [10] file ☆SnowFlake♡ 2002.12.24 6099
1680 [초급] 빛바랜 효과 만들기 [7] file MidSummer 2002.12.24 7547
1679 [ETC] 포토샵 타이틀 화면 바꾸기 [21] file D3 2002.12.27 13338
1678 [포토샵 초보자] Crop Tool사용하기+복사+붙여넣기 [6] file ZipShin 2002.12.27 6038
1677 [HomePage Step] 홈페이지의 제작단계 [12] ZipShin 2002.12.27 8325
1676 - 새창을 항상 픽셀단위로 열기 [9] file 푸리 2002.12.27 3990