Adobe Illustrator로 로고를 단계별로 만드는 방법

로고는 브랜드의 가장 대표적인 시각적 요소 중 하나이며 그 본질이 무엇인지 대중에게 전달할 수 있으며 매우 강력한 상징입니다. 이 튜토리얼에서는 일러스트 레이터가 로고 디자인을 위해 제공하는 기본 도구를 보여 드리고 그것들을 최대한 활용하는 방법을 알려 드리겠습니다. Adobe Illustrator로 로고를 만드는 방법을 알고 싶다면이 게시물을 놓칠 수 없습니다!

로고, isotype 또는 imagotype

로고, imagotype 및 isotype Illustrator의 차이점

일반적으로 로고라는 단어는 브랜드를 나타내는 상징을 나타냅니다. 그러나이 용어는 완전히 잘 사용되지는 않습니다. 디자인을 시작하기 전에이 문제를 해결하겠습니다.

  • El 로고 브랜드를 대표하는 상징이며 이미지 및 텍스트 (또는 타이포그래피).
  • 심볼이 다음으로 만 구성되는 경우 이미지, 텍스트 없음, 용어를 사용하는 것이 더 정확합니다. 아이소 타이프.
  • 때때로 로고의 다른 부분을 독립적으로 사용하는 브랜드가 있습니다. 예를 들어 Nike는 종종 woo 로고 이미지가 브랜드와 관련된 경우 타이포그래피를 동반 할 필요없이 다음과 같이 언급 할 수 있습니다. 성충 형.

Illustrator에서 새 문서를 만들고 모델 관찰

모델을 분석하여 Illustrator에서 로고 만들기

만들자 새 문서. 우리는 작업 테이블에 A4 크기, 따라서 작업 할 공간이 부족하지 않습니다. 나는 변경했다 색상 모드를 RGB로.

이전에 디자인 한 간단한 로고로 시작하겠습니다. 이 모델을 보면 단계별로 어떻게 만들고 어떤 도구로. 그들의 것은 Illustrator가 제공하는 것을 최대한 활용할 수있는 방법에 대한 아이디어를 얻는 것입니다. 로고를 분해하면 결합 된 모양과 텍스트의 집합으로 구성됩니다.

Adobe Illustrator에서 필요한 모든 모양 만들기

올빼미의 몸

직접 선택 도구를 사용하여 Illustartor에서 모양 편집

먼저 모양에 초점을 맞 춥니 다. 툴바에서 모양 도구. 이를 클릭하면 직사각형, 타원, 별, 다각형 또는 선분을 생성 할 수있는 옵션이 제공됩니다. 이 경우 우리는 직사각형 만들기. 도구를 선택하고 마우스 끌기 위 이미지에서 볼 수있는 대략적인 크기의 직사각형을 만듭니다.

이 직사각형에서 올빼미의 몸통을 구성하는 모양으로 어떻게 얻을 수 있습니까? 워프해야합니다, 그리고 우리는 직접 선택 도구 툴바에서. 그것을 선택하면 직사각형의 모서리에 일종의 핸들러 (원). 그들 중 하나를 직접 당기면 모서리가 둥글게 회전하는 것을 볼 수 있습니다. 모서리 하나를 휘게하려면 한 번 클릭 한 다음. 모서리가 움직이고 나머지는 그대로 남아 있음을 알 수 있습니다.

왼쪽 하단에서 시작하여 핸들을 한계까지 가져갑니다. 왼쪽 상단으로 계속 이동하고 마지막으로 오른쪽 상단을 둥글게 만듭니다. 이렇게하면 원하는 모양을 얻을 수 있습니다.

올빼미의 눈

Illustrator의 정렬 도구

모델을 자세히 살펴보기 위해 넓습니다. 눈은 몸과 같은 모양으로 이루어져 있습니다. 그리고 두 개의 원, 다른 내부. 우리는 더 작은 직사각형을 만들고이전 단계에서했던 것과 같습니다. 이제 원을 만듭니다. 선택 타원 도구. 완벽한 원을 만들려면 키를 눌러야합니다. 드래그하는 동안 이동, 그렇지 않으면 변형 될 수 있고 원보다 타원이 될 수 있습니다.

눈의 모든 요소를 ​​갖추 었으면 이제 조립할 때입니다. Illustrator에서 수행하는 모든 디자인 작업 정렬 도구는 기본입니다.. 표시하지 않을 수 있으며 언제든지 액세스 할 수 있습니다. 창>줄을 서십시오. 자동으로 다른 요소를 정렬하는 데 도움이됩니다. 아트 보드, 선택 항목 또는 주요 개체를 참조 할 수 있습니다. 정렬하려면 여러 개체를 선택하고정렬 옵션 선택. 참조 개체를 선택하려면 선택하고 키를 누르지 않고 키 개체로 변환하려는 개체를 클릭합니다.. 우리는 눈의 바깥 부분 안쪽에 동공을 중앙에 배치합니다.

다른 눈을 만들기 위해 복제 및 뒤집기

Illustrator에서 로고 복제 및 뒤집기

눈치 채면 다른 쪽 눈은 정확히 같지만 반대 위치에 있습니다. 전체 과정을 반복하지 않기 위해 우리가 할 일은 더블 이미 생성되었습니다. command + c (복사)와 command + v (붙여 넣기)를 사용하여 수행하거나 다음을 선택할 수 있습니다. 옵션 키를 누르고 드래그. 반전하려면 클릭하고 속성 패널에서, "변환"섹션의 위 이미지에 표시된 기호에서 당신은 모양을 뒤집을 수 있습니다,이 경우 수평이어야합니다.

