마이다스동아일보[클럽마이다스:웹디자인스쿨]

매직원드툴에 대해서

[그림 1] 이 도구는 많은 사람들이 마술봉, 혹은 마술지팡이라는 이름으로 사용하고 있는 툴입니다. 그런데 이렇게 부르니 매우 어색해서 그냥 매직원드툴이라고 부르겠습니다. 이 매직원드툴은 여러분이 지금까지 배워왔던 선택에 관한 것을 더 쉽고 빠르게 하기 위한 도구입니다.

이 매직원드툴은 기본적으로 인접한 곳에 있는 비슷한 색깔의 부분을 선택하도록 만들어주는 도구입니다. 그래서 여러분은 이 도구를 사용하기 전에 그 사용규칙에 대해서 알아야 하지요. 먼저 이곳을 눌러서 'gradu.zip'이라는 도큐먼트를 다운받은 뒤, 윈집등의 압축유틸리티로 풀어보세요. 'gradu.psd'라는 도큐먼트를 볼 수 있을 것입니다. 이 도큐먼트는 그림 2처럼 흑백의 그라데이션으로 처리되어 있는 이미지입니다. 그리고 매직원드툴을 더블클릭해서 그림 3과 같은 옵션팔레트가 나타나도록 하세요.

[그림 2] [그림 3]

지금까지는 도구에 대한 사용방법을 배운 후, 그 도구와 관련된 옵션을 알아보았지만 이 매직원드툴은 옵션팔레트를 모르면 그 도구에 관한 사용법을 전혀 모르는 것과 마찬가지이므로 옵션팔레트에 대한 것부터 알아봅니다.

그림 3의 옵션팔레트를 보면 세가지 옵션이 이 매직원드툴에 있는 것을 알 수 있습니다. 먼저 왼쪽 상단에 있는 Tolerance라는 것이 있습니다. 이 Tolerance라는 것은 허용치라는 뜻입니다. 디폴트로는 32라는 수치가 적혀있습니다. 자, 위에서 매직원드툴이 인접한 곳에 있는 비슷한 색깔의 영역을 선택해준다고 했었지요? 이제 그 의미를 알아보죠. 먼저 매직원드툴을 선택하고 'gradation'도큐먼트의 제일 오른쪽, 즉 가장 검은 색을 클릭해보세요. 그러면 그림 4와 같이 검은 색에서부터 시작해서 왼쪽으로 일정부분만큼 선택이 될 것입니다. Control(Command) - D를 눌러 선택을 해제한 후, 이번에는 옵션 팔레트의 Tolerance에 5를 입력하고 다시 가장 오른쪽의 검정색 부분을 클릭해보세요. 그러면 그림 5와 같이 선택된 부분이 현저히 줄어들었을 것입니다. 마지막으로 Tolerance에 60을 입력하고 같은 실험을 해보세요. 그러면 그림 6처럼 많은 영역이 선택되었을 것입니다.

[그림 4] [그림 5] [그림 6]

이 세가지 실험을 통해 우리는 몇가지를 알게 되었습니다. 먼저 매직원드툴을 이용하면 선택한 부분의 색과 유사한 색을 찾아 같이 선택을 해준다는 것입니다. 즉, 검정색을 선택하면 검정색과 유사한 색을 찾아서 선택한다는 것이죠. 두번째로 이런 유사한 색을 찾는 것은 옵션팔레트의 허용치(Tolerance)에 좌우된다는 것입니다. 위의 세가지 실험에서 보듯이 Tolerance에 많은 수치가 입력되면 많은 부분이 작은 수치가 입력되면 작은 부분이 선택되는 것이죠. 이 Tolerance에는 0에서부터 255까지의 수치가 입력될 수 있습니다.

따라서 이 두가지의 결과로 놓고 볼 때 매직원드툴을 사용하는데 있어서는 옵션팔레트의 Tolerance 수치를 항상 조작해주어야 하기때문에 옵션팔레트가 필수적인 요소라는 것을 더불어 알 수 있지요.

[그림 7]

다음으로 옵션팔레트의 Anti-aliased옵션은 지금까지 몇번 설명한 대로 선택부분의 외곽선을 부드럽게 조정해서 복사하거나 붙일 때 배경이미지와 어울리도록 만들어주는 기능을 합니다. 그런데 문제는 바로 Sample Merged라는 아래에 있는 옵션입니다. 이 옵션을 체크해놓은 상태에서 다시 검은색을 선택해보세요. (물론 현재의 허용치는 60일 것입니다) 그림 6과 비교해서 전혀 차이가 없을 것입니다. 이 옵션은 레이어라는 포토샵의 기능과 관련된 것인데 레이어에 대해서는 뒤에 자세히 나오지만 미리 약간의 설명을 하도록 하지요. 이 레이어라는 것은 하나의 이미지를 이루는 하나 이상의 계층이미지를 말하는 것입니다. 예컨데 이곳을 눌러 'balloon.zip'을 다운 받은 후, 압축을 풀어 'balloon.psd'라는 도큐먼트를 열어보세요. 이 이미지에는 그림 7과 같이 하늘 위에 기구가 두개 떠 있습니다.

