5단원 포토샵 6.0의 새로운 기능

1. 포토샵 6.0의 추가/향상된 메뉴

이번에는 포토샵 6.0의 기본 데스크탑 메뉴를 전반적으로 보면서 변경되고 추가된 내용에 대해 알아보겠습니다.

File 메뉴를 보겠습니다. 파일메뉴는 새로운 작업을 위해 도화지를 열고 또는 닫고 다른 파일을 불러오는 식의 데이터를 관리하는 메뉴들이 있습니다.

주목하실 몇 가지 메뉴를 보시면 Open Recent 라는 파일오픈명령이 새롭게 추가되어 최근 작업했던 이미지를 바로 선택하여 열 수 있습니다.

5.5버전까지 존재했던 Save a copy 명령이 Save as 명령과 통합되었으며 지원포맷이 확장되었습니다.

Print Options메뉴는 출력오류를 막기 위해 새롭게 추가된 기능으로  프린트 전에 최종 프린트될 아웃풋을 확인할 수 있는 메뉴입니다.

Edit 메뉴를 보겠습니다. 편집한다는 의미를 갖고 있는 에디트 메뉴에서는 작업명령을 히스토리 기능으로 실행작업의 전 단계 또는 앞 단계 상태로 돌아갈 수 있는 Step Forward 와 Step Backward 기능이 추가되었습니다.

다음으로 적용한 브러쉬, 펜슬, 그라디언트 등에 페이드를 줄 수 있는 명령이 메뉴에 새롭게 추가되었습니다.  페이드는 적용된 스타일에 투명도를 줄 수 있는 것입니다.

5.5까지는 브러쉬 팔레트에서 관리하던 새로운 모양의 브러쉬 만드는 메뉴 Defind Brush명령이 추가되었으며 새로운 커스텀 쉐이프를 등록할 수 있는 명령이 추가되었습니다.커스텀 쉐이프(Custom Shape는 사용자가 자기스타일대로 펜 툴로 원하는 모양을 패스로 그려서 등록시켜서 저장하여 관리할 수 있도록 해주는 것입니다.)

다음은 Image 메뉴를 보겠습니다.

이미지를 자를 수 있는 트림명령이 새롭게 추가되었습니다.

도큐멘트 사이즈보다 큰 이미지가 합성되거나 레이어가 있을 때 레이어 전체의 크기를 모두 보여주는 Reveal All(리빌 올) 메뉴가 추가되었습니다.

이미지를 왜곡시키거나 일그러뜨릴 수 있는 Liquify 명령이 추가되었습니다.

다음은 Layer 메뉴를 보겠습니다.

Layer Properties 라고 레이어에 이름과 컬러를 설정할 수 있는 메뉴가 추가되었습니다.

새롭게 Fill 레이어가 추가되었습니다. 현재 설정되어 있는 바탕색과 그라디언트와 패턴으로  레이어 층을 만들어주는 기능을 합니다.

5.5버전의 레이어 이펙트 기능이 확장되어 레이어 스타일로 변경되었습니다. 포토샵6.0에 새롭게 추가된 레이어에 다양한 스타일을 적용할 수 있습니다.

5.5 버전에서는 레이어 팔레트의 팝업메뉴에 있던 조정 레이어가 레이어 메뉴에 New Adjustment Layer로 추가되었습니다.

포토샵6.0에서는 텍스트환경이 획기적으로 향상되었습니다. 그에 알맞게 Type 과 Resterize 라는 메뉴에서 문자를 패스로 만들거나 벡터 쉐이프로 바꾸거나, 문자방향전환, 안티 앨리어싱, 패러그래프 문자 텍스트 만들기, 문자 왜곡하기 등의 신 기능이 많이 추가되었습니다.

아래로 내려가면 클리핑패스 만들기 명령이 Clipping Path 로 새롭게 추가되었고 레이어 셋을 선택하여 링크된 레이어들을 잠그는 기능으로 Lock All Layer In Set...명령이 추가되었습니다.

