퍼스자를 사용하여 레트로 3D 로고 만들기

1,911

LizStaley

LizStaley

안녕하세요! 제 이름은 Liz Staley이고 Clip Studio Paint의 오랜 사용자입니다(저는 Manga Studio 4로 알려졌을 때 이 프로그램을 사용하기 시작했습니다!). 저는 Manga Studio 5 프로그램과 Clip Studio Paint의 베타 테스터였으며 프로그램에 대한 세 권의 책과 여러 비디오 과정을 저술했습니다. 사실 많은 분들이 그 책에서 제 이름을 알고 계실 것입니다. 저는 Graphixly.com과 CSP Tips에 주간 포스트를 쓰고 있으니, 매주 돌아와서 Clip Studio Tips and Tricks를 더 배우십시오!

 

CSP Perspective 눈금자에 대한 수많은 자습서가 있지만(아마도 Clip Studio에서 내가 가장 좋아하는 기능일 것입니다!) 대부분은 건물과 도시 경관을 그리는 방법을 보여줍니다. 그러나 퍼스자는 배경과 환경 그 이상으로 많은 도움을 줄 수 있습니다. 이 기사에서는 텍스트 기능, 원근감 눈금자, 그리기 및 페인팅을 결합하여 3D 및 복고풍 모양의 로고를 만듭니다.

 

이 기사에서는 다음 주제를 다룹니다.

로고 텍스트 만들기

관점 만들기

 

바로 뛰어들자!

 

로고 텍스트 만들기

이 프로젝트를 시작하려면 먼저 내가 원하는 텍스트 모양의 글꼴을 찾아야 했습니다. 저는 "복고풍" 로고를 만들고 싶다는 것을 알고 있었기 때문에 로고의 단어(이 튜토리얼의 목적을 위해 임의의 단어 생성기에서 가져옴)를 결정한 후 가장 좋아하는 무료 글꼴 웹사이트로 이동했습니다. 텍스트에 적합하다고 생각되는 몇 가지 후보를 다운로드한 후 컴퓨터에 글꼴을 설치하고 CLIP STUDIO PAINT로 향했습니다.

 

글꼴을 설치하는 방법을 잘 모르는 경우 인터넷에서 운영 체제에 대한 지침을 검색할 수 있습니다. 각각은 다르기 때문에 이 기사에서 모든 OS에 대한 지침을 다루는 것은 불가능합니다.

 

CLIP STUDIO PAINT에서 새 캔버스를 만든 다음 텍스트 도구를 사용하여 3D 로고로 만들고 싶은 단어를 캔버스에 추가합니다. 나는 임의의 단어 생성기에서 "Dynamic Bubble"이라는 단어를 얻었고 그것들이 뭔가에 대한 귀여운 가짜 이름이라고 생각했기 때문에 이 예제에서 사용할 것입니다.

 

단어를 강조 표시한 다음 도구 속성 창에서 글꼴 드롭다운 메뉴를 찾습니다. 여기에서 글꼴을 컴퓨터에 설치된 디자인 중 하나로 변경할 수 있습니다.

 

기본적으로 글꼴 목록에는 해당 글꼴 스타일의 각 글꼴 이름이 표시됩니다. 원하는 글꼴을 찾아 선택하여 강조 표시된 단어를 해당 글꼴로 변경합니다.

내 텍스트에 이 글꼴이 마음에 들지만 글자와 줄 사이의 비율과 간격이 마음에 들지 않습니다. 하지만 괜찮아, 우리는 모든 문제를 해결할 수 있습니다!

 

텍스트 도구의 도구 속성 창 오른쪽 하단에서 작은 렌치 모양의 아이콘을 클릭합니다. 현재 하위 도구에 대한 모든 옵션을 보여주는 하위 도구 세부 정보 창이 열립니다. (도구 속성 창에는 기본적으로 가장 일반적인 옵션만 표시됩니다.)

 

