Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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



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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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



Ссылка на источник урока

написал : Scodialic

Отличный урок, но если делать по нему иконку google chrome, то получается вот такая достаточно заметная хрень.

---------------


написал : positive11

Scodialic, попробуйте уменьшить непрозрачность или удалите некоторые слои.

---------------


написал : KHVshNic

А не проще такую тень сделать прямоугольниками прозрачными?
Тем более с направляющимми в ФШ то просто.
и в вашем методе, уж не знаю должно так быть или нет, но тени не перпендикулярны ни друг другу ни обьектам.
плюс, не ровные в некоторых местах.

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: