Интерфейсные тени в Фотошопе

Стандартный эффект дроп-шадоу в Фотошопе виден за версту. С его помощью обычно получается неправдоподобная, плоская и некрасивая тень:

Смысл эффекта — плашка по форме объекта кладётся под него, размывается и сдвигается. Вот какие параметры выставлены у этой тени:

Чтобы тень была интереснее не обязательно звать техдизайнера: группа параметров Quality позволяет добиваться намного лучших результатов.

Во-первых, контур. Его можно гнуть:

График изображает характер схождения тени на нет. Правда, почему-то он развёрнут задом наперёд: слева самая дальняя от объекта точка, а справа — самая ближняя. Почти всегда стоит опускать серединку пониже, чтобы тень на половине своего радиуса была густой уже менее, чем наполовину.

В комплекте с Фотошопом идут какие-то совершенно невменяемые контуры, дискредитирующие саму эту фичу (речь о первых двух строчках):

Последние четыре контура — мои. Нужно не лениться добавлять себе в набор удачные контуры, чтобы можно было быстро их выбирать. Вот, например, последний контур в деталях:

Настоящая тень сходит на нет неравномерно, потому что источников света много разных. Так что контур стоит немного поискажать по вкусу и до готовности.

Во-вторых, шум. Шум просто стоит добавить на уровне 2-3%:

С такими контуром и шумом кнопка получится уже вот такая (остальные параметры те же):

Конечно, если рисовать тень руками, можно сделать ещё лучше, но цена производства такой кнопки неоправданно вырастет. А здесь всё остаётся векторным, кнопку можно как угодно искажать, клонировать и т. д.

Среди недостатков такого подхода то, что такую кнопку не сделать на голом ЦССе. В некоторых случаях технологичность важнее, поэтому красотой можно и пожертвовать. Ну и да, здесь речь только об интерфейсных тенях (от кнопок, плашек и всего такого). Когда нужна настоящая тень от настоящего предмета, дроп-шадоу бесполезен.