Cum să creezi teme Tumblr folosind designul tău PSD

Tumblr combină accentul pe creativitatea vizuală cu o lungime de postare ce se situează între concizia Twitter și extensitatea unui articol de blog tradițional. Când folosești o temă Tumblr personalizată care îmbunătățește identitatea ta online și offline, un blog Tumblr devine parte a unei strategii mai ample care include și alte platforme de social media.

Designeri web încearcă adesea să dezvolte teme personalizate în Adobe Photoshop, folosind formatul PSD, care permite gestionarea ușoară a straturilor și a elementelor vizuale.

Stabilirea dimensiunilor

Ghidurile și funcțiile de strat din Photoshop simplifică crearea temei Tumblr. Folosește o grilă de layout pentru a defini dimensiunile zonelor de conținut. Încarcă grupuri de straturi pentru fiecare element: conținut principal, bară laterală etc. Astfel, poți vizualiza ghidurile selective și păstra elementele correlate împreună. Denumește grupurile și straturile pentru a-ți clarifica funcția în design. Această organizare economisește timp – nu mai trebuie să închizi și să deschizi straturi pentru a verifica ce conțin. Pentru a obține rapid dimensiunile unui element de layout, apasă „F8” pentru a deschide panoul Info, apoi „Ctrl-click” pe miniatura din Panoul de straturi pentru a selecta zona bazată pe pixeli.

Selectarea culorilor

Indiferent dacă folosești selectorul de culori tradițional, biblioteca de culori pentru a potrivi o piesă tipărită sau logoul, sau instrumentul de captare a culorilor pentru a preleva nuanțe dintr-un alt fișier, Photoshop oferă numeroase metode de alegere a culorilor temei. Când completezi un strat cu o culoare solidă pentru fundal sau alte elemente, poți copia codul hexazecimal din selector și să-l inserezi în numele stratului pentru referință rapidă. Cele șase caractere alfanumerice din codul hexazecimal apar în codul Tumblr și în designul web.

Crearea graficelor

Header-ul blogului poate utiliza un grafic bitmap sau vectorial. În PSD poți combina text și elemente vectoriale. Dacă graficul conține elemente editabile, lasă-le ca text live în fișierul PSD și rasterizează-le numai pentru copii pe care le distribui altor utilizatori fără licență pentru fonturi. Când desenezi în Photoshop cu uneltele Pen și Shape, aliniază-ți liniile de ghidare la rezoluția template-ului pentru a menține claritatea maximă la export.

Pași următori

Dacă cunoști HTML și CSS și înțelegi variabilele speciale utilizate de Tumblr, poți transforma dimensiunile, specificațiile de culoare și grafica PSD într-o temă Tumblr funcțională. Dacă programarea web nu este în domeniul tău, poți transmite PSD-ul unui programator. În plus față de tratamentul vizual, o temă Tumblr trebuie să includă variabile și blocuri. Variabilele primesc valori dinamice pentru a crea elemente vizuale standard; blocurile sunt secțiuni de cod care combină variabilele cu HTML, configurând postările, permalinks și linkurile sociale.

Informații despre versiune

Informațiile din acest articol se referă la Adobe Photoshop CC și CS6. Pot exista diferențe în alte versiuni.