디자인부트캠프

[디자인부트캠프] DAY 03 | 일러스트레이터

Hana’s UX Journey 2025. 1. 23. 13:33
DAY 03 | 일러스트레이터 기초 - 로고 디자인 제작

 

 

 

 

 

오늘은 어도비 일러스트레이터(Adobe Illustrator)를 활용하여 로고 디자인을 제작하는 방법을 배웠다.
일러스트레이터는 벡터 기반 디자인 소프트웨어로, 브랜드 로고, 아이콘, 일러스트 제작에 필수적인 도구다.

 

일러스트레이터 기초

벡터(Vector)와 비트맵(Bitmap) 차이

  • 벡터(Vector): 수학적 계산을 기반으로 만들어지며, 크기를 조정해도 품질이 변하지 않는다. (예: 로고, 일러스트)
  • 비트맵(Bitmap, Raster): 픽셀 단위로 이루어져 있으며, 확대하면 깨질 수 있다. (예: 사진, 웹 이미지)
  • 예제 비교
    • 일러스트레이터 파일(AI, SVG) → 벡터
    • 포토샵 파일(PNG, JPG) → 비트맵

실무에서 로고 디자인은 반드시 벡터로 제작해야 인쇄나 웹 사용 시 품질을 유지할 수 있다.

 

 

새로운 문서 만들기

  1. 파일 → 새 문서 (Ctrl+N)
  2. 출력 목적에 맞는 해상도 설정
    • 웹용: 72dpi (픽셀 기반)
    • 인쇄용: 300dpi (고해상도)
  3. 단위 선택
    • 웹 디자인: 픽셀(px)
    • 인쇄물 제작: 밀리미터(mm)
  4. 색상 모드 설정
    • RGB: 화면용 (웹, 모바일, 디지털 콘텐츠)
    • CMYK: 인쇄용

 

도형을 활용한 로고 기초 디자인

기본 도형 도구 활용

  • 사각형(Rectangle), 원형(Ellipse), 삼각형(Polygon) 등을 조합하여 로고 제작
  • Shift 키를 활용해 비율을 유지하며 도형을 조정

색상과 그라디언트 적용

  • 단색(Solid Color): 브랜드 컬러를 강조하는 데 적합
  • 그라디언트(Gradient): 부드러운 색상 전환으로 세련된 느낌을 줄 수 있음

 

 

텍스트와 도형 결합

  1. 텍스트 입력(Tool → Type Tool)
    • 브랜드 네임을 입력하고 적절한 서체 선택
    • 가독성이 중요한 경우 산세리프(Sans-serif) 폰트 추천
  2. 텍스트 변형
    • 도형과 조합하여 로고에 개성을 더하기
    • 아웃라인 만들기 (Create Outlines) 기능으로 텍스트를 벡터 형태로 변환
  3. 로고에 적용 가능한 효과
    • 패스파인더(Pathfinder) → 도형 병합, 빼기, 교차 등의 기능 활용
    • 텍스트 곡선 변형(Envelope Distort)으로 독창적인 형태 만들기

 

나이키 스우스

 

브랜드 로고는 심플하면서도 개성이 있어야 한다.
예를 들어, Nike의 '스우시'처럼 직관적인 형태가 브랜드 인지도를 높인다.

 

 결론: 일러스트레이터로 로고 디자인하기

 벡터 기반 디자인을 활용하면 로고 품질을 유지할 수 있다.
 도형과 텍스트를 조합하여 심플하면서도 강렬한 인상을 주는 로고를 만들어야 한다.
 브랜드 정체성을 고려하여 컬러, 서체, 형태를 신중하게 선택해야 한다.

 

 

 

 

퍼스널 브랜드 로고 제작

 

 

이니셜을 활용하여 퍼스널 브랜드 로고 디자인을 제작하였다.