Весьма часто при создании юзербара, баннера, аватарки и подобных работ встаёт задача сделать фон из параллельных линий. Линии могут быть вертикальные, горизонтальные, косые, волнистые и т.п.
Самое простое - это создание узора из вертикальных или горизонтальных линий ,либо линий с наклоном 45 градусов.
Давайте рассмотрим пример на основе создания фона для аватара. Создаем новый документ размером 150х150px. Заливаем каким-нибудь светлым цветом. Это и будет наш тренировочный образец.
Далее создаём новый документ размером 3x3px, выбираем инструмент карандаш (Pencil Tool или клавиша B), ставим ему толщину в 1 рх и рисуем, как показано на картинке. Понятно, что масштаб отображения картинки в окне Фотошопа для удобства работы следует увеличить:
Gосле чего мы идем Редактирование --> Определить узор (Edit --> Define Pattern), задаём ему имя, например "pat1", и жмем ОК. Закрываем наш документ с узором и открываем первый документ. Открываем Панель слоёв (клавиша F7), клик левой клавишей мыши на иконку внизу Панели "Добавить стиль слоя", в выпавшем меню выбираем стиль "Наложение узора" (Pattern Overlay), в открывшемся окне выбираем наш новый узор, жмём ОК.
Получается вот такая картина:
Есть и другой вариант нанесения узора, залить наш опытный образец через Редактирование-->Заливка (Edit-->Fill) или клавиши Shift+F5. Открывается окно, где выбираем параметр Регулярный(Pattern) и заливаем.
Но этот, последний вариант, имеет ряд недостатков.
Первый недостаток - нельзя менять размер между линиями и толщину самих линий.
В варианте с нанесением узора через стиль слоя такая возможность есть, через параметр масштаб в окне стилей слоя. Ну и конечно, можно изменять режим наложения.
При масштабе 200% получается уже такая картина:
Но что делать, если угол наклона полосок нужен не 45 градусов, а 30? Или, хуже того, в процессе работы угол наклона не понравится, и его придется изменять несколько раз? Можно изменять шаблон узора, но для наклонных полосок под каждый угол узор придётся пересчитывать и подгонять. Это отнимет много времени и нервов. Поэтому рассмотрим ещё один вариант.
Создадим новый документ 6х6 пкс и проведём карандашом вертикальную линию толщиной 2 пкс.
Вообще-то высота рисунка может быть и один пиксель, но для наглядности я сделал именно такой шаблон узора. Вот ещё вариант рисунка узора, документ 6 на 1 пиксель, на картинке видны фотошоповские линейки:
Также сохраняем узор в набор узоров, Редактирование --> Определить узор (Edit --> Define Pattern), пишем имя, например "pat2", и жмем ОК.
Повторяем действия, произведённые в начале статьи с первым узором, открываем Панель слоёв (клавиша F7), клик левой клавишей мыши на иконку внизу Палитры "Добавить стиль слоя", в выпавшем меню выбираем "Наложение узора" в открывшемся окне выбираем наш новый узор, задаём масштаб, я задал 75%:
Приступим к изменению угла наклона полосок.
В Панели слоёв кликаем правой клавишей мыши по строке "Эффекты" под слоем. В открывшемся окне клик по "Образовать слой":
Далее кликаем по этому слою с маской, он должен подсветиться синим, жмём клавиши Ctrl+T для активации инструмента "Свободное трансформирование", появляется рамка масштабирования, подводим курсор мыши к углу рамки. Курсор изменится на изогнутую стрелочку с двумя вершинами, и изменяем угол наклона.
При необходимости подгоняем размер слоя с полосками, также угол можно задать точный, введя значение в соответствующее окошко вверху главного окна Фотошопа.
У меня получилась такая картина, угол наклона полосок 30 градусов.
Создание карбонового фона подробно описывается в статье Создание стильного анимированного юзербара в Adobe Photosop
Создание тетрадного листа описывается в статье Рисование листа в клетку в Фотошопе
Помощь сайту
Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.
Преимущества: гибкие настройки. Вы можете задать в настройках, чтобы фонарик сразу включался при запуске приложения и автоматическое включение таймера при запуске приложения. Настройки позволяют отключить блокировку экрана и блокировку фонарика кнопкой включения телефона. Также вы можете самостоятельно установить время таймера.
Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.
Установить с Google Play.
Заранее благодарен, Дмитрий.
QR-код для установки:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
 Этот урок по созданию собственного узора (паттерна, Pattern) дополняет материал "Узоры (Patterns) Photoshop: полное руководство", но, в то же время,...
|
 В этом уроке я расскажу, как создать в Photoshop фон из расходящихся из одной точки лучей. Для выполнения этой задачи надо создать один луч,...
|
 В этом материале, как понятно из заголовка, мы рассмотрим способы рисования пунктирных, штриховых и точечных рамок.
Давайте определимся сразу: все...
|
 В данном материале мы рассмотрим, как в программе Photoshop самостоятельно, с нуля, создать реалистичную текстуру поверхности кожи. В статье я буду...
|