안녕하세요! 마나입니다!\n\n이번에는 변형 기능이 무엇인지, 어디에 있는지, 그리고 몇 가지 가능한 사용법에 대해 이야기해 보겠습니다. 제가 사용하는 방식이며, 반드시 저와 똑같이 할 필요는 없습니다. 그저 어떻게 작동하는지에 대한 아이디어를 드리고자 합니다.\n\n동영상은 여기 있습니다:\n

위 이미지는 이 주제의 작은 미리보기입니다.\n• 완성된 일러스트 수정에 변형 기능을 사용하는 방법.\n• 애니메이션 뒤틀기\n• 좌우 반전 및 상하 반전을 사용하여 더 빠르게 그림을 그리고 애니메이션 만들기\n• 텍스처 만들기\n외 더 많은 내용이 있습니다~ (◕‿◕✿)\n\n저는 클립 스튜디오 페인트 프로를 사용할 것이며, 이는 Ex 버전과 완전히 동일합니다.

변형 기능: 무엇 | 어디 | 어떻게

•\t변형 기능이란?\n변형 기능은 CSP의 편집 섹션에 속해 있습니다. 선택한 레이어나 이미지 영역이 무엇이든, 이 기능은 원하는 기능을 사용하여 선택 영역을 이동 및/또는 변형합니다. 다양한 변형 기능으로는 크기/회전, 별도의 크기 및 회전, 자유 변형, 기울기, 뒤틀기, 원근, 좌우 반전, 상하 반전, 그리고 마지막으로 메쉬 변형이 있습니다.\n\n•\t어디서 볼 수 있나요?\n[편집] > [변형] > 에 들어가면 다양한 변형 기능 유형을 볼 수 있습니다.\n

또는 캔버스 위에 있는 아이콘을 클릭할 수 있습니다. 이는 크기/회전 변형의 단축키이지만, 옆의 [도구 속성] > [모드]를 보면 다른 변형 기능들이 있습니다.

•\t변형 기능 사용 방법?\n두 가지 방법으로 사용할 수 있습니다.\n\n첫째; 레이어를 선택한 다음 [편집] > [변형] > 으로 이동하여 예를 들어 [크기/회전]을 선택합니다. 이제 전체 이미지를 변형할 수 있습니다.

두 번째 방법은 [선택 도구]를 사용하여, 예를 들어 [올가미]로 영역을 선택한 다음 [편집] > [변형] > [크기/회전]으로 이동하는 것입니다. 그러면 해당 부분만 변형할 수 있습니다.

변형 기능: 설정 | 히스토리 | 바운딩 박스

좋습니다! 이제 무엇, 어디, 어떻게를 다루었으니, 변형 기능을 편집 도구로 만드는 설정, 히스토리, 바운딩 박스에 대해 이야기해 보겠습니다.\n\n•\t변형 설정\n변형 기능을 선택하면 옆에 있는 [도구 속성]이 [변형 설정]으로 바뀝니다. \n

1. 모드(MODE); 여기서 다양한 크기, 회전, 원근 변형을 찾을 수 있습니다.\n2. 좌우 반전 및 상하 반전\n3. 보간 방법; 변형 결과를 부드럽게 할지 선명하게 할지 선택할 수 있습니다.\n4. 변경 확인 또는 취소\n\n여기서 변형 기능을 변경하고, 이미지 보간을 변경하거나, 기본적으로 위의 [편집] 탭을 거치지 않고 이미지 편집을 할 수 있습니다.

•\t히스토리\n[히스토리] 탭은 선택하는 특정 변형 기능으로 변경됩니다. 해당 변형 기능을 사용하여 이미지에 가한 모든 변형 또는 편집은 [히스토리] 탭에 기록됩니다. \n

키보드에서 [확인]을 클릭하거나 [Enter] 키를 누르면 해당 변형 기능의 히스토리 기록은 사라집니다.\n\n•\t바운딩 박스\n변형 기능을 선택하면 이미지를 변형할 수 있습니다. 전체 레이어든 이미지 선택 영역이든 관계없이 [바운딩 박스]가 나타납니다.\n\n[바운딩 박스]는 변형 상자와 같습니다; 선택 영역의 모양이 어떻든 [바운딩 박스]가 나타납니다. \n

이미지 선택 영역을 변형하기 위해 클릭하고 드래그할 수 있는 8개의 핸들 또는 포인트가 있습니다. \n\n\n이제 이 부분들을 다루었으니, 다양한 변형 기능으로 넘어가 봅시다.\n

크기/회전 | 크기 | 회전

