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

* 메인비주얼이란?

메인에서 가장 큰 비중을 차지하는 것이 비주얼 영역이므로 각각의 디자인 시안별 특성에 맞게 디자인합니다. 어떤 비주얼을 제작하느냐에 따라 사이트의 성격, 콘셉트 등이 정해지므로 비주얼 제작에 앞서 정확한 콘셉트를 정하고 그에 부합되는 소스들을 찾거나 제작하여 사이트의 성격을 정확하게 표현하고 디자인 하는 것이 중요합니다.


(1) 자연배경 비주얼 만들기




 자연배경으로 구성된 편집사진을 선택합니다.



 아래와 같이 가로 3단 구성의 메인비주얼을 제작하기 위해 File>New(Ctrl+N)하여 960 X 790 크기의 새로운 문서를 엽니다. 여기서는 메인비주얼 제작 과정만 보여드리도록 하겠습니다.



 편집사진을 불러와 들판과 길과 나무를 적절한 위치에 배치시켜 줍니다. 여기서 자연스런 시선의 흐름을 위하여 눈에 가장 돋보이는 나무를 왼쪽에 배치합니다.



 그밖에 나무와 빌딩 등의 편집사진을 원근감을 고려하여 적당한 비율로 배치시켜 줍니다.



 이번에는 꽃 이미지를 넣었습니다. 편집사진과는 다르게 왼쪽 언덕 전면에 꽃밭을 만들어 주어 좀 더 따뜻하고 밝은 느낌을 주었습니다.



 백그라운드 컬러를 주기 위해 ①번을 클릭하여 새로운 레이어를 생성합니다. ②번의 전경색을 #89B352로 지정하고, 배경색을 #FFFFFF로 지정해 준 뒤, 툴박스에서 Gradient Tool을 선택하여 ③번과 같이 화살표 방향으로 드래그합니다.



 백그라운드 레이어 위에 편집사진에서 구름, 지구물방울, 지도 등을 불러와 배치합니다.



 빛과 바람, 무지개의 효과를 편집사진에서 불러와 레이어 가장 윗부분에 넣어주어 화사하고 생기 있는 비주얼을 만들어 줍니다.



 마지막으로 적절한 위치에 그림과 같이 메인 텍스트를 추가하여 자연 배경 비주얼을 완성합니다.



하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 모바일 한국어 라인 이미지 日本語 라인 이미지 中文 라인 이미지 ENGLISH 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로
디지털콘텐츠 No.1 (주)아사달