2단원 툴박스 I

1. 툴의 사용방법

이번 학습에서는 포토샵의 툴박스와 그에 따른 옵션 그리고 팔레트에 관하여 자세히 알아보도록 하겠습니다.

포토샵의 툴박스는 여러 가지 툴(Tool)을 하나의 박스 형태로 모아놓은 공간입니다.

각각의 툴은 이미지 작업을 하는데 필요한 각종 브러시나 지우개, 그 밖의 도구들과 같은 역할을 합니다. 자주 사용하는 툴들은 단축키를 이용하여 사용하면 더욱 편리합니다. 툴박스는 마우스 클릭으로 선택 할 수 있으며 해당 툴박스에 마우스를 약 1초간 올려놓으면 각 툴들의 이름을 볼 수 있습니다. 그리고 우측하단에 삼각형 모양이 있는 툴들은 그와 관련되고 유사한 확장 툴이라고 할 수 있습니다. 이 툴들은 각 툴들을 클릭하고 있으면 나타납니다. 자 그럼 이제부터 하나하나 툴들을 자세히 살펴보도록 하겠습니다.

가장 먼저 선택 툴입니다.

선택 툴은 작업할 영역을 선택할 때 사용하는데 이 기능은 이미지에서 특정 영역에만 작업을 적용할 경우에 많이 사용됩니다.

선택 툴의 종류에는  "사각 선택 툴", "원형 선택 툴", "단일 행 선택 툴"등이 있습니다.

우선 사각 선택 툴은 직사각 형태로 선택영역을 지정할 때 사용합니다. 선택영역 이 지정되면 해당 영역에만 작업을 적용시킬 수 있고, 해당영역을 사각형태로 복사 할 수 있습니다.

원형 선택 툴은 원 형태로 선택영역을 지정 할 때 사용합니다.

단일 행 선택 툴입니다. 수평선 형태로 1Pixel 크기의 라인을 선택 할 때 사용하는 기능입니다.

선택 툴의 옵션바를 살펴보겠습니다. 이 부분은 선택 영역을 추가 또는 감소 및 중복 영역을 선택할 수 있는 기능들입니다. 기존버전에서는 5.5에서는 ctrl키(추가)나 alt(감소)키, 또는 ctrl키와 alt키를 같이(중복영역 선택)누르면서 영역을 선택하였습니다. 그러나 6.0에서는 이와 같은 단축키와 더불어 옵션바에서도 동일한 기능을 제공합니다. Feather는 선택 영역 테두리의 부드러운 정도를 결정해 주며, 수치가 클수록 많이 부드러워 집니다. 그리고 Anti-aliased를 결정해 주는 옵션이 있습니다. 이는 원형 선택 툴일 때만 활성화됩니다.

다음은 style입니다. 스타일을 사용하면 영역선택을 비례대로 할 수도 있고 수치 란에 입력한 수치만큼만 선택영역을 결정할 수도 있습니다.

이와 관련된 예제를 배워보겠습니다.

화면에 새로운 도큐멘트가 있습니다.

별표부터 별표까지 드래그 합니다. 선택영역이 나타납니다.

옵션바의 Add to Select 아이콘을 클릭 합니다. 지시하는 곳으로 마우스를 드래그 합니다. 선택영역이 추가된 것을 알 수 있습니다.

Subtract from Selection 버튼을 클릭 합니다. 지시하는 곳으로 마우스를 드래그 합니다. 선택영역이 제외되었습니다.

Feather 옵션에 대해 실습해 볼까요. FILE에서 OPEN을 선택합니다.

Open 대화상자가 나타납니다. 지시하는 이미지를 선택한 후 열기 버튼을 누르세요.

원형 선택 툴을 클릭 합니다.  Feather 란에 20을 입력합니다.

지시하는 부분으로 마우스를 드래그 합니다.

Select 메뉴에서 Inverse를 선택합니다. 선택영역이 반전되었습니다.