이 세 가지는 자명합니다. 이 기능들을 사용하여 크기를 조정하고 회전할 수 있습니다.\n\n• 옆의 [변형 설정]을 사용하여 [크기]와 [회전] 값을 변경할 수 있다는 것을 기억하십시오\n• 하지만 [바운딩 박스]의 핸들을 사용하는 것이 더 이상적이고 관리하기 쉽습니다.

먼저 [크기]로 가보겠습니다.\n\n•\t바운딩 박스의 핸들 중 하나를 잡으면 마우스 커서가 직선 양방향 화살표로 바뀝니다; 그런 다음 클릭하고 드래그하여 이미지 크기를 조정합니다.\n•\t원본 형태를 유지하면서 크기를 조정하려면 [변형 설정]에서 [종횡비 유지]를 선택 해제합니다\n•\t자유롭게 크기를 조정하려면 [변형 설정]에서 [종횡비 유지]를 선택 해제합니다. \n•\t[종횡비 유지]가 선택 해제되어 있어도; [SHIFT] 키를 누르면 원본 형태나 종횡비를 유지합니다\n•\t[ALT] 키를 누른 채 핸들을 드래그하면 앵커 포인트의 위치에 따라 크기가 확대되거나 축소됩니다. \n•\t[종횡비 유지]가 선택되어 있지 않고 원본 형태를 유지하면서 크기를 조정하고 싶다면, [ALT] + [Shift] 키를 누르거나 [종횡비 유지]를 선택한 다음 [ALT] 키를 누른 채 크기를 조정합니다.

이제 [회전]으로 가보겠습니다.\n\n•\t바운딩 박스 밖으로 나가면 이미지 선택 영역을 회전시키기 위해 클릭하고 드래그할 수 있는 곡선 화살표가 나타납니다.\n•\t[Shift] 키를 누른 채 45도씩 회전합니다\n•\t회전 중심을 변경하기 위해 피벗 또는 앵커 포인트를 변경할 수 있습니다.\n•\t예: 앵커 포인트를 왼쪽 상단 모서리로 이동하는 경우.\n•\t그것을 회전시키면, 그 지점이 조인트 또는 회전 중심이 되므로 그 지점에서 회전합니다.

[크기] 또는 [회전] 상태에 관계없이, [CTRL] 키를 누른 채 핸들 중 하나를 잡으면 이미지를 자유롭게 변형할 수 있습니다\n\n\n🌟 어디에 사용하나요?\n\n저는 주로 두 가지 이유로 이 기능들을 사용합니다. 하나는 스케치를 조정하는 것이고, 다른 하나는 최종 이미지를 조정하는 것입니다.\n\n•\t스케치용\n스케치하는 동안 조정하기 위해 [크기/회전]을 사용합니다. 크기를 잘못 그린 부분을 다시 그리는 대신, [크기/회전]을 사용하여 오류를 크기 조정하고 조정합니다 – 시간을 절약하고 작업을 줄여줍니다!\n

•\t완성된 일러스트용\n때로는 완성된 일러스트의 특정 부분을 크기 조정하는 데 사용합니다. 저는 부분적으로 시각 장애가 있어서 스케치나 선화 도중에는 실수를 발견하지 못하고, 시간이 지난 후에야 알아차립니다. \n\n여기서 문제는 몸이 너무 작다는 것입니다.\n\n1.\t그래서 저는 [올가미]를 사용하여 크기를 조정하고 싶은 부분을 선택한 다음 [크기/회전]을 클릭하고, 변경하고 싶은 영역의 크기를 조정한 다음 [확인]을 클릭합니다.\n

*선택 영역을 [오려내어 붙여넣기]한 다음 [크기/회전]을 사용하여 다른 영역에 영향을 줄 걱정 없이 더 자유롭게 변형할 수 있습니다.\n\n2.\t때로는 계속 늘리는 것보다 일부를 다시 채색해야 할 때가 있습니다 – 왜냐하면 그렇게 하면 많은 픽셀이 손상되기 때문입니다. \n\n따라서 캐릭터 아래에 새 래스터 레이어(또는 [Ctrl] + [Shift] + [N])를 만들고 그곳에 그립니다.

*[투명 픽셀 잠금]을 클릭하면 자유롭게 채색할 수 있습니다.\n\n그리고 여기가 전(왼쪽)과 후(오른쪽)입니다.

이 예제를 작업한 GIF 버전은 여기 있습니다:

뒤틀기

