Усё, што вам трэба ведаць аб працы з шаблонамі - стварайце і ўкараняйце

Гэты падручнік быў напісаны Мартыйн Брывер спецыяльна для Lorelei Web

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

Я пакажу вам спосаб стварэння некаторых папулярных узораў і ўзору супраць разрыву. Я таксама пакажу вам некалькі прыкладаў альтэрнатыўных мадэляў.

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

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

Стварыце новы пласт і выдаліце «Фон» пласт, каб малюнак стаў празрыстым.

Павялічыць да 1600% націскам CTRL + пару разоў.

Вазьміце алоўкавы інструмент і ўсталюйце для яго памер 1 пікс Рэжым: Нармальны і Непразрыстасць 100%

прэс D каб скінуць колеры да чорна-белага, і зафарбуйце 3 пункцірныя лініі ад верхняга правага кута да ніжняга левага.

Зараз пераходзім да Праўка>Вызначыць шаблон і назавіце яго scanlines або як заўгодна.

Гэта было лёгка, ці не так?

Каб выкарыстоўваць свой шаблон, абярыце Інструмент для вядра для фарбы, абярыце: шаблон з выпадальнага акна і абярыце ўзор.

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

Пераканайцеся, што вы стварылі новы пласт, перш чым прымяняць узор да сваёй працы. Часам узор будзе выглядаць лепш, калі
непразрыстасць трохі зніжана.

Праверце вынік.

Вядома, вы таксама можаце стварыць узор, дзе прастора паміж лініямі будзе большай. Для гэтага выкарыстоўвайце метад вышэй, але зрабіце палатно памерам 5 на 5 пікселяў.
Гэта і будзе вынік.

Гарызантальныя сканлініі
Як наконт некалькіх гарызантальных разгортак? (Карысна, калі вы ствараеце нешта накшталт экрана тэлевізара або ПК і г.д.)

Адкрыйце новы дакумент у Photoshop і зрабіце для яго 1 шырыню на 2 пікселя ў вышыню.

Цяпер стварыце новы пласт і выдаліце ​​​​пласт «Фон», каб малюнак стаў празрыстым.

Павялічце маштаб да 1600%, націснуўшы пару разоў CTRL +.

Цяпер вазьміце інструмент аловак і ўсталюйце для яго памер 1 пікс Рэжым: Нармальны і Непразрыстасць 100%. Такія ж налады, што і раней

Націсніце D, каб скінуць колеры да чорна-белага і пафарбаваць верхні піксель у чорны колер.

Цяпер перайдзіце да «Праўка» > «Вызначыць узор» і назавіце яго «гарызантальныя лініі сканавання».

Вынік.

Маленькія кропкі
Добра, зараз мы ствараем невялікія кропкі.
Мы выкарыстоўваем той жа метад, што і са скан-радкамі.

Адкрыйце новы дакумент у Photoshop і зрабіце для яго 3 шырыню на 3 пікселя ў вышыню.

Цяпер стварыце новы пласт і выдаліце ​​​​пласт «Фон», каб малюнак стаў празрыстым.

Павялічце маштаб да 1600%, націснуўшы пару разоў CTRL +.

Цяпер вазьміце інструмент аловак і ўсталюйце для яго памер 1 пікс Рэжым: Нармальны і Непразрыстасць 100%.

Націсніце D, каб скінуць колеры да чорна-белага, і намалюйце кропку ў сярэдзіне палатна.

Цяпер перайдзіце ў меню Edit>Define pattern і назавіце яго smalldots.

Вынік.

крыжы
Зробім выкрайку корса. Стварыце дакумент памерам 5 на 5 пікселяў і скарыстайцеся метадам, прыведзеным вышэй

Але цяпер вы малюеце крыж.

перайдзіце да Edit>Define pattern і назавіце яго crosses1 або як заўгодна.

Вынік

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

Адкрыйце новы дакумент і пераканайцеся, што ў вас дастаткова месца. 600 на 600 пікселяў падыдзе. Мы абрэжам яго пазней.

Стварыце новы пласт і выдаліце ​​пласт «Фон», каб зрабіць малюнак празрыстым.

Цяпер вазьміце інструмент «Тэкст» і выкарыстоўвайце зручны для чытання шрыфт. Ariel, Tahoma, Verdana, Times і г.д.

Я выкарыстаў гэтыя налады:
Вердана | тлусты | 12 пт | аа: ніякага

Памер павінен быць каля 12 пікселяў, не рабіце яго занадта вялікім, інакш ён не будзе добра працаваць як узор.

Цяпер увядзіце нешта накшталт: «створана вашым імем» або «(c) вашым імем». Я набіраю (c), а потым сваё імя.

Пстрыкніце тэкставы пласт правай кнопкай мышы і выберыце тып растэрызавання або перайдзіце ў меню Выбраць > растарызаваць > тып.

Цяпер націсніце CTRL T (Свабоднае пераўтварэнне) і павярніце імя прыкладна на -30 градусаў.

Каб пацвердзіць паварот, націсніце Enter. Павялічце трохі і абярыце інструмент кадравання.

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

Цяпер націсніце Enter.
Цяпер у вас павінна быць нешта падобнае.

Перайдзіце ў меню «Праўка»> «Вызначыць шаблон» і назавіце гэта аўтарскім правам.

Адкрыйце свой апошні вэб-дызайн, які хочаце абараніць ад рыхлільніка, і зрабіце новы пласт.

Выберыце інструмент Paint Bucket і абярыце ўзор аўтарскага права. Паменшыце непразрыстасць, каб выява была бачная для тых, хто хоча на яе паглядзець
але цяжэй для тых, хто хоча сарваць.

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

Камбінаванне і эксперыментаванне
Цяпер, калі вы ведаеце спосаб стварэння ўзору, прыйшоў час камбінаваць і эксперыментаваць з ім.

Праверце гэтыя розныя шаблоны. Магчымасці бязмежныя. Тэкст, фігуры (кветкі і г.д.) і лініі можна выкарыстоўваць для стварэння ўзораў.

Дзякуй, што паглядзелі гэтыя падручнікі, спадзяюся, вы чамусьці навучыліся.