일러스트 디자인에 대한 실용적인 팁 ✨ 로고, 아바타 등

3D 게임 로고 등을 만드는 10+1 팁과 요령🪄

1,276

.avi.

비디오 버전:

이 튜토리얼은 벡터와 텍스트 레이어, 마스크, 선택 영역 채우기 등에 대한 기본적인 이해가 이미 있는 사용자를 대상으로 합니다.

텍스트 버전:

안녕하세요!

저는 .avi입니다. 저는 전문 게임 일러스트레이터로 일하고 만화와 웹툰을 만드는 것이 제 취미입니다.

저는 직장에서 종종 모든 종류의 게임 로고를 디자인하기 때문에, 로고를 만들 때 염두에 두어야 할 몇 가지 팁을 공유하여 기억에 남고 읽기 쉽게 만들고, Clip Studio Paint에서 작업 속도를 높이는 실용적인 요령을 알려드리고자 합니다.

제가 예시로 사용한 로고는 실제로 제 웹툰의 로고이지만, 그 원리는 모든 종류의 제품에 적용 가능합니다.

1. 당신의 게임을 알아라

게임이나 만화의 주요 특징과 주제를 요약하고 로고에 포함시키고 싶은 요소를 선택합니다.

무드보드를 만드는 데 도움이 됩니다. 제 경우에는 자동차가 주요 요소입니다. 또한 눈 덮인 산의 배경을 암시하고 동물 중 하나를 추가하여 활기를 불어넣고 싶었습니다. 오리를 선택한 이유는 가장 이상했기 때문입니다.

낙서만으로 몇 가지 개념**을 만드세요. 웹툰은 대부분 코미디이기 때문에 레트로 여행 스티커를 모호하게 기반으로 약간 엉뚱한 면을 살린 활기찬 만화 로고를 목표로 했습니다.

2. 적절한 글꼴을 선택하는 데 시간을 들이세요

저는 종종 제가 만드는 각 로고에 적합한 글꼴을 찾는 데 하루 종일을 보냅니다. Dafont와 같은 웹사이트를 탐색하고 눈길을 끄는 모든 것을 다운로드하세요.

그렇게 하면 로고에 가장 적합한 글꼴을 선택했는지 확인할 수 있습니다!

💡 간단한 팁 #1: 글꼴 추가하기 💡

CSP에 다운로드한 글꼴을 설치하지 않고도 쉽게 추가할 수 있습니다. 글꼴 목록을 열고 파일에서 추가**를 클릭하면 됩니다.

글꼴 제거는 파일 > 글꼴 관리에서 이루어집니다(여기서 글꼴을 추가할 수도 있습니다).

💡 간단한 팁 #2: 글꼴 카테고리 💡

CSP를 사용하면 글꼴 목록에서 기어 아이콘을 클릭하여 글꼴을 범주별로 정리할 수 있습니다. 이렇게 하면 특정 유형을 원할 때 모든 글꼴을 살펴볼 필요가 없습니다.

드롭다운 메뉴에서 범주를 선택하면 지정된 글꼴 그룹만 글꼴 목록에 표시됩니다.

💡 간단한 팁 #3: 글꼴을 스크롤하세요 💡

글꼴 선택 메뉴 위에 커서를 놓고 스크롤하면 글꼴 목록을 빠르게 살펴볼 수 있습니다.

3. 글꼴 결합

로고가 두 개 이상의 단어로 구성되어 있는 경우 하나의 글꼴에만 고집하지 마세요. 두 글꼴을 결합하면 로고가 시각적으로 훨씬 더 흥미로워집니다!

글꼴뿐만 아니라 각 단어의 대문자와 소문자를 섞어 써보세요.

비슷한 비율의 두 글꼴을 찾아보세요.

찾을 수 없다면 작업 개체 도구로 전환하여 굵게, 기울임체, 간격 변경을 추가하거나 크기 조정 및 기울이기로 텍스트를 변형하여 글꼴 중 하나를 "수정"할 수 있습니다!

로고의 각 부분의 크기를 다양하게 하여 흥미로운 구성을 흰색으로 만들고 전체 모양을 가능한 한 컴팩트하게 유지합니다.