보조 도구 세부 정보 창의 왼쪽에서 줄 간격/정렬 범주를 클릭합니다. 그런 다음 줄 간격 슬라이더를 찾습니다. 이 슬라이더를 사용하면 슬라이더를 클릭하고 끌거나 슬라이더 오른쪽의 위쪽 및 아래쪽 화살표를 사용하여 선택한 텍스트 줄 사이의 공간을 늘리거나 줄일 수 있습니다.

 

단어를 더 가깝게 만들기 위해 두 줄의 텍스트 사이의 공간을 더 작게 만들었습니다.

 

또한 이 글꼴에서 일부 문자는 서로 닿아 있고 다른 문자 사이에는 많은 공간이 있다는 것을 알았습니다(주로 "Bubble"의 "bb"). 그래서 문자를 더 가깝게 모아서 수정하고 싶습니다.

 

문자 사이의 간격을 변경하려면 하위 도구 세부 정보 창의 왼쪽에 있는 글꼴 범주를 클릭한 다음 문자 간격 슬라이더를 찾으십시오. 이것은 방금 전에 사용한 Line space 슬라이더와 같은 방식으로 작동합니다. 아래 예에서는 모든 문자의 간격을 더 가깝게 가져왔습니다.

 

그러나 나는 여전히 모든 간격에 만족하지 못했습니다. 특정 문자만 강조 표시하여 문자 간격 슬라이더를 제한하여 해당 문자만 조정할 수 있습니다. 예를 들어, 아래 스크린샷에서 "Bu"를 강조 표시하고 간격을 조정하여 다시 조금 더 멀어지도록 했습니다.

다른 글자들 사이의 간격을 조정한 후 이것이 내 최종 "로고"가 된 것입니다.

이제 텍스트가 있으므로 3D처럼 보이도록 작업할 수 있습니다!

관점 만들기

이제 3D 효과를 만들어 봅시다. 시작하기 전에 원본 텍스트 레이어의 복사본을 만들고 원본 레이어를 숨겼습니다. 복사 레이어로 작업하고 무슨 일이 생겨 원본으로 돌아가야 하는 경우에 대비하여 원본을 보존합니다.

 

다음 스크린샷에서 레이어 팔레트는 복사 레이어 아래에 있는 원본 텍스트 레이어를 보여줍니다. 원본 텍스트 레이어가 숨겨집니다. 복사 레이어도 래스터화했지만 이것은 선택 사항입니다.

 

텍스트를 원하는 크기로 만들고 캔버스에서 원하는 위치에 배치합니다. 아래에서 위로 올라오는 3D 효과를 만들고 싶었기 때문에 캔버스의 왼쪽 상단에 텍스트를 배치했습니다.

 

이제 퍼스자를 설정해야 합니다. 이 하위 도구는 눈금자 도구에서 찾을 수 있습니다. Perspective Ruler를 사용하여 3D 글자의 선을 그릴 수 있습니다. 도구 속성 창의 프로세스 드롭다운이 "소실점 추가"로 설정되어 있는지 확인합니다. 그런 다음 가이드를 그릴 문자 중 하나를 선택하십시오. 해당 지점을 클릭하고 드래그하여 가이드를 만듭니다. 아래 스크린샷에서 "c" 끝에 있는 점을 첫 번째 가이드로 선택했습니다. 내 텍스트에서 가장 오른쪽에 있는 점이기 때문입니다.

 

소실점을 가지려면 가이드를 하나 이상 추가해야 합니다. "B"의 왼쪽에 있는 점을 선택한 다음 클릭하고 드래그하여 첫 번째 선과 교차하는 선을 만듭니다. 교차점은 퍼스자의 소실점입니다.

2개의 안내선을 배치하고 소실점이 작성되면 CLIP STUDIO PAINT에서 퍼스자의 일부로 수평선과 수직선도 작성됩니다. 이 선은 이 눈금자 도구의 다른 응용 프로그램에서 매우 편리하지만 오늘은 이에 대해 걱정하지 않겠습니다. 아래 스크린샷에 추가된 수평선을 볼 수 있습니다.

