Illustrator에서 이미지에 흥미를 더하는 방법은 이중톤 효과를 적용하는 것입니다.
이중톤 효과는 콘텐츠에 두 색상을 적용하여 완성합니다.
이 시간에는 이 이미지를 불투명도 마스크로 사용하여 녹색 사각형에 적용하고 파란색 사각형 위에 배치하여 이중톤 효과를 만들어보겠습니다.
시작하기 위해 보기 메뉴에서 윈도우에 모두 맞추기를 선택하여 왼쪽에 웹 페이지 디자인을 표시하고 이 대지 바로 아래에 원본 이미지를 표시합니다.
이중톤 효과를 이 이미지에 적용한 다음 웹 디자인으로 드래그하여 완성해보죠.
먼저 사각형을 그리기 위해 M을 눌러 사각형 툴을 선택하고 이 대지의 왼쪽 상단부터 시작해 오른쪽 하단으로 드래그한 다음 마우스를 놓습니다.
색상 칠을 적용하기 위해 칠 색상을 클릭하고 이 녹색을 적용하고 Esc 키를 눌러 패널을 숨깁니다.
아래 이 이미지를 마스크로 사용하여 녹색 사각형에 적용해볼 텐데요.
이미지의 검은색 부분은 녹색을 숨기고 흰색은 녹색을 표시하고 두 색상 사이의 색상은 다양한 수준의 불투명도로 녹색을 표시합니다.
이를 불투명도 마스크라고 하죠.
V를 눌러 선택 툴을 선택하고 이 이미지를 클릭하여 선택한 다음 대지에서 잘라내기 위해 편집 메뉴에서 오리기를 선택합니다.
이 이미지를 마스크에 붙여넣을 것입니다.
이제 녹색 사각형을 사용하고 이미지를 투명도 패널에서 불투명도 마스크로 적용해 보죠.
사각형을 선택한 다음 투명도 패널을 표시하기 위해 속성 패널에서 불투명도를 클릭해도 되지만 투명도 패널을 별도로 열면 계속 열려 있으므로 작업하기가 수월합니다.
그러려면 윈도우 메뉴에서 투명도를 선택합니다.
패널을 보면 선택된 사각형이 왼쪽 축소판에 표시되어 있는데요.
오른쪽 상자에는 왼쪽에 있는 아트웍의 일부분을 숨기는 마스크 또는 콘텐츠가 표시됩니다.
먼저 마스크 만들기 버튼을 클릭하면 기본적으로 검은색 마스크가 적용됩니다.
Illustrator와 Photoshop에서 마스크의 검은색은 콘텐츠가 숨겨진다는 의미이므로 녹색이 표시되지 않습니다.
클립 옵션을 선택 해제하면 마스크가 흰색으로 바뀌고 녹색 칠이 다시 표시됩니다.
이제 이미지를 마스크에 붙여볼 텐데요.
이미지의 밝은 부분과 어두운 부분이 녹색 사각형의 일부분을 표시하고 숨길 것입니다.
마스크 축소판을 클릭하면 마스크를 편집할 수 있습니다.
이미지를 붙이기 위해 편집 메뉴에서 붙이기를 선택합니다.
이미지를 녹색 사각형에서 원하는 위치로 드래그하는데 이 정도가 좋겠네요.
이미지가 마스크로 사용되어 녹색에 적용되었습니다.
사각형과 마스크를 옮기려면 왼쪽에 있는 원본 아트웍 즉, 녹색 사각형 축소판을 클릭해야 하는데 이는 매우 중요합니다.
그렇지 않으면 마스크 축소판이 선택된 상태에서 마스크만 편집됩니다.
콘텐츠를 대지 밖으로 드래그하면 어떻게 되는지 보세요.
흰색은 아래에 있는 대지입니다.
마스크 자체를 보려면 macOS의 경우 Option을, Windows의 경우 Alt를 누른 상태에서 마스크 축소판을 클릭합니다.
그러면 마스크의 작동 원리를 알 수 있는데요.
검은색은 녹색을 숨기고 흰색은 녹색을 표시하고 두 색상 사이의 색상은 다양한 수준의 불투명도로 녹색을 표시합니다.
되돌리려면 macOS의 경우 Option을, Windows의 경우 Alt를 누른 상태에서 마스크 축소판을 다시 클릭합니다.
마스크 축소판이 선택된 상태에서 콘텐츠를 더 추가하거나 크기를 변경하는 등 마스크를 편집할 수 있습니다.
마스크 편집을 중단하고 작업을 이어가려면 왼쪽에 있는 아트웍 축소판을 클릭합니다.
녹색 사각형을 대지로 옮기면 마스크도 함께 이동합니다.
마스크가 아니라 녹색 사각형만 옮기려면 이 잠금 아이콘을 클릭하여 잠금을 끄고 개별적으로 이동할 수 있습니다.
마스크와 사각형을 제위치에 놓기 위해 왼쪽에 있는 웹 디자인으로 드래그합니다.
이제 배경의 녹색과 파란색으로 이중톤 효과가 완성되었습니다.
지금까지 이중톤 효과를 만들어 아트웍에 흥미를 더하는 다양한 방법 중 하나를 살펴보았는데요.
향후 디자인 프로젝트에서 이 방법을 사용하여 원하는 스타일을 연출해 보세요.
