Een sjabloon (fotolay-out) bepaalt hoe de afdruk en de foto in de galerij eruitzien: waar de foto's staan en welke teksten en afbeeldingen erbij horen. Je bouwt het zelf in de editor of importeert een kant-en-klaar kader – bijvoorbeeld uit Canva.
Waar je sjablonen ontwerpt
- In de Hub: onder Sjablonen maak je met Sjabloon aanmaken een nieuw sjabloon of open je een bestaand met Bewerken.
- In BoothDock Studio: in het beheerdergedeelte onder Ontwerp → Fotolay-outs.
Beide gebruiken dezelfde editor – alles op deze pagina geldt op beide plekken. Welke sjablonen een evenement gebruikt, stel je in het evenement in (zie Evenement aanmaken).
Werken met de editor
- Selecteren en verplaatsen: klik of tik op een element en sleep het; met de grepen verander je de grootte.
- Precies uitlijnen: het paneel Geselecteerd element toont positie en grootte als getallen. De schakelaar px / % wisselt tussen pixels en procent van het vlak. Met de pijltjestoetsen schuif je een geselecteerd element 1 % op, met Shift ingedrukt 5 %.
- Verwijderen: klik op het element en druk op de Delete-toets. Bij afbeeldings- en foto-elementen vraagt de editor eerst om bevestiging. De Backspace-toets verwijdert bewust niets.
- Zoomen: in de werkbalk met − en + of de keuzelijst, van Passend tot 400 %. Of houd Ctrl (op de Mac Cmd) ingedrukt en draai aan het muiswiel. Op iPad en tablets schuif je het ingezoomde vlak met je vinger op een lege plek; elementen sleep je zoals gewoonlijk.
Plaatshouders in tekst
Twee plaatshouders kun je in elk tekstelement zetten:
| Plaatshouder | Wordt |
|---|---|
{event} | de naam van het evenement dat op de box actief is |
{datum} | de datum van vandaag in de taal van de box |
In de Hub-editor blijft {event} als plaatshouder staan – de naam van het evenement vult pas de box in wanneer die de foto maakt.
Een eigen kader importeren
Met Importeren haal je een kant-en-klaar kader als PNG of JPG in de editor. De editor zoekt de fotovensters zelf, in deze volgorde:
- transparante vlakken in de afbeelding,
- anders vlakken in zuiver magenta #FF00FF – de aanbevolen manier, omdat je daarvoor geen transparante achtergrond nodig hebt,
- als laatste uitweg grote, rechthoekige zwarte vlakken.
Elk herkend vlak wordt een fotoveld (maximaal 12). Het kader ligt als afbeelding boven de foto's en de fotovelden reiken een stukje onder het kader – zo blijven er aan de randen geen witte kanten over. Vindt de editor geen vlak, dan legt hij één fotoveld in het midden achter het kader; dat verschuif je dan met de hand.
De juiste grootte
Sjablonen werken met 300 dpi. Heeft je afbeelding precies de pixelmaten van een formaat, dan neemt de editor dat formaat over; anders maakt hij een eigen formaat ter grootte van de afbeelding (maximaal 4800 px per zijde).
| Formaat | Pixels |
|---|---|
| 2×6-strip | 600 × 1800 |
| 10×15 (4×6) staand | 1200 × 1800 |
| 10×15 (4×6) liggend | 1800 × 1200 |
| 13×18 (5×7) staand | 1500 × 2100 |
Stap voor stap met Canva
- Maak in Canva een ontwerp met eigen afmetingen, bijv. 600 × 1800 px voor een 2×6-strip.
- Ontwerp het kader en vul op de plekken waar foto's komen rechthoeken met de kleur #FF00FF.
- Download als PNG – een transparante achtergrond is niet nodig.
- Kies in de editor Importeren en open het bestand. Een melding laat zien hoeveel magenta vlakken fotovensters zijn geworden.
Sjabloonpakketten uit andere fotobooth-software
Importeren neemt ook sjabloonpakketten aan als ZIP met een template.xml, zoals dslrBooth en LumaBooth ze gebruiken – sjabloonaanbieders zoals templatesbooth leveren die bijvoorbeeld mee. Fotovelden, kaderafbeelding en teksten komen als afzonderlijke elementen in de editor, waar je ze verder kunt bewerken.
Sjablonen uit de shop
In BoothDock Studio open je de sjabloonkeuze via de naam van het huidige sjabloon bovenaan in de werkbalk. Op het tabblad Shop vind je kant-en-klare sjablonen, gesorteerd op categorie en met zoekfunctie. Eén klik maakt het sjabloon als nieuw sjabloon op de box aan; daarna bewerk je het zoals elk ander. Het tabblad verschijnt alleen als de box de catalogus uit de Hub kan laden. De Hub-editor heeft geen shop.
Maar één lay-out aanbieden
In BoothDock Studio heeft elk sjabloon onder Ontwerp → Fotolay-outs in het onderdeel Gebruik en afdrukken de schakelaar Kiesbaar in de kiosk. Is er maar één sjabloon kiesbaar, dan slaan gasten de lay-outkeuze over – in de fotomodus gaan ze meteen naar de opname.
Is de box met een Hub-evenement verbonden, dan bepaalt het evenement welke Hub-sjablonen kiesbaar zijn en zet dat bij elke synchronisatie opnieuw; een wijziging in de Hub komt zo meestal binnen een minuut aan. Vink dan in het evenement op het tabblad Sjablonen maar één sjabloon aan.