엄밀히 말하면 [자유 변형]을 먼저 다뤘어야 하지만 나중에 다루도록 하겠습니다.\n\n[뒤틀기]는 단어 자체와 같이, 이 변형은 핸들 중 하나를 클릭하고 드래그하여 이미지를 뒤틀리게 합니다. \n\n•\t변형은 가이드라인 또는 바운딩 박스 내에서만 엄격하게 이루어집니다.\n의미: 자유롭게 변형할 수 없습니다. 핸들을 드래그하거나 늘리는 것은 바운딩 박스의 선 내에서만 엄격하게 이루어집니다\n\n•\t핸들을 움직일 때 [CTRL] 키를 누르면 선택 영역의 크기를 조정할 수 있습니다. 원본 형태 또는 종횡비를 유지하면서 크기를 조정하고 싶다면 [CTRL] + [SHIFT]를 사용합니다.\n

🌟 [뒤틀기]는 어디에 사용하나요?!\n\n저는 보통 이것을 [원근]과 결합하여 사용하므로, 거기서 이야기해 봅시다!\n

기울기

[기울기] 변형은 가이드라인 또는 바운딩 박스의 정렬에 따라 선택 영역을 이동합니다. \n\n•\t이 변형은 선택한 핸들만 움직이는 것이 아니라, 가이드라인 내의 다른 핸들도 잡고 움직입니다.\n•\t주요 아이디어는 변형이 기울어지거나 비스듬하게 보인다는 것입니다.\n

🌟 [기울기]는 어디에 사용하나요?\n\n저는 애니메이션 워핑을 할 때 이것을 사용합니다.\n이것은 요약일 뿐이며, 전체 튜토리얼은 아닙니다 – (그것은 아마도 별도의 주제가 될 것입니다)\n\n1.\t장면을 준비합니다\n2.\t애니메이션을 삽입합니다; [파일] > [가져오기] > [파일 오브젝트 만들기] > 애니메이션 클립 파일을 가져옵니다

3.\t가져온 애니메이션의 FPS와 일치하는 새 타임라인을 만듭니다

4.\t[조작] 도구 > [오브젝트] 보조 도구 > [도구 속성] > [모드]를 찾습니다. [모드]를 [기울기]로 변경하고 바운딩 박스의 핸들을 사용하여 애니메이션을 뒤틀리게 합니다.

이 부분의 GIF 버전은 아래에 있으니, 제가 어떻게 변형했는지 볼 수 있습니다.

원근

[원근] 변형은 선택 영역의 반대쪽까지 변형하거나 이동하고, 반대쪽으로 드래그할 수 있게 합니다.\n\n•\t이 변형 기능을 사용하려면, 핸들을 잡기만 하면 자동으로 반대편 핸들을 다른 방향으로 움직여 원근감이 있는 이미지를 만듭니다.\n

🌟 [원근]은 어디에 사용하나요?\n\n저는 보통 이것을 [뒤틀기]와 결합합니다. 모든 것을 비례적인 크기로 유지하고 싶을 때 훨씬 더 왜곡된 느낌을 줍니다. \n\n저는 애니메이션 CLIP 파일을 워핑하는 데 사용합니다.\n* 이것은 [기울기]와 동일한 단계입니다!\n\n1.\t장면을 준비하거나 새 캔버스를 만듭니다\n2.\tCLIP 애니메이션을 가져옵니다; [파일] > [가져오기] > [파일 오브젝트 만들기]\n3.\tCLIP 애니메이션의 FPS와 일치하는 새 타임라인을 만듭니다\n4.\t애니메이션을 워핑하려면; [조작] 도구 > [오브젝트] 보조 도구 > [도구 속성] > [모드]를 확인합니다\n5.\t그리고 [뒤틀기]와 [원근]을 사용하여 애니메이션을 변형합니다\n6.\t[타임라인] 탭에서 [재생] 버튼을 클릭합니다. 여전히 움직입니다\n

자유 변형

이제 여기로 돌아옵니다.\n\n이것은 제가 가장 많이 사용하는 변형 기능입니다. [자유 변형]에서는 모든 것을 할 수 있기 때문입니다.\n크기 조정, 회전, 뒤틀기, 기울기, 원근 조절은 물론, 좌우 반전 및 상하 반전도 할 수 있습니다.\n

🌟 [자유 변형]은 어디에 사용하나요?\n저는 주로 두 가지 용도로 사용합니다; 그림자(Drop Shadows) 만들기 및 특정 애니메이션 워핑입니다.\n\n•\t그림자 만들기\n\n1.\t이미 완성된 그림을 가져옵니다; 캐릭터와 배경은 분리되어 있어야 합니다

