초보자를 위한 포토샵 강좌 52 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

초보자를 위한 포토샵 강좌 52 정보

HTML 초보자를 위한 포토샵 강좌 52

본문

 dcinside.com 초보를 위한 포토샵 강좌  51. - 포토샵 5.5와 비교해서 6.0에 추가된 기능에 대해 알아보자.-[1]


   새로운 내용을 알려드릴 때마다 작업하는 버전을 알려드리고 있는데요. 버전마다 차이점이 뭔지하는 생각을 해보셨을겁니다. 그래서 버전마다 추가된 기능에 대해 알려드릴려고 합니다. 버전이 올라갈 때마다 새로운 기능이 생기거나 능률적인 작업이 가능하게 변하기도 했는데 자세히 알아보도록 하지요. 오늘 강좌는 포토샵 5.5에서 포토샵 6으로 업그레이드 되면서 추가된 기능을 살펴보겠습니다.
 

  bu.gif 한눈에 들어 오는 옵션바!

menu-6-1.gif

  6.0 버전의 프로그램을 열었을 때 가장 먼저 눈에 띄는 변화가 아닐까 하네요. "파레트가 어디갔지?" 당황하지 않으셨나요?
상단에 생긴 옵션바는 툴을 선택했을 때 기능옵션의 내용을 한눈에 볼 수 있게 구성이 되었습니다.

  포토샵 5.5의 독립적으로 있던 브러쉬 파레트가 없어지고 옵션 바로 합쳐져 작업에 효률적이고, 작업에 따라 파레트의 수납하는 기능이 생겨 공간을 넓게 쓸 수 있게 되었습니다.

  옵션바들을 살펴볼까요?


- 슬라이스 셀렉트 옵션(Slice Select Tool) : Slice의 높낮이 조절이란 이미지들의 정렬 옵션을 의미하는 것입니다.
 
menu-6-2.gif


- 글라디언트 옵션(Gradient Tool)
 
menu-6-3.gif


- 선택 옵션(Marquee Tool)
 
menu-6-4.gif


- 도형 옵션(Shape Tool) : 자주 만들어 쓰게 되는 도형을 툴로 만들어 놓았습니다.
 
menu-6-5.gif


- 페인트 브러쉬 옵션(Paint Brush Tool):라인이나 그림을 그릴 때 사용하는 툴입니다.
 
menu-6-6.gif


- 레이어 파레트 변화:포토샵 6버전 부터는 레이어가 폴더와 색으로 구분이 가능해졌습니다.

menu-6-7.gif

  레이어 파레트 오른쪽에 위치한 버튼으로 감추고 싶은 Layer를 폴더 하부에 감출 수 있기 때문에 레이어 수가 많은 작업시에 편리합니다. 또한 레이어를 색으로 표시할 수 있게 되어 작업을 구분이 가능합니다. 대화 상자에는 6가지 색이 들어가 있으며 동일한 작업인 레이어들은 같은 색으로 표시해 두면 좋습니다.

 

  bu.gif 이미지 레디에 있던 슬라이스(Slice) 기능이?


  이미지를 분할할 때 사용하는 기능으로 이미지레디에 있던 슬라이스(Slice) 기능이 추가 되었습니다. 정말 편리한 기능이 아닌가 합니다. 슬라이스 기능과 Image Optimizing을 위한 기능, 그리고 HTML 파일 생성을 위한 Save for Web 기능들이 등장했습니다. 

menu-6-8.gif

- 슬라이스 툴 :분할툴을 드래그하여 이미지를 분할합니다.

menu-6-9.gif

- 슬라이스 선택툴 : 분할한것을 선택하는 툴입니다.

 

- 슬라이스 옵션바

menu-6-10.gif

1.Style : 분할 스타일을 설정.
   Normal : 드래그 하는대로 분할
   Constrained Aspect Ratio : 가로와 세로의 비율을 정하면 비율대로 분할
   Fixed Size : 픽셀값을 입력하여 정해진 사이즈로 이미지를 분할

2. Show Slice Numbers : 분할된 영역을 번호로 표시
3. Line Color : 경계선 색상 지정

 

  사용 방법을 예제 이미지에 적용하여 살펴 보겠습니다. 적용 예제에 이미지를 열고 원하는 부분에 마우스의 왼쪽을 누르고 드래그 앤 드롭으로 하면 이미지에선 사각형으로만 선택이 될 것입니다. 선택후 맘에 안든다면 "Delete"키를 누르거나, 마우스의 오른쪽 버튼을 누르면 나타나는 메뉴에서 "delete slice"를 선택하시면 됩니다. 
 

menu-6-12.gif

menu-6-11.gif

  Slice Select Tool 선택한후 이미지 위에서 더블클릭하면 부분마다 이름을 지정할 수 있습니다. 미리정해도 되고 Save for Web메뉴에서 나눈 영역을 선택하고 더블클릭하면 Slice Options 메뉴가 나타납니다. 이때 정하셔도 됩니다.   
 

menu-6-13.gif

 - Slice option : 슬라이스된 각각의 이미지에 html을 코딩할 때 사용하는 옵션
     
Slice Type : Image와 Html에서 선택
     Name : 슬라이스 된 이미지 이름
     URL : 슬라이스 된 이미지 하이퍼 링크
     Target : 하이퍼 링크가 열릴 타켓
     Message Text : 마우스를 위치했을 때의 설명
     Alt Tag : 마우스를 위치했을 때 브라우저 하단에 나타날 설명
     Dimensions : 이미지 크기의 재설정


  슬라이스를 적용한 이미지 저장도 가능한데, 이는 Save For Web에서 합니다. Save For Web은 슬라이스 된 이미지의 저장 뿐 아니라 웹 이미지 저장에 필요한 여러 옵션들로 이미지의 최적화를 지정할 수 있습니다.  

menu-6-14.gif

  
  한번에 다 알려드리면 너무 많죠? 나머지는 다음 강좌에서 알려드리겠습니다. ( ̄皿 ̄)v 캬하하~

     << 2002. 11. 08  김혜진 >>  

원본: 푸른들 의 블로그

[이 게시물은 관리자님에 의해 2011-10-31 16:52:33 Photoshop에서 이동 됨]
추천
0

댓글 0개

전체 1,264
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT