Конечный результат Что мы будем создавать
Предыдущие уроки
- Создаем Фоновые Узоры (Часть 1: Основы Узора)
- Создаем Фоновые Узоры (Часть 2: Узоры с Шумом)
- Создаем Фоновые Узоры (Часть 3: Углеродное Волокно)
- Создаем Фоновые Узоры (Часть 4: Синтетическое Волокно)
Шаг 1: Создаем Базовый Узор Сетки
Создаем новый документ размером 7х7 пикселей.
Рисуем вертикальную линию в 1 пиксель по центру (зажмите Shift).
Примените любой цвет (мы использовали #F3F3F3).
Нарисуйте еще одну линию, но на этот раз по горизонтали.
Сделайте 800-кратное увеличение и возьмите Convert Point 
и сделайте так, чтобы линия занимала только один пиксель.
Наш документ слишком мал для использования, так что примените 800-кратное приближение на панели навигации.
Когда вы нарисуете линию, вы заметите, что линия немного выпирает. Мы исправим это в следующем шаге.
Возьмите Convert Point и выберите маску слоя вашей формы (кликните на маску). Затем выберите все точки и перемещайте их до тех пор, пока форма не займет 1 пиксель.
Повторите процесс с горизонтальной линией. Заметьте, что у меня стоит зум в 2000%. Иногда полезно быть ОЧЕНЬ близко.
Идеально! Заметьте, что на картинке нет ни теней, ни выпирающих элементов. Теперь вы можете поставить цвет, какой вам угодно.
После того, как вы сделали узор, вы должны сохранить его как Patternt. Чтобы сделать это, выберите Edit > Define Pattern. Это автоматически сохранит ваш документ как узор. Чтобы применить его идите в Layer Styles > Pattern Overlay.
Теперь, когда у нас есть основа, вы можете эспериментировать, сколько вам угодно. Мы использовали документ в 7 пикселей, но если вы хотите более плотную сетку, выберите документ 5х3 пикселя.
Шаг 2: Классичесая Штриховка
Для второго узора мы будем просто поворачивать наши линии на 45 градусов. Помните, что важно правильно разместить их.
Откройте новый документ размером 8х8 пикселей.
Примените 800-кратное приближение или больше.
Нарисуйте две диагональные линии, перпендикулярных друг другу, под углом 45 градусов.
Заметили, как на документе слева линии не совпадают с углами?
Цвет, который я использовал, невероятно светлый, но это именно то, что мне и нужно. Заметьте, что на картинке ниже он выглядит гораздо темнее.
Шаг 3: Диагональные Линии
Для этого узора откройте файл из предыдущего шага и оставьте одну из двух линий и идите в Edit > Define Pattern. В этом случае размер документа очень важен.
На второй картинке видно, как увеличивая или уменьшая размер документа, можно менять узор.
Шаг 4: Добавляем Цвет и Текстуру
Итак, у нас есть все базовые знания! Теперь давайте добавим уникальности, используя две техники: цвет и текстура.
Добавить цвет очень легко, если вы еще не заметили… Просто меняйте цвет фона и линий, пока не достигнете желаемого эффекта. Мой совет, придерживайтесь низкого контраста. Нет ничего более раздражающего, чем сильно резонирующий узор.
Применение текстуры немного труднее. Текстура всегда была известна своей сложностью в создании. Почему? Потому что во многих случаях текстура повторяется. Даже текстуры высокого разрешения будут повторяться и показывать разделение между узорами, если, конечно, у вас не огромный документ (1920х1080 пикселей)… что не всегда практично.
Прием с текстурой
- Сделайте ваш узор достаточно большим, чтобы люди не увидели переход из одной в другую.
- Сделайте ваши текстуры нежными и с низким контрастом, чтобы текстурные пятна не бросались в глаза.
В следующих уроках мы подробно рассмотрим, как создать трудные и качественнуе текстуру. А сегодня мы поработаем над легкой.
- Откройте новый документ (99х99 пикселей).
- Нарисуйте прямоугольник на весь документ.
- Примените узор с штриховкой.
- Используя кисть, нарисуйте светлое пятно на новом слое.
Вы едва можете видеть (и это хорошо), но мы сделали два пятна.
Даже при 200-кратном приближении ничего не заметно. Пока мы не покрасим пятно в красный цвет.
И наконец, вот наш результат.
