흐린 이미지로 디자인하기위한 팁과 아이디어
"가장 큰 성과는 일과 놀이 사이의 경계를 흐리게하는 것입니다."
– 아놀드 토인비
오늘 토론의 주제는 흐릿한 사진입니다. 아니요, 아이들이 아직 앉지 않기 때문에 실수로 복용하는 것이 아닙니다. 의도적 인 종류의 사용은 디자인에서 몇 가지 실용적인 목적을 제공 할 수 있습니다.
흐림 효과를 사용하여 텍스트를보다 읽기 쉽게 만들고 시청자의주의를 끌며 배경을 더 재미있게 만드는 방법에 대해 배웁니다. 또한 여러 가지 유형의 흐림 효과와 선택적 흐림 효과를 올바르게 적용하는 방법을 살펴 봅니다.
디자인 리소스 살펴보기
텍스트를 읽을 수 있도록 흐리게
이미지가 꽤 바쁠 때마다 텍스트를 통합하기가 매우 어려울 수 있습니다. 사진 배경은 디자인에 훨씬 더 큰 매력을 줄 수 있지만 미학을 위해 가독성을 기꺼이 죽이면 너무 많이 희생하고 있습니다.
다음 디자인을 고려하십시오.
이것은 멋진 조각입니다. 배경은 매우 인상적이며 텍스트는 좋은 초점을 제공합니다. 불행하게도, 이 두 가지는 전자의 존재가 후자의 가독성을 손상시키는 다소 경쟁적인 관계를 형성한다.
이 문제에 접근 할 수있는 방법은 많이 있습니다. 보시다시피, 그림자를 추가하여 실제로 완성 된 제품이라고 할 수는 없었습니다.
다음으로 블러를 추가해 봅시다. 이 아름다운 이미지에서 모든 디테일을 죽일 수 있다는 것을 의미하기 때문에 어려운 결정입니다. 그러나 디자이너는 급진적 인 변화를 열어야합니다!
여기서 우리는 이것이 우리의 문제를 완전히 해결했음을 알 수 있습니다. 이제 텍스트를 읽을 수 있으며 초점을 실제로 끌면서 배경 이미지에 많은 관심을 기울일 수 있습니다. 기본 장면을 만들 수있어 이미지의 아름다움을 계속 누릴 수 있습니다. 필요에 맞게 미학을 간단히 수정했습니다.
자원:
이미지 : Eneas De Troya
글꼴 : 리본
젖빛 유리 효과 만들기
우리는 일종의 서리로 덥은 유리 비유에 대해 생각 함으로써이 효과를 더욱 높일 수 있습니다. 이를 위해 흐림 효과 외에도 흰색 오버레이와 노이즈 레이어를 던질 수 있습니다.
Photoshop에서 검은 색 레이어를 만든 다음 필터> 노이즈> 노이즈 추가로 이동합니다. “Monochromatic”옵션을 선택하십시오. 이것은 당신에게 다음과 같은 것을 줄 것입니다 :
이제 해당 레이어를 스크린으로 설정하고 불투명도를 약 10 %로 낮추십시오. 그런 다음 흰색 레이어를 만들어 불투명도를 약 15 %로 만듭니다. 결과적으로 독창적 인 디자인을 독창적으로 사용할 수 있습니다.
블러 현지화
모든 것을 흐리게 처리 할 필요는 없습니다. 당신은 여전히 이미지에 의해 이야기를 죽이지 않고 텍스트의 가독성을 도울 수 있습니다. 다음 예제를 고려하십시오.
다시 한 번 배경 이미지는 훌륭하지만 실제로 텍스트를 손상시키는 경우가 있습니다. 그래도 선택적으로 흐리게 처리하면 멋진 사진을 유지하고 텍스트를 좀 더 읽기 쉽게 만들 수 있습니다.
흐림 지역화를위한 팁
이 기술의 가장 큰 장점은 종종이를 속일 필요가 없다는 것입니다. 많은 사진이 초점과 흐림을 완전히 자연스럽게 분리하여 텍스트와 기타 요소를 흐릿한 영역에 고정하여 위와 비슷한 효과를냅니다.
이미지의 일부를 선택적으로 흐리게 처리하는 경우 마스크를 통해 균일하거나 점진적으로 흐림 레이어의 불투명도를 줄이는 데주의하십시오. 일반적으로 이것은 당신에게 꽤 추악한 결과를 줄 것입니다. 대신 이것을 시도하십시오 :
- 1 단계 : 빠른 흐림 레이어 만들기
- 2 단계 : 마스크를 적용하고 마스트에 그라디언트를 사용하여 블러를 흐리게 처리합니다.
- 3 단계 : 마스크를 선택 항목으로 변환합니다.
- 4 단계 : 원래 이미지로 돌아가서 현재 선택 항목을 사용하여 흐림 효과를 적용합니다.
이 프로세스는 고통스러워 보일 수 있지만 일반적으로 단순히 흐림 레이어를 가리는 것보다 훨씬 나은 결과를 제공합니다.
자원:
이미지 : Dave Conner
글꼴 : 농가
틸트 시프트 효과 만들기
지난 몇 년 동안 틸트 시프트 사진이 실제로 시작되었습니다. 후 처리 단계에서 나중에 생각할 정도로 틸트 시프트 렌즈를 사용하는 것은 사진 작가의 경우가 아닙니다.
예를 들어 다음과 같은 디자인 작업을하고 있다고 가정하겠습니다. 아무 문제가 없지만 이미지는 눈길을 끌지 못합니다.
틸트 시프트 효과를 사용하면 갑자기 중앙의 주요 건물 그룹이 실제로 눈을 끌게됩니다. 전체적으로 이미지를보기가 쉬워지고 디자이너가주의를 기울이는 부분을 즉시 느낄 수 있습니다.
자원:
이미지 : Nosha
폰트 : 비행기
컬러 블러
내가 제공하는 멋진 색 구성표로 순수하게 사진을 사용하는 경우가 종종 있습니다. 필자는 내용에 관심이있는 것이 아니라 종종 좋은 사진에서 나오는 자연스러운 팔레트에 관심이 있습니다.
다음 이미지를 예로 들어 보겠습니다. 따뜻한 색상은 매우 강렬하며 사용하기에는 많은 대비가 있습니다. 사진이 너무 아름다워서 망치는 것은 부끄러운 일이라고 생각할 수 있지만 모든 디자인이 일몰에 필드 사진을 요구하는 것은 아닙니다.
첫 번째 예와 마찬가지로 전체 배경을 흐리게 처리합니다. 그러나 이번에는 흐림 효과의 강도를 높여서 모든 세부 사항을 잃어 버리고 싶습니다. 그 결과 제작에 거의 노력이 들지 않는 멋지고 독특한 배경 이미지가 만들어집니다.
자원:
이미지 : Leland Francisco
글꼴 : Vevey
다른 블러 시도
디자인에 흐림 효과를 사용하여 실험하는 동안 단일 기술을 고수하는 함정에 빠지지 마십시오. Photoshop 및 기타 이미지 편집 프로그램은 필터를 흐리게 처리 할 때 다양한 기능을 제공합니다.
각기 다른 흐림 효과를 사용하여 이미지가 다르게 나타나는 방식을 확인하고 흐림 효과를 함께 혼합하여 어떤 일이 발생하는지 확인할 수 있습니다. 일반적으로 사용하고 싶은 몇 가지 주요 흐림 유형은 다음과 같습니다.
원본 이미지
가우스 흐림
렌즈 블러
모션 블러
레디얼 블러
자원:
이미지 : Dave Morrow
글꼴 : 데밍
결론
흐림 트릭과 기법에 대한이 간단한 토론을 통해 디자인에 흐림 효과를 창의적으로 적용하는 방법에 대해 생각해 보길 바랍니다. 다음 번에 바쁜 배경에 읽을 수없는 텍스트가 꽉 차면이 기사로 돌아와서 위의 예를 살펴보십시오.
최근 디자인에 의도적 인 흐림 효과가 사용 된 예를 발견 했습니까? 우리는 그들을보고 싶습니다. 의견 섹션에 아래 링크를 남겨두고 예제에 대한 의견을 알려주십시오.
