초보자를 위한 포토샵 강좌 43

· 17년 전 · 1435
안녕하세요? 며칠 사이 기온이 많이 내려가 출근 길에 코끝이 시리더군요. 이럴 때일수록 감기 조심하시구요. 카디건 같은 겉옷을 챙겨서 가지고 다니시면 유용하답니다. 오늘 알려드릴 강좌는 여러 장의 이미지 정렬하는 방법에 대해서 입니다. 다른 사람들에게 보여주고 싶은 이미지는 여러 장인데 일반적으로 보면 한 번에 업로드 가능한 이미지는 두 장 정도입니다. 개인서버가 있다면 HTML 소스를 이용하여
이미지를 링크를 걸어두면 다 보여줄 수 있겠지만, 그렇지 않은 분들이 많을 것입니다. 이런 분들은 방법이 있습니다. 포토샵에서 한 바탕에 여러 이미지를 보기 좋게 정렬해서 하나의 이미지로 만들면 됩니다. 그런데 마우스로 여러 장의 이미지를 일정 간격을 두고 나란히 정렬한다는게 쉽지 않은데요. 오늘 강좌를 보시면 클릭 몇 번에 깨끗이 정렬할 수 있습니다. 간단한 방법이지만 알고 있으면 좋은 팁입니다.
따라해 보세요. s( ̄へ ̄)z 후훗~  (프로그램 : 포토샵 7.0)
 

align-1.gif

  새창을 하나 열고 새로운 레이어를  추가하시고 정렬한 이미지를 열어서 붙여주세요. 저는 예제로 도형을 쓰겠습니다. 도형들이 균일하지 않게 나열 되어 있습니다.

align-2.gif

  위 도형들의 레이어의 상태입니다.

align-3.gif

  어떻게 도형들을 간단하게 정렬할까요?

  객체정렬 기능을 이용하면 손쉽게 객체간 수평, 수직, 정렬을 할 수가 있습니다. 정렬하고 싶은 객체가 있는 레이어끼리 연결시켜 줍니다. 정렬 되는 것을 확인해 보기 위해 먼저 빨강네모와 주황네모, 노랑네모를 연결시켜 보겠습니다.


align-4.gif
 

  연결 한후 도구상자에서 Movo Tool을 선택합니다.

align-5.gif

  Movo Tool을 선택하면 옵션 툴바에 왼쪽과 같은 도구 모음이 보일 것입니다.

align-6.gif

  옵션 툴바에 나타나는 도구 모음에서 "distribute vertical centers" 버튼을 선택해 봅니다. 정렬 기준으로 노랑네모가 있는 레이어를 선택했습니다. 

※ 정렬 버튼을 선택하기 전에 기준으로 정할 이미지가 있는
    레이어를 선택하셔야합니다.

align-7.gif

  이 버튼을 선택하면 흩어져 있던 객체가 왼쪽과 같이 각 객체간 수직 간격이 균일하게 배치됩니다.

  즉! A, B 의 간격이 균일해지는 것입니다.  확인이 되지요?


align-8.gif
 

 이번엔 "Align horizontal centers" 버튼을 선택해 보겠습니다.
4가지 도형을 다 연결보겠습니다.

align-9.gif

  선택을 하고 보니 단어 뜻 그대로 객체간 수직선을 기준으로 정렬이 되었습니다. 물론 각 객체가 연결되어 있으므로 이 상태에서 원하는 위치로 한 번에 이동하여 배치 할 수도 있겠지요?

  마우스로 아무 레이어나 선택한 후 클릭한 상태에서 왔다 갔다 해보세요. 같이 움직이지요? 다른 객체 정렬 버튼도 선택해보시고 차이점을 살펴보세요. 앞으로 이미지 정렬은 간단히 할 수 있겠죠?

 

정렬 버튼 선택에 따른 변화

 

align-14.gif

align-10.gif

align-11.gif

align-12.gif

<노랑네모를 정렬 기준>

 

 

 

align-13.gif

align-16.gif

align-17.gif

align-18.gif

<노랑네모를 정렬 기준>

 

 

 

align-15.gif

align-19.gif

align-20.gif

align-21.gif

<주황네모를 정렬 기준>

 

 

 

align-15.gif

align-22.gif

align-23.gif

align-24.gif

<파랑네모를 정렬 기준>

 

 

 

원본: 푸른들 의 블로그
[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
17년 전 조회 2,092
17년 전 조회 3,135
17년 전 조회 3,291
17년 전 조회 4,644
17년 전 조회 1,621
17년 전 조회 2,647
17년 전 조회 2,730
17년 전 조회 1,943
17년 전 조회 2,251
17년 전 조회 1,874
17년 전 조회 2,417
17년 전 조회 3,807
17년 전 조회 3,922
17년 전 조회 2,120
17년 전 조회 1,396
17년 전 조회 1,526
17년 전 조회 1,673
17년 전 조회 1,651
17년 전 조회 1,419
17년 전 조회 1,555
17년 전 조회 1,375
17년 전 조회 1,869
17년 전 조회 2,778
17년 전 조회 1,870
17년 전 조회 1,426
17년 전 조회 1,718
17년 전 조회 2,357
17년 전 조회 1,981
17년 전 조회 1,296
17년 전 조회 5,930
17년 전 조회 3,318
17년 전 조회 3,210
17년 전 조회 2,633
17년 전 조회 2,812
17년 전 조회 2,759
17년 전 조회 3,262
17년 전 조회 2,391
17년 전 조회 2,502
17년 전 조회 2,571
17년 전 조회 2,561
17년 전 조회 2,695
17년 전 조회 3,232
17년 전 조회 2,731
17년 전 조회 1,468
17년 전 조회 2,883
17년 전 조회 1,627
17년 전 조회 1,372
17년 전 조회 2,045
17년 전 조회 1,494
17년 전 조회 1,436
17년 전 조회 1,374
17년 전 조회 1,589
17년 전 조회 2,082
17년 전 조회 1,467
17년 전 조회 1,436
17년 전 조회 1,247
17년 전 조회 1,471
17년 전 조회 1,205
17년 전 조회 1,339
17년 전 조회 1,593
17년 전 조회 1,431
17년 전 조회 1,325
17년 전 조회 1,302
17년 전 조회 1,410
17년 전 조회 1,189
17년 전 조회 1,232
17년 전 조회 1,272
17년 전 조회 1,338
17년 전 조회 1,357
17년 전 조회 1,382
17년 전 조회 1,339
17년 전 조회 1,665
17년 전 조회 2,986
17년 전 조회 3,385
17년 전 조회 1,475
17년 전 조회 1,574
17년 전 조회 1,384
17년 전 조회 2,136
17년 전 조회 3,057
17년 전 조회 1,401
17년 전 조회 1,394
17년 전 조회 1,391
17년 전 조회 1,258
17년 전 조회 1,447
17년 전 조회 1,502
17년 전 조회 1,321
17년 전 조회 2,594
17년 전 조회 1,349
17년 전 조회 1,609
17년 전 조회 1,489
17년 전 조회 1,797
17년 전 조회 1,809
17년 전 조회 1,827
17년 전 조회 1,889
17년 전 조회 1,552
17년 전 조회 1,632
17년 전 조회 1,536
17년 전 조회 1,882
17년 전 조회 1,790
17년 전 조회 1,590