주요 단어는 가장 큰 것이어야 하며, 관사와 전치사는 비교적 작아도 됩니다.

💡 간단한 팁 #4: 텍스트 변환 💡

작업 도구를 사용하면 핸들로 텍스트를 변형할 수 있을 뿐만 아니라, 글꼴 탭의 하위 도구 세부 정보 팔레트에서 텍스트 크기를 조정할 수 있습니다. 크기 조정, 수평 비율 및 수직 비율을 설정하고, 변환 설정 탭에서 텍스트를 회전하고 기울이기** 할 수 있습니다.

💡 간단한 팁 #5: 원형 텍스트 💡

Sub Tool Detail 팔레트에서 같은 이름의 탭에서 Circular text를 체크하면 텍스트의 기준선이 Circular로 바뀝니다. 핸들을 사용하면 원의 크기를 변경하고 텍스트를 그 주위로 옮길 수 있습니다.

스탬프와 같은 로고, 동전 또는 아치형 텍스트에 적합합니다.

텍스트 설정에 대한 공식 튜토리얼:

4. 다이나믹한 모양

회전 및 기울이기 외에도 다양한 변형 도구를 사용하여 텍스트에 역동적인 느낌을 더할 수 있지만, 먼저 래스터화해야 합니다.

아티팩트는 필연적으로 래스터 레이어의 변형과 함께 제공되므로 계획된 출력 크기보다 최소 4배 더 큰 캔버스 크기로 작업하는 것이 좋습니다.

이렇게 하면 아티팩트가 덜 눈에 띄고 더 쉽게 수정할 수 있습니다.

또한 원본 텍스트 레이어를 백업으로 보관하고, 변환을 적용할 복제본을 래스터화합니다.

💡 간단한 팁 #6: 벡터를 날카롭게 유지하세요 💡

자유 변형만 사용하려는 경우, 레이어의 검은색 복제본을 만들고, 레이어>레이어 변환으로 이동한 다음 유형에서 벡터 레이어를 선택하여 선명도를 유지할 수 있습니다.

이렇게 하면 래스터 채우기 레이어와 함께 변형하면 모서리가 날카로워지는 벡터 윤곽선이 생깁니다.**

둥근 거품 모양 글꼴에 잘 어울리며, 날카로운 모양에서는 모서리가 둥글게 될 수 있습니다.

🪄 왜곡 필터

필터 > 왜곡에서 다양한 변형 필터를 시도하여 텍스트의 동적 모양을 구현합니다. 파노라마 필터를 제외하고 모두 흥미로운 결과를 낼 수 있습니다.

🪄Liquify 도구

액화 도구를 사용하여 텍스트를 왜곡할 수도 있지만, 캔버스가 너무 큰 경우 처리하는 데 시간이 다소 걸릴 수 있습니다.

💡 간단한 팁 #7: 들쭉날쭉한 가장자리를 매끈하게 다듬으세요 💡

래스터 레이어를 변형한 후 들쭉날쭉한 모서리가 생기면 더 이상 들쭉날쭉한 모서리가 보이지 않는 강도로 가우시안 블러를 적용하여 부드럽게 해보세요.

… 반경을 늘린 언샵 마스크가 이어집니다.

이 프로세스에 대해 자동 작업을 설정하는 것이 좋습니다.

5. 텍스트에 3차원적 느낌을 더하세요

래스터 텍스트 레이어 아래에 래스터 복제본을 만들고, 크기를 줄이거나 옆으로 이동하면 텍스트 아래에 그림자를 쉽게 추가할 수 있습니다.

두 레이어 사이에 연결을 그리면 텍스트에 3차원적인 모양을 부여할 수 있습니다!

🪄3D 느낌을 위한 블러 필터

또 다른 재미있는 대안은 Motion, Radial 및 Spin blur 필터를 가지고 놀아보는 것입니다.

Radial 및 Spin blur에서 빨간색 중앙 마크의 다양한 설정과 위치를 시도해 보세요.

필터를 사용하면 투명한 레이어가 생기지만 걱정하지 마세요! 흐릿한 레이어를 여러 번 복제하고 병합하면 투명한 부분이 불투명해질 때까지 됩니다.

6. 테두리 및 엠보싱