Filter 메뉴는 특별한 변경이 없으므로 여러 가지 이미지 샘플들로 연습을 할 때 다양한 시각효과를 위해 찾아보기로 하고 다음은 View 메뉴를 보겠습니다.

기존의 5.5 버전에서의 Preview메뉴가 향상되어 Proof setup 메뉴로 변경되었습니다. 더불어 Proof setup 에서는 설정된 컬러 셋팅으로 이미지를 보여줍니다.

다음으로 선택영역, 그리드, 가이드 등을 한꺼번에 보이거나 감출 수 있는 Show Extras 명령이 새롭게 추가되었습니다. 개별적으로 관리하던 명령들을 하나의 명령으로 통합시켜 전체 관리를 한꺼번에 할 수 있으며 Show 명령에서 각 기능을 체크하면서 Show Extras 옵션도 설정할 수 있습니다.

참고로 Show Extras 옵션에서 체크된 항목만이 Show Extras메뉴가 적용됩니다.

다음은 New Guide 부분입니다. 작업하는 도화지 위에다 사용자가 원하는 위치를 입력상자에 입력하면 가로 세로 위치를 지정하여 가이드를 만들 수 있는 메뉴입니다.  그밖에 슬라이스가 작업이 되어있는 명령을 잠그고 삭제하는 Lock Slices 와 Clear Slices 메뉴가 있습니다.

이상 데스크탑의 변경된 메뉴를 살펴보았습니다.

2. 벡터쉐이프의 지원과 텍스트 편집기능

포토샵 6.0의 새로운 기능 중 벡터 쉐이프의 사용법에 대하여 알아보도록 하겠습니다.

벡터 쉐이프의 지원

포토샵 6.0 에서는 선과 커브로 이루어진 수치 적용이 가능한 오버젝트 작업인 벡터 그래픽 작업 지원이 되고 있습니다. 벡터 그래픽은 해상도가 독립적이며 사이즈와 컬러 등을 이미지 질 손상없이 조절 할 수 있으며 오브젝트를 쉽게 선택하고 움직일 수가 있습니다.

먼저 툴박스를 보겠습니다.

포토샵 6.0 에서는 툴박스에서 새롭게 쉐이프 툴을 제공하고 있습니다.

쉐이프 툴을 선택합니다.

선택된 쉐이프 툴에서 마우스 오른쪽 버튼을 클릭 하면 팝업 메뉴로 사각형, 원형, 다각형, 선 그리고 사용자 정의의 커스텀 쉐이프 툴을 제공합니다.

이중 한가지를 선택하면 상단의 옵션바에서 각 쉐이프 툴의 옵션을 제공합니다.

예를 들어 사각형 쉐이프 툴을 선택하면 상단 옵션바에서 사각형의 모서리, 둥근 정도, 폭, 높이 등을 설정할 수 있습니다.

여러 가지 메뉴를 연습해 보기 위해 새로운 도화지를 꺼내겠습니다.

File 메뉴를 선택합니다.

New 메뉴를 선택합니다.

New 대화상자에서 가로 400 pixel 세로 300 pixel 이라고 입력합니다.

OK 버튼을 클릭 합니다.

쉐이프 툴을 선택한 상태에서 가장 상단의 왼쪽을 보시면 현재 선택되어진 툴을 보여주고 있습니다.

그 옆의 세 개의 버튼은 쉐이프 툴로 드로잉을 시작하기 전에 선택하여 스타일을 바꾸어 씁니다.

첫 번째 버튼을 누르고 도큐멘트에 드래그를 하면 쉐이프 레이어가 만들어 집니다.

즉 쉐이프에 레이어 스타일이 적용되어 효과를 줍니다. 레이어 팔레트를 보세요. 효과 들어간 층이 보여서 확인하실 수 있습니다. 여러 버튼 이미지를 만들어 쓰기에 좋습니다.