키보드의 Delete 버튼을 클릭 합니다. 배경색으로 선택되어진 Feather 옵션으로 인하여 부드럽게 지워졌습니다.

다음은 이동 툴에 관하여 알아보겠습니다.

이동 툴은 이미지를 이동시킬 때 사용하는 툴입니다.

이동 툴을 선택하면 상단 옵션바가 변화된 것을 보실 수 있습니다. 이는 포토샵 6.0으로 버전 업 되면서 기존에는 팔레트 형태로 제공되던 옵션이 상단 옵션바로 모두 통합된 것을 알 수 있습니다.

이동 툴의 옵션을 살펴보겠습니다. Auto Select Layer은 여러 장의 레이어로 구성된 이미지에서 작업할 때 레이어를 선택하고 움직이지 않고도 움직이고 싶은 그림 위에 커서를 위치시키고 움직이게 되면 자동으로 해당 레이어가 선택되어 움직이게 됩니다.

Show Bounding Box는 6.0의 새롭게 추가된 기능으로 이것을 체크하게 되면 이미지를 중심으로 8개의 점이 나타나는데 오브젝트의 크기, 회전, 각도 등을 자유자재로 조절할 수 있습니다. 오브젝트의 이동과 변형을 동시에 할 수 있는 옵션입니다. 다음은 레이어 정렬 옵션입니다. 아이콘의 모양과 같이 레이어들을 정렬하여 줍니다. 레이어 정렬 옵션을 사용하려면 레이어 팔레트에서 링크를 걸어주어야 합니다. 또는 선택영역이 있어야만 사용가능 합니다.

농구공 레이어를 선택합니다.

농구공 위에 마우스를 올려놓은 후 지시하는 방향으로 마우스를 드래그 합니다.

농구공의 위치가 변경되어진 것을 볼 수 있습니다.

다음은 Auto Select Layer 옵션을 체크합니다.

지금은 농구공 레이어가 선택되어져 있습니다.

축구공 위에 마우스 커서를 올려놓은 후 지시하는 곳으로 드래그 합니다.

결과 Auto Select Layer옵션을 활성화하면 해당 레이어를 레이어 팔레트에서 선택하지 않고도 원하는 레이어를 움직일 수 있습니다.

Show Bounding Box옵션을 체크합니다. 오브젝트 주위로 8개의 점이 나타납니다.

하나의 점을 키보드의 Control(콘트롤) 버튼을 누른 상태에서 드래그 하여 봅니다. 엔터 키를 누릅니다.

축구공의 모양이 변형되었습니다.

다음은 축구공의 top 부분을 중심으로 농구공의 top 부분을 정렬 해보겠습니다.

우선 농구공과 레이어를 링크 시킵니다. 정렬아이콘들이 활성화되었습니다.

좌측의 Align top edges 버튼을 클릭 합니다. 오브젝트들이 정렬된 것을 확인 할 수 있습니다. 다른 정렬 방법들도 직접 실습해 보시기 바랍니다.

다음은 올가미 툴입니다.

올가미 툴은 선택 툴로 올가미 툴, 다각형 올가미 툴, 자석 올가미 툴이 있습니다.

3개의 툴은 비슷한 기능입니다. 우선 올가미 툴은 마우스로 선택할 부분을 드래그 하여 선택을 합니다. 자유자제로 여러분들이 선택하고 싶은 부분을 드래그 하여 선택할 수 있습니다.

다각형 올가미 툴은 마우스의 클릭과 클릭으로 시작점과 끝나는 점을 직선으로 연결하여 다각형 형태로 선택할 수 있습니다.  자석 올가미 툴은 색상의 차이가 확실하게 나는 이미지를 편하게 선택할 수 있는 툴입니다.

첫 시작점만 마우스로 클릭하고 나서 마우스로 선택하고 싶은 이미지의 모양대로 마우스를 움직이면 됩니다. 최종적으로 더블 클릭 하면 시작점과 직선으로 연결되는 선택영역이 됩니다. 상단의 옵션은 선택 툴과 동일합니다.