2.\t캐릭터 레이어를 복제합니다\n3. 아래쪽 캐릭터 레이어를 클릭합니다. [투명 픽셀 잠금]을 클릭합니다

4. 위쪽 복제본을 숨깁니다\n아래쪽 캐릭터 레이어를 그림자 색상(원하면 회색)으로 채색합니다\n이제 위쪽 복제본을 숨김 해제할 수 있습니다\n\n5. 이제 [편집] > [변형] > [자유 변형]으로 이동하거나 캔버스 위에 있는 [크기/회전] 아이콘을 클릭합니다 > 옆의 [변형 설정] > [모드]를 찾아서 > [자유 변형]으로 변경합니다

6. 그리고 위쪽 중앙 핸들을 바닥으로 드래그합니다. 필요하다면 아래쪽 핸들을 조정합니다.

7. 정리를 합니다. 발에 겹치는 부분을 지웁니다. \n그림자가 너무 선명하면 [가우시안 흐림]을 적용합니다\n\n8. 그리고 완성입니다!

------------------------------------------------------\n\n•\t특정 애니메이션 워핑\n[뒤틀기], [기울기], [원근] 예제와 정확히 동일한 단계입니다.\n\n1. 장면을 준비합니다.\n2. [파일] > [가져오기] > [파일 오브젝트 만들기]에서 애니메이션 파일을 가져옵니다.\n3. 애니메이션의 FPS와 일치하는 타임라인이 있는지 확인합니다\n4. [조작] 도구 > [오브젝트] 보조 도구 > [도구 속성] > [모드]를 찾아서 > [자유 변형]으로 변경하여 애니메이션 파일을 변형합니다.\n\n[자유 변형]은 위에서 언급한 세 가지 변형 기능보다 더 유연합니다. \n\n여기서 제가 한 것은 하나의 불꽃 애니메이션을 사용하여 복제하고 일부는 크게, 일부는 작게 만들었습니다. 기본적으로 무작위로 배치하여 동일하게 보이지 않도록 했습니다

이 예제의 요약을 보고 싶다면, 기사 상단의 동영상을 확인하십시오. \n불꽃을 어떻게 만들었는지 알고 싶다면 여기를 클릭하십시오:\n

최종 애니메이션은 다음과 같습니다:

좌우 반전 | 상하 반전

이 두 가지는 자명합니다. \n\n[좌우 반전]은 말 그대로 가로로 또는 좌우로 뒤집습니다.\n[상하 반전]은 이미지를 세로로 또는 위아래로 뒤집습니다.\n\n•\t[변형 설정]에서; [모드]에서는 이것들을 찾을 수 없습니다; 그 위에 있는 두 아이콘입니다.\n[스크린샷 표시]\n•\t회전 중심 또는 앵커 포인트를 변경하여 반전 중심을 변경할 수 있습니다. \n

🌟 이 두 가지는 어디에 사용하나요?\n\n저는 주로 눈을 복제하는 데 이 두 가지를 사용합니다. 하나는 그림을 그리는 용도이고 다른 하나는 깜빡이는 애니메이션 용도입니다.\n\n•\t좌우 반전 | 그리기\n저는 정면 또는 바로 앞 포즈의 눈을 복제할 때 이것을 사용합니다. 다른 눈은 동일하므로 저는 그저\n\n1.\t[선택 도구] > 예를 들어 [올가미] > 눈을 선택합니다\n2.\t[CTRL] + [C] (복사) 한 다음 [CTRL] + [V] (붙여넣기) 합니다 \n3.\t그런 다음 저는 [편집] > [변형] > [좌우 반전]으로 이동하거나 캔버스에 있는 [크기/회전] 단축키 > [변형 설정]에서 [모드] > [좌우 반전]을 찾습니다\n4.\t그리고 복제된 가로 이미지를 다른 눈 위치로 이동합니다\n

------------------------------------------------------------------\n\n•\t상하 반전 | 애니메이션 준비\n저는 눈 애니메이션에서 [눈 감기] / [깜빡임]을 만드는 데 [상하 반전]을 사용합니다\n이것은 별도의 [눈 감기] 프레임을 그리거나 만드는 대신 시간을 절약해 줍니다. 저는 그저 이렇게 합니다.\n\n1.\t저는 [눈 뜨기] 레이어를 복사/복제합니다\n2.\t[선택 도구] > [올가미] > 해당 눈의 눈꺼풀 부분을 선택합니다]