두 번째 버튼을 누르고 작업패스가 만들어집니다. 패스 팔레트를 보시면 작업한 패스가 등록되어진 것을 볼 수 있습니다.

더불어 이 작업패스 버튼으로 화면에 원하는 쉐이프를 만들고 나면 상단의 옵션이 바뀝니다.

Adobe Illustrator와 마찬가지로 기본 쉐이프와 다른 쉐이프를 쉽게 결합시키는 패스파인더 기능을 제공합니다.

합치기, 빼기, 교차하기, 교차영역 제외하기등의 4가지 옵션 중에 원하는 한가지를 선택하여 다른 도형을 추가로 만들면 됩니다.

사각 쉐이프를 선택하여 화면의 도큐멘트에 드래그 합니다.

패스 팔레트를 봅니다.

원형의 쉐이툴을 드래그 합니다. 하지만 드래그하기 전에 왼쪽 패스파인더 버튼에서 어떤 스타일로 적용할 것인지를 골라야 합니다.

임의적으로 세 번째 버튼 Intersect shape areas 버튼을 누르고 드래그를 합니다.

패스팔레트를 보시면 어디가 적용되는지를 아실 수 있습니다.

패스 팔레트에서 만들어진 패스를 팔레트 아래 하단의 Fill 버튼에 드래그 합니다.

패스의 조합에 의한 영역에 색이 들어갔습니다. Undo 명령으로 방금 전의 스타일을 취소시키겠습니다.

상단 옵션바에서 오른쪽 끝의 Dismiss 버튼을 눌러 작업패스를 완료시켜 끕니다.

쉐이프 툴 사용 시 상단 옵션바의 세 번째 버튼을 누르고 드래그 하면 면적에 색상을 칠해서 쉐이프가 만들어집니다.

드로잉 하여 그리기 전 옵션바 오른쪽에서 Opacity를 설정하여그리면 들어가는 색상의 농도를 맞추어 줍니다.

쉐이프 툴 중에서 가장 끝에 있는 커스텀 쉐이프를 선택합니다.

커스텀 쉐이프를 선택하여 그 옆의 Shape 창의 삼각형을 클릭 하면 보다 다양한 형태의 쉐이프를 이용할 수 있습니다.

더불어 사용자가 원하는 형태가 있으면 제공되는 다양한 형태의 쉐이프처럼 만들어서 등록시켜 사용할 수 있습니다.

펜 툴을 선택합니다.

화면의 도큐멘트에 클릭 하여 삼각형을 하나 그리겠습니다.

Edit 메뉴를 선택합니다. Define Custom Shape 메뉴를 선택합니다.

커스텀 쉐이프 등록 대화상자가 나타납니다. 삼각형이라고 이름을 지정하고 Ok 버튼을 클릭 합니다. 만든 삼각형의 패스가 사용자 쉐이프 형태로 등록되었습니다.

우선 툴박스에 방금 전에 만든 삼각형의 모양으로 툴이 바뀌었고 상단의 Shape 창의 삼각형을 클릭 하여 창안을 확인해보면, 맨 아래 등록시킨 삼각형이 있습니다. 더불어 창안의 오른쪽 삼각형을 클릭 하면 팝업메뉴가 떠서 지금의 쉐이프들을 저장하고 불러오고 지우고 재설정 하는 메뉴들이 관리됩니다.

이렇게 자기가 원하는 커스텀 쉐이프를 만들어 쓸 수 가 있는 것처럼, 쉐이프 레이어 스타일도 만들어서 등록시켜 쓰실 수 있습니다.

먼저 화면에 원하는 쉐이프 형태를 만듭니다.  레이어 팔레트에서 레이어 스타일 버튼을 누릅니다.  대화 상자가 뜨면 원하는 스타일 효과를 적용시킵니다.

몇 개가 적용되던 상관없습니다.

효과가 다 적용되었으면 화면의 대화상자에서 New Style 버튼을 클릭 합니다.

