1
Banner De inhoud Een banner is een reclame-uiting (met doorklikmogelijkheid) op internet. Meestal een combinatie van afbeeldingen en teksten. De banner kun je gebruiken om te adverteren voor bijvoorbeeld een product of een evenement. Wat de inhoud is van je banner is afhankelijk van je doel. bereiken. Een banner plaats je op een plaats waar de beoogde doelgroep actief is. Het plaatsten van banners op externe sites is meestal niet gratis. Vergoedingen aan externe sites kunnen op een aantal manieren plaatsvinden. De meest voorkomende zijn: -
Cost per Click: Kosten per klik op je banner Cost per Mille: Kosten voor 1000 vertoningen van je banner Cost per Sale: Kosten per sale die voortkomen uit een klik op je banner
Bannerformaten Er zijn een aantal verschillende maten waarin banners gemaakt worden om ze op verschillende manieren te kunnen inzetten. Voor 1 bannerset gebruik je uiteraard dezelfde stijl. De teksten en afbeeldingen krijgen een andere maat en andere positie ten opzichte van elkaar. In de infographic van Adcrowd, de meest voorkomende bannerformaten. Bannersformaten.nl geeft een overzicht van formaten en de verschillende posities op een site.
2
Opdracht 5
Banners
Maak 2 verschillende banners: Eén met de nadruk op het product en de prijs. Eén met de nadruk op het product en de sfeer. Gebruik voor beide banners dezelfde ingrediënten: een product en een persoon. Kies vervolgens voor één van de twee en maak daarvan nog een banner in een afwijkend formaat.
Selecteren
van een
product
Opdracht 5a Maak een selectie van een product uit een foto met een drukke achtergrond.
Zoek een foto met een product. Bijvoorbeeld een flesje parfum, een koptelefoon, een duikbril of een handtas. Je bent vrij in de keuze van je onderwerp maar moet je wel houden aan de volgende criteria: -De foto moet groter dan 2 MB zijn. -De foto moet copyright-free zijn. -Het product moet opgaan in een drukke achtergrond. Selectie met het toverstafje of snelle selectie mogen niet mogelijk zijn.
Maak een selectie van het product met behulp van het Pengereedschap. Dit is een zeer nauwkeurig selectiegereedschap. Omdat je met de Pen een pad om het object maakt zullen er geen pixels ontstaan maar strakke lijnen. Het is echter geen snelle manier van selecteren en je moet er even op oefenen om het onder de knie te krijgen. Voor je met de pen aan het werk gaat moet je eerst in de optiebalk controleren of de instellingen juist zijn. Check je in de optiebalk of het pengereedschap staat op Pad in plaats van op Vorm of Pixels
3 Klik ergens aan de rand van het product dat je wilt selecteren. Klik vervolgens een stukje verder en houd nu de muis of touchpad ingedrukt. Sleep een stukje verder zodat de geselecteerde lijn een vloeiende kromming krijgt. Weer aangekomen bij het beginpunt zal het pad zich sluiten. Dit kun je zien doordat aan de punt van de pen een rondje zichtbaar wordt. Klik nu met de Rechtermuis en kies voor Selectie maken. Geef aan of je een Doezelrand / Feather wilt. Probeer uit hoe groot deze moet zijn. Voor een product met een strakke buitenrand zoals metaal of glas, kies je voor 0 of 1. Voor een product met een zachte buitenrand zoals stof of vacht, kies je voor 5 of meer. Kopieer het product met Ctrl + J in een nieuwe laag. Canvas vergroten Het is de bedoeling dat zowel de oorspronkelijke foto als het uitgesneden product naast of onder elkaar te zien zijn. Maak het bestand groter (breder of hoger). Ga hiervoor naar Afbeelding – Canvasgrootte – Vink aan Relatief – Typ de maat van de extra ruimte die je nodig hebt in. Met de pijltjestoetsen kun je aangeven of de extra ruimte er links, rechts, boven of onder bijkomt. Verplaats de afbeeldingen zodat ze beide te zien zijn. Sla het bestand op als eigennaam-productselectie.psd én eigennaam-productselectie.jpg
Selecteren
van eenpersoon
Opdracht 5b Maak een selectie van een persoon uit 2 foto’s met een drukke achtergrond. Zoek een foto van een persoon. Je bent vrij in de keuze van je persoon maar moet je wel houden aan de volgende criteria: -De foto moet groter dan 2 MB zijn. -De foto moet copyright-free zijn. -De persoon moet opgaan in een drukke achtergrond. Selectie met het toverstafje of snelle selectie mogen niet mogelijk zijn. Maak een selectie van een persoon met behulp van het Pengereedschap. Controleer in de optiebalk of de instellingen juist zijn. Het pengereedschap moet staan op Pad in plaats van op Vorm of Pixels. Klik ergens aan de rand van de persoon die je wilt selecteren. Teken met de pen om de persoon tot je weer bent bij het beginpunt.
4 wilt.
Klik nu met de Rechtermuis en kies voor Selectie maken. Geef aan dat je een Doezelrand / Feather
Rand verfijnen van de haren Om ook de ruimtes tussen de haren te kunnen verwijderen kies je in de Optiebalk voor het gereedschap Selecteren - Rand verfijnen / Refine edge. Dit gereedschap werkt alleen als het object geselecteerd is. Een object kun je selecteren door tegelijk op het laag-icoon en CTRL te klikken. Kies bij Refine edge voor Overlay. Je hebt nu een roze achtergrond. Klik in het menu Rand verfijnen op de knop links gereedschap Straal verfijnen. Schilder met Straal verfijnen over de randen van het haar. Photoshop selecteert nu de fijne details. Klik op OK. Kopieer en plak vervolgens de gemaakte selectie in een nieuwe laag (Ctrl + J). Verwijder de oude laag en bestudeer het verschil.
met rand verfijnen
zonder rand verfijnen
Rand verfijnen van de totale persoon Pas Rand verfijnen nog een keer toe, maar nu op de totale persoon. Selecteer de juiste laag. Kies voor Selecteren - Rand verfijnen / Refine edge. Kies voor de optie Vloeiend / Smooth. Schuif het pijltje een flink stuk naar rechts. Kies vervolgens voor de optie Doezelaar / Feather. Schuif dit pijltje een klein stukje naar rechts. Klik op OK. Kopieer en plak vervolgens de gemaakte selectie in een nieuwe laag (Ctrl + J). Verwijder de oude laag en bestudeer het verschil. Als je niet tevreden bent herhaal je de toepassing met andere waardes. Het is namelijk van de grootte van je foto afhankelijk wat de beste waardes zijn. Canvas vergroten Ook voor dit document vergroot je het canvas. Afbeelding – Canvasgrootte – Vink aan Relatief – Typ de maat van de extra ruimte die je nodig hebt. Geef met de pijltjestoetsen aan of de extra ruimte er links, rechts, boven of onder bijkomt. Verplaats de afbeeldingen zodat ze beide te zien zijn. Sla het bestand op als eigennaam-persoonselectie.psd én eigennaam-persoonselectie.jpg
5
Banner met
de
nadruk
op de
prijs
Opdracht 5c Maak een banner met de nadruk op prijs van de 2 selecties uit opdracht 1 en 2. Maak een nieuw document: Formaat: 600 px breed en 315 px hoog, 72 pixels/inch, RGB. Plaats zowel het product als de persoon in het document. Vul dit aan met: - Naam van het product - Call to action - Prijs - Actietermijn Aandachtspunten voor de banner zijn Compositie, Aandacht voor prijs, voordeel en product. Sla het bestand op als: eigennaam-banner.psd én eigennaam-banner.jpg.
6
Banner met
de
nadruk
op de sfeer
Opdracht 5d Maak een sfeerbeeld van de 2 selecties uit opdracht 1 en 2. Maak een nieuw document: Formaat: 336 px breed en 280 px hoog, 72 pixels/inch, RGB. Plaats zowel het product als de persoon in het document.. Vul dit aan met: - Naam van het product - Sfeervolle achtergrond - Call to action - Bewerk de afbeelding door het gebruik van effecten en filters. In het voorbeeld is gebruik gemaakt van: Ctr+U – verzadiging minimaliseren (zwart-wit maken). Filter – Rendering – Zon / Lens flare. Aandachtspunten voor dit sfeerbeeld zijn Compositie, Kleurgebruik en Eenheid. Sla het bestand op als: eigennaam-sfeerbeeld.psd én eigennaam-sfeerbeeld.jpg
Bannerformaat Opdracht 5e Kies één van de twee banners en maak daarvan nog een banner in een afwijkend formaat. Kies 1 van de formaten uit de infographic op pagina 1.
