Cum sa faci temele Tumblr cu un design PSD Design

Tumblr combina un accent pe creativitatea vizuala cu o lungime post care cade intre corespondenta Twitter si lungimea deschisa a unei intrari traditionale pe blog. Când utilizați o temă personalizată Tumblr care extinde aspectul identității dvs. online și offline, un tambur se potrivește într-o strategie care include și alte medii online și sociale. Designerii de web încep de multe ori să dezvolte teme personalizate în Adobe Photoshop, utilizând formatul PSD format al unui program stratificat ca spațiu vizual de lucru al acestora.
Stabilirea dimensiunilor

Ghidurile și stratificările Adobe Photoshop capabilitățile simplifică sarcina de a crea baza temei Tumblr, completată cu o grilă de aspect care definește dimensiunile ariilor de conținut. Dacă setați grupuri de straturi pentru fiecare aspect al designului dvs., inclusiv zona de conținut principal și bara laterală, puteți plasa toate ghidajele pentru fiecare element într-un singur strat din fiecare grup. Acest aranjament vă permite să vă faceți ghidajele vizibile selectiv, mai degrabă decât să le arătați și să le ascundeți cu o comandă rapidă de tip tastatură Photoshop sau cu un element de meniu și să păstrați împreună elementele de ghidare asociate. Denumiți grupurile și straturile pentru a identifica funcția fiecărei părți a designului. Momentele pe care le investiți în sarcinile de numire incrementală se plătesc în momentul în care nu trebuie să cheltuiți întoarcerea și oprirea straturilor pentru a determina conținutul lor. Pentru a găsi rapid dimensiunile oricărui element de dispunere, apăsați "F8" pentru a deschide panoul Info și apoi "Ctrl-click" din panoul său de bord pentru a încărca o selecție pe baza pixelilor de pe stratul respectiv.

Selectarea culorilor

Indiferent dacă utilizați selectorul de culori testat în timp pentru a selecta nuanțele pentru tema dvs., încărcați opțiunile dintr-o bibliotecă de culori pentru a se potrivi cu o bucată sau logo imprimată sau pentru a se baza pe instrumentul Eyedropper nuanțe de probă dintr-un alt fișier sau grafic, Adobe Photoshop oferă o gamă largă de moduri de a selecta culorile temelor. Când umpleți un strat cu o culoare solidă pentru a simula culoarea de fundal a unei teme Tumblr sau a altor elemente ale designului dvs., puteți copia formula de culoare ca text din citirea hexagonală a Color Picker și inserați identificarea culorii în numele stratului pentru referință rapidă. Cele șase caractere alfanumerice într-o culoare hexagonală se regăsesc în codul Tumblr, precum și în desenele web pentru bloguri și alte formate online.

Crearea graficii

Antetul care identifică un tumblelog poate folosi un grafic bitmap ca grafică tematică. Puteți crea acest element critic utilizând o combinație de elemente de text și pixeli sau vectori în fișierul dvs. PSD. Dacă graficul include elemente personalizabile pe care le setați în Photoshop, lăsați-le ca tip live în fișierul tematic bazat pe PSD și rasterizați-le numai în copii ale fișierului pe care le oferiți altor persoane care nu au o licență pentru fișierele de fonturi necesare în tema dvs. Când folosiți instrumente vectoriale pentru a desena în Photoshop, inclusiv instrumentele Pen și shape, trageți folosind reguli de ghidare care se aliniază la rezoluția de bază a fișierului șablon. Această tehnică vă ajută să păstrați lucrarea de artă cât mai clară cu putință atunci când salvați sau exportați versiuni rasterizate ale acesteia.

Pașii următori

Dacă știți cum să codați HTML și CSS, și să înțeleagă variabilele specializate pe care Tumblr le folosește în structura codului, puteți traduce dimensiunile, specificațiile de culoare și grafica pe care le construiți într-un PSD într-o temă Tumblr personalizată. În cazul în care codarea Web se află în afara setului dvs. de competențe, puteți furniza PSD dvs. unui programator pentru a produce tema pentru dvs. Împreună cu un tratament vizual, o temă Tumblr trebuie să includă variabile și blocuri. Variabilele acceptă valori dinamice pentru a crea elemente vizuale standard Tumblr. Blocurile formează bucăți de cod care combină variabilele cu HTML. Blocurile au creat posturi și permalinks-urile care le ajung, link-uri care se mișcă între bucăți de materiale și elemente organizate cronologic și care adăpostesc persoanele care-i plac sau urmează un tambur individual.



>

Informațiile din acest articol se aplică Adobe Photoshop CC și Adobe Photoshop CS6. Poate diferi ușor sau semnificativ cu alte versiuni sau produse
URL:https://ro.whycomputer.com/software-ul/100519202.html