간단한 로고를 InkScape로 만드는 방법

InkScape는 최고의 무료 확장 가능한 벡터 그래픽(SVG) 애플리케이션 중 하나입니다. 이는 크기에 관계없이 모양을 유지하는 그래픽을 만드는 데 이상적이며, 무엇보다도 로고를 만드는 데 적합합니다. InkScape는 상당한 도구 모음을 제공하지만, 하나 또는 두 개의 도구만 사용하여 간단한 로고를 만들 수 있습니다.

InkScape는 가장 인기 있는 오픈 소스 그래픽 애플리케이션 중 하나이므로 많은 리눅스 배포판에 사전 설치되어 있습니다. 만약 당신의 배포판에 포함되어 있지 않다면, 배포판의 공식 앱 스토어를 통해 찾아보세요. 명령어 사용에 문제가 없고 Debian 기반 배포판을 사용 중이라면, 다음 명령어로 설치할 수 있습니다:

sudoapt-get install inkscape

또한 읽어보세요: 벡터 이미지를 만들기 위한 8가지 최고의 무료 그래픽 편집기

페이지 방향

InkScape의 새 문서 기본 모드는 세로 방향입니다. 대부분의 로고는 너비가 높이보다 크므로 페이지 설정을 가로로 설정하는 것이 좋습니다.

이를 위해 “파일 -> 문서 속성”을 선택하고 페이지 크기 목록 바로 아래에서 방향을 가로로 변경합니다.

또한 읽어보세요: Google 드로잉을 사용하여 로고 만들기

선 도구

애플리케이션의 도구 모음에서 그림자가 있는 작은 연필을 나타내는 열두 번째 도구를 선택합니다. 또는 Shift + F6을 누릅니다. 이 도구를 사용하면 직선과 베지어 곡선을 그릴 수 있습니다.

자석 가이드

InkScape와 대부분의 도구는 빈 페이지의 어디에서든 원하는 것을 디자인할 수 있게 해줍니다. 때때로 로고 디자인과 같은 경우에는 이러한 모든 자유에 대한 일부 제한이 매우 유용합니다. “제한”이라는 것은 “가이드”를 의미합니다.

가이드를 사용하면 그림의 기하학을 제어하는 데 도움이 됩니다. 자석처럼 작용하여 가이드 옆을 클릭하면 점이 배치될 위치가 변경되어 “텔레포트”됩니다. 가이드를 적절히 배치하면 최종 디자인을 만들기 위한 대략적인 “골격”으로 변환할 수 있습니다.

InkScape(및 동일 장르의 많은 다른 애플리케이션)에서 가이드를 만드는 것은 숨겨진 단축키를 통해 가능합니다: 페이지 가장자리에 나타나는 두 개의 눈금자 중 하나에서 왼쪽 마우스 버튼을 누른 채로 드래그하여 가이드를 원하는 지점으로 이동합니다. 페이지의 상단 또는 왼쪽에서 눈금자를 끌어당긴 것에 따라 수평 또는 수직 가이드가 생성됩니다.

로고 디자인을 훨씬 더 편리하게 만들기 위해, 스크린샷에서 볼 수 있는 것과 크게 다르지 않은 가이드 매트릭스를 만드는 것을 제안합니다.

선, 곡선 및 교차점

우리의 경우, Make Tech Easier를 위한 대체 “MTE” 로고를 디자인했습니다 - 바로 그 세 글자입니다. 아마도 당신은 다른 것을 만들고 싶을 것이므로, 클릭할 위치와 방법에 대한 엄격하고 구체적인 지침을 제공하는 대신 우리가 한 일과 그 이유를 설명하겠습니다.

우리는 “m” 글자를 그리는 것으로 시작했습니다. 대부분의 글자와 마찬가지로 직선과 곡선이 모두 필요합니다. 간단한 직선으로 시작하는 것이 더 쉽습니다 - 적어도 우리는 그렇게 생각합니다. 우리는 페이지 왼쪽에 있는 수직 가이드를 (정신적으로) 선택했습니다.

왼쪽 하단의 수평 가이드와 교차하는 지점을 클릭했습니다. 그런 다음 왼쪽 상단의 수평 가이드와 교차하는 지점을 클릭했습니다. 결과는 수직 가이드에 있는 수직 선으로, 수평 가이드와의 교차점에서 시작하고 끝났습니다.

