В статье «Как сделать эффект лайтбокса » мы познакомились со способом отвлечения внимания от фрагментов веб-приложения посредством их затемнения с помощью полупрозрачной черной подложки. Но если страница содержит большое количество деталей, то затемнять ее приходится очень сильно, для того чтобы обеспечить достаточный контраст с отображающимся поверх текстом или привлечь внимание к световому коробу или другому элементу. Более элегантный способ, заключается в том, что мы размываем все остальное, за исключением подсвеченного элемента, в дополнение к затемнению или вместо него...
Довольно часто я пользуюсь инструментом "Размыть" в Скриншотах Яндекс.Диска, с его помощью как раз можно сделать размытие квадратиками нужного участка изображения. Однако такой способ не годится для больших изображений, так как размытие получается какое-то совсем минимальное. В Фотошопе я обычно пользовалась размытием по Гауссу, однако размытие квадратиками смотрится как-то интереснее. И мне захотелось разобраться, как же оно делается в Фотошопе, ведь должна же там быть эта опция. Так я нашла инструмент "Мозаика"...