New Style 버튼을 클릭 해 주세요.

스타일 만들기 위해 이름을 지정하라는 대화상자가 나타납니다.

임의로 우선 Button 1 이라고 입력하겠습니다. Button 1 이라고 쓰세요. OK버튼을 클릭 하세요.

만든 스타일이 스타일 팔레트에 저장되었습니다.

확인하기 위해 나머지 스타일 창도 Ok버튼을 클릭하고 대화상자에서 빠져 나옵니다.

스타일 팔레트를 선택하여 방금 전에 작업한 스타일 등록되었는지 확인합니다.

스타일 팔레트 가장 끝에 등록되어 있습니다.

이미지로 확인 안되면 스타일 팔레트의 오른쪽 상단의 삼각형을 클릭 하여 팔레트 보기를 Text Only로 선택합니다. 가장 아래 등록한 Button 1 이 있는 것이 보일 것입니다.

더불어 이제 스타일이 등록되었으므로 원하는 쉐이프 모양을 그린 후 이 Button 1 이라는 스타일 골라서 적용하면 모두 같은 스타일의 버튼 효과를 보실 수 있습니다.

화면에 임의의 모양으로 쉐이프 형태를 그렸습니다.

스타일 팔레트에서 Button 1을 클릭 하세요.

또 다른 임의의 쉐이프 형태를 그렸습니다.

컬러가 다릅니다. 쉐이프의 면 색상은 원하는 컬러로 지정하여 넣으시면 그 안에 적용되는 스타일은 또다시 Button 1을 선택하시면 효과는 같습니다.

Button 1을 클릭 하세요.

이렇게 원하는 스타일은 다양하게 만드실 수 있고, 더불어 적용된 레이어 스타일은 레이어 팔레트에서 각 항목들이 보이므로 언제든지 적용된 것을 다시 재편집하실 수 있습니다.

이상으로 벡터 쉐이프 지원에 대한 기능에 대해 알아보았습니다.

텍스트 편집 기능

포토샵 6.0 에서의 가장 획기적인 발전으로 문장 편집 기능을 꼽을 수 있습니다.

입력환경이 전체적으로 향상되어 바뀌었고, 다양한 문자 편집이 가능해 졌습니다.

기존에 5.5 버전에서 텍스트를 입력하기 위해서 뜨던 문자 대화 입력상자가 사라지고 이젠 도큐멘트의 화면에 바로 문자를 입력 할 수 있게 되었습니다.

먼저 Type Tool 이 선택되어지면 화면 상단에 옵션바가 타입 툴 설정으로 제공됩니다.

먼저 옵션바 살펴보겠습니다.

A    B     C          D            E          F            G          H         I     J      K

A: 이 부분은 지금 선택되어져 있는 타입 툴을 표시합니다.

B: 이 부분은 텍스트를 입력할 때 설정하는 것으로 왼쪽의 검정색은 색상이 들어가는 Text Layer 이고 오른쪽은 선택표시로만 입력되는 Selection or Mask Type입니다.

C: 이 부분은 텍스트 입력시 문장의 방향입니다. 가로정렬과 세로정렬을 지정합니다.

D; 이 부분은 텍스트의 폰트 창으로 삼각형을 눌러서 서체 종류를 설정합니다.

E: 이 부분은 폰트의 스타일 지정으로 볼드, 레귤러, 이탤릭 등을 설정할 수 있습니다.

F: 이 부분은 폰트의 사이즈를 조정합니다.

G: 이 부분은 안티 앨리어싱(anti-aliasing)이라고 해서 폰트의 외곽 부분을 부드럽게 해주는 안티 앨리어싱 기능을 설정하는 곳입니다.

H: 이 부분은 텍스트의 정렬을 설정합니다. 왼쪽 정렬, 중앙 정렬, 오른쪽 정렬로 맨 처음 텍스트를 입력하기 위해 화면에 클릭 한 지점으로부터 기준을 맞춥니다.

