В этом уроке в основном рассматривается дизайн веб-навигации со складными лентами, и эффект очень красивый.
Нравится ли вам этот эффект? Сегодня я поведу вас посмотреть, как это делается!
Начните с создания нового документа в Photoshop размером примерно 500 x 500 и залейте его цветом #dac8aa.
Теперь давайте найдем материал, похожий на текстуру бумаги. Вы можете найти понравившуюся вам естественную текстуру, а затем нажать комбинацию клавиш «Decolor» Ctrl+Shift+U:
После этого измените режим слоя на: Overlay и измените непрозрачность на 60%. Объедините два слоя.
Хорошо, чтобы подчеркнуть плотность бумаги, мы воспользуемся «резкостью», чтобы улучшить текстуру. Вы можете сделать это несколько раз по мере необходимости.
Теперь приступаем к созданию ленты. Сначала используйте инструмент «Прямоугольная область», чтобы создать выделение, как показано на рисунке, и залейте его зеленым цветом (#95b900). Не забудьте завершить его на новом слое! .
Таким же образом создайте желтую (#e9db03) и красную (#b94a00) ленты.
Далее нам нужно убедиться, что три цветные ленты находятся на одном слое, и нажать Ctrl+J, чтобы скопировать новую ленту! И вращайте, как показано на рисунке:
Исходные слои также следует повернуть, чтобы создать пересечения между ними.
Теперь мы выбираем базовую ленту, удерживаем CTRL и кликаем по этому слою на панели слоев, чтобы выделить его, создаем новый слой и используем инструмент «Градиент», чтобы создать тень.
В градиенте используется черный цвет — прозрачный способ!
