포토샵 기초5 분할 영역 병합하여 저장하는 방법

포토샵 기초5: 분할 영역 병합하여 저장하는 방법에 대해 알아보자. 웹사이트의 이미지를 자유자재로 분할하고 병합할 수 있는 방법이다. 포토샵으로 이미지를 자르고 합친 후 HTML로 병합된 부분에 링크를 연결할 수 있다. 포토샵을 이용하여 간단한 방법으로 이미지를 자르고 합쳐 보자.

 

 

 

 

포토샵 기초5 분할 영역 병합하여 저장하는 방법>

 

 

1.안내선으로 원하는 이미지의 분할 영역을 잡아준다.    

 

 

 

A, B, C의 부분을 안내선과 상관 없이 하나로 병합하여 자르고 싶다면 어떻게 해야 할까? 그 부분의 안내선으로 분할된 부분을 병합하는 작업이 필요할 것이다. 포토샵에서는 이 작업이 가능하다.

 

 

2. 자르기 도구 하위 도구인 [분할 영역 도구]를 선택한다.

상단의 [안내선에서 분할 영역 만들기]를 클릭한다.

 

 

 

 

[안내선에서 분할 영역 만들기]를 클릭하면 위와 같이 안내선의 모든 부분이 분할되어 있다.

 

 

 

3. 도구에서 [분할 영역 선택 도구]를 선택한다.

 

 

A부분의 1,2,3,4로 분할된 영역을 하나로 만드는 방법이다.

4.  1,2,3,4 부분을 [shift]를 누른 채로 하나씩 클릭한다.

 

 

 

5. 클릭한 후 마우스 왼쪽 버튼을 누른다.

그러면 위와 같은 메뉴가 뜬다.

 

 

 

6. [분할 영역 결합]을 선택한다.

그러면 1,2,3,4 부분이 하나로 병합된다.

 

 

 

같은 방법으로 분할되어 있는 B부분을 병합시킨다.

 

 

 

 

 C부분도 병합시킨다.

 

 

 

7. [웹용으로 저장]한다.

 

 

 

8. [모든 분할 영역]으로  둔 후 저장한다.

 

 

 

그러면 images라는 폴더 안에 포토샵에서 분할되었었으나 병합된 이미지가 하나의 이미지로 잘려져 있을 것이다.

 

 

분할 영역을 지우고 싶을 때는 [보기]에서 [분할 영역 지우기]로 하면 된다.

 

다음 시간에는 포토샵으로 분할 병합한 이미지를 가지고 HTML테이블을 구성하여 웹페이지을 만드는 방법을 알아보겠다.

 

 

2017/06/06 - [Web Standards Study] - 웹표준 Web Standards 이란? W3C의 권고안을 준수한다는 것

2017/06/07 - [Web Standards Study] - 닷홈 이용하여 웹표준 공부하기

2017/06/20 - [Web Standards Study] - ftp 서버 프로그램 추천, 파일질라 File Zilla

2017/06/26 - [Jobs & license] - 웹디자인기능사 자격증 Qnet원서접수 필기 합격

2017/07/02 - [IT & APP] - 크롬Chrome 시크릿모드 자동실행 설정 방법 --incognito

2017/07/04 - [Web Standards Study] - 독학으로 웹사이트 만들기, 워드프레스 간단하게 설치