다음은 마술 봉 툴에 관하여 알아보겠습니다.

이 툴 역시 선택 툴입니다. 같은 색상을 한번에 선택영역으로 지정할 떄 사용합니다.

선택범위는 옵션팔레트의 Tolerance(톨로런스)에서 지정합니다. 수치 값이 높을수록 인접색상을 비슷하게 인식하여 클릭 할 때 선택영역이 넓어집니다.

Use All Layer는 레이어가 여려 개 있을 경우 체크하면 레이어의 구분 없이 선택영역으로 만듭니다. 체크를 하지 않을 경우엔 선택되어진 레이어의 색상만을 구분하여 선택영역으로 만듭니다.

선택영역을 지정해 보겠습니다.

지시하는 부분을 클릭 합니다. 인접색상이 선택되어졌습니다.

그럼 인접 범위 색상을 더욱 넓혀 보겠습니다. Tolerance(톨로런스)값에 100을 입력합니다.

지시하는 부분을 클릭 합니다. 인접색상의 선택영역이 더욱 넓어 진 것을 확인할 수 있습니다.

Select 메뉴에서 Deselect를 선택하여 선택부분을 해제합니다.

Contiguous 항목의 옵션은 체크하여 풀어주고 Use All Layer 옵션은 체크하여 활성화합니다.

지시하는 부분을 선택합니다. 백그라운드 레이어에 있는 오리의 컬러와 레이어 1에 있는 오리발의 레이어 색상까지 레이어의 구분없이 근접한 색상들은 모두 선택이 되는 것을 알 수 있습니다.

다음은 자르기 툴입니다.

자르기 툴은 이미지를 자를 때 사용하는 툴입니다.

자르기 툴의 상단 옵션은 자르기 툴을 선택할 때와 선택하고 나서 이미지 상에 자를 부분을 드래그 하였을 때의 2가지 경우로 옵션이 나누어집니다.

상단의 옵션바를 살펴볼까요? Width, Hight는 자르고 난 뒤의 이미지 크기를 설정할 수 있습니다.  Resolution(레졸루션)은 잘려지고 난 후의 해상도를 설정합니다. Front Image(프론트 이미지)는 Width, Hight, Resolution을 전부 입력하여 사용자가 이미지 위에서 드래그 하여 자르면 입력되어진 수치의 크기로 이미지가 잘려집니다.

다음은 이미지 상에 드래그 하였을 경우 나타나는 옵션바를 살펴보겠습니다.

스테이지에 이미지가 있습니다. 이미지 위에 지시는 곳을 드래그 하여 선택합니다.

자를 영역이 선택되고 난 후 자르기 툴 옵션바가 변화되었습니다.

옵션을 살펴볼까요? 왼쪽부터 Shield cropped area Color (쉴드 크롭 에어리어 컬러) 는 체크 시 잘려져서 사라지는 곳의 색상을 표시하고 원하는 색상으로 변경할 수도 있습니다.

Opacity(오퍼서티)는 잘려질 부분의 표시색상의 투명도를 설정합니다.

Perspective(퍼스펙티브)는 체크 시 자르는 툴의 조절점을 움직일 수 있습니다.

Cropped Area는 잘려지는 부분의 이미지를 삭제할 것인지 아니면 숨겨줄 것 인지의 여부를 결정합니다. 숨겨진 부분을 다시 보이게 하려면 Image 메뉴에서 Reveal all(리빌 올)을 선택하시면 됩니다.

Color를 선택합니다.  Color Picker(컬러 픽커)창이 나타납니다.

적색을 선택합니다. ok 버튼을 누릅니다. 자려져 나갈 부분의 색상이 변경되었습니다.

Opacity(오퍼서티)에 50을 입력합니다. 적색부분이 좀 더 투명해 졌습니다.

Perspective 옵션을 체크하여 줍니다.