I: 이 부분은 텍스트의 컬러 설정을 합니다.

J: 이 부분은 텍스트 변형 버튼(Create warped text) 로 변형하고자 하는 텍스트 레이어를 선택한 다음 텍스트 변형 버튼을 눌러 형태를 변형합니다.

K: 클릭 하면 캐릭터(charcter)팔레트와 패러그래프(paragraph) 팔레트를 볼 수 있습니다.

Adobe Illustrator에서 볼 수 있었던 캐릭터(Character) 팔레트와  패러그래프(Paragraph) 팔레트가 제공되어 전문적으로 다양하게 문자나 문장을 편집 할 수 있게 되었습니다.

자 그럼 화면의 빈 도큐멘트에 입력을 하여 설정해 보겠습니다.

타입 툴이 선택되어져 있고 화면에 클릭 했습니다.

달리 창이 뜨지 않고 바로 화면에서 커서가 깜박입니다.

텍스트를 입력했습니다.

상단의 옵션바에서 팔레트 버튼을클릭 해 보세요.

화면에 캐릭터(charcter) 팔레트가 열렸습니다.

화면의 텍스트를 클릭 드래그 하여 전체 선택하겠습니다.

캐릭터 팔레트에서 서체를 바꿉니다.

특정 부분을 선택하여 각 부분별로 색상을 설정하거나 서체를 바꿀 수 있습니다.

색상은 캐릭터(charcter) 팔레트에서 지정하거나 상단의 옵션바에서 설정합니다.

캐릭터 팔레트 옆에 같이 꺼내어진 패러그래프(paragraph) 팔레트를 선택합니다.

패러그래프 팔레트에서는 문장 정렬, 단락 왼쪽과 오른쪽 여백 주기와 첫 행 들여 쓰기, 단락과 단락의 앞/ 뒤 간격 등을 지정할 수 있습니다.

화면의 문장 정렬은 왼쪽 정렬입니다. 중앙정렬 버튼을 누를 때 오른쪽 정렬 때마다 정렬 스타일이 바뀝니다.

이번에는 문자를 변형해 보겠습니다.

화면의 문장을 전체 선택합니다.

상단의 옵션바에서 Create warped text 버튼을 클릭 해 보세요.

warped text 대화 상자가 화면에 나타납니다.

Style 란의 삼각형을 클릭 합니다.

첫 번째 ARC를 선택해 보세요.

화면의 텍스트가 변형된 것이 보입니다.

아래 옵션에서 Horizontal 이 설정되어 있는 것을 Vertical 로 클릭 하세요.

가로스타일이 세로스타일로 변경되었습니다.

다시 Horizontal 로 설정을 바꿉니다.

첫 번째 막대 Bend의 수치를 -50으로 입력합니다.

텍스트의 라운드 설정이 바뀌었습니다.

Horizontal Distortion을 40으로 입력합니다.

수평방향으로 텍스트의 왼쪽 스타일이 작아 졌습니다.

오른쪽으로 드래그 하여 플러스 값일수록 왼쪽의 텍스트가 조여들고 왼쯕 으로 드래그 하여 마이너스 값일수록 오른쪽 텍스트 폭이 조여듭니다.

다시 기본 값으로 돌려놓았습니다.

이번엔 Vertical Distortion을 40으로 입력합니다.

Vertical Distortion 은 수직 방향으로 텍스트의 폭을 위아래 플러스와 마이너스 값에 따라

폭이 조여드는 텍스트 변형을 만듭니다.

Bend의 수치를 0으로 입력하면 웨이브가 없이 직선으로 설정되어 텍스트가 뉘여 있는 듯한 변형을 가져옵니다.

그 밖의 나머지 스타일들도 차례로 선택하여 적용을 시켜 보도록 하세요.

Cancel 버튼을 클릭 합니다.

레이어 팔레트를 보시면 텍스트를 올려놓은 텍스트 레이어가 형성되어 있습니다.

