Event Space Rotterdam

• Je kan met een masker een laag vrijstaand maken.

• Je kan PSD of ander bestand insluiten in een PSD

• Je kan een Fill layer toevoegen zodat de kleur overeenkomt met de color guide.

• Je kan de afbeeldingen aanpassen aan naar het juiste formaat (1080x1350 pixels) en resolutie (72 PPI) voor digitale publicatie.

• Je kan de bewerkte afbeeldingen correct opslaan in PSD- en JPG-formaten en organiseert en deelt deze via Onedrive.

• Foto's voor bij de activiteiten.

• Het logo uit de vorige opdracht.

• Adobe Photoshop

De theorie wordt door je docent klassikaal uitgelegd. 

Je gaat deze opdracht individueel uitvoeren. 

In de vorige opdracht heb je een activiteit voor Event Center Rotterdam gekozen, inclusief bijbehorende kleur. 

Tijdens de les bespreken we één activiteit als voorbeeld, karaoke. Dit kan die van jou zijn. Zo niet, dan kun je de technieken toepassen op jouw activiteit. Zorg ervoor dat je de afgesproken kleuren correct gebruikt.

Je zoekt op pexels.com of unsplash.com drie foto's uit die je gaat gebruiken in deze opdracht en passen bij de activiteit. Voor karaoke hebben we de hiernaast staande foto's gekozen als voorbeeld.

STAP 1: Maak jouw foto's vrijstaand

Je kan hier kiezen voor meerdere manieren. Eerst kijken we even naar hoe je eenvoudig een achtergrond kan laten verdwijnen met een masker. 

Methode 1

• Open één van jouw foto's.

• Klik op de laag Background om deze te selecteren.

• Het kleine, maar zeer belangrijke, panel "Contextual Toolbar" verschijnt met daarin de knop Remove background. Klik hierop.

• Het masker is aangemaakt. Dit zie je ook bij de lagen én de achtergrond is verdwenen. Super tof!

Let op! De naam van de laag is nu "Layer 0" en die laag met masker wil je altijd hebben om aanpassingen later te kunnen maken. Maar het oorspronkelijke plaatje was een JPG en die snapt niets van lagen, maskers en andere typisch Photoshop-zaken. Je zal het dan ook nu moeten Opslaan als... een Photoshop document. Die snapt het wel.

• Sla jouw document op op jouw bureaublad met een duidelijke naam.
  
  Het is verboden om op te slaan in de download map en Untitled.psd is ook niet toegestaan.

Methode 2

Je kan ook op een creatievere manier de achtergrond verwijderen door zelf een masker te tekenen. 

• Open jouw originele foto opnieuw.

• Klik rechts onderin op het masker icoontje. Een leeg wit masker wordt nu aangemaakt.

• Selecteer de Brush tool en kies een mooie brush uit. Iets als een schilderskwast of houtskool werkt erg goed.

• Maak de grootte van de Brush lekker groot, een flinke kwast.

• Brush het gezicht weg. En kleur hierbij nu lekker buiten de lijntjes, dat mag hier gewoon.

• Dit werkt alleen wanneer je met zwart aan het brushen bent.

Tip: Als je de zwart en wit omdraait dan teken je de achtergrond juist weer terug. Dit switchen van zwart naar wit en andersom kan je super snel doen met de X op je toetsenbord.

• Ben je klaar? Dan wil je natuurlijk het gezicht juist weer zien. Dan moet je het zwart wit in het masker omdraaien. Wit wordt zwart en zwart wordt... wit. Dat doe je in het panel Properties met de knop invert.

• Ook deze foto dien je op jouw bureaublad op te slaan met en slimme naam als Photoshop document (PSD).

• STAP 2: Nog twee foto's vrijstaand

Maak nog twee foto's vrijstaand op een zo creatief mogelijke manier. Maar let hierbij wel goed op. Je moet maskers gebruiken en de foto's netjes opslaan als PSD document. 

Je wordt beoordeeld op de Non-Destructive manier van werken. 

STAP 3: Instagram PSD template maken

Als je foto's gaat posten op Instagram dan zijn er een aantal formaten beschikbaar. De standaard, default, grootte is 1080 x 1350 pixels met een resolutie van 72 pixels per inch. Die ga je gebruiken, maar...

