Все, что вам нужно знать о работе с шаблонами — создавайте и внедряйте

Этот урок был написан Мартин Бреувер специально для Лорелей Веб

В этом уроке я покажу вам, как создавать маленькие узоры, чтобы оживить вашу графику или веб-дизайн. Узоры создавать несложно, но они могут оказать большое влияние на «сексуальную привлекательность» ваших дизайнов.

Я покажу вам, как создать несколько популярных узоров и узор, препятствующий разрывам. Я также покажу вам несколько примеров альтернативных паттернов.

Диагональные линии развертки
Начнем с очень популярного узора. Диагональные линии сканирования.

Откройте новый документ в фотошопе и сделайте его размером 3 на 3 пикселя.

Создайте новый слой и удалите "Задний план" слой, чтобы изображение стало прозрачным.

Увеличьте масштаб до 1600%, нажав CTRL + Пару раз.

Возьмите карандашный инструмент и установите размер 1 пиксель. Режим: Нормальный и непрозрачность 100%.

Нажмите D чтобы сбросить цвета на черно-белые, проведите 3 пунктирную линию сверху справа в нижний левый угол.

Теперь перейдите в Правка>Определить узор и назовите его строками сканирования или как вам нравится.

Это было легко, не так ли?

Чтобы использовать свой шаблон, выберите Инструмент для ведра с краской, Выбрать: шаблон из раскрывающегося списка и выберите свой шаблон.

Или перейдите к параметрам наложения и примените наложение узора.

Обязательно создайте новый слой, прежде чем применять узор к своей работе. Иногда узор будет выглядеть лучше, если
непрозрачность немного снижается.

Посмотрите результат.

Конечно, вы также можете создать узор, в котором пространство между линиями будет больше. Для этого используйте описанный выше метод, но создайте холст размером 5 на 5 пикселей.
Это будет результат.

Горизонтальные линии развертки
Как насчет горизонтальных линий развертки? (Полезно, когда вы создаете что-то вроде экрана телевизора или компьютера и т. д.)

Откройте новый документ в фотошопе и сделайте его шириной 1 на высоту 2 пикселя.

Теперь создайте новый слой и удалите слой «Фон», чтобы изображение стало прозрачным.

Увеличьте масштаб до 1600%, нажав CTRL + пару раз.

Теперь возьмите инструмент «Карандаш» и установите его размер в 1 пиксель. Режим: «Нормальный» и «Непрозрачность» 100%. Те же настройки, что и раньше

Нажмите D, чтобы сбросить цвета на черно-белый и закрасить верхний пиксель черным.

Теперь перейдите в Edit > Define Pattern и назовите его Horizontalscanlines.

Результат.

Маленькие точки
Хорошо, теперь мы создаем несколько маленьких точек.
Мы используем тот же метод, что и для строк развертки.

Откройте новый документ в фотошопе и сделайте его шириной 3 на высоту 3 пикселя.

Теперь создайте новый слой и удалите слой «Фон», чтобы изображение стало прозрачным.

Увеличьте масштаб до 1600%, нажав CTRL + пару раз.

Теперь возьмите инструмент «Карандаш» и установите его размер в 1 пиксель. Режим: «Нормальный» и «Непрозрачность» 100%.

Нажмите D, чтобы сбросить цвета на черно-белые, и нарисуйте точку в середине холста.

Теперь перейдите в «Правка»> «Определить узор» и назовите его «маленькие точки».

Результат.

Кросс
Давайте сделаем выкройку корса. Создайте документ размером 5 на 5 пикселей и используйте описанный выше метод.

Но теперь ты рисуешь крест.

перейдите в «Правка»> «Определить узор» и назовите его «crosses1» или как-нибудь еще.

Результат

ANTI RIP/шаблон защиты авторских прав
И последнее, но не менее важное: я научу вас делать выкройку, препятствующую разрывам.

Откройте новый документ и убедитесь, что у вас достаточно места. Размер 600 на 600 пикселей подойдет. Мы обрежем его позже.

Создайте новый слой и удалите слой «Фон», чтобы сделать изображение прозрачным.

Теперь возьмите инструмент «Текст» и используйте читаемый шрифт. Ариэль, Тахома, Вердана, Таймс и т. д.

Я использовал эти настройки:
Вердана | жирный | 12 пт | аа: нет

Размер должен быть около 12 пикселей, не делайте его слишком большим, иначе он не будет хорошо работать в качестве узора.

Теперь введите что-то вроде: «создано вашим именем» или «(c) ваше имя». Я печатаю (c), а затем свое имя.

Щелкните правой кнопкой мыши текстовый слой и выберите тип растеризации или выберите «Выделение» > «растрировать» > «тип».

Теперь нажмите CTRL T (Свободное трансформирование) и поверните имя примерно на -30 градусов.

Нажмите Enter, чтобы подтвердить вращение. Немного увеличьте масштаб и выберите инструмент обрезки.

Наведите указатель мыши на нижнюю часть текста, щелкните и перетащите ее на верхнюю часть текста. Обязательно выделите весь текст и оставьте немного места сверху и снизу.

Теперь нажмите Enter.
Теперь у вас должно получиться что-то вроде этого.

Перейдите в «Правка»> «Определить узор» и назовите его «Авторское право».

Откройте свой последний веб-дизайн, который вы хотите защитить от риппера, и создайте новый слой.

Выберите инструмент «Ведро с краской» и выберите авторский узор. Уменьшите непрозрачность, чтобы изображение было видно тем, кто хочет на него посмотреть.
но сложнее для тех, кто хочет сорваться.

Я применил это к шаблону, над которым работаю. Непрозрачность около 20%.

Комбинируем и экспериментируем
Теперь, когда вы знаете, как создать узор, пришло время комбинировать его и экспериментировать с ним.

Посмотрите на эти разные модели. Возможности безграничны. Текст, фигуры (цветы и т. д.) и линии — все это можно использовать для создания узоров.

Спасибо за просмотр этого урока, надеюсь, вы что-то узнали.