여기에서 이전에 했던 Create warped text으로 텍스트에 변형효과가 들어가 있으면 팔레트의 레이어 텍스트  T표시가 Create warped text 가 들어갔으므로 변경되어 보입니다.

모든 것을 지우고 새로운 텍스트를 설정해 놓겠습니다.

끝으로 텍스트 레이어는 일반 레이어와 분리되어 독립적으로 텍스트 편집 가능한 레이어 이지만, 상단의 Layer 메뉴 Rasterize에서 Type을 설정하여 일반 이미지 레이어로 변경 시킬수 있습니다.  레이어 팔레트를 보시면 T 자가 상징적으로 표시되던 텍스트 레이어어가 T자가 빠지고 일반 레이어가 되어있음을 확인 할 수 있습니다.

또 하나 새롭게 추가된 기능으로 타입을 작업 패스로 형성시키는 Layer 메뉴 Type 의 Create Work Path 가 있습니다. 패스 팔레트도 보시면 패스가 등록되어 있습니다.

이상으로 텍스트 환경에 대해 살펴보았습니다.

3. 레이어의 향상된 기능과 기타 향상된 기능

레이어 팔레트의 향상된 레이어 관리 기능에 대하여 알아보도록 하겠습니다.

포토샵 6.0 에서는 레이어 기능이 많이 향상되었습니다.

먼저 이미지를 하나 꺼내어 레이어 팔레트를 보겠습니다.

화면에 이미지가 띄워진 상태에서 레이어 팔레트를 보시면 작업된 레이어 스타일 보입니다.

우선 가장 먼저 보실 수 있는 것이 레이어 셋(Set) 기능 설정입니다.

다양하게 이미지를 편집하다보면 레이어가 수 십개 수 백개가 생길 수 있습니다.

이런 작업 상태에서 많은 레이어 층을 관리하는데 있어서 연관된 것들을 쉽게 찾아가고 지정 할 수 있도록 레이어 셋을 만들어 보관 관리 할 수 있습니다.

그리고, 여러 개를 묶어서 관리하는 레이어 셋에도 레이어 마스크, 불투명도 Opacity, 블랜드 모드 등을 지정할 수 있습니다.

화면의 레이어 팔레트를 보시니 팔레트 안에 폴더 그림이 들어 있습니다. 이것이 레이어 셋입니다.

각 폴더그림의 레이어 셋의 삼각형을 클릭 하여 열어보면 그 안의 내용들 즉 레이어 들을 보실 수 있습니다.

더불어 그 안에 f 라는 이니셜이 새겨진 즉 이전버전에서 이펙트라고 불리던 레이어 스타일에도 삼각형이 있어서 눌러 보면 적용된 스타일의 내용도 알 수 있습니다.

레이어 셋은 하단의 아이콘에서 폴더 모양으로 생긴 아이콘 그림을 클릭 하여 만들 수 있습니다.

지시하는 곳을 클릭 하세요

레이어 팔레트에 새로운 레이어 셋이 추가되었습니다.

만들어진 레이어 셋 층을 마우스로 더블 클릭 합니다.

그러면 화면에 Layer Set Properties  대화상자가 나타납니다.

임의로 만들어 보는 것이니 이름을 1 이라고 입력하고 원하면 컬러 설정 삼각형을 클릭 하여 Red 로 설정하겠습니다. OK버튼을 클릭 하세요.

화면의 레이어 셋이 1 이라는 이름으로 지정되었고 더불어 1이라는 레이어 셋 층은 그 포함하는 모든 레이어 층수를 붉은 색으로 설정합니다.

새로운 레이어를 만들어 보겠습니다.  Create a new layer 버튼을 클릭 합니다.

만들어진 새로운 레이어가 1 이라는 레이어 셋 속으로 포함됩니다.

만들어진 레이어 셋 1을 클릭 드래그 하여 휴지통으로 버립니다.

다시 레이어 팔레트를 살펴보겠습니다.

