Een Twitter-achtergrond maken in Photoshop

Advertentie

Misschien heb je Twitbacks al uitgeprobeerd, of misschien wil je je gewoon niet beperken tot een app als PrettyTweet. Je bent klaar voor de grote honden en je wilt je eigen honden ontwerpen Twitter achtergrond in Photoshop.

In plaats van je Hot Pocket-liefhebbende buurman te bellen, zegt Jim dat hij "je misschien leert hoe je het moet doen... voor een prijs" je bent bij ons gekomen, en dat is een goede zaak, want MakeUseOf levert altijd zonder vergoeding verplicht.

De hoofdachtergrond instellen

Juiste pixelafmetingen zijn essentieel bij het maken van Twitter-achtergronden, dus u moet beginnen met het maken van een nieuw Photoshop-bestand van precies de juiste grootte. De afmetingen die we voor dit project gaan gebruiken hebben een breedte van 2560 pixels en een hoogte van 1600 pixels.

Het doel van zo'n groot formaat is dat het net voldoende ademruimte biedt voor monitoren met een groot scherm, dus probeer je ontwerp eenvoudig te houden. Houd er rekening mee dat slechts een deel ervan op de meeste schermen van je volgers wordt weergegeven, dus maak je geen zorgen over het maken van een Louvre-waardige achtergrondafbeelding op ware grootte.

Omdat mijn Twitter-account een zwart-witthema gebruikt dat overeenkomt met mijn persoonlijke site, zal ik het simpel houden met een effen achtergrond. Als je echter gek wilt worden, raad ik aan om naar de oude school te gaan met een mooi radiaal verloop, of misschien kun je een handgetekende foto of foto gebruiken.

De zijafbeelding voorbereiden

Twitter biedt niet de mogelijkheid om een ​​koptekst of bannerafbeelding aan je account toe te voegen, dus de op één na beste ding is om een ​​aangepaste afbeelding of logo aan de zijkant van je stream te hebben met de hoofdachtergrond zelf. In wezen is de zijafbeelding een virtueel billboard, omdat u hiermee web-URL's kunt toevoegen, Facebook informatie en al het andere dat u wilt opnemen dat relevant is voor uw account. Helaas is er niets op te klikken, dus beschouw het gewoon als een eye-candy.

Bijvoorbeeld, MakeUseOf's graphic beslaat de hele zijkant van de pagina met een mooie artistieke weergave van de site. Om zoiets te maken, zou je een totaal nieuw Photoshop-bestand moeten openen met afmetingen die een breedte hebben van 235 pixels en een hoogte van 700 pixels.

De grootte van deze afbeelding is eigenlijk behoorlijk variabel, maar het algemene idee is om het zo zichtbaar mogelijk te maken zonder dat het in je stream terechtkomt. Je hebt een verrassend groot veld om in te werken, dus maak je geen zorgen dat je niet genoeg ruimte hebt. Op basis van de aanstaande stap zou ik adviseren om een ​​volledig transparante achtergrondlaag te gebruiken of een die overeenkomt met de kleur van je eerdere Photoshop-project.

Alles bij elkaar brengen

Dus nu je zowel je hoofdachtergrond als je zijafbeelding hebt voltooid, is het tijd om ze samen te voegen. Ga eerst naar het projectvenster van uw zijafbeelding, selecteer alles en klik vervolgens op "samengevoegd kopiëren". Ga hierna terug naar uw hoofdachtergrond, en plak uw zijafbeelding rechts er bovenop, lijn het uit tegen de linkerbovenhoek van de venster. Wees gewaarschuwd dat als je het niet goed uitlijnt, het kan worden afgedekt door een deel van je stream of van de pagina afloopt.

Ondanks hoe klein de zijafbeelding op dit moment lijkt, zal het behoorlijk wat onroerend goed in beslag nemen wanneer het in een browser wordt bekeken. Dit is precies waarom je de artistieke focus op je zijafbeelding moet houden, want je volgers zullen er waarschijnlijk de meeste aandacht aan besteden. Als je klaar bent, stel ik voor dat je het afmaakt door de achtergrond op te slaan als een PNG-bestand.

Zoals je kunt zien met mijn eigen Twitter-account, staat de zijafbeelding links van mijn stream en helemaal uit de weg. Het kan je echter opvallen dat als het browservenster in een klein formaat is geopend, de zijafbeelding meestal wordt bedekt door je stream. Dit is normaal, dus maak je er geen zorgen over.

Omdat de zijafbeelding deel uitmaakt van de achtergrond, wordt deze bijgesneden wanneer u het formaat van het venster wijzigt, hoewel de inhoud van de stream nog steeds in beeld blijft. Het probleem kan voornamelijk worden opgemerkt door Mac-gebruikers die zien dat Snow Leopard geen weergave op volledig scherm toestaat, tenzij het formaat van het venster handmatig wordt gewijzigd.

Gevolgtrekking

Dus nu je een dwaze dwaas bent op Twitter, kun je met deze richtlijnen spelen om iets sexyers te maken dan mijn eigen Plain Jane-ontwerp. Al met al is het een erg leuke grafische vaardigheid om te weten, vooral als je bezig bent met marketing en grafisch ontwerp. Als eindnoot zou je waarschijnlijk dezelfde richtlijnen kunnen aanpassen aan zoiets als Pixelmator of de GIMP.

We zien graag je eigen creaties, dus volg Gebruikmaken van op Twitter en geef ons een shout-out die ons naar je eigen Photoshop Frankensteins zal leiden. En aangezien het proces helemaal draait om maatwerk, maak je je Twitter-achtergronden dan anders? Op welke manieren heeft deze methode u geholpen?

Afbeelding tegoed: mzacha