Een carrousel heeft een aantal van die afbeeldingen naast elkaar nodig om te kunnen werken. In deze opdracht maak je een document die drie keer zo breed is als een standaard afbeelding. Dus drie keer 1080 pixels breed.

• Maak een nieuw document aan in Adobe Photoshop. 

• Geef het document hier alvast een naam en voer 1080 in bij de Width gevolgd door *3. Dan voegt hij automatisch de juiste waarden in voor de breedte. Handig toch? 

• De hoogte is gewoon 1350 en gebruik een resolutie van 72 pixels.

• Instagram zit op je telefoon, een beeldscherm, dus je gebruikt de RGB kleuren.

Om zelf goed te zien waar het einde van een beeld zit, en waar het volgende beeld begint, plaats je hulplijnen. Ook hier kan Photoshop het weer eenvoudig voor je in beeld brengen met een Guide Layout.

• Vanuit het menu View, kies je voor Guides en New Guide Layout.

• Neem de waardes over uit de afbeelding (klik op de afbeelding voor een grote weergave), zo krijg je een vlakverdeling van drie rechthoeken van 1080*1350pixels en een marge van 50 pixels.

Tip: Sla regelmatig je werk op. Doe het nu gelijk maar even.

Voeg een Solid Color laag toe die volgens de Color Guide de juiste Hexcode moet krijgen. In het geval van Karaoke is dat #FF69B4.

• Selecteer de Create new Fill or Adjustment layer knop onderin het lagen venster.

• Kies voor Solid Color.

• Voer de juiste kleurcode in.

STAP 4: Afbeeldingen Plaatsen

Tijd om de foto's te gaan plaatsen. Je gaat een Photoshop document dus plaatsen in een ander Photoshop document. Dat is ideaal, want dan kan je altijd nog terug naar de originelen.

• Kies voor File en Place Embedded. 

• Kies één van jouw foto's.

• Positioneer de foto op de volgens jou juiste plek.

• Herhaal de stappen zodat alle drie jouw foto's in de carrousel staan.

STAP 5: Design Elementen maken

Pak er een brush bij en maak in een nieuwe laag (belangrijk!) een aantal leuke design elementen op de achtergrond. Brush ook een wat groter vlak waarop je in de volgende stap het logo gaat plaatsen.

STAP 6: Plaats het logo

In de vorige opdracht heb je een logo gemaakt voor jouw activiteit in Event Space Rotterdam. Dat is een Adobe Illustrator bestand, maar ook die kan je uitstekend plaatsen. Net als een afbeelding.

• Kies voor het menu File en dan Place Embedded.

• Selecteer jouw Adobe Illustrator bestand met de logo's erin.

• In het volgende venster selecteer je alleen het Artboard die je wilt importeren (die van de activiteit).

• Plaats en schaal het zo dat het in jouw ontwerp goed uitkomt.

STAP 7: Tekst

• Type met de Text tool een wervende tekst in het midden.

• Op de rechter afbeelding plaats je het adres "Stadhuissteeg 53, Rotterdam"

STAP 8: In stukken verdelen

Instagram snapt maar weinig van dit document. Als je het wilt uploaden dan moet je het eerst opknippen in drie gelijke vierkante foto's. Dat doe je met Slices. Nu is het nog één hele grote slice, maar dat worden er dus drie.

• Klik lang op de Crop Tool, vanuit de daarin verstopte tools kies je de Slice Select Tool.

• Klik midden in de foto en dan boven in de Properties op Divide.

• We gaan verticaal snijden, dus vink alleen Vertical aan. 

• Geef aan in drie gelijke delen en klaar is ... (vul hier je naam in).

STAP 9: Opslaan

• Je slaat natuurlijk jouw document op als PSD, met daarin alle lagen, alle data, alle kwaliteit. Die moet je hebben.

• Je slaat ook jouw werk op als drie losse vierkante afbeeldingen, de slices. Kies hiervoor in het File menu voor Export en dan Save for Web (Legacy)...

• In het volgende venster controleer je of rechts bovenin de JPEG is geselecteerd met een maximum kwaliteit. Kies voor Save.

• Zorg dan dat de afbeeldingen ook in jouw mapje op het bureaublad terecht komen. Merk op dat in dit venster staat All Slices (grijs). Helemaal top.

• Zorg je ervoor dat jouw werk ook in je OneDrive wordt opgeslagen?

In deze tutorial krijg je ook te zien hoe je een naadloze instagram carrousel maakt met Photoshop.