첫 번째 선을 만들었지만, 우리는 아직 끝나지 않았습니다: 선택한 도구는 여전히 활성 상태로 대기 중이며, 우리의 다음 움직임을 기다리고 있습니다. 화면의 다른 부분으로 이동하면 다음 클릭의 결과를 실시간으로 미리 볼 수 있습니다. 적어도, 다음 클릭이 곡선이 아닌 또 다른 직선이 될 경우에만 그렇습니다.

형태 정의하기

선 및 베지어 곡선 도구를 선택하면 선과 곡선의 연속이 생성됩니다. 각 새로운 클릭은 이전 선의 끝과 다음 선의 시작을 지정합니다.

선 대신 곡선을 만들려면 클릭하고 누르고 있는 대신 왼쪽 마우스 버튼을 누른 채로 드래그합니다. 그런 다음 왼쪽 버튼을 계속 누른 채로 마우스를 움직이면 화면에서 선이 곡선으로 변경되며, 곡률과 각도는 커서의 위치에 의해 정의됩니다.

형태를 그리는 과정은 시작한 지점으로 돌아가 마지막 클릭을 하여 완료됩니다.

일련의 순차적인 클릭을 통해 선과 곡선을 정의함으로써, 상상할 수 있는 거의 모든 것을 그릴 수 있습니다. 이는 재능의 문제가 아니라 인내, 의지 및 결단력의 문제입니다. 우리의 경우처럼, 이것이 단지 “m” 글자였더라도 말입니다.

색상 추가하기

이전 단계를 반복하여 로고를 완성하기 위해 두 개의 글자를 더 디자인했습니다. 그러나 그것들은 흰색이었고, 정확히 말하자면, 흰색 배경 위에 빈 상태였습니다. 로고에는 최선이 아닙니다.

모든 형태에 색상을 주려면 선택한 후 원하는 색상을 선택합니다. 이는 들리는 것만큼 쉽습니다. 어떤 버튼이 무엇을 하는지 알면 말이죠. 사용 가능한 도구 중 첫 번째 도구를 클릭하거나 키보드에서 F1을 누릅니다. 이것이 선택 도구입니다. 활성 상태에서 원하는 형태를 클릭하거나 왼쪽 클릭을 하여 사각형을 그려 선택할 수 있습니다.

Shift를 누른 채로 여러 형태를 순차적으로 클릭하거나 모든 형태를 둘러싸는 사각형을 드래그하여 한 번에 여러 형태를 선택할 수 있습니다.

선택된/활성 형태에 색상을 지정하려면 화면 하단의 색상 팔레트에서 원하는 색상을 클릭하거나 클릭한 후 색상을 할당할 객체로 드래그합니다. 이 특정 경우에는 두 번째 방법이 글자의 윤곽선에만 색상을 지정할 것이라는 점에 유의하세요. 현재로서는 빈 상태이기 때문입니다.

실제 로고

우리의 로고는 거의 준비되었습니다. 선택 도구를 사용하여 글자를 하나씩 선택하고 더 가까이 가져왔습니다. 그런 다음 예시를 위해 이전 단계에서 사용한 재미있는 다채로운 화려함을 더 진지한 검정색으로 교체했습니다. 마지막으로, “보기 -> 가이드”에서 가이드의 표시를 비활성화하여 페이지에 불필요한 선이 없는 작업 결과를 명확하게 볼 수 있도록 했습니다.

저장하는 것을 잊지 마세요!

무언가를 디자인할 때 마지막 단계는 거의 항상 “파일 -> 저장”으로 가는 마지막 방문입니다. InkScape는 이상한 저장 형식을 사용하지 않으며, 널리 사용되는 확장 가능한 벡터 그래픽 형식(SVG)과 완전히 호환됩니다.

이 형식의 파일은 그래픽을 수학적 방정식으로 저장하므로, 디스플레이 크기에 관계없이 깨끗하게 보입니다. 또한 모든 최신 브라우저가 이를 지원하며, 지난 10년 동안 대부분의 브라우저가 이를 지원해왔다는 점도 주목할 가치가 있습니다. 이는 SVG 형식으로 로고를 사이트에 직접 사용할 수 있음을 의미합니다. 이는 평균 JPEG 또는 PNG 파일에 비해 더 빠르게 표시되고, “더 깔끔하게 보이며”, 압축에 더 유리합니다.