잘 활용하면 배경과 완벽하게 어우러지고 매력적인 공간을 드러내는 멋진 배경을 얻을 수 있지만, 실수하면 방 안에 있는 가구와 예술 작품에 방해가 되는 시각적 재앙이 될 수 있습니다.
웹사이트, 전단지 또는 소셜 미디어 이미지의 배경은 비교적 사소한 세부 사항처럼 보일 수 있지만, 잘못된 페인트칠이나 무작위로 선택한 벽지처럼 보는 사람의 주의를 산만하게 해서는 안 됩니다.
이제 영감을 주는 몇 가지 아이디어를 살펴보고 디자인 배경을 최대한 활용하는 방법에 대한 몇 가지 팁을 배워보겠습니다. 기본적인 흰색이나 단색도 문제될 것은 없지만, 이 글에서는 효과적이고 다양한 도구가 될 수 있는 배경의 투명도를 높이는 방법에 중점을 둡니다.
01. 복잡한 배경 단순화
아이콘이나 그래픽 배경은 디자인을 더욱 개성 있게 만들 수 있지만 카피를 복잡하게 하거나 흐릿하게 만들 수도 있습니다. 해결책은? 레이어 위에 반투명 배경을 오버레이하세요.
이 이벤트 포스터의 배경은 아름다운 빈티지 일러스트레이션이지만 위에 흰색 투명 레이어가 없으면 배경이 나머지 부분에서 시선을 빼앗고 텍스트가 읽기 어렵습니다(특히 작은 글꼴의 경우). 흰색 부분은 일러스트레이션의 디테일을 부드럽게 하기 위해 완전히 투명하지는 않지만 질감을 보여줄 수 있을 만큼 충분히 투명합니다. 대부분의 디자인 소프트웨어에서는 불투명도 설정을 통해 투명도 수준을 조정할 수 있으며, 일반적으로 0%(완전히 투명)에서 100%(완전히 불투명)까지의 범위가 있습니다.
다음 예시를 다시 살펴보세요. 엽서의 원형 배경이 아래 풍경 사진의 일부를 가려서 타이포그래피에 단순하고 화려한 배경을 더했습니다...
02. 텍스트 돋보이게 만들기
사진은 인쇄물과 온라인에서 배경으로 많이 사용됩니다. 제품 광고, 웹사이트 헤드라인, 소셜 미디어 이미지 등 다양한 용도로 사용됩니다. 하지만 사진의 구도, 색상과 밝기의 순도에 따라 텍스트를 배치하기에 적합한 위치가 아닐 수도 있습니다.
이 이미지에서는 일련의 투명한 도형을 겹쳐서 텍스트의 배경을 만들었습니다(그렇지 않으면 아래 흑백 사진의 세부 사항이 보이지 않을 것입니다). 빨간색 배경에서 밝은 색에서 중간 색으로 빛이 투과되는 그라데이션도 매우 흥미로운 시각적 효과를 만들어냅니다.
다음 예시를 살펴봅시다. 페이지의 투명한 흰색 배경 때문에 어두운 사진에서 검은색 텍스트가 계속 보입니다.
이 기법을 반대로 적용하면 어두운 투명 배경과 흰색 텍스트가 있는 컬러풀한 사진을 볼 수 있습니다.
디자인에 사용할 사진을 찾고 있다면 무료 사진 리소스를 선택하는 것이 좋습니다.
03. 신선하고 가벼운 스타일 만들기.
디자인을 통해 디테일을 살리면 전체 레이아웃에 깔끔하고 넓은 느낌을 줄 수 있습니다. 예를 들어 다음 웹 사이트 디자인은 숨겨진 배경 이미지, 깔끔한 글꼴 및 깔끔한 레이아웃으로 미니멀한 스타일을 연출합니다.
이 카탈로그 표지 시리즈는 투명한 배경과 세 가지 기본 색상, 그리고 레이아웃의 일부를 잘라낸 사진과 몇 개의 텍스트 단락을 사용하여 매우 단순화했습니다.
04. 보는 사람의 시선 유도
투명한 배경은 디자인의 한쪽에서 다른 쪽까지 덮을 필요도 없고, 입체적인 모양을 만들 필요도 없습니다. 투명도를 통해 다양한 모양의 컷아웃이나 창을 만들거나 투명도를 사용하여 특정 섹션에 대한 시청자의 주의를 집중시키거나 흐리게 할 수 있습니다.
이 영화 포스터는 화려한 투명 배경과 잘라낸 글자 모양을 결합하여 효과적인 시각적 초점을 만들고 시청자가 각 포스터의 주인공에 빠르게 집중할 수 있도록 도와줍니다.
아래 디자인에서는 배경의 투명한 삼각형의 방향과 위치가 아름다운 여성의 얼굴로 시선을 유도합니다.
05. 내부 정보 표시
패키지, 용기, 뚜껑 또는 기타 마개 디자인에서 투명성은 내부 또는 바닥에 무엇이 있는지 보여주고 제품이 스스로 말할 수 있도록 하는 좋은 방법이 될 수 있습니다.
아래 사진의 잡지는 완전히 투명한 배경에 헤드라인을 배치하여 표지에 광택을 더할 뿐만 아니라 촉감도 부드러워져 기본 사진을 더욱 돋보이게 합니다.
다음 두 가지 예는 투명한 배경이 식품 포장에 특히 효과적일 수 있는 방법을 보여줍니다. 투명한 '원두 봉지'를 통해 원두의 색상과 모양을 한눈에 볼 수 있습니다.
보야저 뒤 템프('시간 여행자'라는 뜻의 프랑스어)라는 카페의 이 심플한 패키지는 간단한 식사라는 사실을 숨기지 않습니다. '시간 여행자'라는 뜻의 프랑스어인 Voyageur du Temps라는 카페의 이 간단한 세트 메뉴는 맛있는 빵을 숨기지 않습니다. 반투명 소재가 빵의 맛을 돋보이게 하고, 시간 여행 테마에 어울리는 복고풍 천문학적 모티브가 브랜드에 대한 감각과 시각적 흥미를 더합니다.
06. 구조적인 디자인 만들기 / 디자인을 더욱 레이어드합니다.
투명 배경 사용의 장점 중 하나는 여러 배경 또는 투명 배경을 다른 디자인 요소와 오버레이할 수 있다는 것입니다. 다양한 색상, 사진 또는 모양을 겹쳐서 레이아웃의 깊이를 더하고 흥미로운 시각 효과를 만들 수 있습니다.
이 이벤트 포스터 시리즈는 전경 배경의 투명도를 통해 인물과 패턴을 병치하고 텍스트 하단에 투명한 배경 모양을 추가했습니다. 이러한 색상과 요소의 레이어링은 전체적인 효과에 극명한 움직임과 대비를 줄 뿐만 아니라 타이포그래피 레이아웃에 깊이감을 부여합니다.
사진, 투명한 색상 블록 및 패턴을 결합한 레이어링의 또 다른 예는 다음과 같습니다.
07. 텍스처가 '스며들게 하기'
첫 번째 요점에서는 투명한 배경이 산만한 디테일을 숨길 수 있다고 말씀드렸습니다. 약간 다른 방식으로, 디자인에 시각적 흥미를 더하는 멋진 텍스처를 만들 수도 있습니다.
다음 의류 소매점 광고는 투명한 배경의 컷아웃을 통해 텍스타일 체커보드가 주요 타이포그래피를 형성하고 있음을 보여줍니다. 배경을 통해 텍스처가 희미하게 보여 전체적인 디자인이 시각적으로 더욱 응집력을 갖습니다.
다음 예시에는 텍스트 및 디자인 레이어 강조와 같이 위에서 언급한 몇 가지 기법이 포함되어 있습니다. 투명 원이 이미지와 겹치기 때문에 녹색 투명 원을 통해 이미지의 흥미로운 텍스처 디테일도 볼 수 있습니다.
08. 부드러운 색상 그라데이션을 추가합니다.
투명도는 또한 디자인에 색상을 추가할 수 있는 다양한 가능성을 열어줍니다. 특히 색상이 선명하지 않은 경우 투명 색상이 단색 배경보다 부드럽고 미묘하게 보입니다.
아래 이미지는 부드럽고 투명한 밝은 색상을 사용하여 사진 위에 텍스트를 위한 공간을 만듭니다. 단색 대신 배경에 그라데이션을 적용했습니다. 페이지의 불투명도가 점차 감소함에 따라 패턴이 완전히 선명해집니다. 투명도와 그라데이션이 아주 잘 어울립니다.
이것은 투명 그라데이션을 사용한 앱 UI의 또 다른 예시입니다. 이번에는 순도, 색조 및 투명도를 변경하여 디자인을 더욱 생생하고 생동감 있게 만들면서도 텍스트의 천둥을 훔치지 않고 그라데이션을 적용했습니다.
09. 리믹스 효과로 창의력을 발휘하세요.
많은 디자인 소프트웨어에는 자체 믹싱 모드 또는 블렌딩 도구가 있습니다. 색상, 사진 또는 기타 요소를 창의적으로 혼합하고 레이어링할 수 있을 뿐만 아니라 투명도 및 기타 설정으로 다양한 시각 효과를 만들 수 있습니다. 이 접근 방식은 일반적으로 레이어링, 텍스처 사용 및 사진 촬영과 같이 이미 설명한 몇 가지 기술을 다룹니다.
이 디자인의 배경은 오래된 사진, 글자가 있는 질감의 종이, 잉크 및 영리한 색상의 물 패턴으로 구성되어 매우 풍부하여 빈티지풍의 생동감 넘치는 작품을 만들어 냈습니다.
많은 디자인 요소의 조합이 흥미롭지만 압도적이지 않은 효과를 내는 이유는 투명도를 사용하여 모든 부분이 효과적으로 어우러져 조화로운 전체를 형성할 수 있도록 한 덕분입니다.
아래 배경은 서로 혼합되고 상호 작용하는 방식에 중점을 둡니다. 이 옴브 효과는 매우 인기가 있습니다.
10. 브랜드 아이덴티티 강화
배경은 디자인할 때 미리 고려할 필요가 없습니다. 오히려 브랜드 색상이나 기타 눈에 띄는 시각적 요소를 통해 회사의 정체성이나 스타일을 보다 철저하고 명확하게 표현하는 또 다른 방법으로 사용할 수 있습니다.
예를 들어, 아래 콘셉트 프로젝트는 Google의 연례 보고서를 위해 고안된 새로운 디자인으로, 투명한 배경 모양을 통해 브랜드의 밝은 색상을 완벽하게 조화시킵니다.
다음 웹사이트 디자인도 비슷한 접근 방식을 사용하여 회사 로고에서 색상과 기하학적 모양을 가져와 투명한 배경과 그래픽을 구성합니다.
11. 강조
투명한 배경, 특히 눈에 띄는 색상을 사용하면 중요한 텍스트 콘텐츠나 기타 디자인 요소를 강조할 수 있습니다.
이 인쇄 광고는 투명한 빨간색 배너를 사용하여 전체적인 흑백 디자인에 특별한 홍보 메시지를 강조합니다.
이 디자인은 또한 눈길을 끄는 빨간색 투명 도형을 사용하여 사이트의 특정 부분에 선택적으로 주의를 끌 수 있습니다.
12. 영리한 조합 만들기
마지막으로, 오래된 진부한 표현: 창의력을 발휘하세요!
투명도 및 불투명도 설정은 널리 사용되며 디자인에서 모든 종류의 흥미로운 효과를 만들 수 있습니다.
해 보세요! 시도해 보면 아주 독특한 디자인을 만들 수 있을지도 모릅니다.
투명 배경 아이디어를 사용한 몇 가지 예를 살펴봅시다:
우선, 책 표지의 개념은 매우 가변적입니다. 아래 그림과 같이 단순한 투명한 파란색 직사각형은 바다를 나타내며 제목 타이포그래피와 함께 수면 위에 위험한 지느러미가 있음을 암시합니다.
그런 다음 다른 예를 살펴봅시다. 클래식 뮤지컬 영화의 맞춤형 포스터에서 투명한 배경은 영화의 주요 순간을 강조하고, 흰색 타이틀 타이포그래피의 배경을 제공하고, 비를 상징하며, 이 모든 것이 세그먼트의 주제와 관련이 있습니다. 즉, 다른 디자인 요소와 결합하여 영리하고 단순한 디자인 작품을 만들 수 있습니다 (ps 그래픽 디자인에 대해 배우고 싶다면 내 qq 그룹을 추가 할 수 있습니다. :760610867).
영화 테마부터 영화제 포스터까지, 아래 디자인의 투명한 원은 배경에 색감을 더합니다. 한편, 같은 모양을 다른 색상과 짝을 이루면 서로 반대되는 두 이미지의 차이를 강조할 수 있습니다.
태그
영감이 떠올랐나요? 이 디자인 예시 시리즈가 디자인에서 투명 배경의 잠재력을 이해하는 데 도움이 되었기를 바랍니다. 색상부터 구도까지, 여러분의 디자인에 효과적인 솔루션을 제공할 준비가 되어 있습니다. 이제 이를 최대한 활용하고 언제나 그렇듯이 디자인을 즐길 차례입니다!