Hur man skapar en Twitter-bakgrund i Photoshop

Annons

Kanske har du redan provat Twitbacks, eller kanske du inte gillar att begränsa dig till en app som PrettyTweet. Du är redo för de stora hundarna och du vill designa dina egna Twitter bakgrund i Photoshop.

Istället för att ringa din Hot Pocket-kärleksfulla granne Jim som säger att han "kan lära dig hur du gör det... till ett pris," du har kommit till oss, och det är bra att du gjorde, eftersom MakeUseOf alltid levererar utan kompensation nödvändig.

Ställa in huvudbakgrunden

Rätta pixeldimensioner är viktiga när det gäller att skapa Twitter-bakgrunder, så du måste börja med att skapa en ny Photoshop-fil som är precis i rätt storlek. Dimensionerna som vi kommer att använda för detta projekt kommer att ha en bredd på 2560 pixlar och en höjd av 1600 pixlar.

Syftet med en så stor storlek är att det ger tillräckligt med utrymme för andningsskärmar för stora skärmar, så försök att hålla din design enkel. Kom ihåg att bara en del av det kommer att visas på de flesta av dina följares skärmar, så kämpa inte för mycket för att skapa en bakgrundsbild i full storlek, Louvre.

Eftersom mitt Twitter-konto använder ett svartvitt tema som matchar min personliga webbplats, kommer jag att hålla det enkelt med en vanlig bakgrund. Men om du vill bli galet, föreslår jag att du går till gamla skolan med en fin radiell lutning, eller kanske du kan använda en handritad bild eller fotografi.

Förbereda sidgrafiken

Twitter ger inte möjligheten att lägga till en rubrik- eller bannerbild till ditt konto, så det näst bästa sak är att ha en anpassad grafik eller logotyp på sidan av din ström med huvudbakgrunden sig. I huvudsak är sidodelen en virtuell skylt, för den låter dig lägga till webbadresser, Facebook information och allt annat du vill inkludera som är relevant för ditt konto. Tyvärr är ingenting på det klickbart, så anser bara att det är ögon-godis.

Till exempel, MakeUseOf s grafik tar upp hela sidan av sidan med en fin konstnärlig bild av webbplatsen. För att göra något liknande så bör du öppna en helt ny Photoshop-fil med dimensioner som har en bredd på 235 pixlar och en höjd av 700 pixlar.

Storleken på denna bild är faktiskt ganska variabel, men den allmänna tanken är att göra den så synlig som du kan utan att den går in i din ström. Du har ett förvånansvärt stort fält att arbeta inom, så oroa dig inte för att du inte har tillräckligt med utrymme. Baserat på det kommande steget skulle jag rekommendera att du använder ett helt transparent bakgrundsskikt eller ett som matchar färgen på ditt tidigare Photoshop-projekt.

Sätta ihop allting

Så nu när du är klar både din huvudbakgrund och din sid grafik är det dags att sätta ihop dem båda. Gå först till projektfönstret för din sidgrafik, markera alla och klicka sedan på "kopiera samman." Gå tillbaka till din huvudbakgrund och klistra in din sidografik höger ovanpå den, fodra den upp mot det övre vänstra hörnet av fönster. Varning om att om du inte ställer in det ordentligt kan det täckas av en del av din ström eller springa av sidan.

Trots hur liten sidografiken kan tyckas vara just nu, kommer den att ta upp en hel del fastigheter när den visas i en webbläsare. Det är exakt varför du bör hålla det konstnärliga fokuset på din sidografik, för dina följare kommer förmodligen att ägna mest uppmärksamhet åt det. När du är klar rekommenderar jag att du avslutar saker genom att spara bakgrunden som en PNG-fil.

Som du kan säga med mitt eget Twitter-konto, är sidgrafiken bara till vänster om min ström och helt ur vägen. Du kanske emellertid märker att om webbläsarfönstret är öppet i en liten storlek kommer sidgrafiken mestadels att täckas av din ström. Detta är normalt, så oroa dig inte för det.

Eftersom sidografiken är en del av bakgrunden beskärs den när du ändrar storleken på fönstret även om ströminnehållet fortfarande är i sikte. Problemet kanske främst märks av Mac-användare som ser att Snow Leopard inte tillåter visning på helskärm såvida inte fönstret ändras storlek manuellt.

Slutsats

Så nu när du är en tjur med bakgrundsbild på Twitter kan du leka med dessa riktlinjer för att göra något sexigare än min egen Plain Jane-design. Sammantaget är det en riktigt trevlig grafikförmåga att veta, särskilt om du handlar om marknadsföring och grafisk design. Som slutnot kan du förmodligen anpassa samma riktlinjer till något som Pixelmator eller GIMP.

Vi skulle gärna se dina egna skapelser, så följ Använda på Twitter och ge oss ett utrop som leder oss till dina egna Photoshop Frankensteins. Eftersom processen handlar om anpassning gör du dina Twitter-bakgrunder annorlunda? På vilka sätt hjälpte den här metoden dig?

Bildkredit: mzacha