모든 선이 멀리 떨어진 한 점으로 수렴되기를 원한다면 지금 소실점으로 돌아가는 선 그리기를 시작할 수 있습니다. 다만, 로고가 조금 돌아가서 멈추는 것을 원해서 조금 더 준비가 필요합니다.

 

먼저 다음 단계에서 모든 것이 정렬된 상태를 유지할 수 있도록 단어를 따라 주요 지점에 몇 가지 가이드를 더 두었습니다. 우리는 여러 레이어로 작업할 것이므로 Perspective Ruler가 "Show in All Layers"로 설정되어 있는지 확인하는 것이 항상 도움이 됩니다. 이것은 활성 레이어에 눈금자가 있는 레이어를 만든 다음 레이어 팔레트에서 눈금자 범위 설정 아이콘을 클릭한 다음 "모든 레이어에 표시"를 클릭하여 수행할 수 있습니다.

 

다음으로 텍스트 레이어의 두 번째 복사본을 만듭니다. 우리는 이것을 글자의 "뒤"(시청자로부터 가장 멀리 떨어진 가장자리라고도 함)에 대한 참조로 사용할 것입니다. 텍스트가 모든 직선으로 구성된 경우 이 단계를 생략할 수 있지만 내 글꼴에는 곡선이 많기 때문에 글자를 올바르게 보이게 하고 싶었습니다.

 

이제 안내선과 Scale/Rotate 기능을 사용하여 텍스트의 복사본 하나를 눈금자의 소실점에 더 가깝게 이동합니다. 사본의 점이 눈금자의 동일한 점에 대한 안내선과 일치하도록 텍스트 사본의 배율을 변경해야 합니다. 아래 스크린샷에서 복사본(버건디색)이 축소되고 이동되어 눈금자 안내선에 맞게 모두 원본 및 복사 레이어의 동일한 위치에 닿습니다.

 

그런 다음 텍스트의 위쪽과 아래쪽 복사본 사이에 레이어를 만듭니다. 이것은 우리가 원근감을 그릴 레이어입니다.

선택한 그리기 도구를 사용하여 글자 가장자리의 선 그리기를 시작합니다. 혼동하지 않도록 맨 아래 단어부터 시작하는 것이 가장 쉽다는 것을 알았습니다. 맨 위 글자의 행은 맨 아래 글자가 덮는 곳에서 보이지 않기 때문입니다.

이 단계를 철저히 하여 놓쳤을 수 있는 가장자리가 있는지 확인하십시오. 예를 들어, 아래 스크린샷에서 B의 오른쪽 상단 가장자리가 누락되었습니다. 이 생성의 채색 단계까지 제가 파악하지 못한 실수입니다! 하지만 괜찮습니다. 간단히 선 레이어로 돌아가서 눈에 띄면 추가했습니다.

글자의 둥근 모서리는 드로잉 도구에서 안정화를 높인 다음 복사 레이어에서 글자의 모서리를 조심스럽게 추적하여 각 원근감 선 사이의 공간을 채우는 방식으로 수행되었습니다.

 

선이 완성되면 복사 텍스트 레이어를 숨겼습니다. 그런 다음 추가 레이어를 사용하여 3D 로고에 색상과 음영을 추가했습니다. "레트로" 룩의 마지막 터치를 위해 CSP User 푸딩의 Retro Tone을 사용하여 약간의 질감을 추가하고 오래된 인쇄 항목의 모양을 얻습니다. (여기에서 동일한 톤을 얻을 수 있습니다: https://assets.clip-studio.com/en-us/detail?id=1926070 )

그리고 우리의 "레트로 3D 로고"가 완성되었습니다!

결론

이것은 CSP Perspective Ruler를 생각할 때 생각할 수 있는 정상적인 것이 아니지만, 그렇지 않은 경우 이 놀라운 강력한 도구를 사용하는 다른 방법을 보여주길 바랍니다. 약간의 계획과 독창성으로 퍼스펙티브 자로 모든 것을 만들 수 있습니다!

 

CLIP Studio Paint에 대한 자세한 내용은 https://www.clipstudio.net/en 또는 https://graphixly.com을 참조하십시오.

 

댓글

신착

공식 신착