오늘 아침에 간단한 로고가 필요해서 소위 말하는 무료 로고 메이커를 한 번 써볼까 생각했어요.

로고를 다 만들고 나니, 간단한 구글 폰트와 FontAwesome 아이콘이 들어간 로고에 35달러를 달라고 하더라고요. 완전 불공평하죠?

그런데 제가 이 프리미엄 로고를 완전 무료로 다운로드 받을 수 있는 간단한 방법을 찾아냈어요.

참고로, 저는 이 방법을 https://logomaster.ai와 https://www.designevo.com에서 시험해봤고 꽤 잘 됐어요.

**사전 준비 사항**

- inspect element 기본 지식

- Adobe Illustrator 또는 다른 벡터 편집 소프트웨어

- 두 가지 다 갖췄나요? 좋아요! 그럼 이제 트릭을 시작해볼게요.

**트릭**

1단계. 위에서 언급한 사이트들에서 무료 로고를 디자인해요.

다른 사이트에서도 시도해볼 수 있지만, 저는 다른 사이트들은 테스트해보지 않아서 트릭이 통할지 장담할 수 없어요.

2단계. 로고 디자인을 마치고 실제로 로고를 구매하려고 할 때, 로고의 아무 요소나 오른쪽 클릭해서 '요소 검사'를 눌러요.

{

"lightbox_close": "Close",

"lightbox_next": "Next",

"lightbox_previous": "Previous",

"lightbox_error": "The requested content cannot be loaded. Please try again later.",

"lightbox_start_slideshow": "Start slideshow",

"lightbox_stop_slideshow": "Stop slideshow",

"lightbox_full_screen": "Full screen",

"lightbox_thumbnails": "Thumbnails",

"lightbox_download": "Download",

"lightbox_share": "Share",

"lightbox_zoom": "Zoom",

"lightbox_new_window": "New window",

"lightbox_toggle_sidebar": "Toggle sidebar"

}

대부분의 사이트들은 프론트엔드에서 보여주는 로고를 SVG 형식으로 렌더링해요; 이건 벡터 형식이죠? 저는 몇몇 분들이 벌써 제가 말하고자 하는 방향을 알아채셨을 거라고 생각해요.

3단계. 검사하고 있는 로고 부분의 SVG HTML 요소를 찾아보세요.

부모 SVG 요소를 찾아야 하고, 중첩된 자식 요소가 아닌지 꼭 확인해주세요.

4단계. 요소를 찾았으면 오른쪽 클릭해서 'HTMLとして編集'를 누르고, 전체 HTML 요소 코드를 복사해서 Windows의 메모장 또는 Mac의 텍스트편집기에 붙여넣고 SVG 형식으로 저장해요.

5단계. 이제 로고의 특정 부분을 얻으셨어요. 이 파일을 가서 미리보기하면 보통대로 열릴 거예요.

6단계. 모든 요소에 대해 2~5단계를 반복해주세요. 제 경우엔 로고 아이콘과 로고 텍스트만 있어서 겨우 2분 정도밖에 안 걸렸어요.

7단계. 로고의 모든 부분을 개별 SVG 파일로 저장했으면 이제 합칠 차례예요. 일러스트레이터에서 cualquiera 파일을 하나 열고 나머지 파일들을その上에 드래그한 뒤, 필요에 따라 위치를 배치해요.

아래가 최종 결과물이에요.

새롭게 만든 프리미엄 로고를 무료로 즐겨보세요!