이 iOS7 흐림 효과를 다시 만드는 방법

많이 시도했지만 얻을 수는 없습니다. 반투명 탭 막대를 다음과 같이 어떻게 얻습니까?

여기에 이미지 설명을 입력하십시오

effects blur

— 님 부즈
소스

비파괴적이고 재사용 가능한 희미한 유리 효과를 만드는 방법의

— Joonas

하단 부분은 가우시안 흐리게 표시 되며 반투명 흰색 오버레이가 있습니다.

1 단계 : 배경 (원본 이미지)에서 오버레이 영역을 선택하고 반경 12px의 가우시안 블러를 적용합니다.

2 단계 : 새 레이어를 만들고 오버레이에 동일한 부분을 선택하고 흰색으로 채우고이 레이어에 불투명도 66 %를 부여합니다

참조 이미지의 상단 부분으로 재현 :
편집 : 원본과 일치하는 새로운 매개 변수

여기에 이미지 설명을 입력하십시오

— 피터 왈서
소스

이것이 스크린 샷 인 경우 코드로 완료되었다고 가정합니다. 컴포지션이나 모형 에서이 작업을 수행할지 또는 온라인으로 구현할지 여부에 따라 달라집니다.

— Eric

@Peter Walser 레이어가 더있을 경우 가우시안이 적용될 오버레이 영역을 만드는 방법은 무엇입니까? 먼저 병합해야합니까?

— Fred Collins

@FredCollins : 예. 먼저 병합하여 선택을 흐리게하거나 병합 된 선택의 복사본으로 새 레이어를 만듭니다 (레이어가 변경 될 때마다 다시 작성해야 함).

— Peter Walser

@PeterWalser 감사합니다. 마지막 질문. 불투명도가 66 % 인 새 투명 레이어를 만들려면 사각형 도구를 사용하지만 더 좋은 방법이 있다고 생각합니다. 흐릿한 레이어 등을 위해 마스크 / 클리핑 마스크를 만드는 것과 같습니다. 당신은 무엇을 제안합니까?

— Fred Collins

별도의 레이어를 사용하면 전체 불투명도를 빠르게 조정할 수 있습니다. 불투명 마스크 솔루션의 결과는 동일합니다. 여기서 픽셀 당 불투명도를 조정할 수도 있습니다. 물론 두 가지 접근 방식 (마스크 + 레이어 투명도)을 결합 할 수도 있습니다. 당신에게 가장 잘 맞는 것.

— Peter Walser

사용중인 프로그램이나 기술을 정의하지 않았습니다. Peter가 Photoshop으로 멋진 방법을 설명 했지만 CSS3을 사용 하여이 효과를 만들 수도 있다고 덧붙이고 싶습니다.

필요한 CSS는 다음과 같습니다.

#iOSblur
{
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -o-filter: blur(12x);
    -ms-filter: blur(12px);
    filter: blur(12px);
}

#iOSopacity
{
    opacity: 0.6;
}

이것이 당신이 어떻게해야하는지 말하는 것은 아닙니다. 사실, 저는 개인적으로 베드로의 절차를 사용할 것입니다.

— 전자 초밥
소스