3.\t[CTRL] + [X] (오려내기) 한 다음 [CTRL] + [V] (붙여넣기) 합니다 \n그러면 선택 영역이 자동으로 새 래스터 레이어로 이동합니다

4.\t그런 다음 저는 [편집] > [변형] > [상하 반전]으로 이동하거나 캔버스에 있는 [크기/회전] 단축키 > [변형 설정]에서 [모드] > [상하 반전]을 찾습니다

5.\t그리고 저는 상하 반전된 복제본을 조정하여 눈꺼풀을 만듭니다. 때로는 곡선 가장자리나 흰색 점을 정리하기 위해 지우기도 합니다\n

이제 끝입니다! 애니메이션에 사용할 수 있는 [눈 감기]를 만들었습니다

그것을 애니메이션화하면 정말 [눈 감기]처럼 보입니다.

메쉬 변형

이것이 마지막 변형 기능입니다.\n\n[변형 설정] 내부의 [모드]에서는 볼 수 없습니다.\n[편집] > [변형] > [메쉬 변형]에 직접 있습니다. \n\n•\t여기 옆에 [메쉬 변형] 전용 [변형 설정]이 계속 나타납니다.\n•\t보간 및 가로, 세로 격자점의 수를 변경할 수 있습니다.\n•\t[메쉬 변형]은 이 격자점을 사용하여 이미지를 변형하는 기능을 제공합니다. 점을 클릭하고 드래그하면 해당 부분이 뒤틀리며 다른 격자점에는 영향을 주지 않습니다.\n

🌟 [메쉬 변형]은 어디에 사용하나요?\n\n저는 주로 옷에 텍스처를 배치하는 데 사용합니다\n\n1.\t캐릭터 그림 파일을 가져옵니다\n2.\t[소재] 탭을 열고 텍스처를 가져와 캔버스에 클릭하고 드래그합니다\n3.\t텍스처가 적용되어야 할 부분에 [아래 레이어에서 클리핑]되어 있는지 확인합니다\n

4.\t이제 [도구 속성] > [이미지 설정 편집]을 확인합니다. \n원하는 양만큼 [배율]을 변경합니다. \n수치가 낮을수록 텍스처가 작아집니다

5.\t텍스처 크기에 만족하면 텍스처 레이어로 이동 > 마우스 오른쪽 버튼 클릭 > [래스터화]

6.\t체크 무늬 텍스처가 바지의 다른 절반에만 있기 때문에 이 부분을 정리합니다. \n해당 텍스처의 [합성 모드]를 그림과 일치하도록 변경합니다 \n[곱하기] 또는 [선형 번]은 회색조 텍스처에 가장 적합합니다

7.\t이제 변형합니다. [편집] > [변형] > [메쉬 변형]으로 이동합니다.

8.\t[변형 설정]에서 격자점의 수를 원하는 대로 늘립니다. 격자점이 많을수록 작업할 수 있는 세부 영역이 많아집니다.

9.\t그리고 개체의 모양에 따라 격자점을 이동하기 시작합니다. 여기서는 허벅지와 종아리입니다.\n\n허벅지 부분은 약간 살집이 있으므로 격자점을 울퉁불퉁하거나 경사로처럼 만듭니다.\n종아리는 얇으므로 격자점을 서로 가깝게 만듭니다.

10.\t완료되면 [확인]을 클릭하거나 키보드에서 [Enter] 키를 누릅니다.

이 GIF 프로세스는 아래에 있습니다: \n꽤 크지만요

…..

좋습니다! 이것으로 클립 스튜디오 페인트의 모든 변형 기능과 제가 기본적으로 사용하는 방법을 마칩니다. 하지만 제가 주로 사용하는 방법은 이 기능들을 섞는 것입니다. 저는 자유 변형과 원근을 섞는 것을 정말 좋아합니다. 저에게는 정말 효과가 좋습니다!\n\n직접 사용해 보세요\n작업을 더 효율적으로 만들어 줄 기능들을 찾아보세요!\n\n

제 그림들은 대부분 거기에 있습니다,\n애니메이션은 제외하고요; 애니메이션은 재미로 만들거나 친구들에게 선물한 것입니다\n\n그럼 이만!\n안전하게 지내세요! 마스크를 착용하세요! 손을 씻으세요!\n건배!\n\n----------------\n\n*편집:\n• 동영상 업데이트 | 미리보기 이미지 업데이트\n• [크기/회전] 예제 2 업데이트 - 제대로 설명했습니다.\n• 손상된 이미지 제거\n• 일부 내용을 더 명확하게 설명했습니다.