Share
Wat je gaat creërenSocial media blijven een waardevolle uitlaatklep voor elke kunstenaar om hun werk te tonen en contact te leggen met hun publiek en met potentiële klanten. Ik had mijn eigen Twitter-achtergrond steeds ouder worden gevonden en had behoefte aan een nieuwe update.
Een manier om uw aanwezigheid op sociale media bij te werken, is om een onbeperkt aantal achtergronden te gebruiken die beschikbaar zijn op Envato Market, waar u alles vindt, van multifunctionele social-mediapakketten tot koptekstontwerpen die speciaal voor Twitter zijn gemaakt, inclusief coole headers met fotocollage..
In deze zelfstudie laat ik je zien hoe je zelf een cool geometrisch ontwerp kunt maken, om te gebruiken als je Twitterkopafbeelding.
Twitter gebruikt een zwevende achtergrondlay-out om variabele schermformaten op te nemen. Dit betekent dat het moeilijk is om precies te weten welk deel van je achtergrond je publiek op hun scherm ziet. Gelukkig zijn er enkele algemene richtlijnen die door Twitter worden verstrekt om een deel van het giswerk uit het proces te halen. Twitter beveelt een headerbeeldgrootte van 1500 px bij 500 px aan. Dit wordt door Twitter verkleind naar 1263 px bij 421 px, maar ik vind het verstandig om hun richtlijnen te volgen.
Open Photoshop en ga naar Bestand> Nieuw (Control-N). Geef het bestand een naam van Twitter Header en stel de Breedte naar 1500 pixels, Hoogte naar 500 pixels, Resolutie naar 72 pixels / inch en de achtergrond naar wit.
Stel een aantal nieuwe richtlijnen op door naar te gaan Bekijken> Nieuwe gids. Voer een in verticaal gids bij 317 pixels. Voeg er dan nog een toe bij 1188 pixels. Dit verdeelt het canvas in drie kolommen. De middelste kolom is het gebied dat waarschijnlijk wordt weergegeven op de kleinere schermen van mobiele apparaten. Het ontwerp moet dus rekening houden met deze twee verticale hulplijnen.
Geometrische ontwerpen zijn een veel aantrekkelijkere methode om verschillende afbeeldingen weer te geven dan een eenvoudige filmstripopstelling. Maar veel kunstenaars willen liever niet de exacte hoeken van een echt geometrisch patroon berekenen. In plaats daarvan gebruiken we een paar eenvoudige trucs om de hoeken te benaderen en toch het ontwerp mooi en schoon te houden.
Grijp de Rechthoekgereedschap (U) en stel de Vullen kleur in elke kleur die gemakkelijk te zien is tegen de witte achtergrond (we zullen hem later terug veranderen). Klik eenmaal op het canvas om de Maak rechthoek dialoogvenster. Voer een in Breedte naar 10 px en a Hoogte van 900 px. Dan klikken OK en verplaats de rechthoek naar de rechterrichtlijn.
Gebruik de Pad selectiegereedschap (A) om de rechthoekvorm te selecteren. (Verzekeren dat Path-operaties ingesteld op Voeg toe aan vorm in de optiebalk.) Ga naar Bewerken> Kopiëren (Control-C) om de padpunten te kopiëren. Ga dan naar Bewerken> Plakken (Control-V) om een kopie van de rechthoek op zichzelf te plakken.
Gebruik Bewerken> Vrij transformatiepad (Control-T) om de gekopieerde rechthoek te roteren en verplaatsen zodat deze de rechterbenedenhoek van het canvas raakt en de verticale rechthoek rond het middelpunt snijdt. Het linker uiteinde moet ook de bovenkant van het canvas aanraken.
Terwijl het laatste pad nog steeds actief is, gaat u naar Bewerken> Kopiëren (Control-C) en Bewerken> Plakken (Control-V) nogmaals om een nieuw exemplaar van dit diagonale pad bovenop zichzelf te plakken. Ga dan naar Bewerken> Pad transformeren> Verticaal spiegelen om de alternatieve diagonale rechthoek te maken.
Gebruik de Pad selectiegereedschap (A) om opnieuw beide diagonale rechthoeken te selecteren. Kopieer en plak deze vervolgens op elkaar. Ga dan naar Bewerken> Vrij transformatiepad (Control-T) om deze nieuwe 'X' te transformeren. Verplaats en schaal de 'X' zodat deze de top en onderkant van de originele 'X' kruist en met de gids aan de linkerkant.
De originele 'X'-vorm bevindt zich nog steeds op het klembord, dus het is niet nodig om het opnieuw te kopiëren. Net pasta een andere 'X' op de huidige vorm. Verplaats vervolgens deze nieuwe om de driehoeken aan de linkerkant van het canvas te vormen. Zorg ervoor dat de lijnen elkaar kruisen met de boven- en onderkant van de vorige 'X'-vorm.
Het enige stuk links van dit netwerk van vormen is de verticale rechthoek om langs de hulplijn te gaan. Gebruik dezelfde techniek om de originele verticale vorm te selecteren, kopiëren en plakken en verplaats de kopie naar de linkerrichtlijn.
Het netwerk van driehoeken dat we zojuist hebben gemaakt, zal dienen als grens voor de foto's die eronder gaan. Als u ze eerst met rechthoeken van vooraf ingestelde grootte maakt, zorgt u ervoor dat de afstand en uitlijning voor alle foto's consistent is. Wanneer we nu de driehoeken tekenen, hoeven we ons geen zorgen te maken over een perfecte positionering omdat de rand de randen bedekt! Het is brilliant!
Hernoem de rechthoekige laag die de laag moet zijn Grenslijnen en klik op de Alles vergrendelen knop in de Lagen paneel zodat de vorm niet per ongeluk wordt verplaatst of bewerkt terwijl u aan de driehoekige vormen werkt.
Klik op de achtergrondlaag om de focus te verwijderen uit de Grenslijnen laag. Pak dan de Pen gereedschap (P) in Vorm modus en stel de vulling in op een kleur die contrasteert met zowel de achtergrond als de randen. Teken een eenvoudige driehoek in de linkerbovenhoek. Zorg ervoor dat deze vormlaag zich onder de randlijnen bevindt.
Het is essentieel dat Path-operaties ingesteld op Nieuwe laag in de Optiesbalk. Op die manier is elke nieuwe driehoek zijn eigen vormlaag. Teken vervolgens een andere driehoek om te controleren of de vormen werken zoals ze zouden moeten.
Ga door met het tekenen van de driehoekige vormen tot er 12 zijnvormen in totaal, elk met een individuele vormlaag.
Ontgrendel de Grenslijnen laag en verander de vulkleur van de randen naar wit.
Zodra de vormen allemaal op hun plaats zijn, is het tijd om de foto's in het stuk te verwerken. Het moeilijkste proces hier is uitzoeken welke foto's het beste passen in de onregelmatige vormen. Gelukkig maakt deze techniek heel wat experimenten mogelijk met fotoformaat en -positie.
Selecteer eerst de laag van de vorm die u wilt bedekken met een foto. Ga naar Bestand> Ingesloten plaatsen en selecteer een foto om in het ontwerp te plaatsen. Plaats en schaal de foto om de beoogde vorm volledig te bedekken.
En hier komt de magie van deze techniek om de hoek kijken. Ga naar Laag> Maak knipmasker (Alt-Control-G) om de afbeelding in de driehoekige vorm te knippen. Op deze manier is het beeld nog steeds verplaatsbaar, volledig onafhankelijk van de driehoekige vorm. Dit maakt het gemakkelijk om de afbeelding precies te plaatsen waar u wilt, zonder u zorgen te maken over het verstoren van de vorm en randen.
Herhaal de plaats en het knipproces voor elke vorm totdat alle 12 van de vormen een afbeelding hebben die eraan is geknipt.
Het hebben van een assortiment foto's maakt een ontwerp vaak onsamenhangend en willekeurig. Het gebrek aan consistentie kan afleiden. Een goede oplossing is om een laatste bewerkingseffect op te nemen om alle afbeeldingen samen te voegen tot één samenhangend uiterlijk.
Zorg ervoor dat de bovenste afbeeldingslaag actief is. Het moet precies onder de Grenslijnen laag. Ga dan naar Selecteer> Kleurbereik. Stel de kiezen vervolgkeuzemenu naar Reds en controleer de Omkeren doos. Hiermee worden alle niet-rode tonen in de afbeelding geselecteerd.
Voeg een ... toe Verloopkaart aanpassingslaag. Photoshop gebruikt de selectie automatisch als een laagmasker op de aanpassingslaag. Dit betekent dat het effect op alles behalve de geselecteerde rode tonen in de afbeelding wordt toegepast.
In de eigenschappen paneel, klik op het verloopvoorbeeld om het te openen Verloopbewerker. Klik op het kleine tandwielpictogram en kies Fotografische toning uit de lijst met beschikbare bibliotheken. Kies als u hierom wordt gevraagd toevoegen deze verlopen naar uw huidige lijst.
Scroll naar de onderkant van uw Voorinstellingen voor de kleurovergang en kies de Sepia-blauw 2 vooraf ingesteld. Klik vervolgens op de OK om het te sluiten Verloopbewerker.
Stel de ondoorzichtigheid van de aanpassingslaag naar 60% om het effect van de inkleuring te verminderen.
Maak een samengevoegde laag door de alt toets terwijl je naar toe gaat Laag> Zichtbaar samenvoegen (Shift-Control-E). Desatureer de samengevoegde laag met Afbeelding> Aanpassingen> Desaturate (Shift-Control-U).
Zet de overvloeimodus van de laag op Scherm en verminder de ondoorzichtigheid rond 30%. Ga dan naar Filter> Blur> Gaussiaans vervagen en gebruik a Radius van 5 Pixels. Dit creëert een licht soft focus-effect voor de gehele compositie.
Ga naar Bestand> Exporteren als en stel de Bestandsinstellingen naar JPG. Pas de .... aan Kwaliteit schuifregelaar zo laag mogelijk te houden zonder enige zichtbare vervorming in de voorbeeldafbeelding. Hoe kleiner het bestand, hoe sneller het wordt geladen als het in je profiel wordt bekeken. Nadat je het bestand hebt opgeslagen, update je je Twitter-account om je fantastische nieuwe headerafbeelding toe te voegen.
Om echt een volledig geïmplementeerd ontwerp op je Twitter-pagina te maken, moet je zeker hetzelfde kleureffect en een zachte focustechniek op je profielafbeelding gebruiken. Dit moet apart van de headerafbeelding worden gedaan, maar zou hetzelfde gebruiken Verloopkaart aanpassingslaag evenals de samengevoegd laag met de zachte vervaging filter.
Ik heb deze lay-out gebruikt om de resultaten van een aantal van mijn tutorials op Envato Tuts + weer te geven. Maar dezelfde techniek kan worden toegepast op iemand die gewoon zijn eigen foto's wil samenstellen; het is een echt veelzijdige techniek die voor een willekeurig aantal onderwerpen kan worden gebruikt!
Het creëren van een aantrekkelijke, geometrische fotodisplay is een geweldige manier om visueel belang toe te voegen aan een Twitter-headerafbeelding. In deze zelfstudie hebben we dat bereikt door enkele illustratietrucs te gebruiken, zodat we niet eens een berekening hoefde uit te voeren om de hoeken goed te krijgen! Vervolgens hebben we een aantal nabewerkingen gebruikt om een verscheidenheid aan foto's te maken en ze te laten lijken op dezelfde soort inkleuring en zachte focus, zodat ze samenwerken als een uniform compositieontwerp.
Hoe is uw Twitter-achtergrondtitel geworden? Voeg een link toe in de reacties hieronder, zodat ik je kan volgen! Of je kunt me volgen en mijn ontwerp live zien @thepixelpro.
Accentsconagua