[그림 8] 하지만 이 이미지에 있는 것은 단순히 하늘에 있는 기구를 찍은 것이 아닙니다. 세개의 계층으로 구성된 조작된 이미지이지요. 메뉴에서 Windows - Show Layers를 선택해보세요. 그러면 그림 8과 같이 레이어에 관한 정보를 가지고 있는 팔레트가 나타날 것입니다. (만약 이미 레이어 윈도우가 화면에 나타나 있다면 Show Layers가 아니라 Hide Layers로 되어 있을 것입니다. 이럴 경우에는 화면상에서 Layer라는 이름의 팔레트를 찾으세요)

[그림 9] 이 팔레트에는 레이어가 세개 존재합니다. 백그라운드가 되는 하늘이미지와 기구이미지가 들어있는 두개의 레이어가 있으니까요. 즉, 이 도큐먼트를 입체적인 그림으로 설명해 본다면 그림 9와 같이 될 것입니다. 빨간선으로 테두리가 되어 있는 배경의 하늘이미지 가 있는 레이어와 파란색 테두리의 큰 기구가 있는 레이어, 초록색 테두리의 작은 기구가 있는 레이어란 뜻이죠. 뒤에 다시 설명하겠지만 이렇게 레이어를 사용하게 되면 많은 장점이 있습니다. 가장 쉬운 예로써 작은 기구의 위치가 마음에 안들때, 즉시 그 레이어를 선택해서 움직이면 되니까요.

우리가 무엇을 알아보려다 레이어를 설명하게 되었지요? 아! 바로 매직원드툴 옵션팔레트의 마지막 옵션인 Sample Merged에 대해 설명하려다 이렇게 되었지요. 이 옵션은 이 레이어와 관련된 것입니다. 이제 직접 알아보도록 하지요. 위에서 우리가 사용했던 'gradu.psd'와 원형선택툴에서 사용했던 도큐먼트에서 바퀴의 연초록색 부분만을 사용해서 이 옵션에 대해 알아봅시다.

[그림 10] 여러분은 자동차이미지의 바퀴부분에 주목하세요. 이제 이 연녹색부분의 바퀴를 선택해봅니다. 먼저 옵션팔레트에서 허용치(Tolerance)를 60으로 놓습니다. 그리고 매직원드툴을 선택한 후, 그림 10부분의 빨간 부분을 클릭해봅니다. 그러면 그림 11과 같이 연초록색부분만이 선택될 것입니다. 약간의 차이로 이렇게 선택되지 않을 수가 있습니다. 그럴 경우에는 Control(Command) - D를 눌러 선택해제한 후 다시 한 번 선택해야만 합니다.

[그림 11] 바퀴의 연초록색 부분이 선택하고 Control(Command) - C를 눌러 복사해 놓습니다. 그리고 자동차이미지가 있는 도큐먼트를 닫구요. 이제 'gradu.psd'도큐먼트를 보세요. 거기에 복사해 놓았던 연초록 바퀴부분을 붙입니다. 그러기 위해서는 Control(Command) - V를 누르면 되겠지요? 그림 12와 같이 'gradu.psd' 도큐먼트에 연초록색 바퀴부분이 올라가 있습니다. 이렇게 붙이기를 하면 원래 있던 'gradu.psd'도큐먼트 의 이미지에 변형이 되는 것은 아닙니다. 한번 레이어 팔레트를 보시지요. 그러면 그림 13과 같이 두개의 레이어가 있는 것을 발견할 수 있을 것입니다.

[그림 12] [그림 13]

[그림 14] 이제야 정말로 옵션팔레트의 Sample Merged 옵션에 대해서 알아 볼 수 있겠군요. 먼저 레이어 팔레트를 보면 그림 13과 같이 Layer 1이라는 새로 붙이기 한 부분의 레이어에 검정색으로 활성화 되어 있습니다. 이를 그 아래에 있는 Background라는 레이어를 클릭해서 Background 레이어를 활성화 시켜놓습니다. 그리고 여러분의 옵션팔레트를 보면 Tolerance가 60이고 Anti-aliased 옵션에 체크되어 있으며 Sample Merged 옵션은 체크되어 있지 않을 것입니다. 이제 그 상태로 화면의 아무 곳이나 클릭해보세요. 그러면 그림 14와 같이 그 앞에 어떤 레이어가 있든지 간에 활성화된 레이어만 허용치에 따라 선택영역이 확정됩니다. 이는 당연한 말이겠죠. 선택된 레이어에 대해서만 선택을 하는 것이 이치에 맞습니다.

