Бұл оқу құралын жазған Мартин Брювер әсіресе Lorelei Web үшін

Бұл оқулықтарда мен сізге графиканы немесе веб-дизайнды жақсарту үшін сол кішкентай үлгілерді қалай жасау керектігін көрсетемін. Үлгілерді жасау қиын емес, бірақ сіздің дизайныңыздың «жыныстық тартымдылығына» үлкен әсер етуі мүмкін.

Мен сізге танымал үлгілерді және жыртылуға қарсы үлгіні жасау жолын көрсетемін. Мен сізге балама үлгілердің бірнеше мысалдарын көрсетемін.

Диагональды сканерлеу сызықтары
Біз өте танымал үлгіден бастаймыз. Диагональды сканерлеу сызықтары.

Photoshop бағдарламасында жаңа құжатты ашып, оны 3-3 пиксельге айналдырыңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Жаңа қабат жасаңыз және оны жойыңыз «Фон» кескін мөлдір болатындай етіп қабаттаңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

басу арқылы 1600% дейін үлкейтіңіз CTRL + бірнеше рет.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Ұстаңыз қарындаш құралы және оны 1px өлшем режиміне орнатыңыз: Қалыпты және Мөлдірлік 100%
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

баспасөз D түстерді ақ-қараға қалпына келтіру және жоғарғы оң жақтан төменгі солға қарай 3 нүктелі сызықты бояу үшін.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Енді барып Өңдеу > Үлгіні анықтау және оны сканерлеу жолын немесе оны қалай атағыңыз келсе, атаңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Бұл оңай болды, солай емес пе?

Үлгіңізді пайдалану үшін таңдаңыз Бояу шелегі құралы, таңдаңыз: үлгі ашылмалы терезеден және үлгіні таңдаңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Немесе араластыру опцияларына өтіп, үлгі қабатын қолданыңыз.

Үлгіні жұмысыңызға қолданбас бұрын жаңа қабат жасағаныңызға көз жеткізіңіз. Кейде үлгі қашан жақсырақ көрінеді
мөлдірлік аздап төмендейді.

Нәтижені тексеріңіз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Әрине, жолдар арасындағы кеңістік үлкенірек болатын үлгіні де жасауға болады. Мұны істеу үшін жоғарыдағы әдісті қолданыңыз, бірақ 5-тен 5-ке дейінгі пиксельді кенеп жасаңыз.
Бұл нәтиже болады.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Көлденең сканерлеу сызықтары
Кейбір көлденең сканерлеу сызықтары туралы не деуге болады? (Теледидар немесе компьютер экраны сияқты бірдеңе жасағанда пайдалы)

Photoshop бағдарламасында жаңа құжатты ашып, оны ені 1 және биіктігі 2 пиксельге дейін жеткізіңіз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Енді жаңа қабат жасаңыз және кескін мөлдір болуы үшін «Фон» қабатын жойыңыз.

CTRL + пернелерін бірнеше рет басу арқылы 1600% дейін үлкейтіңіз.

Енді қарындаш құралын алып, оны 1px өлшемді режимге орнатыңыз: Қалыпты және Мөлдірлік 100%. Бұрынғыдай бірдей параметр

Түстерді ақ-қараға қалпына келтіру және жоғарғы пикселді қара бояу үшін D түймесін басыңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Енді Өңдеу > Үлгіні анықтау тармағына өтіп, оны көлденең сканерлеу сызықтары деп атаңыз.

Нәтиже.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Кішкентай нүктелер
Жарайды, қазір біз кішкене нүктелер жасаймыз.
Біз сканерлеу сызығында қолданылған әдісті қолданамыз.

Photoshop бағдарламасында жаңа құжатты ашып, оны ені 3 және биіктігі 3 пиксельге дейін жеткізіңіз.

Енді жаңа қабат жасаңыз және кескін мөлдір болуы үшін «Фон» қабатын жойыңыз.

CTRL + пернелерін бірнеше рет басу арқылы 1600% дейін үлкейтіңіз.

