로고는 브랜드의 가장 대표적인 시각적 요소 중 하나이며 그 본질이 무엇인지 대중에게 전달할 수 있으며 매우 강력한 상징입니다. 이 튜토리얼에서는 일러스트 레이터가 로고 디자인을 위해 제공하는 기본 도구를 보여 드리고 그것들을 최대한 활용하는 방법을 알려 드리겠습니다. Adobe Illustrator로 로고를 만드는 방법을 알고 싶다면이 게시물을 놓칠 수 없습니다!
로고, isotype 또는 imagotype
일반적으로 로고라는 단어는 브랜드를 나타내는 상징을 나타냅니다. 그러나이 용어는 완전히 잘 사용되지는 않습니다. 디자인을 시작하기 전에이 문제를 해결하겠습니다.
- El 로고 브랜드를 대표하는 상징이며 이미지 및 텍스트 (또는 타이포그래피).
- 심볼이 다음으로 만 구성되는 경우 이미지, 텍스트 없음, 용어를 사용하는 것이 더 정확합니다. 아이소 타이프.
- 때때로 로고의 다른 부분을 독립적으로 사용하는 브랜드가 있습니다. 예를 들어 Nike는 종종 woo 로고 이미지가 브랜드와 관련된 경우 타이포그래피를 동반 할 필요없이 다음과 같이 언급 할 수 있습니다. 성충 형.
Illustrator에서 새 문서를 만들고 모델 관찰
만들자 새 문서. 우리는 작업 테이블에 A4 크기, 따라서 작업 할 공간이 부족하지 않습니다. 나는 변경했다 색상 모드를 RGB로.
이전에 디자인 한 간단한 로고로 시작하겠습니다. 이 모델을 보면 단계별로 어떻게 만들고 어떤 도구로. 그들의 것은 Illustrator가 제공하는 것을 최대한 활용할 수있는 방법에 대한 아이디어를 얻는 것입니다. 로고를 분해하면 결합 된 모양과 텍스트의 집합으로 구성됩니다.
Adobe Illustrator에서 필요한 모든 모양 만들기
올빼미의 몸
먼저 모양에 초점을 맞 춥니 다. 툴바에서 모양 도구. 이를 클릭하면 직사각형, 타원, 별, 다각형 또는 선분을 생성 할 수있는 옵션이 제공됩니다. 이 경우 우리는 직사각형 만들기. 도구를 선택하고 마우스 끌기 위 이미지에서 볼 수있는 대략적인 크기의 직사각형을 만듭니다.
이 직사각형에서 올빼미의 몸통을 구성하는 모양으로 어떻게 얻을 수 있습니까? 워프해야합니다, 그리고 우리는 직접 선택 도구 툴바에서. 그것을 선택하면 직사각형의 모서리에 일종의 핸들러 (원). 그들 중 하나를 직접 당기면 모서리가 둥글게 회전하는 것을 볼 수 있습니다. 모서리 하나를 휘게하려면 한 번 클릭 한 다음. 모서리가 움직이고 나머지는 그대로 남아 있음을 알 수 있습니다.
왼쪽 하단에서 시작하여 핸들을 한계까지 가져갑니다. 왼쪽 상단으로 계속 이동하고 마지막으로 오른쪽 상단을 둥글게 만듭니다. 이렇게하면 원하는 모양을 얻을 수 있습니다.
올빼미의 눈
모델을 자세히 살펴보기 위해 넓습니다. 눈은 몸과 같은 모양으로 이루어져 있습니다. 그리고 두 개의 원, 다른 내부. 우리는 더 작은 직사각형을 만들고이전 단계에서했던 것과 같습니다. 이제 원을 만듭니다. 선택 타원 도구. 완벽한 원을 만들려면 키를 눌러야합니다. 드래그하는 동안 이동, 그렇지 않으면 변형 될 수 있고 원보다 타원이 될 수 있습니다.
눈의 모든 요소를 갖추 었으면 이제 조립할 때입니다. Illustrator에서 수행하는 모든 디자인 작업 정렬 도구는 기본입니다.. 표시하지 않을 수 있으며 언제든지 액세스 할 수 있습니다. 창>줄을 서십시오. 자동으로 다른 요소를 정렬하는 데 도움이됩니다. 아트 보드, 선택 항목 또는 주요 개체를 참조 할 수 있습니다. 정렬하려면 여러 개체를 선택하고정렬 옵션 선택. 참조 개체를 선택하려면 선택하고 키를 누르지 않고 키 개체로 변환하려는 개체를 클릭합니다.. 우리는 눈의 바깥 부분 안쪽에 동공을 중앙에 배치합니다.
다른 눈을 만들기 위해 복제 및 뒤집기
눈치 채면 다른 쪽 눈은 정확히 같지만 반대 위치에 있습니다. 전체 과정을 반복하지 않기 위해 우리가 할 일은 더블 이미 생성되었습니다. command + c (복사)와 command + v (붙여 넣기)를 사용하여 수행하거나 다음을 선택할 수 있습니다. 옵션 키를 누르고 드래그. 반전하려면 클릭하고 속성 패널에서, "변환"섹션의 위 이미지에 표시된 기호에서 당신은 모양을 뒤집을 수 있습니다,이 경우 수평이어야합니다.
패스 파인더 또는 펜 도구로 날개 만들기
큰 모양으로 돌아가 보면 일종의 날개가있는 것을 볼 수 있습니다. 그것은 실제로 우리가 몸에 사용하는 것과 같은 모양입니다. 이 기회에 설명하겠습니다. 로고를 만드는 데 매우 유용한 두 가지 도구 : 펜 도구와 패스 파인더.
La 펜 도구 툴바에 있으며 날개를 만드는 데 사용할 수 있습니다. 그것을 사용하는 것은 매우 간단합니다. 간단히 클릭하여 정점을 만들고 선이 자동으로 그려져 결합됩니다.
날개를 만드는 또 다른 방법은 패스 파인더를 사용하는 것입니다. 보이지 않는 경우 창 탭> 패스 파인더에서 찾을 수 있습니다.. 이 도구를 사용하여 부품을 결합하거나 뺄 수 있습니다. 이 경우 옵션을 선택해야합니다. 몸의 모양을 복제하고 날개를 형성하는 뒤에 배치하고 다시 복제 한 다음 앞쪽을 덜 누르고 초과분을 지 웁니다. 우리는 이미 날개를 가지고있을 것입니다. 모든 모양이 만들어지면 로고를 조립할 수 있습니다.
Illustrator에서 로고의 색상 및 그라디언트
지금까지 색상 문제는 다루지 않았습니다. 로고를 디자인 할 때 색상에주의를 기울이고 브랜드 정신을 조화롭게 표현하는 톤을 선택하는 것이 중요합니다. 나는 분홍색을 선택했습니다. 위의 색상 코드가 작동하는 경우를 대비하여 남겨 둘 것입니다. 눈은 채워지지 않고 두께가 0,25 인 흰색 선입니다.
몸의 분홍색 부분은 평평한 색상이 아닙니다. 타락한. 그라디언트가 있거나없는 로고에 대한 의견이 상충됩니다. 사용하기 전에는 그라디언트를 웹에 업로드 할 때 그라디언트가 손실 될 수 있기 때문에 위험했습니다. 그러나 이것은 극복되는 문제입니다. 많은 브랜드는 Instagram으로 인식 할 수있는 브랜드 인 로고에 그라디언트를 사용합니다. 잘 사용하면 로고에 볼륨 감을 더해주기 때문에 개인적으로 좋아합니다.
그라디언트를 적용하려면 그라디언트 도구를 선택하고 개체를 두 번 클릭해야합니다. 키보드에서 G를 누르고 두 번 클릭하면 바로 가기가 가능합니다. 속성 패널의 그라디언트에서 그라디언트 유형을 선택하고 메뉴를 표시하여 세 지점에서 수정할 수 있습니다. 이 경우 우리는 검은 색에서 흰색으로가는 그라디언트를 선택했고 검은 색을 분홍색으로 바꾸고 흰색을 매우 밝은 분홍색, 거의 흰색으로 바꿀 것입니다. 도형에 나타나는 막대와 점을 이동하여 그라디언트의 위치와 구조를 수정할 수 있습니다.
로고의 타이포그래피
텍스트는 복잡하지 않으며 Oswlad Medium 글꼴로 작성되었으며 Google 글꼴에서 무료로 다운로드 할 수 있습니다. 17 점 크기로 똑같은 핑크 톤을 선택했습니다.
Adobe Illustrator에서 글꼴을 사용자 정의하는 방법
타이포그래피에 대해 더 많이 이야기합시다! 글꼴을 획으로 변환 할 수 있습니다., 파손, 변형 및 우리는 그들과 함께 놀 수 있습니다. 나는 그것을하기를 매우 꺼린다. 그러나 로고를 만드는 것은 좋은 자원이고 당신은 그것을 알아야한다. 예를 보겠습니다.
File Black 글꼴을 선택하고이 이름을 쓰겠습니다. 지금은 우리가 할 수있는 일이 거의 없습니다. 우리는 타이포그래피를 뇌졸중으로 바꿔야합니다. 그에 대한, 선택 도구로 선택하고 텍스트 탭으로 이동> 윤곽선 만들기. 이 작업을 수행하기 전에 텍스트를 잘 작성했는지 확인하십시오. 더 이상 편집 할 수 없기 때문입니다!
윤곽선을 만들면 다른 Illustrator 스트로크처럼 텍스트를 처리 할 수 있습니다. 모양에 대해 수행했듯이 직접 선택 도구를 사용하여 i의 끝과 두 번째 "i"의 점을 구부려서 잎 모양으로 변형합니다. 청록색 톤. 흥미로운 점은 전체 단어를 로고로 사용하거나 "i"를 독립적 인 이미지 유형으로 사용할 수 있다는 것입니다.
Photoshop에서 모형으로 로고 테스트
로고가 작동하는지 확인하는 좋은 방법은 Photoshop으로 모형을 만드는 것입니다. 현실에서 어떻게 보일지, 그리고 어떻게 구현 될 수 있는지 빠르게 볼 수있는 가장 좋은 방법입니다.