조절점을 드래그 하여 이동시킵니다. 엔터 키를 누릅니다.

이미지에 Perspective 옵션이 적용되어 액자가 투시된 것 같이 보이는군요.

이렇듯 포토샵 옵션을 잘 적용하면 재미있는 효과를 얻을 수 있습니다.

지금까지 포토샵의 툴 들중 선택, 이동, 올가미, 마술봉, 자르기의 사용방법과 그에 따른 옵션바의 변화를 살펴보았습니다.

2. 툴의 사용방법

이번 학습에서는 툴박스에서 슬라이스, 에어브러쉬, 페인트 브러쉬, 도장 툴, 히스토리 브러쉬 툴 등에 관하여 알아보도록 하겠습니다.

다음은 슬라이스 툴입니다.

슬라이스 툴은 이미지를 분할 할 때 사용하는 툴입니다.

슬라이스 툴은 홈페이지에 올릴 이미지를 작업할 때만 사용하는 툴입니다.

분할한 이미지를 저장할 때에는 Save for Web으로 저장을 해야 합니다. 그러면 Html 파일과 Image 라는 폴더가 생기며 폴더 안에 분할된 이미지가 저장되어 집니다.

슬라이스 셀렉트 툴은 슬라이스 툴로 분할한 영역을 선택 편집하는 툴입니다.

옵션바의 슬라이스 옵션 메뉴에서는 웹 에디터 프로그램처럼 간단한 링크와 태그 등도 설정할 수 있습니다.

슬라이스 툴을 선택합니다.

버튼 1에 슬라이스 툴을 적용합니다. 지시하는 곳으로 마우스를 드래그 합니다.

버튼 2, 3, 4도 같은 방법으로 적용합니다.

슬라이스 셀렉트 툴을 선택합니다. 버튼 1의 슬라이스를 클릭 합니다.

슬라이스 옵션 버튼을 클릭 합니다. 슬라이스 옵션 대화상자가 나타납니다.

URL 부분에 http://kr.yahoo.com이라고 입력합니다. 이렇게 입력하여 주면 나중에 웹 에디터에서 별도로 입력하지 않아도 됩니다. 이 외에 메시지 텍스트와 태그 명령도 입력 가능합니다.

OK 버튼을 누르세요. 이때 분할한 이미지를 저장할 때에는 Save for Web으로 저장을 해야 합니다.

File 메뉴에서 Save for Web을 선택합니다.

왼쪽 툴의 슬라이스 셀렉트 툴을 선택합니다.

1번 슬라이스를 선택합니다. 슬라이스를 선택하면 우측의 세팅에 이미지의 정보를 보여줍니다.

하단의 익스플로러 아이콘을 클릭하여 Preview 화면을 보겠습니다.

익스플로러가 구동되어 미리 볼 수 있으며 그 밑에는 HTML 소스도 나타내어 줍니다. 버튼 1을 클릭 합니다.

버튼 1이 야후 코리아 사이트와 링크 되어진 것을 볼 수 있습니다.

이젠 간단한 링크작업은 포토샵에서도 가능해져 효율적으로 사용한다면 작업 시간을 단축하는데 큰 도움이 될 것입니다.

다음은 에어브러쉬 툴입니다.

이 툴은 이미지에 색상을 칠해주는 툴로 미술용품의 에어브러쉬와 같다고 생각하시면 됩니다.

자 그럼 옵션바를 살펴볼까요. 우선 왼쪽부터 브러시의 크기와 모양을 설정하는 곳입니다.

이곳에는 새로운 브러쉬를 만들어 등록하여 사용할 수 도 있습니다. 그리고 모드를 결정할 수 있는 옵션이 있습니다. 이는 레이어 팔레트 옵션에 있는 효과와 동일하다고 생각하시면 되는데 이는 레이어 간의 색상에 따라  겹쳐 보이는 방식에 차이가 있습니다.

