Kā izveidot Tumblr motīvus ar PSD dizainu

Tumblr apvieno uzsvaru uz vizuālo radošumu ar ziņas garumu, kas ir starp Twitter īsumu un tradicionālā emuāra ieraksta bezgalīgo garumu. Kad izmantojat pielāgotu Tumblr motīvu, kas paplašina jūsu tiešsaistes un bezsaistes identitātes izskatu, tumblelog iekļaujas stratēģijā, kas ietver citus tiešsaistes un sociālos medijus. Tīmekļa dizaineri Adobe Photoshop bieži sāk izstrādāt pielāgotas tēmas, kā vizuālo darba vietu izmantojot programmas slāņveida PSD faila formātu.

Dimensiju noteikšana

Adobe Photoshop lineālu ceļveži un slāņošanas iespējas vienkāršo uzdevumu izveidot Tumblr motīva pamatu, komplektā ar izkārtojuma režģi, kas nosaka satura apgabalu izmērus. Ja katram sava dizaina aspektam, ieskaitot tā galveno satura apgabalu un sānjoslu, esat iestatījis slāņu grupas, visas katra elementa rokasgrāmatas varat ievietot vienā slānī katrā grupā. Šis izkārtojums ļauj padarīt rokasgrāmatas redzamas selektīvi, nevis vienkārši parādīt un paslēpt visas, izmantojot Photoshop īsinājumtaustiņu vai izvēlnes vienumu, un tur kopā saistītos ceļveža elementus. Nosauciet savas grupas un slāņus, lai identificētu katras jūsu dizaina daļas funkciju. Brīdī, kad jūs ieguldāt papildu nosaukšanas uzdevumos, atmaksājas laiks, kas jums nav nepieciešams tērēt slāņu ieslēgšanai un izslēgšanai, lai noteiktu, ko tie satur. Lai ātri atrastu jebkura izkārtojuma elementa izmērus, nospiediet taustiņu "F8", lai atvērtu informācijas paneli, un pēc tam "Ctrl-click" uz tā paneļa Slāņi sīktēla, lai ielādētu atlasi, pamatojoties uz pikseļiem šajā slānī.

Krāsu atlase

Neatkarīgi no tā, vai izmantojat laika pārbaudīto krāsu atlasītāju, lai atlasītu motīvam nokrāsas, ielādētu opcijas no krāsu bibliotēkas, lai tie atbilstu drukātam gabalam vai logotipam, vai paļaujaties uz rīku Eyedropper, lai atlasītu nokrāsas no cita faila vai grafika, Adobe Photoshop piedāvā plašu tēmu krāsu izvēles veidu klāsts. Aizpildot slāni ar vienkrāsainu, lai imitētu Tumblr motīva fona krāsu vai citus jūsu dizaina elementus, krāsu formulu var nokopēt kā tekstu no Color Picker sešstūra nolasījuma un krāsas identifikāciju ielīmēt slāņa nosaukumā. lai ātri uzzinātu. Sešas burtciparu rakstzīmes sešstūra krāsā tiek parādītas Tumblr kodā, kā arī emuāru un citu tiešsaistes formātu tīmekļa dizainos.

Grafikas veidošana

Galvenē, kas identificē logu žurnālu, var izmantot bitkartētu grafiku kā tematisku grafiku. Šo kritisko elementu varat izveidot, izmantojot teksta un pikseļu vai vektoru elementu kombināciju jūsu PSD failā. Ja grafikā ir pielāgojami elementi, kurus rakstāt Photoshop, atstājiet tos kā tiešraides tipus savā PSD balstītajā motīvu failā un rastrējiet tos tikai faila kopijās, ko sniedzat citiem cilvēkiem, kuriem nav nepieciešamo fontu failu licences. savā tēmā. Izmantojot Photoshop vektorgrafikas rīkus, ieskaitot zīmuļa un formas rīkus, zīmējiet, izmantojot rokasgrāmatas kārtulas, kas sakrīt ar jūsu veidnes faila pamata izšķirtspēju. Šis paņēmiens palīdz saglabāt jūsu mākslas darbu pēc iespējas asāku, kad saglabājat vai eksportējat rastrētas to versijas.

Nākamie soļi

Ja jūs zināt, kā kodēt HTML un CSS, un saprotat specializētos mainīgos, kurus Tumblr izmanto kodu struktūrā, jūs varat tulkot PSD izveidotos izmērus, krāsu specifikācijas un grafiku darbojošā pielāgotā Tumblr motīvā. Ja tīmekļa kodēšana neietilpst jūsu prasmju komplektā, varat iesniegt savu PSD programmētājam, lai viņš jums izveidotu tēmu. Līdztekus vizuālajai apstrādei Tumblr tēmā jāiekļauj mainīgie un bloki. Mainīgie pieņem dinamiskās vērtības, lai izveidotu standarta Tumblr vizuālos elementus. Bloki veido koda gabalus, kas mainīgos apvieno ar HTML. Bloķē izveidotos amatus un pastāvīgās saites, kas tos sasniedz, saites, kas pārvietojas starp hronoloģiski organizēta materiāla gabaliem un elementiem, kas uzņem cilvēkus, kuriem patīk vai seko individuāls krāpniecības žurnāls.

Informācija par versiju

Šajā rakstā sniegtā informācija attiecas uz Adobe Photoshop CC un Adobe Photoshop CS6. Tas var nedaudz vai ievērojami atšķirties no citām versijām vai izstrādājumiem.