Что такое тень?

Тень — это мягкая, более тёмная копия изображения, размещённая позади него и немного сбоку, будто изображение парит над страницей. Она приподнимает вырезанные изображения товаров, логотипы, снимки экрана и фотографии над фоном и добавляет глубину плоским дизайнам.

Описание инструмента

Откройте изображение, задайте мягкость тени с помощью параметра «Размытие» и переместите её с помощью горизонтального и вертикального смещений. Выберите цвет и непрозрачность в разделе «Цвет». Для PNG или WebP с прозрачностью тень повторяет форму объекта, а не прямоугольник вокруг него. Для фотографии тень повторяет форму прямоугольника.

Холст увеличивается ровно настолько, чтобы вместить всю тень, а изображение скачивается в формате PNG с прозрачным фоном — его можно разместить на любой странице или слайде.

Возможности

  • Тень повторяет форму прозрачных изображений
  • Размытие, смещение, цвет и непрозрачность
  • Холст увеличивается, чтобы вместить тень, поэтому ничего не обрезается
  • Скачивание в формате PNG с прозрачным фоном

Как это работает

Размытие работает так же, как размытие тени в CSS: применяется размытие по Гауссу, стандартное отклонение которого равно половине заданного значения. Тень постепенно исчезает примерно на расстоянии, равном полутора значениям размытия от края изображения. Поэтому холст увеличивается на эту величину с каждой стороны, куда выходит тень, с учётом смещения.

Советы

  • Размытая тень прямо под изображением, без горизонтального смещения, создаёт впечатление, что оно парит.
  • Для естественного вида задайте непрозрачность от 30% до 50%. Без размытия и при полной непрозрачности тень выглядит плоской, в ретростиле.
  • На цветной странице оттенок её цвета, более тёмный, чем фон, выглядит естественнее чёрного.
  • Чтобы сохранить прозрачный фон, используйте формат PNG или WebP. В JPG тень будет размещена на белом фоне.