텍스트에 테두리와 내부, 외부 엠보싱을 추가하는 방법에는 여러 가지가 있습니다.

🪄 테두리 효과

레이어 속성 팔레트에서 테두리 효과를 사용할 수 있습니다.

🪄선택 영역을 확장하거나 축소하여 엠보싱

… 또는 선택을 사용하여:

1. 레이어 아이콘을 Ctrl-클릭하여 선택 영역을 만듭니다.

2. 선택 > 확장 또는 축소를 클릭하여 선택한 영역을 다른 양으로 조정합니다.

3. 수정된 선택 영역을 새 레이어에 채웁니다.

💡 간단한 팁 #8: 자동 작업 💡

워크플로 속도를 높이기 위해 선택 영역을 확장하고 축소하는 자동 작업을 설정하세요!

자동 작업에 대한 공식 튜토리얼:

이 방법으로 다양한 레이어를 더 많이 만들면 레이어를 살짝 이동해서 텍스트에 양각된 3차원 느낌을 줄 수 있습니다!

7. 클리핑 레이어와 마스크 사용

텍스트 모양 레이어를 직접 색칠할 수 있지만, 모양 레이어에 클리핑된 레이어를 사용하거나 텍스트 모양의 마스크가 있는 레이어 그룹을 만드는 것이 좋습니다.

캔버스 전체에 새 레이어에 그라데이션, 패턴 등을 그리면 클리핑 레이어 또는 마스크가 모양을 유지합니다.

레이어 클리핑에 대한 공식 튜토리얼:

왜?

클라이언트가 이름을 A Random Digger-by로 변경하면 어떨까요?

Driver-by 텍스트 전체를 다시 그려야 합니다...

하지만 클리핑된 레이어를 사용하면 모든 색상이 클리핑된 모양 레이어만 변경할 수 있고, 마스크된 그룹을 사용하면 마스크를 변경할 수 있으며, 사소한 조정만 필요합니다.

8. 텍스트의 가독성은 항상 우선입니다.

멋지고 반짝이는 금속성 텍스트를 만들었는데도 글자가 읽을 수 없다면 로고로 기능할 수 없습니다.

문서의 새 창을 열고 크기를 줄여서 가독성과 구성을 계속 확인할 수 있습니다.

💡 간단한 팁 #9: 창 복제 💡

창>캔버스>새 창에서 캔버스의 복제 창을 엽니다.

💡 텍스트를 읽기 쉽게 유지하는 요령 💡 (라틴 알파벳에 적용 가능)

색상과 모양은 간결하게 유지하고, 그라데이션과 질감은 텍스트 줄을 따라야 합니다.

🍊 재밌는 사실 #1

사람들은 글자로 읽는 것이 아니라 단어의 모양을 인식함으로써 읽습니다.

소문자 텍스트에서는 주요 줄 아래와 위에 있는 글자 부분을 비워 둡니다.

🍊 재밌는 사실 #2

눈은 기준선을 따릅니다. 즉, 소문자, 대문자 모두 글자의 아랫부분이 윗부분보다 더 중요합니다.

우리에게 있어서 이는 점프하는 글자일지라도 정의된 곡선 위의 기준선을 유지해야 한다는 것을 의미합니다.

또한, 그래디언트를 사용할 때는 하단 부분을 더 대비되게 만드는 것이 좋습니다. 예를 들어, 어두운 윤곽선의 텍스트는 하단에 더 밝은 그래디언트 부분이 있어야 합니다.

9. 추가 요소를 추가하지만 간단하게 유지하세요

텍스트만 있는 로고도 괜찮지만, 관련 요소를 추가하면 차원이 달라집니다!

로고의 첫 번째 버전에서는 세부 사항을 너무 많이 넣어서 여행 스티커처럼 로고에 포함시키고 싶었습니다.

계속 단순화하다가 결국 자동차의 실루엣만 남았고, 그 뒤로 오리와 다람쥐가 보름달 앞을 지나갑니다(모두가 그 의미를 알겠죠 :D). 눈 덮인 산은 몇 개의 단순화된 눈송이로 축소되었습니다. 이상한 분위기는 코믹한 스피드라인과 4개의 별 모양으로 유지됩니다.