그리고 Pressure(프레셔)는 색상의 진하기를 결정할 수 있습니다.

Brush Dynamics(브러쉬 다이나믹스) 버튼에서는 색을 칠할 때의 뒷부분에 관련된 옵션들을 제공합니다.

우선 새로운 브러쉬를 만들어 보도록 하겠습니다. 브러쉬 선택상자의 옵션을 선택합니다.

우측상단의 아이콘을 클릭 합니다.

이 곳에는 New Brush는 새로운 브러쉬를 만듭니다. 그리고 Reset, Load, Save,  Replace는 브러쉬 팔레트의 초기화, 불러오기, 저장 등에 관한 메뉴이며 그 아래 부분에는 브러쉬의 이름을 변경하거나, 지울 수 있는 메뉴가 있고, Thumbnail(썸네일) 부분은 브러쉬 팔레트를 보여주는 방법을 지정하는 메뉴입니다.

그 밑에 부분에는 포토샵에서 지원하는 여러 가지 브러쉬 팔레트들이 있습니다.

New Brush를 선택합니다. New Brush설정 창이 나타납니다.

Diameter는  브러쉬의 크기를 지정하고 Hardness(하드니스)는 브러쉬 외곽의 부드러운 정도를 결정합니다. Spacing은 브러쉬가 연속적으로 칠해질 때의 간격을 표시합니다. 그 아래 Angle(앵글)과 Roundness(라운드니스)의 값은 브러쉬의 각도와 타원의 정도를 결정합니다.

Diameter(다이어미터) 값에 40을 입력합니다. Hardness 값에는 50을 입력합니다. ok 버튼을 클릭합니다.

자 그럼 브러쉬가 새로 등록된 브러쉬로 변경된 것을 확인하실 수 있습니다.

브러쉬 모양을 클릭 해보세요. 방금 등록한 브러쉬 대화상자가 나타나며 언제든지 수정할 수 있습니다.

브러쉬 옵션 아이콘을 클릭 해 보세요.

브러쉬 팔레트 하단에 새로 만든 브러쉬가 등록된 것을 확인 할 수 있습니다.

이번에는 좀 더 색다른 브러쉬를 한 번 만들어 볼까요? 이미지를 불러들였습니다.

Select 메뉴에서 All을 선택합니다. Edit 명령의 Define brush(디파인 브러쉬)를 선택합니다. ok 버튼을 선택합니다.

브러쉬 모양이 변경되었습니다.

그럼 새로운 도큐멘트를 열겠습니다. 도큐멘트 이미지 위에 마우스를 오려 놓습니다.

브러쉬 모양이 토끼모양으로 변경되어진 것을 알 수 있습니다.

지시하는 부분을 클릭 해 보세요. 브러쉬가 적용되어진 것을 볼 수 있습니다.

이번에는 모드에 관해 알아보도록 하갰습니다.

이미지를 열겠습니다. Normal 모드입니다. 전경색을 적색으로 변경합니다.

마우스를 지시하는 곳으로 드래그 하여 적용하여 봅니다.

모드를 Dissolve(디졸브)로 변경합니다. 차례로 다른 모드들도 적용하여 봅니다.

어때요? 같은 브러쉬도 배경이미지의 컬러와 브러쉬 모드에 따라 적용되어지는 것이 다르다는 것을 알 수 있습니다. 여러분들도 직접 많은 실습을 해 보면서 익혀보시기 바랍니다.

이번에는 페인트 브러쉬와 연필 툴에 관해 알아보겠습니다.

페인트 브러쉬 툴은 에어브러쉬와 효과면 에서 거의 비슷합니다. 그러나 에어브러쉬처럼 농담의 변화는 줄 수 없습니다. 상단 옵션바를 보세요. 이미 이전에 익혔던 에어브러쉬 툴과 거의 비슷합니다. 하나 다른 것은 Web Edges(웹 엣지) 기능입니다. 이는 수채화와 비슷한 효과를 표현할 때 사용합니다. 연필 툴은 에어브러쉬나 페인트 브러쉬와는 달리 경계선을 명확하게 표현합니다. 이는 아이콘 등을 제작할 때 도트 위주의 작업에 주로 사용됩니다.

