Kaip sukurti „Tumblr“ temas su PSD dizainu

„Tumblr“ sujungia vizualinio kūrybiškumo ir pašto ilgio, skirto tarp „Twitter“ trumpumo ir tradicinio dienoraščio įrašo atviro ilgio, dėmesį. Kai naudojate pasirinktinę „Tumblr“ temą, kuri praplečia jūsų ir neprisijungusio identiteto išvaizdą, „tumblelog“ tinka strategijai, kuri apima kitas internetines ir socialines žiniasklaidos priemones. Žiniatinklio dizaineriai dažnai pradeda kurti individualias temas „Adobe Photoshop“, naudodami programos sluoksniuotą PSD failo formatą kaip savo vizualinę darbo erdvę.

Matmenų nustatymas

„Adobe Photoshop“ valdiklio vadovai ir sluoksniavimasis pajėgumai supaprastina užduotį sukurti „Tumblr“ temos pagrindą, kartu su išdėstymo tinkleliu, kuris apibrėžia turinio sričių matmenis. Jei nustatote sluoksnių grupes kiekvienam savo dizaino aspektui, įskaitant jo pagrindinę turinio sritį ir šoninę juostą, galite nustatyti visus kiekvieno elemento vadovus viename sluoksnyje kiekvienoje grupėje. Šis susitarimas leidžia jums padaryti savo vadovus matomus pasirinktinai, o ne tiesiog parodyti ir paslėpti visus juos su Photoshop klaviatūros sparčiuoju klavišu arba meniu elementu ir kartu sujungti susijusius elementus. Nurodykite savo grupes ir sluoksnius, kad nustatytumėte kiekvieno dizaino dalies funkciją. Akimirkos, kurias investuojate į papildomas vardines užduotis, atsiperka tuo metu, kai nereikia praleisti sluoksnių įjungimo ir išjungimo, kad išsiaiškintumėte, ką jie turi. Jei norite greitai rasti bet kokio išdėstymo elemento matmenis, paspauskite „F8“, kad atidarytumėte informacijos skydelį, o tada „Ctrl spustelėkite“ savo sluoksnių skydelio miniatiūroje, kad įkeltumėte pasirinkimą pagal to sluoksnio pikselius.

Spalvų pasirinkimas

Nesvarbu, ar naudojate laiko patikrintą spalvų parinkiklį, kad pasirinktumėte savo temos atspalvius, įkelkite parinktis iš spalvų bibliotekos, kad atitiktų spausdintą gabalą ar logotipą, arba pasikliaukite „Eyedropper“ įrankiu „Adobe Photoshop“ siūlo daug įvairių būdų pasirinkti temų spalvas. Užpildydami sluoksnį, kurio spalva yra Tumblr temos fono spalva arba kiti jūsų dizaino elementai, galite kopijuoti spalvų formulę kaip tekstą iš „Color Picker“ šešių rodmenų ir įklijuoti spalvos identifikaciją į sluoksnio pavadinimą greitai. Šešių spalvų šeši raidiniai ir skaitmeniniai simboliai rodomi Tumblr kode, taip pat tinklaraščių ir kitų internetinių formatų dizainuose.

Grafikos kūrimas

Antraštė, identifikuojanti „tumblelog“ gali naudoti bitų vaizdą kaip teminį grafiką. Šį kritinį elementą galite sukurti naudodamiesi teksto ir pikselių arba vektorių pagrindu veikiančių elementų kombinacija jūsų PSD faile. Jei grafikoje yra pritaikomi elementai, kuriuos sukursite „Photoshop“, palikite juos kaip gyvų tipų savo PSD pagrindu veikiančiame teminiame faile ir juos rastruokite tik failo, kurį pateikiate kitiems žmonėms, neturintiems reikalingų šriftų failų licencijų, kopijose jūsų temoje. Naudodami „vektorinius“ įrankius „Photoshop“, įskaitant „Pen“ ir „formos“ įrankius, atkreipkite dėmesį į vadovavimo taisykles, kurios suderinamos su pagrindine jūsų šablono failo rezoliucija. Šis metodas padeda išlaikyti jūsų kūrinius kuo aštresnius, kai išsaugosite ar eksportuojate rastruotas jos versijas.

Kiti veiksmai

Jei žinote, kaip koduoti HTML ir CSS, ir suprasti specializuotus kintamuosius Tumblr naudoja savo kodo struktūroje, galite išversti matmenis, spalvų specifikacijas ir grafiką, kuriuos sukursite PSD, į veikiančią Tumblr temą. Jei žiniatinklio kodavimas nepatenka į jūsų įgūdžių rinkinį, galite pateikti savo PSD programuotojui, kad galėtumėte sukurti temą. Kartu su vizualiniu gydymu Tumblr tema turi apimti kintamuosius ir blokus. Kintamieji priima dinamines reikšmes, kad sukurtų standartinius „Tumblr“ vaizdo elementus. Blokai sudaro kodo gabalus, kurie sujungia kintamuosius su HTML. Blokai sukuria postus ir permalinkus, pasiekiančius juos, nuorodas, judančias tarp chronologiškai sukurtų medžiagų dalių ir elementų, kurie tinka žmonėms, kurie mėgsta ar seka individualiu tumblelog.

Versija Informacija

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

URL:https://lt.whycomputer.com/software/100419202.html