그런데 때로는 이렇게 선택된 레이어뿐만이 아니라 실제로 눈에 보여지는 이미지에 따라 선택영역을 정하고 싶을 때가 있을 것입니다. 예컨데 실제감을 높이기 위해 레이어에 상관이 없이 효과를 주고 싶을 때가 그 한가지이겠지요. 그렇지만 단순히 선택을 위해서 모든 레이어들을 하나로 통합하는 것은 너무나 위험부담이 큽니다. 한 번의 조작실수로 인해서 다시는 레이어 정보를 되살릴 수 없는 경우도 생기니까요. 이럴 경우에 필요한 옵션이 바로 이 Sample Merged 옵션입니다.

[그림 15] 이번에는 이 Sample Merged 옵션을 체크하고 연초록색 바퀴부분 근처를 적당히 선택해보세요. 그러면 그림 15와 같이 Background 레이어와 Layer 1 레이어의 정보를 통합해서 선택해줄 것입니다. 즉, 레이어가 몇 개가 되었든지간에 이를 하나의 레이어에 있는 것으로 인식해서 선택을 해 준다는 뜻이지요.

매직원드의 각 옵션에 대해서 알아봤으니 이제 실제로 매직원드를 통한 선택을 해보도록 하지요. 이번 예재는 아주 간단합니다. 먼저 이곳을 눌러 'seagull.zip'도큐먼트를 다운받은 뒤, 압축을 풀어 'seagull.psd'란 도큐먼트를 열어 보세요. 이 도큐먼트는 그림 16처럼 갈매기가 파란 하늘을 날고 있는 이미지입니다. 이 도큐먼트에서 갈매기만을 선택하고 싶습니다. 과연 어떻게 해야 할까요?

[그림 16] 먼저 매직원드툴을 한 번 클릭해서 활성화 시킵니다. 그리고 매직 원드툴을 이용해서 어떻게 갈매기만을 선택할 지를 생각해보세요. 먼저 흰 색을 클릭해서 대충의 윤곽을 잡아놓고 나머지 부분은 쉬프트키를 이용해서 더 선택을 할 것입니까? 그것이 아닙니다. 물론 원칙상으로 는 선택하고자 하는 부분을 클릭해야 하지만 이 이미지 내에서는 갈매기가 복잡한 색을 가지고 있고 하늘부분은 아주 단순합니다. 그러면 하늘을 클릭하면 갈매기를 제외한 나머지 부분을 선택할 수 있지 않을까요?

[그림 17]

[그림 18] 먼저 옵션팔레트에서 허용치를 32, 즉 기본치로 바꾸고 하늘부분을 선택해봅시다. 그러면 그림 17과 같이 깨끗하게 하늘만 선택되지 않는군요. 여기에서 허용치를 바꿔야 할 필요를 느낍니다. 만약 현재의 허용치가 너무 많다면 아마 갈매기까지 선택이 되었겠지요. 그런데 하늘조차 모두 선택을 하지 못한 것은 허용치가 적절치 못하고 낮다는 의미입니다. 그러면 허용치를 바꿔봅시다. 허용치에 60정도를 기입해보세요. 그리고 그림 17의 노란 점부분을 클릭해보세요. 그러면 아마도 그림 18과 같이 갈매기를 제외한 나머지 하늘 부분이 선택되었을 것입니다. 만약 18과 같이 선택이 되지 않는다면 Control(Command) - D를 눌러서 선택해제 한 후 다른 부분을 클릭해보세요. 아마 몇번 선택하지 않아도 정확하게 선택될 것입니다. 이제는 갈매기를 선택할 차례이지요. 현재 선택 된 영역이 갈매기를 제외한 나머지 부분이니만큼 선택된 영역을 반전시키면 되겠지요. 반전하기 위해서는 Shift - Control(Command) - I를 누르거나 Select - Inverse를 선택하면 됩니다. 그러면 그림 19와 같이 갈매기만 선택됩니다.

[그림 19]

몇가지 정리해보도록 하지요. 매직원드툴은 인접한 부분의 색과 명암에 따라 자동적으로 선택해주는 도구입니다. 그런데 그 도구를 사용하는 방법에 있어서는 옵션팔레트에서 세가지의 옵션, 그 중에서도 Tolerance(허용치)를 잘 병행 해서 사용해야 하구요. 선택에 있어서는 되도록 색이 간단한 부위를 선택하는 것이 좋습니다. 이정도가 지금까지 알아본 것들입니다. 그리고 참고적으로 일단 매직원드툴을 이용해 선택하는 데 있어서도 완전한 선택을 하는 것은 힘이 드는 작업 입니다. 여러분이 잘 판단해서 다른 선택툴과 병행해서 선택하는 것이 가장 좋은 방법일 것입니다. 기본적으로 키보드 와의 조합도 다른 선택도구들과 같습니다.