Усе, що вам потрібно знати про роботу з шаблонами – створюйте та впроваджуйте

Цей підручник був написаний Мартійн Брювер спеціально для Lorelei Web

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

Я покажу вам спосіб створення деяких популярних візерунків і шаблону проти розриву. Я також покажу вам кілька прикладів альтернативних шаблонів.

Діагональні сканлінії
Почнемо з дуже популярного візерунка. Діагональні розгортки.

Відкрийте в фотошопі новий документ і зробіть його розміром 3 на 3 пікселя.

Створіть новий шар і видаліть “Фон” шар, щоб зображення стало прозорим.

Збільште масштаб до 1600%, натиснувши CTRL + декілька разів.

Візьміть інструмент для олівця і встановіть розмір 1 піксель. Режим: нормальний і непрозорість 100%

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

Тепер іди до Редагувати>Визначити шаблон і назвіть його розгортки або як завгодно.

Це було легко, чи не так?

Щоб використати свій шаблон, виберіть Інструмент для відра для фарби, виберіть: Викрійки зі спадного списку та виберіть свій шаблон.

Або перейдіть до параметрів змішування та застосуйте накладення візерунка.

Переконайтеся, що ви створили новий шар перед застосуванням візерунка до вашої роботи. Іноді візерунок виглядатиме краще, коли
непрозорість трохи знижена.

Перевірте результат.

Звичайно, ви також можете створити візерунок, де простір між лініями буде більшим. Для цього скористайтеся описаним вище методом, але створіть полотно розміром 5 на 5 пікселів.
Це буде результат.

Горизонтальні розгортки
Як щодо горизонтальних ліній сканування? (Корисно, коли ви створюєте щось на зразок екрана телевізора чи комп’ютера тощо)

Відкрийте новий документ у фотошопі та зробіть для нього 1 ширину на 2 пікселі висоти.

Тепер створіть новий шар і видаліть шар «Background», щоб зображення стало прозорим.

Збільште масштаб до 1600%, натиснувши кілька разів CTRL +.

Тепер візьміть інструмент «олівець» і встановіть для нього режим розміру 1 піксель: нормальний і непрозорість 100%. Те саме налаштування, що й раніше

Натисніть D, щоб скинути кольори до чорно-білих і зафарбувати верхній піксель чорним.

Тепер перейдіть до Редагування>Визначити шаблон і назвіть його horizontalscanlines.

Результат.

Маленькі точки
Окей, тепер ми створюємо маленькі точки.
Ми використовуємо той самий метод, що й із скан-лініями.

Відкрийте новий документ у фотошопі та зробіть для нього 3 ширину на 3 пікселі висоти.

Тепер створіть новий шар і видаліть шар «Background», щоб зображення стало прозорим.

Збільште масштаб до 1600%, натиснувши кілька разів CTRL +.

Тепер візьміть інструмент «олівець» і встановіть для нього режим розміру 1 піксель: нормальний і непрозорість 100%.

Натисніть D, щоб скинути кольори до чорно-білих, і намалюйте крапку в середині полотна.

Тепер перейдіть до Редагування>Визначити шаблон і назвіть його smalldots.

Результат.

Крос
Зробимо викрійку корсу. Створіть документ розміром 5 на 5 пікселів і скористайтеся описаним вище методом

Але тепер ви малюєте хрест.

перейдіть до Редагувати>Визначити візерунок і назвіть його crosses1 або будь-яким іншим.

Результат

Шаблон захисту ANTI RIP/авторських прав
І останнє, але не менш важливе, я навчу вас робити візерунок проти розриву.

Відкрийте новий документ і переконайтеся, що у вас достатньо місця. 600 на 600 пікселів підійде. Ми обріжемо його пізніше.

Створіть новий шар і видаліть шар «Background», щоб зробити зображення прозорим.

Тепер візьміть інструмент «Текст» і використовуйте читабельний шрифт. Ariel, Tahoma, Verdana, Times тощо.

Я використовував такі налаштування:
Вердана | жирний | 12 пт | аа: жодного

Розмір має бути близько 12 пікселів, не робіть його занадто великим, інакше він не працюватиме як шаблон.

Тепер введіть щось на зразок: «створено вашим ім’ям» або «(c) ваше ім’я». Я набираю (c), а потім своє ім’я.

Клацніть текстовий шар правою кнопкою миші та виберіть тип растеризації або перейдіть до «Виділити» > «Растаризувати» > «Текст».

Тепер натисніть CTRL T (Вільне перетворення) і поверніть назву приблизно на -30 градусів.

Натисніть Enter, щоб підтвердити поворот. Трохи збільште масштаб і виберіть інструмент кадрування.

Наведіть курсор миші на нижню частину тексту, клацніть і перетягніть її вгору тексту. Переконайтеся, що ви виділили весь текст і залишили трохи місця вгорі та внизу.

Тепер натисніть enter.
Тепер у вас має бути щось подібне.

Перейдіть до Редагування>Визначити шаблон і назвіть його авторським правом.

Відкрийте свій останній веб-дизайн, який ви хочете захистити від розпушувача, і створіть новий шар.

Виберіть інструмент Paint Bucket і виберіть шаблон авторського права. Знизьте непрозорість, щоб зображення було видно тим, хто хоче на нього подивитися
але важче для тих, хто хоче зірвати.

Я застосував це до шаблону, над яким працюю. Непрозорість становить близько 20%.

Комбінування та експериментування
Тепер, коли ви знаєте спосіб створення візерунка, настав час комбінувати його та експериментувати з ним.

Перегляньте ці різні шаблони. Можливості безмежні. Текст, фігури (квіти тощо) і лінії – усе це можна використовувати для створення візерунків.

Спасибі за ознайомлення з цими посібниками, сподіваюся, ви чогось навчилися.