Kaip sukurti „Tumblr“ temas naudojant PSD dizainą

„Tumblr“ sujungia vizualinės kūrybos akcentavimą su įrašo ilgiu, kuris patenka tarp „Twitter“ trumpumo ir atviro tradicinio tinklaraščio įrašo ilgio. Kai naudojate pasirinktinę „Tumblr“ temą, praplečiančią jūsų tapatybės prisijungimo ir neprisijungus išvaizdą, laikrodžio žurnalas tinka strategijai, apimančiai kitą internetinę ir socialinę žiniasklaidą. Interneto dizaineriai dažnai pradeda kurti „Adobe Photoshop“ pasirinktines temas, kaip vizualinę darbo erdvę naudodami programos sluoksniuotą PSD failo formatą.

Matmenų nustatymas

„Adobe Photoshop“ liniuotės vadovai ir sluoksniavimo galimybės supaprastina užduotį sukurti „Tumblr“ temos pagrindą kartu su išdėstymo tinkleliu, apibrėžiančiu turinio sričių matmenis. Jei kiekvienam savo dizaino aspektui, įskaitant jo pagrindinę turinio sritį ir šoninę juostą, nustatysite sluoksnių grupes, visus kiekvieno elemento vadovus galite įdėti į vieną kiekvienos grupės sluoksnį. Šis išdėstymas leidžia jums padaryti savo vadovus matomus pasirinktinai, o ne paprasčiausiai rodyti ir slėpti juos visus naudojant „Photoshop“ spartųjį klavišą ar meniu elementą, ir saugo susijusius vadovo elementus. Pavadinkite savo grupes ir sluoksnius, kad nustatytumėte kiekvienos savo dizaino dalies funkciją. Akimirkos, kurias investuojate į papildomas vardų užduotis, atsiperka per tą laiką, kurio nereikia praleisti įjungiant ir išjungiant sluoksnius, kad nustatytumėte, kas juose yra. Norėdami greitai rasti bet kurio maketo elemento matmenis, paspauskite „F8“, kad atidarytumėte informacijos skydelį, tada „Ctrl“ spustelėkite „Sluoksnių“ skydelio miniatiūroje, kad įkeltumėte pasirinkimą pagal to sluoksnio pikselius.

Spalvų pasirinkimas

Nesvarbu, ar naudojate laiko patikrintą spalvų rinkiklį, norėdami pasirinkti temos atspalvius, ar įkelti spalvų bibliotekos parinktis, kad atitiktų atspausdintą kūrinį ar logotipą, ar pasikliauti „Eyedropper“ įrankiu, kad imtumėte atspalvių pavyzdžius iš kito failo ar grafikos, „Adobe Photoshop“ siūlo platų pasirinkimą. temų spalvų pasirinkimo būdai. Kai užpildysite sluoksnį vientisa spalva, kad imituotumėte „Tumblr“ temos ar kitų jūsų dizaino elementų fono spalvą, galite nukopijuoti spalvų formulę kaip tekstą iš „Color Picker“ šešiakampės skaitmenų ir įklijuoti spalvų identifikaciją į sluoksnio pavadinimą. norint greitai sužinoti. Šeši raidiniai ir skaitiniai šešiakampiai simboliai rodomi „Tumblr“ kodu, taip pat tinklaraščių ir kitų internetinių formatų tinklalapių dizainuose.

Grafikos kūrimas

Antraštėje, identifikuojančioje apatinį žurnalą, gali būti naudojamas bitų žemėlapis kaip teminis grafikas. Šį kritinį elementą galite sukurti naudodami teksto ir pikseliais ar vektoriais pagrįstų elementų derinį, esantį jūsų PSD faile. Jei grafikoje yra pritaikomų elementų, kuriuos renkate „Photoshop“, palikite juos kaip tiesioginius tipus savo PSD pagrįstame temos faile ir rastruokite juos tik failo kopijose, kurias pateikiate kitiems žmonėms, neturintiems reikalingų šriftų failų licencijos. savo temoje. Kai piešiate „Photoshop“ naudodami vektorinius įrankius, įskaitant rašiklio ir formos įrankius, pieškite naudodami vadovo taisykles, kurios suderinamos su pagrindine jūsų šablono failo skiriamąja geba. Ši technika padeda išlaikyti kuo ryškesnį meno kūrinį, kai išsaugote ar eksportuojate rastruotas jų versijas.

Tolesni žingsniai

Jei mokate koduoti HTML ir CSS ir suprantate specializuotus kintamuosius, kuriuos „Tumblr“ naudoja savo kodų struktūroje, galite išversti PSD sukurtus matmenis, spalvų specifikacijas ir grafiką į veikiančią pasirinktinę „Tumblr“ temą. Jei žiniatinklio kodavimas nepatenka į jūsų įgūdžių rinkinį, galite pateikti savo PSD programuotojui, kad jis sukurtų jums temą. Kartu su vaizdiniu apdorojimu „Tumblr“ tema turi būti kintamieji ir blokai. Kintamieji priima dinamines reikšmes, kad sukurtų standartinius „Tumblr“ vaizdinius elementus. Blokai sudaro kodo dalis, kurios sujungia kintamuosius su HTML. Blokai sukuria pranešimus ir juos pasiekiančias nuolatines nuorodas, nuorodas, kurios juda tarp chronologiškai sutvarkytos medžiagos ir elementų, kurie pritaikomi žmonėms, kurie mėgsta ar seka individualų laikraštį.

Informacija apie versiją

Šiame straipsnyje pateikta informacija taikoma „Adobe Photoshop CC“ ir „Adobe Photoshop CS6“. Jis gali šiek tiek arba labai skirtis nuo kitų versijų ar gaminių.