Blog 2

Banner visualiseren

Photoshop & illustrator 2 weken

Inleiding

De Meester maakt veel gebruik van banners, op het pand van de meester zijn er drie plekken waar banners aan vast gemaakt kunnen worden. Één van deze plekken is permanent gereserveerd voor het logo van de Meester, op het pand zijn er dus twee banners die roteren om avonden te promoten.

Ook heeft de meester nog een hek aan een weg in Almere waar ze ook banners op mogen hangen.

B1-K1-W5

Mijn opdracht was om de twee verlopen banners die op het pand hingen opnieuw vorm te geven, aan het begin was het doel om met beide banners aankomende avonden te promoten. Maar nadat ik twee banners met de programmering had vormgegeven werd er vanuit de overheid besloten dat er geen avonden meer mochten georganiseerd worden met meer dan 10 mensen, in verband met de Corona pandemie. Wel waren ze tevreden met de ontwerpen dus ik was op de hoogte dat ze de gescheurde stijl die ik in mijn eerste ontwerp gebruikte in de smaak viel.

Omdat er heel veel avonden werden verplaatst waren de gemaakte banners niet meer correct, na een kleine brainstorm sessie kwamen we er op uit dat één banner bestemd was voor de nieuwe data en de andere gingen we gebruiken om een hart onder de riem te steken.

Data banner

Stap 1

B1-K2-W1

De eerste stap die ik zetten was twee documenten openen van 2,5 meter bij 50 cm, photoshop kan geen bestanden van groter dan 4 meter aan dus ik heb alle maten gehalveerd zodat het geschaald naar de banner grote kan worden. Ik begin met de banner met de data. Op deze banner wil ik vijf verschillende acts promoten.

Als achtergrond voor deze banner had ik het idee om de banner in vijf stukken te verdelen, elke stuk heeft twee foto's met op de voorgrond een uitgeknipte afbeelding van de artiesten of een inspiratiebron van de avond.

Mijn intentie is om een analoge look te creëren, dit wil ik doen door gebruik te maken van een gescheurd papier brush. Ik open afbeelding in het bestand en pas eerst een filter toe (filter > filtergallerie > artestiek > korrel) dit zorgt er voor dat de foto's een vintage look krijgen, als dit is gedaan zet ik de laag om in pixels zodat ik de laag kan bewerken met een brush. Ik gebruik het gescheurde papier brush om er een brede witte strook die de illusie geven van een gescheurd randje, deze maak ik vervolgens wat dunner met dezelfde brush maar dan als gummetje. Hierdoor word de witte balk een stuk dunner en ziet het er erg realistisch uit. Ik herhaal dit bij nog 9 afbeelding zodat elk vlak er 2 heeft en de balk vol is. Ik selecteer afbeeldingen op kleur en zorg dat er een mooi verloop ontstaat, sommige afbeeldingen die net niet goed in het verloop passen open ik apart in photoshop en verander ik de kleur mee doormiddel van 'kleurtoon / belichting' tot het goed in het verloop past.

Stap 2

Ik plaats een balk onder de foto's zodat ze allemaal recht afgesneden zijn, de artiesten die ik in elk vlak nog wil plaatsen wil ik zo een zelfde witte scheur rand omheen maken als ik bij de achtergrond heb toegepast.

Om dit te creëren open ik een foto van een artiest in photoshop, en knip ik hem uit doormiddel van snel selecteren en vervolgens maskeren.

Hierna zet ik er een witte lijn omheen doormiddel van (fx > lijn) van zo een 50 pixel, daarna zet je de laag weer om in pixels zodat je de witte lijn kan bijwerken met het gescheurde papier brush als gummetje. Za ga je volledig om de afbeelding heen en zorg je er voor dat er langs de hele afbeelding een wit klein scheur randje zit alsof het rechtstreeks uit een blad is gescheurd. Dit heb ik nog bij vier andere artiesten gedaan zodat elk vlak er één in het midden kan hebben. Deze bestanden sloeg ik op als png zodat ik ze achter de balk kan plaatsen maar voor de achtergrond.

Stap 3

B1-K2-W3

Om de eerste banner af te maken plaats ik de titel van van de avond boven elk karakter. De data plaats ik als nummers in de onderste roze balk. Hierna sloeg ik het bestand op als een pdf, en zorgde ik dat kleur instellingen op CMYCK stond.

Stap 4

Ik koppelde dit ontwerp terug aan Stefan en kreeg als feedback om niet het magenta vanuit de huisstijl te gebruiken, maar hij wees me een gele en blauwe kleur aan vanuit een flyer die ik kon gebruiken. Daarnaast moest waren 6 acts iets te veel en hebben we het terug gedraaid naar 5. Van 2 overgebleven bands had ik de foute afbeeldingen gebruikt die ik veranderden. Ook de achtergrond mocht. wat rustiger dus ik heb besloten om gewoon een strook van elke foto te gebruiken.

Daarnaast viel de tekst nog niet echt in de smaak dus hebben we besloten de titel van de avond in de nu gele balk te zetten en de data op een afgescheurd papiertje (wederom met de brush gemaakt) vanuit de bovenkant te laten hangen.

Stap 5

Hierbij was het ontwerp klaar en na nog een terugkoppeling aan mijn Stefan kreeg ik het groene licht en mailde ik hem naar Danny die hem zou laten drukken, ook plaatste ik deze in de drive zodat toekomstige stagairs / werknemers er makkelijk bij kunnen indien nodig. Een week later hing de banner aan de gevel van de meester.