Енді қарындаш құралын алып, оны 1px өлшемді режимге орнатыңыз: Қалыпты және Мөлдірлік 100%.

Түстерді ақ-қараға қалпына келтіру және кенептің ортасына нүкте қою үшін D түймесін басыңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Енді Өңдеу > Үлгіні анықтау тармағына өтіп, оны ұсақ нүктелер деп атаңыз.

Нәтиже.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Crosses
Корсс үлгісін жасайық. 5-тен 5-ке дейінгі пиксельдік құжат жасаңыз және жоғарыдағы әдісті қолданыңыз

Бірақ қазір сіз крест сызыңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Өңдеу> Үлгіні анықтау тармағына өтіңіз және оны айқастарды1 немесе басқа деп атаңыз.

нәтиже
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

ANTI RIP/авторлық құқықты қорғау үлгісі
Соңғысы, бірақ кем дегенде, мен сізге жыртылғанға қарсы үлгіні жасауды үйретемін.

Жаңа құжатты ашып, жеткілікті орын бар екеніне көз жеткізіңіз. 600-ден 600-ге дейінгі пиксель жақсы жұмыс істейді. Біз оны кейінірек кесеміз.

Кескінді мөлдір ету үшін жаңа қабат жасаңыз және «Фон» қабатын жойыңыз.

Енді Мәтін құралын алыңыз және оқылатын қаріпті пайдаланыңыз. Ариэль, Тахома, Вердана, Таймс және т.б.

Мен мына параметрлерді қолдандым:
Вердана | батыл | 12 pt | аа: жоқ

Өлшем шамамен 12 пиксель болуы керек, оны үлкен етіп жасамаңыз, әйтпесе ол үлгі ретінде жақсы жұмыс істемейді.

Енді «атыңыз бойынша жасалған» немесе «(c) атыңыз» сияқты нәрсені теріңіз. Мен (c), содан кейін өз атымды жазамын.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Мәтін қабатын тінтуірдің оң жақ түймешігімен басып, растризация түрін таңдаңыз немесе Таңдау > растризация > түрі тармағына өтіңіз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Енді CTRL T (Еркін түрлендіру) пернесін басып, атауды шамамен -30 градусқа бұраңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Айналдыруды растау үшін enter пернесін басыңыз. Біраз үлкейтіп, қию құралын таңдаңыз.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Тінтуірді мәтіннің төменгі бөлігіне қойып, оны басып, мәтіннің жоғарғы жағына апарыңыз. Барлық мәтінді таңдап, үстіңгі және астыңғы жағында біраз бос орын қалдырғаныңызға көз жеткізіңіз.

Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Енді enter пернесін басыңыз.
Енді сізде осындай нәрсе болуы керек.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Өңдеу > Үлгіні анықтау тармағына өтіп, оны авторлық құқық деп атаңыз.

Риперден қорғағыңыз келетін соңғы веб-дизайныңызды ашып, жаңа қабат жасаңыз.

Paint Bucket құралын таңдап, авторлық құқық үлгісін таңдаңыз. Кескін оны көргісі келетіндерге көрінетіндей етіп мөлдірлікті төмендетіңіз
бірақ жыртқысы келетіндерге қиынырақ.

Мен мұны жұмыс істеп жатқан үлгіге қолдандым. Мөлдірлік шамамен 20% құрайды.
Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Біріктіру және тәжірибе жасау
Енді сіз үлгіні жасау жолын білесіз, оны біріктіру және тәжірибеден өткізу уақыты келді.

Осы әртүрлі үлгілерді тексеріңіз. Мүмкіндіктер шексіз. Мәтіннен, пішіндерден (гүлдер, т.б.) және сызықтардан бастап, олардың барлығын үлгілер жасау үшін пайдалануға болады.

Үлгілермен жұмыс істеу туралы білуіңіз керек барлық нәрсе - жасау және енгізу - PS оқулықтары Lorelei веб-дизайн

Осы оқулықтарды тексергеніңіз үшін рахмет, сіз бірдеңе үйрендіңіз деп үміттенемін.