가장 상단에 4개의 Lock 옵션이 추가되었습니다.

Lock Transparent Pixels을 체크하면 투명영역을 보호한 채 작업을 수행합니다.

Lock Image Pixels 은 해당 레이어의 이미지 픽셀이 변경되는 것을 제한합니다.

투명한 영역을 보호함과 동시에 레이어 모드와 불투명도, 레이어 이동을 제외한 대부분의 이미지 편집이 불가능해집니다.

Lock Position 은 레이어의 이동이 불가능해집니다.

Lock all 은 앞의 세 가지 기능을 제한합니다. 이 옵션이 체크되면 앞의 세 가지 기능이 활성화되지 않습니다.

팔레트 하단을 보겠습니다.

하단에는 레이어 셋 아이콘 추가 외에도 포토샵5.0 버전부터 추가된 이펙트 기능이 몇 가지 더 추가 향상되어 Layer Style 이라는 이름으로 하단에 아이콘이 추가되었습니다.

쉽고 빠르게 찾아갈 수 있게 되었습니다.

마지막으로 포토샵4.0에서 처음 소개된 조정 레이어 기능의 Adjustment Layer 설정 또한 하단의 아이콘 메뉴로 변경되어 등록되었습니다.

이상으로 변화된 레이어 팔레트에 대해 알아보았습니다.

포토샵 6.0 에서는 직접 글로 작성한 노트나 음성을 녹음한 주석을 첨부할 수 있는 주석 기능이 추가되었습니다.

자신이 작업한 파일을 다른 동료에게 보내거나 클라이언트에게 보낼 때 직접 글 또는 음성으로 필요한 사항을 주석으로 남길 수 있어서 매우 요긴합니다.

화면에 샘플 이미지를 하나 꺼내겠습니다.

툴박스에서 노트 툴을 선택합니다.

상단의 옵션바에서 Author 란에 이름과 서체와 서체크기 그리고 오른쪽에서 노트 아이콘 컬러을 지정합니다.

화면에 와서 노트를 삽입하고자 하는 위치에서 클릭 하거나 클릭 드래그 합니다.

지시하는 곳을 클릭 하세요.

화면에 노트가 제공되었습니다.

제공된 노트에 텍스트를 입력합니다.

텍스트 입력이 끝난 상태면 오른쪽 상단의 사각형을 눌러 창을 닫습니다.

텍스트를 읽으려면 아이콘을 더블 클릭 합니다. 더블 클릭 하세요.

이런 식으로 첨부된 주석을 관리합니다.

참고로 오디오 주석 툴은 음성으로 녹음할 때 기록하여 사용합니다. 이 경우는 사용자의 컴퓨터에 마이크로폰 입력장치가 설치되어 있어야만 가능합니다.

웹디자이너에게는 필수 도구인 포토샵은 포토샵 6.0으로 버전 업 되면서 시간을 절약하면서 생산성을 높여 줄 수 있는 여러 기능들을 새롭게 추가했습니다.

그 대표적인 기능이 툴박스에 있는 슬라이스 툴(Slice Tool)입니다.

슬라이스라는 이 도구는 포토샵 5.5 까지는 이미지레디에만 있었지만, 포토샵6.0 에서는 툴박스에 추가되어 이미지레디에서만 가능했던 이미지 슬라이싱이 가능해졌습니다.

슬라이스는 크고 복잡한 이미지 파일들을 사각형으로 작게 분할하는 것으로 분할된 이미지들에 링크, 롤 오버, 애니메이션 등의 효과들을 줄 수 있으며 이미지를 웹에 맞도록 최적화 할 수 있습니다.

슬라이스 툴의 기능으로는 이미지 영역에 사각형 툴을 드래그 하여 사용자가 원하는 대로 이미지를 자를 수 있으며, 포토샵에서 사용자 임의로 이미지 분할을 하지 않더라도 자동 분할 (autoslices) 기능으로 HTML 테이블을 형성하여 함께 내보내기 할 수 있습니다.