다음은 도장 툴과 패턴도장 툴입니다.

도장 툴은 이미지를 복제할 때 주로 사용합니다.

복제하고 싶은 부분에 Alt키를 누르고 클릭 한 후 복제하고 싶은 위치에서 드래그를 하게 되면 이미지가 복제됩니다. 이 툴은 스캐닝 한 이미지를 보정 할 경우 많이 사용됩니다. 옵션 역시 브러쉬 옵션바와 비슷합니다. 패턴 도장 툴은 패턴 이미지로 저장되어져 있는 이미지를 드래그 하는 동안 계속해서 복사합니다.

상단 옵션바의 패턴에서 이미지를 선택할 수 있습니다.

골프 공을 복제하여 하나 더 만들어 보도록 하겠습니다. Alt키를 누르고 골프 공 위에 클릭 합니다.

새로운 위치에 클릭 드래그 하여 복제합니다. 골프 공이 복제되었습니다.

선택 툴로 지시하는 곳을 드래그 하여 선택합니다.

Edit 메뉴에서 Define Pattern(디파인 패턴)을 선택합니다. OK 버튼을 클릭 합니다.

패턴 도장 툴을 선택합니다.

Select 메뉴에서 Deselect(디셀렉트)를 선택합니다. 옵션바의 Pattern(패턴) 선택아이콘을 클릭 합니다.

새로 등록된 골프 공 패턴을 선택합니다. 브러쉬 사이즈를 45로 변경합니다.

지시하는 곳에 클릭 드래그 합니다.

결과 패턴으로 지정된 골프 공 이미지가 계속 복제되는 것을 알 수 있습니다.

다음은 히스토리 브러쉬와 아트 히스토리 브러쉬 툴에 대하여 알아보겠습니다.

히스토리 브러쉬 툴은 직접 그림을 그리는 툴이 아니고 히스토리 팔레트와 연관되어 이전 작업과정으로 되돌려 주는 역할을 합니다.

아트 히스토리 브러쉬 툴은 개념은 히스토리 브러시와 같지만 독특한 붓 터치방식으로 드래그한 부분을 표현합니다. 상단 옵션바의 스타일에서 붓터치 방식을 결정합니다.

이미지를 불려옵니다.

이미지 메뉴에서 Adjust(어드져스트)의 Hue/Saturation(휴 앤 셰추레이션)을 선택합니다. Colorize(컬러이즈)를 체크합니다.

Colorize는 이미지를 한가지의 색상계열로 표현하는 옵션입니다. OK 버튼을 클릭합니다.

이미지 메뉴에서 Adjust(어드져스트)의 Inverse(인버스)를 선택합니다.

History 팔레트를 선택합니다. Hue/Saturation(휴 앤 셰추레이션) 부분에 체크합니다.

브러쉬 사이즈를 100으로 변경하겠습니다. 지시하는 곳으로 클릭드래그 합니다.

선택된 이전과정으로 작업이 되돌려 졌습니다. History 팔레트의 파일이름 부분에 체크하고 이미지 위에 드래그 합니다. 처음 상태로 이미지가 되돌려 집니다.

아트 히스토리 브러쉬를 선택합니다. 브러쉬 사이즈를 변경합니다.

History 팔레트의 Open 부분을 선택합니다. 지시하는 곳으로 클릭 드래그 합니다.

이미지를 독특한 붓터치 형식으로 변경하여 복원시킵니다.

직접 Style 부분도 변경하며 작업해 보시기 바랍니다.

지금까지 툴박스에서 슬라이스, 에어브러쉬, 페인트 브러쉬, 도장 툴, 히스토리 브러쉬 툴 등의 기능에 관하여 알아보았습니다.