whycomputer.com >> Datornätverk >  >> Programvara

Skapa Tumblr-teman med en PSD-design

Tumblr kombinerar en stark betoning på visuell kreativitet med ett inläggslängd som ligger mitt emellan Twitters korta format och den öppna längden på ett traditionellt blogginlägg. När du använder ett eget Tumblr-tema som förstärker både din online- och offlineidentitet blir en tumblelog en del av en bred strategi som inkluderar andra digitala och sociala medier. Många webbdesigner börjar utveckla anpassade teman i Adobe Photoshop, där det lagrade PSD-formatet fungerar som arbetsyta för kreativa idéer.

Börja med dimensioner

Photoshops linjaler, guider och lagerhantering förenklar skapandet av ett Tumblr-temas grundstruktur. Skapa lagergrupper för varje del av designen – huvudområde, sidofält och övriga sektioner – och placera alla guider för varje element på ett gemensamt lager inom gruppen. Det gör att du kan visa eller dölja guiderna utan att behöva justera hela arbetsytan. Namnge grupper och lager tydligt så att du snabbt kan identifiera deras funktion. Genom att snabbt hitta dimensioner på ett element trycker du på F8 för att öppna Info-panelen och sedan Ctrl‑klickar du på miniatyren i Lagermönster för att ladda en urval baserat på pixelmätningar.

Färgväljning

Oavsett om du använder den klassiska färgväljaren, hämtar färger från en färgbibliotek för att matcha tryckmaterial eller använder pipettverktyget för att sampla nyanser från andra filer, erbjuder Photoshop ett brett utbud av sätt att välja teman färger. När du fyller ett lager med en solid färg för att simulera bakgrunden i ett Tumblr-tema kan du kopiera färgkoden från färgväljaren och klistra in den i lagernamnet för enkel referens. De sex alfanumeriska tecknen i en hex‑kod visas i Tumblr‑koden och i webbutveckling generellt.

Skapa grafik

Headern på en tumblelog kan innehålla ett bitmap‑ eller vektorbaserat element. Du kan skapa detta kritiska element genom att kombinera text och bild i PSD-filen. Om grafiken innehåller anpassningsbara textelement, lämna dem som levande text i PSD‑temat och rasterisera dem först när du skickar filer till personer som inte har tillgång till typsnittet. När du använder vektorverktyg – pennan och former – rita med hjälp av linjer som följer filens ursprungliga upplösning. Detta håller bilden skarp när du sparar eller exporterar rasteriserade versioner.

Nästa steg

Om du behärskar HTML och CSS samt förstår de specialiserade variabler som Tumblr använder i sin kodstruktur, kan du översätta dimensioner, färgspecifikationer och grafik från PSD till ett fungerande anpassat Tumblr-tema. Har du inte kunskapen för kodning kan du skicka PSD‑filen till en programmerare för att få temat färdigt. Förutom det visuella behöver ett Tumblr‑tema innehålla variabler och block – variabler ger dynamiska värden för standardelement, medan block kombinerar variabler med HTML för att bygga inlägg, permalänkar och interaktiva komponenter.

Versionsinformation

Informationen i denna artikel gäller Adobe Photoshop CC och Adobe Photoshop CS6. Funktioner kan variera något i andra versioner eller produkter.


URL:https://sv.whycomputer.com/programvara/1014019202.html

Programvara
  • Skapa grafer med Visual Basic

    Skapa grafer med Visual Basic Visual Basic är ett händelsebaserat programmeringsspråk som stöder .NET- och COM-modellerna. Eftersom Visual Basic bygger på komponenter kan utvecklare snabbt skapa avancerade program genom att återanvända färdiga komponenter. En vanlig uppgift är att skapa ett diagram

  • Skapa kolumner med vertikala linjer i Word

    När du skapar ett nyhetsbrev eller en broschyr kan en stor textmassa bli tråkig och svår att läsa. Istället bör texten delas upp i slimmade, visuellt tilltalande kolumner. Word har en funktion som gör det möjligt att skapa snygga, jämna kolumner med ett vitt mellanrum – och du kan till och med lägga

  • Skapa flyers med egna bilder

    Att skapa flyers med dina egna bilder är ett enkelt sätt att marknadsföra ditt företag eller sprida nyheter om ett välgörenhetsprojekt. Oavsett om du behöver en flyer för din nya verksamhet eller som del av ett skolprojekt, går processen snabbt att genomföra med rätt verktyg och lite planering. Steg

Datornätverk © https://sv.whycomputer.com