패스 파인더 또는 펜 도구로 날개 만들기

펜 및 패스 파인더 도구

큰 모양으로 돌아가 보면 일종의 날개가있는 것을 볼 수 있습니다. 그것은 실제로 우리가 몸에 사용하는 것과 같은 모양입니다. 이 기회에 설명하겠습니다. 로고를 만드는 데 매우 유용한 두 가지 도구 : 펜 도구와 패스 파인더.

La 펜 도구 툴바에 있으며 날개를 만드는 데 사용할 수 있습니다. 그것을 사용하는 것은 매우 간단합니다. 간단히 클릭하여 정점을 만들고 선이 자동으로 그려져 결합됩니다.

날개를 만드는 또 다른 방법은 패스 파인더를 사용하는 것입니다. 보이지 않는 경우 창 탭> 패스 파인더에서 찾을 수 있습니다.. 이 도구를 사용하여 부품을 결합하거나 뺄 수 있습니다. 이 경우 옵션을 선택해야합니다. 몸의 모양을 복제하고 날개를 형성하는 뒤에 배치하고 다시 복제 한 다음 앞쪽을 덜 누르고 초과분을 지 웁니다. 우리는 이미 날개를 가지고있을 것입니다. 모든 모양이 만들어지면 로고를 조립할 수 있습니다.

Illustrator에서 로고의 색상 및 그라디언트

Illustrator에서 로고에 그라디언트 적용

지금까지 색상 문제는 다루지 않았습니다. 로고를 디자인 할 때 색상에주의를 기울이고 브랜드 정신을 조화롭게 표현하는 톤을 선택하는 것이 중요합니다. 나는 분홍색을 선택했습니다. 위의 색상 코드가 작동하는 경우를 대비하여 남겨 둘 것입니다. 눈은 채워지지 않고 두께가 0,25 인 흰색 선입니다.

몸의 분홍색 부분은 평평한 색상이 아닙니다. 타락한. 그라디언트가 있거나없는 로고에 대한 의견이 상충됩니다. 사용하기 전에는 그라디언트를 웹에 업로드 할 때 그라디언트가 손실 될 수 있기 때문에 위험했습니다. 그러나 이것은 극복되는 문제입니다. 많은 브랜드는 Instagram으로 인식 할 수있는 브랜드 인 로고에 그라디언트를 사용합니다. 잘 사용하면 로고에 볼륨 감을 더해주기 때문에 개인적으로 좋아합니다.

그라디언트를 적용하려면 그라디언트 도구를 선택하고 개체를 두 번 클릭해야합니다. 키보드에서 G를 누르고 두 번 클릭하면 바로 가기가 가능합니다. 속성 패널의 그라디언트에서 그라디언트 유형을 선택하고 메뉴를 표시하여 세 지점에서 수정할 수 있습니다. 이 경우 우리는 검은 색에서 흰색으로가는 그라디언트를 선택했고 검은 색을 분홍색으로 바꾸고 흰색을 매우 밝은 분홍색, 거의 흰색으로 바꿀 것입니다. 도형에 나타나는 막대와 점을 이동하여 그라디언트의 위치와 구조를 수정할 수 있습니다.

로고의 타이포그래피

텍스트는 복잡하지 않으며 Oswlad Medium 글꼴로 작성되었으며 Google 글꼴에서 무료로 다운로드 할 수 있습니다. 17 점 크기로 똑같은 핑크 톤을 선택했습니다.

Adobe Illustrator에서 글꼴을 사용자 정의하는 방법

Illustrator에서 텍스트를 획으로 변환

타이포그래피에 대해 더 많이 이야기합시다! 글꼴을 획으로 변환 할 수 있습니다., 파손, 변형 및 우리는 그들과 함께 놀 수 있습니다. 나는 그것을하기를 매우 꺼린다. 그러나 로고를 만드는 것은 좋은 자원이고 당신은 그것을 알아야한다. 예를 보겠습니다.

File Black 글꼴을 선택하고이 이름을 쓰겠습니다. 지금은 우리가 할 수있는 일이 거의 없습니다. 우리는 타이포그래피를 뇌졸중으로 바꿔야합니다. 그에 대한, 선택 도구로 선택하고 텍스트 탭으로 이동> 윤곽선 만들기. 이 작업을 수행하기 전에 텍스트를 잘 작성했는지 확인하십시오. 더 이상 편집 할 수 없기 때문입니다!

Adobe Illustrator로 로고를 만드는 방법

윤곽선을 만들면 다른 Illustrator 스트로크처럼 텍스트를 처리 할 수 ​​있습니다. 모양에 대해 수행했듯이 직접 선택 도구를 사용하여 i의 끝과 두 번째 "i"의 점을 구부려서 잎 모양으로 변형합니다. 청록색 톤. 흥미로운 점은 전체 단어를 로고로 사용하거나 "i"를 독립적 인 이미지 유형으로 사용할 수 있다는 것입니다.

Photoshop에서 모형으로 로고 테스트

최종 결과 Photoshop으로 로고를 만드는 방법

로고가 작동하는지 확인하는 좋은 방법은 Photoshop으로 모형을 만드는 것입니다. 현실에서 어떻게 보일지, 그리고 어떻게 구현 될 수 있는지 빠르게 볼 수있는 가장 좋은 방법입니다.

 

 

 

 


기사의 내용은 우리의 원칙을 준수합니다. 편집 윤리. 오류를보고하려면 여기에.

코멘트를 첫번째로 올려

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다.

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.