사용 안내서 취소

혼합 효과 적용

혼합 효과를 사용하여 디자인을 향상시키는 최적의 작업 방법에 대해 알아봅니다.

디자인에서 이미지 작업을 수행할 때 단순한 사진을 뛰어넘어 흥미롭고 독창적인 효과를 만들 수 있습니다. 예를 들어 이미지에 브랜드의 색상을 효과로 추가하여 시각적으로 매력적인 디자인을 만들 수 있습니다. 

혼합 모드를 사용하면 미리 정의된 모드의 세트를 사용하여 이미지 레이어를 다른 레이어와 결합함으로써 합성 이미지 에셋을 자동으로 만들 수 있습니다. 

곱하기, 스크린하드 라이트, 제외 및 광도 혼합 모드를 사용하여 만든 일부 샘플 효과는 다음과 같습니다.

혼합 모드
혼합 효과를 사용하여 색상에 마술을 걸어 보세요!

혼합 색상 용어가 궁금하십니까?

  • 혼합 색상은 선택된 오브젝트, 그룹 또는 레이어의 원래 색상입니다.

  • 기본 색상은 아트워크에서 기본이 되는 색상입니다.

  • 결과 색상은 혼합의 결과로 생성되는 색상입니다.

베이스 및 혼합 색상 믹스는 선택한 혼합 모드에 따라 다릅니다.

혼합 용어

A. 혼합 색상 B. 기본 색상 C. 결과 색상 

혼합 효과를 만들어 보시겠습니까?

  1. 시작하기에 앞서 다음과 같은 간단한 규칙을 통해 혼합 모드를 적용하거나 수정할 때 오브젝트가 처리되는 방식에 대해 이해하시기 바랍니다.

    • 모양: 전체 오브젝트에 적용되고 영향을 줍니다.
    • 마스터 구성 요소: 디자인 프로젝트의 모든 인스턴스에 적용되고 영향을 줍니다. 예를 들어 마스터 구성 요소에서 오브젝트의 색상을 변경하면 디자인 프로젝트의 모든 인스턴스에 걸쳐 변경 내용이 반영됩니다.

    • 구성 요소 인스턴스: 구성 요소 인스턴스에서 적용된 혼합 모드를 오버라이드합니다.
    • 반복 그리드: 모든 셀에 적용됩니다.
    • 상호운용성: Photoshop, Illustrator, Sketch 및 After Effects로 작업할 때 혼합 효과를 유지합니다.
  2. 디자인 캔버스에서 이미지 또는 오브젝트(모양, 텍스트 레이어, 그룹, 마스크 또는 구성 요소 포함)를 선택합니다. 속성 관리자에서 원하는 혼합 모드를 선택하고 적용합니다. 

    MAC에서  Shift + / - 또는 WIN에서 Alt Shift + / - 옵션을 사용하여 적용된 혼합 모드의 모양 레벨을 전환할 수도 있습니다.

  3. 적용된 혼합 모드 효과를 미리 보려면 를 선택합니다.

제한 사항

다음과 같은 오브젝트 비헤이비어에서는 혼합 모드가 지원되지 않습니다.

  • 애니메이션 없는 전환의 시작 시 자동 애니메이트 변경에 사용되는 혼합 효과.
  • 채우기, 테두리 또는 그림자에는 혼합 효과를 적용할 수 없습니다.

예제 및 샘플 파일

튜토리얼

이 비디오를 통해 오브젝트의 색상을 아트보드의 배경색이나 서로 겹쳐진 여러 오브젝트의 색상과 혼합하는 방법에 대해 살펴보십시오. 

시청 시간: 1분

다음 단계

Adobe XD에서 혼합 모드를 시작하는 방법에 대해 알아보았습니다. Adobe XD의 인터페이스는 직관적이므로 색상, 흐림 효과 을 사용하여 창의력을 손쉽게 발휘할 수 있습니다.

질문이나 아이디어가 있습니까?

커뮤니티에 질문

질문이 있거나 아이디어를 공유하고 싶다면 Adobe XD 커뮤니티에 참여하십시오. 여러분의 소중한 의견과 다양한 작품 활동을 기대하겠습니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?