Главная » Статьи » Уроки Photoshop » Графика для сайта |
В сегодняшнем уроке я покажу, как создать простую шапку сайта в виде ленточки. Вот, что у нас получится:
Для урока нам потребуются гранжевые кисти:
Начинаем с инструмента Перо
Выберите инструмент Перо (Pen T ool) (P) и установите значение фигуры в настройках инструмента:
Нарисуйте левую сторону края ленточки. Край ленточки должен быть искривлённым.
Далее нарисуйте основную часть ленточки. Правую сторону основной части
сделайте прямой, т.к. это поможет нам при рисовании правой части
ленточки.
Тем же инструментом нарисуйте сгиб треугольной формы:
У вас должно быть три части ленточки на трёх отдельных слоях.
Завершение ленточки
Удерживая Ctrl, выделите все якорные точки. Вы получите такой же контур, как у меня:
Перейдите в меню Редактирование - Скопировать (Edit > Copy), потом Редактирование»Вставить (Edit > Paste) и в завершении Редактирование - Свободное трансформирование контура (Edit > Free Transform Pat) (Ctrl+T). Теперь нужно применить отражение по горизонтали. Перейдите в меню Редактирование - Трансформирование - Отразить по горизонтали (Edit > Transform > Flip Horizontally). Сдвиньте копию вправо до тех пор, пока не получите нужную длину.
Сделайте копию двух других слоёв с частями ленточки и отразите их по горизонтали. Расположите их на другом конце ленточки.
Добавление стилей слоя
Наложение градиента (в том же меню):
К слоям со сгибами примените стиль Наложение градиента:
И в завершении к основным частям ленточки примените стиль Наложение градиента:
Добавление узора на ленточку
Когда закончите рисование узора, перейдите в меню Редактирование - Определить узор (Edit > Define Pattern), сохраните узор и вернитесь к нашему первому документу. Сделайте выделение слоя с концами линий (удерживая Ctrl, кликните на иконке слоя в палитре слоёв).
Нам нужно немного сжать выделение. Перейдите в меню Выделение - Модификация - Сжать (Select > Modify > Contract) и введите значение 5 пикселей. Выберите инструмент Заливка (Paint Bucket Tool) (G), в настройках инструмента выберите сохранённый узор.
Залейте выделение на новом слое. Потом перейдите в меню Выделение – Модификация - Сжать (Select > Modify > Contract) и сожмите выделение ещё на 5 пикселей, нажмите Delete. К слою с узором примените стиль Наложение цвета (Слой»Стиль слоя»Наложение цвета) (Layer > Layer Style > Color Overlay): цвет – белый.
Повторите эти шаги с заливкой узором для других слоёв, кроме слоёв со сгибами.
Добавление гранжевой текстуры
Заключительные штрихи
Сделайте заливку градиентом с конца средней части ленточки к её концу. Установите непрозрачность слоя – 40%.
Повторите этот шаг для другого конца ленточки. В завершении добавьте элементы навигации и заголовок.
Автор урока: Richard Carpenter Источник: http://www.photoshop-plus.co.uk | |
Просмотров: 1403 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |