본문 바로가기
카테고리 없음

일러스트레이터 오브젝트의 투명도 조절과 블렌딩 모드 활용법 – 겹침에 감성을 더하다

by bystepby 2025. 7. 13.
반응형


일러스트레이터는 ‘벡터 기반’이라 뚜렷하고 선명한 이미지를 주로 다루지만,
때로는 겹침, 투명함, 섬세한 색상 조화가 필요한 순간이 있습니다.
그럴 때 사용하는 것이 바로
**Opacity(투명도)**와 **Blending Mode(블렌딩 모드)**입니다.

이 기능들을 활용하면
단순한 겹침이 아닌,
빛이 비치고, 색이 섞이고, 공간감이 느껴지는 디자인을 만들 수 있습니다.



1. 투명도 조절(Opacity) – 기본 중의 기본

사용 방법:
1. 오브젝트 선택
2. 상단 속성 바 또는 Window > Transparency 패널 열기
3. Opacity 슬라이더로 투명도 조절 (0% = 완전 투명 / 100% = 완전 불투명)

✔ 숫자 직접 입력 가능
✔ Shift + 숫자 키로도 조절 가능 (예: Shift + 5 = 50%)



2. 블렌딩 모드(Blending Mode)란?

Photoshop에서 익숙한 블렌딩 모드는
일러스트레이터에서도 거의 동일하게 적용됩니다.

두 오브젝트가 겹칠 때 색이 어떻게 섞일지를 정하는 방식으로,
디자인에 깊이감이나 감성적인 느낌을 줄 수 있습니다.

사용 방법:
1. Transparency 패널 열기 (Window > Transparency)
2. Opacity 아래 Normal 드롭다운 클릭
3. 원하는 블렌딩 모드 선택



3. 자주 쓰는 블렌딩 모드 종류와 효과

모드 설명 활용 예시
Multiply 색을 어둡게 겹침 그림자, 어두운 겹침
Screen 밝은 부분만 강조 빛 효과, 글로우 느낌
Overlay 밝고 어두움 강조 질감 덧입히기
Soft Light 부드러운 조명 효과 감성 배경 연출
Color 색상만 덧입힘 톤 보정, 분위기 조절
Luminosity 밝기만 적용 조도 조절, 특수 효과

✔ 팁: 블렌딩 모드는 두 개 이상의 오브젝트가 겹칠 때 효과가 보입니다.



4. 불투명 마스크(Opacity Mask) 활용

오브젝트의 일부만 투명하게 만들고 싶다면?
Opacity Mask 기능을 활용하면
벡터로도 마치 포토샵 마스크 같은 효과를 줄 수 있습니다.

사용 예시:
• 그라디언트를 사용해 위에서 아래로 서서히 투명하게
• 텍스트 뒤 배경을 일정 영역만 투명하게

적용 방법:
1. 투명도를 줄 부분을 흑백 오브젝트로 만들기 (검정 = 투명, 흰색 = 보임)
2. 두 오브젝트 모두 선택
3. Transparency 패널 우측 메뉴 → Make Opacity Mask 클릭

✔ 마스크 편집 모드에서 편집 가능
✔ 되돌리려면 Release 클릭



5. 실무 활용 예시

작업 유형 활용 방식
배경 위에 텍스트 강조 텍스트에 Multiply 적용하여 배경과 어울리게
이미지 위에 색감 보정 투명한 컬러 레이어 + Overlay 적용
그림자 효과 검정 오브젝트 → Blur → Opacity 30%
UI 요소 강조 버튼에 Screen 모드 + 흰색 원 적용




6. 주의할 점
• 블렌딩 모드는 출력이나 인쇄 시 호환에 따라 색이 다르게 보일 수 있음
• 일부 벡터 객체는 블렌딩 모드 적용 시 라스터화(비트맵화) 될 수 있음 → 미리 보기 필수
• 파일을 EPS, PDF 등으로 저장할 경우 예상과 다른 결과가 나올 수 있음



마무리 요약

Opacity와 Blending Mode는
디자인에 감성을 더해주는 가장 강력하면서도 쉬운 도구입니다.
색이 겹치는 그 순간,
디자인은 단순한 요소를 넘어 느낌과 분위기를 갖게 됩니다.

👉 “투명도는 단순한 효과가 아니다.
겹침을 디자인하는 기술이다.”

지금까지 단단한 도형만 다뤘다면,
이제는 빛처럼 투명한 감각도 다뤄보세요.



반응형