Понедельник, 23.09.2024, 15:24
Приветствую Вас Гость | RSS

Графика для вебмастера

Каталог статей

Главная » Статьи » Шапка для сайта

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

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

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

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

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


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

Фигура приобретёт такую окраску:
 
 
Дальше делаем изгиб ленты. С помощью инструмента “Прямоугольник” создаем маленький прямоугольник такой же высоты:
 
 
Переходим в меню Редактирование > Трансформирование > Перспектива и перетаскиваем верхнюю левую угловую точку вниз, пока Вы не получите такое же изображение, как показано ниже:
 
 
 
После того, как складка была создана, добавляем стиль градиента на слой этой фигуры, используя настройки, показанные ниже:
 
 
Должно получиться что-то подобное:
 
 
 
Теперь создадим лицевую часть ленты.  С помощью инструмента “Прямоугольник” растягиваем прямоугольник, как показано на рисунке. Длину делайте такую, которая Вам необходима:
 
 
 
 
Добавим градиент в стиль слоя, применив примерно такие настройки:
 
 
Получим вот такую лицевую часть:
 
 
Теперь сделаем правую часть ленты. Делается это очень просто. Выделяем слой левой части ленты и нажав клавишу "Shift" выделим слой с изгибом ленты:
 
 
 
 
Затем делаем на одном из выделенных слоёв клик правой кнопкой мышки и в открывшемся меню выбираем "Дубликат слоёв...". Затем переходим в меню Редактирование > Трансформирование > Отразить по горизонтали. У Вас получится перевёрнутая фигура левой части, которую перетаскиваете на правую сторону и совмещаете с концом лицевой части и у Вас получается готовая лента:
 
 
Для большей выразительности я добавил в ленте обводку, которую можно нарисовать с помощью инструмента "Линия". Теперь Вам останется по мере необходимости нанести какой-то текст или вставить картинку.
Категория: Шапка для сайта | Добавил: zuma307 (19.09.2015)
Просмотров: 879 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Категории раздела
Кнопки для сайта [6]
Вертикальное меню [2]
Горизонтальное меню [2]
Шапка для сайта [2]
Создание баннера [1]
Создание логотипа [2]
Эффекты для текста [2]
Вход на сайт
Продажа сайтов
Магазин сайтов Top-Bit
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright MyCorp © 2024
Создать бесплатный сайт с uCoz