키스맥 - 포토샵 강좌 매킨토시 전문 웹 매거진 웹진

  + 파일메이커 기초편
  + 4th Dimension
  + 리얼베이직
  + OS X 10.3
  + 홈페이지 만들기
  + 포토샵 강좌
  + 디카 완전정복
  + 실무로 배우는 Quark
  + MLayout
  + iPod 강좌
  + html 강좌
  + 간단매뉴얼&팁
  + 5세대 iPod 강좌
  + iTunes 한 컷 강좌
  + iPod 한컷강좌
            


21회. 홈페이지 디자인 -9-


우리는 지난시간에 페이지 하단의 카피라이트가 들어가는 부분의 배경을 만들어 보았다. 그럼 이번시간에 할일은 당연하게도 카피라이트 글씨를 타이핑 하는 것이다. 말그대로 그냥 타이핑을 해서 'Copyright ⓒ 2004 [회사명]. All rights reserved.'글을 써넣어도 되지만, 우리는 지금 포토샵을 가지고 할 수 있는 일들 중 '홈페이지 디자인'이라는 것에 대해서 배우고 있는 중이다. 그냥 아무것도 아닌 것처럼 지나칠 수 있는 부분이지만 나만의 방법으로 꾸민다면 아무도 봐주지 않는다고 해도 기분은 좋지 않을까...

그럼 지난 시간에 이어서 계속 진행하도록 하겠다.

가장먼저 해야할 일은 '홈페이지.psd'파일을 여는 것이다.

여러홈페이지를 둘러보면 알겠지만 카피라이트는 흔히 왼쪽정렬로 되어있는 곳이 많이 있다. 하지만 꼭 왼쪽 이라는 보장은 없다. 자기가 넣고 싶은 곳에 넣으면 그만이다. 가운데면 가운데, 오른쪽이면 오른쪽 등 말이다. 요즘은 보니 사이트 오른쪽에 새로로 써서 붙여 놓은 곳도 많이 보인다. 즉 자신의 개성을 살려서 나타내고 싶은 곳에 나타내면 되는 것이다.

필자는 개인적으로 오른쪽 정렬을 좋아한다. 그래서오른쪽으로 만들것이다. -_-;;
우선 카피라이트를 넣을 부분에 'Copyright ⓒ 2004 club213.com. All rights reserved.'라고 타이핑을 해보자.
그리고 그 다음줄에는 'mail to : webmaster@club213.com'이라고 타이핑을 해보자.

위의 이미지는 우선 위에 말한 것과 같이 타이핑을 한 후 'Copperplate'라는 폰트로 '003973'의 색으로 '10pt'의 크기로 써 넣은 것이다.

언제나 말하지만 디자인은 자기가 하는 것이기 때문에 꼭 위에서 말한데로 할 필요가 없다. 카피라이트도 꼭 저렇게 타이핑할 필요가 없는 것이다. 필자는 예전 개인홈페이지에서 카피라이트를 'Designed by club213' 이렇게만 한적도 있었다. 이렇게 간단하게 넣어도 되지만 요즘은 MSN메신저 주소나 ICQ 번호 등 자신의 메신저 주소를 적어 놓기도 한다.

또한 아래 이미지 처럼 한가지 색상이 아닌 두가지 이상의 색을 이용하여 입체감을 나타낼 수도 있다.

그리고 이 부분에 아래 이미지와 같이 바코드 같은 것을 넣어주기도 한다.
이 바코드를 만드는 법은 가장 쉬운게 바코드 폰트를 이용하는 것이다. 이런것은 아무 글자나 타이핑을 하면 바코드 모양이 나오는 것이다. 근데 이러한 것이 없다면 직접 만들어야 한다. 아래는 그 만드는 방법이다.

먼저 위 그림과 같이 레이어를 하나 생성하고 적당한 크기의 사각박스를 선택하고 색을 넣는다.
com + D 를 눌러 선택영역을 해제하고 위에서 그린 부분을 확대한다.

도구상자에서 선택툴에서 Single Column marquee Tool을 선택하고 위 그림과 같이 지우고 싶은 부분을 선택해서 지워준다.

다시 이미지를 100%화면으로 보면 위와 같이 바코드가 만들어 진것을 볼 수 있다.

그럼 전체적으로 완성된이미지를 보면 아래와 같다.

다음시간에는 메인에 들어가는 구성요소와 그것을 만드는 법에 대해 알아보도록 하겠다.



주미돌 : ㅠㅠ이다음부터는 어떡게하지요?꼭알고싶어요 (11월15일)
현재글 - 21회. 홈페이지 디자인 -9-
이전글 - 20회. 홈페이지 디자인 -8-