Шапка в форме ленты

Создание ленты в фотошопе

Создадим в программе фотошоп ленту, которую можно применить как шапку для сайта или отдельной страницы. Конечный результат этого урока выглядит так:

Цвет можете выбирать любой. Создадим новый документ с необходимым размером и будем "лепить" по частям нашу ленточку. Сначала сделаем левую часть. Для этого сначала выставьте необходимый основной цвет и включите инструмент "Прямоугольник"



На холсте с левой стороны рисуем прямоугольную область



Делаем вырез на ленте. Включите инструмент "Перо" и на верхней панели включите значок "Вычесть из области фигуры":


Инструментом "Перо" делаем три точки, как показано на рисунке:





У нас получится такая фигура:


Чтобы удалить не нужные точки и линии, сделайте клик по пиктограмме, чтобы на ней появилась черная обводка:





Теперь делаем двойной клик по месту рядом с пиктограммой и попадаем в "Стили слоя", где наложим градиент на полученную фигуру. Выставляем примерно такие настройки градиента:















Фигура приобретёт такую окраску:




Дальше делаем изгиб ленты. С помощью инструмента “Прямоугольник” создаем маленький прямоугольник такой же высоты:




Переходим в меню Редактирование > Трансформирование > Перспектива и перетаскиваем верхнюю левую угловую точку вниз, пока Вы не получите такое же изображение, как показано ниже:




После того, как складка была создана, добавляем стиль градиента на слой этой фигуры, используя настройки, показанные ниже:


Должно получиться что-то подобное:




Теперь создадим лицевую часть ленты.  С помощью инструмента “Прямоугольник” растягиваем прямоугольник, как показано на рисунке. Длину делайте такую, которая Вам необходима:




Добавим градиент в стиль слоя, применив примерно такие настройки:


Получим вот такую лицевую часть:


Теперь сделаем правую часть ленты. Делается это очень просто. Выделяем слой левой части ленты и нажав клавишу "Shift" выделим слой с изгибом ленты:




Затем делаем на одном из выделенных слоёв клик правой кнопкой мышки и в открывшемся меню выбираем "Дубликат слоёв...". Затем переходим в меню Редактирование > Трансформирование > Отразить по горизонтали. У Вас получится перевёрнутая фигура левой части, которую перетаскиваете на правую сторону и совмещаете с концом лицевой части и у Вас получается готовая лента:


Для большей выразительности я добавил в ленте обводку, которую можно сделать с помощью инструмента "Линия". Теперь Вам останется по мере необходимости нанести какой-то текст или вставить картинку.