AI디자이너 기록

[AI디자이너] Day26. 일러스트레이터 : 아이콘 세트 디자인(라인·솔리드·글래스모피즘) 및 감성 일러스트레이션

Ruri's Studio 2026. 7. 13. 20:43

[AI디자이너] Day26. 일러스트레이터 : 아이콘 세트 디자인(라인·솔리드·글래스모피즘) 및 감성 일러스트레이션


👩🏻‍💻 오늘 학습 키워드

그래픽스티커 세트, 아이콘디자인, 글래스모피즘, 텍스처표현


📝 오늘 배운 내용 & 작업 기록

그래픽 스티커 세트(칼선 작업)

1. 시스템 및 에셋 구축을 위한 아이콘 세트 디자인

디자인 시스템의 기초가 되는 아이콘 디자인의 핵심 원칙을 정립하고, 무드에 따른 라인과 솔리드 구조를 실습했습니다.

  • 아이콘 디자인 원칙 & 프로세스: 픽셀 그리드 정렬을 기반으로 한 시각적 무게중심, 일관된 선 두께(Stroke Width), 그리고 명확한 메타포 사용의 중요성을 이해하고 기획부터 스케치, 벡터화로 이어지는 파이프라인을 구축했습니다.
  • 라인(Line) & 솔리드(Solid) 아이콘: 아웃라인 중심의 미니멀한 라인 아이콘과 면을 채워 주목도를 높인 솔리드 아이콘의 명확한 대비를 통해 메뉴 및 UI 적재적소에 비주얼을 매칭하는 법을 익혔습니다.
  • ★ 글래스모피즘(Glassmorphism) 아이콘 (복습 필수): 투명한 유리 질감을 표현하는 트렌디한 스타일로, 반투명한 면 처리, 다중 그라디언트, 그리고 은은한 섀도우의 계층 구조를 다루었습니다. 불투명도 조절과 굴절 느낌을 자연스럽게 살리기 위해 추가적인 반복 숙달과 복습이 반드시 필요한 파트로 체크해 두었습니다.

2. 비주얼 밀도를 끌어올리는 일러스트레이션 완성도 높이기

차갑고 평면적인 벡터 그래픽에 따뜻한 아날로그 감성과 입체감을 불어넣는 고급 후가공 테크닉을 마스터하며 하나의 멋진 일러스트 작품을 완성했습니다.

  • 손그림 및 자연스러운 텍스처 표현 : 너무 칼로 자른 듯 정교한 벡터 패스에 미세한 왜곡을 주어 손으로 직접 그린 듯한 내추럴한 드로잉 라인을 연출하고, 표면에 거친 입자감을 얹어 질감의 깊이를 더했습니다.
  • 감성 무드 & 입체감 제어 : 빛과 명암의 방향성을 고려한 컬러 그라데이션 배치로 평면 오브젝트에 은은한 공간감과 입체감을 부여했습니다. 요소들의 외곽선 마감과 디테일한 광원 리터칭을 통해 작품 전체의 시각적 밀도를 정점으로 끌어올렸습니다.

😎 심화 기록: 벡터 그래픽의 한계를 깨는 질감과 스타일 제어 원칙

정형화된 디지털 그래픽을 한 끗 차이로 프로의 작품으로 탈바꿈시키는 실무 일러스트레이션 통제 기법입니다.

■ 글래스모피즘 구현 시 레이어 레이어링 규칙 (Layering Strategy)
글래스모피즘 아이콘이 깨지지 않고 맑게 표현되려면, 오브젝트 내부 투명도(Opacity)만 조절하는 것이 아니라 '선(Stroke)'에도 미세한 화이트 그라디언트를 적용하여 유리의 깎인 단면 하이라이트를 표현해야 합니다. 또한 배경에 깔린 오브젝트에 블러(Blur) 필터 효과를 유기적으로 연계해야만 스크린 위에서 겉돌지 않는 트렌디한 유리의 굴절감이 완성됩니다.

■ 아날로그 이펙트와 벡터 스펙의 균형 (Performance Balance)
일러스트레이터에서 손그림 느낌이나 자연스러운 텍스처(효과-효과 갤러리-그레인 등)를 과도하게 적용하면 패스가 지나치게 복잡해지거나 툴이 무거워지는 병목이 발생할 수 있습니다. 감성적인 분위기를 유지하면서도 데이터 용량을 최적화하기 위해, 텍스처 레이어는 이펙트를 먹인 뒤 필요한 영역에만 투명도 마스크로 결합하는 영리한 리소스 통제가 필수적입니다.


🤔 작업 과정에서의 문제 & 해결 과정

어떤 문제가 있었나요?
글래스모피즘 아이콘을 제작할 때 반투명한 레이어들이 겹치면서 투명도 값이 꼬여 유리의 투명하고 맑은 느낌 대신 탁하고 어두운 회색빛 톤이 도는 현상이 발생했습니다. 

 

어떻게 해결했나요?
투명도 패널의 블렌딩 모드를 [스크린(Screen)][소프트 라이트(Soft Light)]로 다원화하여 하이라이트와 겹치는 면의 톤을 밝게 회복시켰고, 내부 그라디언트의 불투명도를 정교하게 조절하여 투명도를 개선했습니다.


🤔 오늘 느낀점

아이콘 세트 빌딩부터 밀도 높은 감성 일러스트레이션 작품 완성까지, 일러스트레이터의 표현 범위를 극적으로 확장한 하루였습니다. 특히 라인과 솔리드를 넘어 도전한 글래스모피즘 아이콘은 트렌디한 만큼 레이어 구조가 정교해서 확실히 복습과 반복 숙달이 필수로 요구된다는 것을 체감했습니다.


#아이콘디자인 #글래스모피즘 #텍스처표현 #일러스트레이터 #라인아이콘 #솔리드아이콘 #손그림느낌 #감성일러스트 #포트폴리오빌딩 #디자이너성장