본문 바로가기
스터디 열기

간단한 토이 프로젝트 로고 만들기

로고 디자인은 크게 4가지 형태로 나뉩니다.

  1. 텍스트형
  2. 심볼형
  3. 엠블럼형
  4. 캐릭터형

오늘 우리가 만들어볼 로고는 바로 ‘텍스트형 로고’입니다.

텍스트 도구를 활용하여 간단한 텍스트를 작성하고, ‘Flatten’ 기능을 활용하여 벡터 그래픽으로 만들어 아주 간단하게 로고를 만들어 보아요

눈누:상업용 무료 폰트 사이트

상업적 이용이 가능한 무료 한글 폰트 사이트인 ‘눈누’에서 무료 폰트를 다운로드 받아 토이 프로젝트 로고를 함께 만들어봐요!

https://noonnu.cc/

Outline Stroke와 Flatten

Figma에서 텍스트를 벡터 그래픽으로 전환할 때 Outline Stroke와 Flatten 기능을 사용하면 각각 동일한 결과가 나와 혼동될 수 있습니다.

하지만 두 기능은 다음과 같은 차이가 있습니다:

1. Outline Stroke

주로 텍스트 외에 스트로크가 있는 벡터 오브젝트를 변환할 때 사용합니다.

2. Flatten

여러 개의 벡터 오브젝트를 하나로 합치거나, 텍스트를 단순히 벡터로 변환할 때 사용합니다.

2-2 패스파인더(Pathfinder) 기능 활용하기

패스파인더(Pathfinder)는 그래픽 디자인 툴에서 여러 벡터 도형을 결합하거나 분할하여 새로운 도형을 만드는 기능입니다. 이 기능은 Adobe Illustrator와 같은 벡터 그래픽 편집기에서 널리 사용되며, Figma에서도 유사한 역할을 하는 도구들이 있습니다.

결합 또는 분할하고자 하는 벡터 그래픽 여러개를 동시 선택하면 우측 프로퍼티 패널의 헤더 섹션에 패스파인더 버튼이 나타납니다.

1. Union Selection

선택한 여러 도형을 결합하여 하나의 도형으로 만드는 기능입니다.

이 기능을 사용하면 선택된 모든 도형의 외곽선을 따라 새로운 도형이 생성되며, 결과적으로 하나의 벡터 도형이 됩니다. 이는 복잡한 도형을 만드는 데 유용하며, 합쳐진 도형은 여전히 개별 도형들로 분리하거나 수정할 수 있습니다.

2. Subtract Selection

Subtract Selection은 선택된 도형 중 가장 아래에 있는 도형의 영역에서 위에 있는 도형의 영역을 빼내는 기능입니다.

이를 통해 위쪽 도형의 모양만큼 하위 도형에서 잘라내는 효과를 얻을 수 있습니다. 이 기능은 특정 모양을 도려내거나 디자인에서 부분적으로 제거하는 데 사용됩니다.

3. Intersect Selection

Intersect Selection은 선택된 도형들 간에 겹치는 부분만을 남기고 나머지 부분을 제거하는 기능입니다.

이 기능을 사용하면 두 개 이상의 도형이 겹치는 영역을 새로운 도형으로 만들 수 있습니다. 주로 복잡한 형태의 도형을 만들거나 특정 부분만 강조할 때 유용합니다.

4. Exclude Selection

Exclude Selection은 선택된 도형들 중에서 겹치는 부분을 제거하고 나머지 영역을 남기는 기능입니다.

겹치는 부분이 사라지며, 도형들이 합쳐진 것처럼 보이지만 실제로는 겹침이 제거된 형태로 남게 됩니다. 이 기능은 디자인에서 특정 영역을 비워두거나 복잡한 도형을 만들 때 사용됩니다.

5. Flatten Selection

Flatten Selection은 여러 개의 벡터 도형을 하나의 벡터 레이어로 병합하는 기능입니다. 이 작업은 선택된 모든 도형을 단일 벡터로 변환하여 편집할 수 있게 해줍니다.

Flatten Selection을 사용하면 더 이상 개별 도형으로서 수정할 수 없으며, 전체 도형이 하나의 경로로 통합됩니다. 이는 복잡한 벡터 도형을 단순화하거나 레이어 수를 줄일 때 유용합니다.

두 도형을 Union slection 기능으로 합쳤을 경우 두 도형을 Union slection 기능으로 합쳤을 경우

해당 도형을 Flatten 기능으로 단일 벡터로 병합한 경우 해당 도형을 Flatten 기능으로 단일 벡터로 병합한 경우

Missing Fonts 문제와 저작권

https://youtu.be/YEt5c5L5QZg?si=XbQ-wEoRfTWYSpMV

마지막 수정

간단한 토이 프로젝트 로고 만들기 - 누구나 쉽게 시작할 수 있는 피그마 기초 활용법 | 위니버시티