Всичко, което трябва да знаете за работата с шаблони – създавайте и внедрявайте

Този урок е написан от Мартин Брюер специално за Lorelei Web

В тези уроци ще ви покажа как да създадете тези малки модели, за да подправите вашите графики или уеб дизайни. Моделите не са трудни за създаване, но могат да имат голям ефект върху „сексапилността“ на вашите дизайни.

Ще ви покажа начина за създаване на някои популярни модели и модел против разкъсване. Ще ви покажа и някои примери за алтернативни модели.

Диагонални сканирани линии
Ще започнем с един много популярен модел. Диагоналните сканирани линии.

Отворете нов документ във photoshop и го направете 3 на 3 пиксела.

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

Увеличете до 1600% чрез натискане CTRL + няколко пъти.

Хвани инструмент за молив и го задайте на размер 1px Режим: нормален и непрозрачност 100%

Натискане D за да нулирате цветовете си на черно и бяло и нарисувайте 3 пунктирана линия от горния десен ъгъл до долния ляв ъгъл.

Сега отидете Редактиране>Дефиниране на шаблон и го наречете scanlines или както искате го наречете.

Това беше лесно, нали?

За да използвате вашия модел, изберете Инструмент за кофа за боядисване, изберете: Модел от падащото меню и изберете своя модел.

Или отидете на опциите за смесване и приложете наслагване на шаблон.

Уверете се, че сте създали нов слой, преди да приложите шаблона към вашата работа. Понякога моделът ще изглежда по-добре, когато
непрозрачността е намалена малко.

Вижте резултата.

Разбира се, можете също да създадете модел, където разстоянието между линиите е по-голямо. За да направите това, използвайте метода по-горе, но направете платно с размери 5 на 5 пиксела.
Това ще е резултатът.

Хоризонтални сканирани линии
Какво ще кажете за няколко хоризонтални сканирани линии? (Полезно, когато създавате нещо като телевизионен или компютърен екран и т.н.)

Отворете нов документ във Photoshop и го направете 1 ширина на 2 пиксела височина.

Сега създайте нов слой и изтрийте слоя "Background", така че изображението да стане прозрачно.

Увеличете мащаба до 1600%, като натиснете CTRL + няколко пъти.

Сега вземете инструмента молив и го задайте на 1px size Mode: Normal и Opacity 100%. Същата настройка като преди

Натиснете D, за да нулирате цветовете си на черно и бяло и оцветете горния пиксел в черно.

Сега отидете на Edit>Define pattern и го наречете horizontalscanlines.

Резултат.

Малки точки
Добре, сега създаваме няколко малки точки.
Използваме същия метод, който използвахме със сканиращите линии.

Отворете нов документ във Photoshop и го направете 3 ширина на 3 пиксела височина.

Сега създайте нов слой и изтрийте слоя "Background", така че изображението да стане прозрачно.

Увеличете мащаба до 1600%, като натиснете CTRL + няколко пъти.

Сега вземете инструмента молив и го задайте на 1px size Mode: Normal и Opacity 100%.

Натиснете D, за да върнете цветовете си към черно-бяло и нарисувайте точка в средата на платното.

Сега отидете на Edit>Define pattern и го наречете smalldots.

Резултат.

Кръстове
Нека направим модел корс. Създайте документ с размери 5 на 5 пиксела и използвайте метода по-горе

Но сега рисувате кръст.

отидете на Edit>Define pattern и го наименувайте crosses1 или друго.

Резултат

ANTI RIP/модел за защита на авторските права
Не на последно място ще ви науча да правите модел против разкъсване.

Отворете нов документ и се уверете, че имате достатъчно място. 600 на 600 пиксела ще свърши добра работа. Ще го изрежем по-късно.

Създайте нов слой и изтрийте слоя "Background", за да направите изображението прозрачно.

Сега вземете инструмента за текст и използвайте четлив шрифт. Ариел, Тахома, Вердана, Таймс и др.

Използвах тези настройки:
Вердана | удебелен | 12 pt | аа: нито един

Размерът трябва да е около 12px, не го правете твърде голям, в противен случай няма да работи добре като шаблон.

Сега напишете нещо като: „създадено от вашето име“ или „(c) вашето име“. Пиша (c) и след това името си.

Щракнете с десния бутон върху текстовия слой и изберете растеризиран тип или отидете на Select > rastarize > type.

Сега натиснете CTRL T (Свободна трансформация) и завъртете името около -30 градуса.

Натиснете Enter, за да потвърдите завъртането. Увеличете малко и изберете инструмента за изрязване.

Поставете мишката върху долната част на текста и щракнете и го плъзнете в горната част на текста. Уверете се, че сте избрали целия текст и сте оставили малко място отгоре и отдолу.

Сега натиснете enter.
Сега трябва да имате нещо подобно.

Отидете на Edit>Define pattern и го наречете copyright.

Отворете най-новия си уеб дизайн, който искате да защитите от ripper, и направете нов слой.

Изберете инструмента Paint Bucket и изберете шаблона за авторски права. Намалете непрозрачността, така че изображението да бъде видимо за тези, които искат да го гледат
но по-трудно за тези, които искат да разкъсат.

Приложих това към шаблон, върху който работя. Непрозрачността е около 20%.

Комбиниране и експериментиране
Сега, когато знаете начина за създаване на модел, е време да го комбинирате и експериментирате с него.

Вижте тези различни модели. Възможностите са безкрайни. От текст, форми (цветя и т.н.) и линии, всички те могат да се използват за създаване на шарки.

Благодаря, че разгледахте тези уроци, надявам се, че сте научили нещо.