디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
  - 버튼 만들기
  - 타이틀바 만들기
  - 메뉴 만들기(가로)
  - 메뉴 만들기(세로)
  - 배너 만들기
  - 메인비주얼만들기
  - 팝업만들기1
  - 팝업만들기2
  - 팝업만들기3
  - 팝업만들기4
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
배너 만들기(세로)
Home > 디자인 센터 > 웹강좌 > 웹구성 요소 만들기 > 배너 만들기(세로)
세로메뉴 만들기1 세로메뉴 만들기2

(2) 세로 메뉴 만들기

- 병원, 펜션 분야의 시안 등 변화와 활동성이 강조된 디자인 시안에서 많이 사용되는 메뉴 형태이며, 제작되는 디자인 시안의 성격에 맞고 전체 이미지에 해를 끼치지 않는 구도로 디자인하여야 합니다.


[디자인 예시]


[실전제작]


<완성된 세로형태의 메뉴>


 메뉴 File>New(ctrl+N)를 선택하여 새로운 작업창(215X290)을 열고 전경색과 배경색을 선택한 후 툴박스의 Gradient Tool을 선택합니다.



 툴박스의 Gradient Tool이 선택된 상태에서 아래 그림과 같이 화살표 방향으로 마우스를 드래그합니다.



 File>O(Ctrol+O)하여 패턴을 적용시킬 이미지를 불러옵니다.



 툴박스의 이동툴(V)를 선택한 뒤, 그림과 같이 불러온 이미지에서 메뉴를 작업할 문서로 마우스를 드래그하여 이미지를 복사, 이동합니다.



 복사한 패턴 레이어와 배경 레이어간의 경계 부분에 [Alt]키를 누른 채 마우스를 클릭하면 클리핑 그룹이 생성됩니다. 클리핑 그룹 생성 후 레이어(Layer)의 속성 값을 Soft Light로 선택하고 Fill 값을 60%로 조정합니다.



 배경이미지 위에 메뉴 텍스트를 입력하여 배치한 후 활성화된 서브메뉴 부분을 제작하기 위해 툴박스에서 사각 마퀴툴(M)을 이용하여 선택영역을 잡아줍니다.