이미지를 하나 꺼내 보겠습니다.

상단의 옵션바가 슬라이스 툴의 환경으로 설정되었습니다.

상단 옵션바에서 Style란의 삼각형을 클릭 합니다.

Normal 은 슬라이스 툴을 이미지에 드래그 하여 슬라이스 사이즈를 원하는 대로 드래그 하여 정합니다.

Constrained Aspect Ratio 는 일정한 비율대로 슬라이스 할 이미지의 가로세로가 정해집니다.

Fixed Size 는 가로 세로 픽셀을 입력하면 수치대로 이미지가 슬라이스 됩니다.

스타일을 결정했으면 이미지에 드래그 합니다.

지시하는 방향으로 클릭 드래그 하세요.

Shift 키를 누르고 드래그 하면 클릭지점을 모서리로 정사각형으로 이미지가 슬라이스 되며 Alt 키를 누르면서 드래그 하면 클릭지점을 중심으로 이미지가 슬라이스 됩니다.

화면의 이미지에 슬라이스로 잘라서 나누어진 슬라이스 라인이 보입니다.

슬라이스 툴을 오래 누르고 있으면 숨겨진 다른 툴이 더 보입니다.

slice select tool을 선택합니다.

화면에 와서 슬라이스된 이미지의 경계선 라인을 슬라이스 선택 툴로 클릭 드래그 하면 잘라진 이미지 라인들의 위치도 재 설정 할 수 있습니다.

상단의 옵션바를 보시면 슬라이스 옵션 버튼이 있습니다. 그 버튼을 클릭 하시거나 또는 슬라이스 선택 툴로 잘라진 이미지들을 보시면 분할된 각각의 이미지 왼쪽 상단에 번호가 붙어 있습니다. 1번 이미지에 1번이란 숫자를 마우스로 더블 클릭 합니다.

화면에 슬라이스 옵션 대화상자가 나타납니다.

이 대화 상자에서는 자른 이미지에 각각 파일 이름, URL , 링크, Alt 태그나 자바 스크립트 메시지를 할당 할 수 있습니다.

그래픽 환경이 지원되지 않는 웹 브라우저에서는 Alt 태그에 입력한 텍스트가 나타나게 합니다.

살펴봤으면 Cancel 버튼을 클릭 합니다.

File 메뉴를 선택합니다.

Save For Web 메뉴를 선택합니다.

대화상자가 떴습니다.

Save For Web 으로 저장 할 때 각각의 자른 이미지를 선택하고 다른 최적화 설정 값을 적용할 수 있습니다. 예를 들어 텍스트와 단색영역에는 GIF를 설정하고 이미지 영역에는 JPEG를 설정 값을 적용할 수 있습니다.

OK버튼을 클릭 합니다. 저장할 하기 위한 대화 상자가 나타납니다.

바탕화면에 저장합니다.

하단의 파일 형식은 HTML과 Images가 설정되어 있습니다.

Save 버튼을 클릭 하세요.

저장이 되고 다시 이미지 화면으로 돌아 왔습니다.

저장된 파일을 확인하기 위해 위치를 잠시 바탕화면으로 바꾸겠습니다.

해변2 라는 HTML 문서와 Image 폴더가 있습니다.

Image 폴더를 더블 클릭 하세요. 이미지 폴더 창이 열리고 그 안에 앞서 포토샵에서 슬라이스 된 세 개의 파일이 있음을 알 수 있습니다.

해변 2 라는 HTML 문서를 더블 클릭 합니다.

Web 으로 저장된 이미지들이 익스플로러 환경에서 한 장의 이미지로 세팅되어져 있습니다.

이상으로 가장 핵심적인 포토샵의 추가 향상되어 변화된 기능들에 대해 알아보았습니다.

이외의 나머지 것들은 앞으로 시작할 다양한 학습 예제를 통해 접해 보기로 하겠습니다.