.
Дата публикации: 08-10-2021 8:15:00

Длинные тени от плоских иконок

Конечный результат:



Длинные тени от плоских иконок



Создайте новый документ в Фотошопе (Ctrl + N). Инструментом Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) создайте основу для иконки цветом #f3b63c.

Длинные тени от плоских иконок



Преобразуйте слой в смарт-объект через контекстное меню.

Длинные тени от плоских иконок



Вставьте иконку часов или нарисуйте ещё самостоятельно.

Длинные тени от плоских иконок



Создайте 40 копий иконки (Ctrl + J).

Длинные тени от плоских иконок



Выберите 40-ю копию (верхний слой) и сдвиньте её, как показано ниже.

Длинные тени от плоских иконок



Чтобы получить тень, нам нужно расставить копии так, чтобы расстояние между ними было одинаковое. Выберите все копии на панели слоёв.

Длинные тени от плоских иконок



Выберите инструмент Перемещение (Move Tool) и нажмите на кнопки выравнивания центров.

Длинные тени от плоских иконок



Перейдите в меню Слой > Упорядочить > Инверсия (Layer > Arrange > Reverse).

Длинные тени от плоских иконок



Каждую копию залейте чёрным цветом при помощи стиля Наложение цвета (Layer Style – Color Overlay). Будет быстрее, если Вы просто скопируйте его.

Длинные тени от плоских иконок



Создайте копию жёлтой основы иконки. Выберите все слои тени и преобразуйте их в смарт-объект.

Длинные тени от плоских иконок



Все слои иконки и слой с жёлтой основой поместите в группу (Ctrl + G). Назовите её «long shadow». Уменьшите непрозрачность группы до 50%.

Длинные тени от плоских иконок



Вот ещё один пример создания длинной тени:

Длинные тени от плоских иконок



Можно воспользоваться специльным экшеном для создания таких теней.

Длинные тени от плоских иконок

#РЕКОМЕНДУЕМОЕ:

Управление с помощью CSS - Цифровая обработка изображения - Фильтр масштаба ожиданий - Разработка шаблонов - Определяем Flash-анимацию на макете страницы - Ретушь модели - Фриланс: проблема доверия между заказчиком и клиентом - Создание композиций - Отображение текста на мозаичном фоне - Рационально используйте графические элементы - Webnet.by - Как заработать на фрилансе - Дизайн пользовательского Web-интерфейса - Руководитель технической команды -


Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×