Flat-дизайн на сегодняшний день несомненно является одним из главных трендов в мире веб-дизайна. В качестве дополнения к плоскому интерфейсу, в последнее время стали популярными длинные тени, которые отлично смотрятся на различных логотипах и иконках.
В этом посте я хотел бы поделиться с вами тремя четырьмя генераторами для быстрого создания “модных” теней.
- Long Shadows Generator – представляет из себя полноценный онлайн-генератор с тонкими настройками размера внешней и внутренней тени, а так же функцией live-предпросмотра. В итоге, онлайн-инструмент выдает готовый CSS-код для использования в своих целях.
- PSD Long Shadow Generator – ПСД-исходник для фотошопа
Для того чтобы быстро применить тень к вашему дизайну, необходимо дважды кликнуть по слою с соответствующим названием «Your Design here» с Smart Object’ом в скачанном файле и поместить в него любой объект.
-
CSS Long Shadow Generator – CSS-заготовка, легко применяемая к любому HTML-объекту.
-
На сайте LongShadowGenerator.com доступны еще два псдшника с двумя разными вариантами теней – sharp и smooth. Кроме того исходник генерирует сразу несколько вариантов с тенями в разные стороны.
- Flat Shadow.js – это небольшой jQuery-плагин для создания длинных теней с помощью кода – HTML + CSS + jQuery. FlatShadow.js позволит добавить длинную тень к любому элементу на сайте, без использования какой-либо графики. Демо и несколько примеров с кодом, доступны на сайте разработчика. Там же можно найти более подробную информацию о плагине, а так же и скачать его.
- Long Shadow Photoshop Action – и напоследок бесплатный экшн для фотошопа.
