DESIGN GUIDE. 03/16 03/16 SEITE 1

Transkript

1 DESIGN GUIDE HILFESTELLUNG UND ANLEITUNG FÜR die Beschriftung und Gestaltung der Fotostreifen und -karten das Gestalten der System-Screens das Arbeiten mit eingeblendetem Hintergrund (Green-Screen-Verfahren) das Gestalten des Fotoautomaten 03/16 03/16 SEITE 1 office@boxasmile.at

2 1. INHALT 2. Vorwort Seite 3 3. Beschriftung Fotostreifen Seite 4 4. Layout Fotostreifen & Großformat Seite Formate & Vorgaben Seite Technische Umsetzung Seite Beispiele Seite Code/Foto-ID Seite 9 5. Layout Systemscreens Seite Formate & Vorgaben Seite Technische Umsetzung Seite Hintergrund (Green Screen) Seite Automatengestaltung Seite Formate & Vorgaben Seite Beispiele Seite 03/16 SEITE 2 office@boxasmile.at

3 2. VORWORT UNSERE FOTOAUTOMATEN BIETEN EINE VIELZAHL AN GESTALTUNGSMÖGLICHKEITEN. Durch die Gestaltung der Systemscreens, der Ausdrucke und des Gerätes selbst, lässt sich mit unseren Fotoautomaten jedes Veranstaltungskonzept perfekt umsetzen. Dieses Dokument ist Anleitung und Hilfestellung hierfür. Für die individuelle Gestaltung der Fotostreifen und -karten, der Systemscreens und der Geräteflächen benötigst du ein Grafikprogra. Hierfür eignen sich Prograe wie Adobe Photoshop oder das freie Progra Gimp. Je nach Ambition und Können kann aber auch schon mit Paint von Microsoft Windows ein ansprechendes Ergebnis erzielt werden. Wir wünschen viel Spaß beim Gestalten und Umsetzen. Bei Fragen steht das gesamte box a smile Team gerne beratend und unterstützend zur Seite. DEIN BOX A SMILE - TEAM 03/16 SEITE 3 office@boxasmile.at

4 3. BESCHRIFTUNG FOTOSTREIFEN BEI ALLEN PAKETEN besteht die Möglichkeit, die Beschriftung der Fotostreifen frei zu wählen. Hierfür steht eine Textzeile unterhalb der Fotos zur Verfügung. Wenn sich die Gestaltung auf diese Textzeile beschränkt (z.b. bei unseren Family-Paketen), dann wird sie gänzlich von uns vorgenoen. Damit wir die Beschriftung wie gewünscht umsetzen können benötigen wir folgende Informationen: TEXT SCHRIFTART (alle für Windows frei verfügbaren Schriftarten sind möglich, andere Schriftarten nur nach Bereitstellung durch unseren Kunden) STIL (Fett, Kursiv, etc.) POSITION DES TEXTES (Links, Rechts, Mittig, ein Teil Links und ein Teil Rechts) Selbstverständlich können auch unterschiedliche Schriftarten in der Textzeile kombiniert werden, dies könnte beispielsweise so aussehen: SCHRIFTFARBE (RGB-Angabe oder Musterdatei aus der wir die Farbe abnehmen können) Beispiel Platzhaltertext WISSENSWERTES Die Textlänge bzw. Textzeile ist durch die Größe des Fotostreifens begrenzt. Dieser hat ein Format von 5 x 15 Zentimetern. Auf jedem Fotoausdruck befindet sich eine Foto-ID (z.b.: mit der jeder Ausdruck in den folgenden 100 Tagen beliebig oft und in voller Auflösung heruntergeladen, gespeichert oder verschickt werden kann. ACHTUNG Das Einfügen eines Logos, die individuelle Anordnung der Fotos, etc. sind im Rahmen der Festival- und Business-Pakete möglich. 03/16 SEITE 4 office@boxasmile.at

5 4. LAYOUT FOTOSTREIFEN & GROSSFORMAT 4.1 Formate & Vorgaben INDIVIDUELLES LAYOUT BEI FESTIVAL- UND BUSINESS-PAKET Format Ausdrucke Die Vorgaben und Vorgangsweisen gelten für alle 3 Formate: FOTOSTREIFEN: Größe 600 x 1800 Pixel (ca. 5 x 15 cm) FOTOKARTE: Größe 10 x 1800 Pixel (ca. 10 x 15 cm) GROSSFORMAT: Größe 1800 x 2400 Pixel (ca. 15 x 23 cm) BILD Position, Größe & Ausrichtung Es können die Anzahl der Bilder (1 bis max. 9), die Bildpositionen, die Bildgrößen und Bildausrichtungen frei gewählt werden. Sollten verschiedene Bildgrößen gewählt werden, so ist darauf zu achten, dass das Seitenverhältnis bei allen Bildern gleich ist. Weiter soll die maximale Bildbreite ein Verhältnis von 3:2 nicht übersteigen. Selbstverständlich können die Formate entweder für eine horizontale oder für eine vertikale Verwendung gestaltet werden. So sind z.b. auch Fotostreifen mit einer vertikalen Fotoanordnung ähnlich den Streifen der klassischen Passbildautomaten möglich. Gerne kann bei der Gestaltung der Einfachheit halber auf unseren Standardfotostreifen zurückgegriffen werden. STANDARD FOTOSTREIFEN Alle Abstände sind in Pixel angegeben: x x x /16 SEITE 5 office@boxasmile.at

6 4. LAYOUT FOTOSTREIFEN & GROSSFORMAT 4.2 Technische Umsetzung DIE GESTALTUNG ERFOLGT IN 3 EBENEN DIE UNTERE EBENE ist ein Hintergrund Bild im Format: JPEG (.jpg) GRÖSSE FOTOSTREIFEN: 600 x 1800 Pixel GRÖSSE FOTOKARTE: 10 x 1800 Pixel GRÖSSE GROSSFORMAT: 1800 x 2400 Pixel UNTERE EBENE Das Bild liegt unter den Fotos (und einem eventuell vom System erzeugten QR-Code) und wird durch diese und einer eventuell vorhandenen, oberen Ebene überdeckt. DIE FOTO EBENE wird durch die, im Betrieb gemachten Fotos (und durch einen eventuell vom System erstellten QR-Code) gebildet. Diese überdecken die untere Ebene und werden wiederum von der oberen Ebene überdeckt. FOTO EBENE DIE OBERE EBENE ist ein Bild mit transparentem Anteil: Format: PNG (.png) GRÖSSE FOTOSTREIFEN: 600 x 1800 Pixel GRÖSSE FOTOKARTE: 10 x 1800 Pixel GRÖSSE GROSSFORMAT: 1800 x 2400 Pixel OBERE EBENE Grafiken in dieser Ebene überdecken alle unteren Grafikelemente (Fotos (+ QR-Code) und untere Ebene). Um die darunter liegenden Fotos und Grafiken nicht vollständig zu überdecken, werden jene Bereiche dieser Ebene, die nicht grafisch gestaltet werden, transparent gehalten. Eine Eigenschaft die PNG-Dateien bieten. WISSENSWERTES Üblicherweise wird ein Layout der Einfachheit halber entweder durch eine untere Ebene und eine Foto Ebene oder durch eine Foto Ebene und eine obere Ebene gebildet. Wobei bei der zweiten Variante darauf zu achten ist, dass die Fotopositionen in der Grafikdatei transparent gehalten sind. 03/16 SEITE 6 office@boxasmile.at

7 4. LAYOUT FOTOSTREIFEN & GROSSFORMAT 4.3 Beispiele EIN BEISPIEL FÜR EINE UNTERE UND EINE FOTO EBENE Du sendest uns eine Datei im Format JPEG (.jpg) hier mit 1800x600 Pixel unsere Geräte legen im Betrieb die Fotos und den Code darüber EIN BEISPIEL FÜR EINE FOTO UND EINE OBERE EBENE Du sendest uns eine Datei im Format PNG (.png) hier mit 1800x600 Pixel TRANSPARENT 03/16 SEITE 7 TRANSPARENT TRANSPARENT office@boxasmile.at

8 4. LAYOUT FOTOSTREIFEN & GROSSFORMAT 4.3 Beispiele unsere Geräte legen im Betrieb die Fotos darunter und den Code darüber UNSER TIPP Um die Fotos vom Hintergrund besser abzuheben gibt es diese einfachen Möglichkeiten: EIN RAHMEN EIN SCHLAGSCHATTEN Oder man kombiniert beides. Besuche uns auf Facebook ( und siehe dir an, wie andere die zuvor beschriebenen Möglichkeiten genutzt haben 03/16 SEITE 8 office@boxasmile.at

9 4. LAYOUT FOTOSTREIFEN & GROSSFORMAT 4.4 Code/Foto-ID MIT DEM CODE DOWNLOADEN, POSTEN & VERSCHICKEN Der Code besteht aus unserer Webadresse und einer achtstelligen ID (z.b.: Er wird von unseren Geräten für jeden Ausdruck individuell erstellt und befindet sich ausnahmslos auf allen unseren Ausdrucken. Mithilfe dieses Codes kann jeder Ausdruck in den folgenden 100 Tage beliebig oft und in voller Auflösung geladen und anschließend gespeichert, gepostet und verschickt werden. 03/16 SEITE 9 office@boxasmile.at

10 5. LAYOUT SYSTEMSCREENS 5.1 Formate & Vorgaben EIN INDIVIDUELLES LAYOUT DER SYSTEMSCREENS IST BEI UNSEREM BUSINESS-PAKET MÖGLICH SCREENS Die Screens haben eine Auflösung von 1440 x 900 Pixel und werden im Format JPG benötigt. Unsere Geräte sind mit hochwertigen Touchscreens ausgestattet. Über frei definierbare Bereiche auf diesen Touchscreens können im Zuge der Benutzung verschiedene Funktionen aufgerufen werden. Die Systemscreens zeigen für den Ablauf wichtige Informationen, können aber darüber hinaus größtenteils individuell gestaltet und somit auf die Veranstaltung abgestit werden. Begleitend können auch Soundfiles abgespielt werden. Anstelle der statischen Bilder können auch Videos mit Ton abgespielt werden. Für Informationen hierzu kontaktiere bitte das box a smile Team. SYSTEM SCREEN 03/16 SEITE 10 office@boxasmile.at

11 5. LAYOUT SYSTEMSCREENS 5.2 Technische Umsetzung START SCREEN Der Start-Screen ist der erste Screen, den Benutzer zu sehen bekoen. Hier kann beispielsweise eine Botschaft oder Branding sehr prominent platziert werden. Da der Ablauf durch berühren des Bildschirms mit Touch-Funktion gestartet wird, muss der Start-Screen dementsprechend gestaltet sein (z.b. durch ein gut sichtbares START ). Außerdem können auf dem Start-Screen weitere Tipp-Bereiche (Auswahlmöglichkeiten) für zusätzliche, optionale Funktionen unserer Fotoautomaten dargestellt werden. (z.b.: Facebook-Upload, FTP-Upload, Schwarz-Weiß-Druck, Sepia-Druck, Mehrfachdruck, Unterschiedliche Layouts, Unterschiedliche Formate, etc.) Die Position und Größe der Tipp-Bereiche können frei gewählt werden. 03/16 SEITE 11

12 5. LAYOUT SYSTEMSCREENS 5.2 Technische Umsetzung LIVEBILD SCREENS Für jedes Foto welches von den Gästen/Teilnehmern gemacht wird benötigen wir einen eigenen Screen. Dieser Screen gliedert sich in vier Bereiche: COUNTDOWN LIVEBILD ANGABE DES AKTUELLEN FOTOS TEXTZEILE (Position und Größe sind jeweils frei wählbar, keiner der Bereiche muss gezeigt werden) Das Live-Bild gibt den Gästen/Teilnehmern die Möglichkeit, ihre gewünschte Fotoposition einzunehmen. Es benötigt keinen Platzhalter. Der blaue Rahmen soll nur die ungefähre Größe und Position zeigen. COUNTDOWN wird vom Fotoautomaten eingeblendet LIVEBILD der Kamera in dem sich die Gäste live sehen können. Dieses wird automatisch vom Fotoautomaten eingeblendet. ANGABE DES AKTUELLEN FOTOS zur Orientierung für die Gäste TEXTZEILE mit individuellem Text 03/16 SEITE 12

13 5. LAYOUT SYSTEMSCREENS 5.2 Technische Umsetzung Möchte man aber den Effekt erzielen, dass das Livebild mit einem Rahmen gezeigt wird, so muss ein Rechteck in der Farbe des gewünschten Rahmens an der Position des Livebildes eingesetzt werden. Das Livebild wird dann so positioniert, dass im Betrieb von dem Rechteck nur ein Rand eben der gewünschte Rahmen sichtbar ist. Damit Gäste wissen welches Foto gerade gemacht wird empfehlen wir, die Nuer des aktuellen Fotos farblich hervorzuheben. Ein eigenes Motto für jede Aufnahme bricht das Eis und hebt zusätzlich noch den Spaß am fotografieren. AUFNAHME SCREEN Um den Blick während der Aufnahme in Richtung Kamera zu lenken wird ca. eine Sekunde vor dem Auslösen der Kamera der Aufnahme-Screen gezeigt. Bei unseren Standard-Screens erfolgt dies mit unserem Logo, es kann jedoch auch ein Pfeil, eine kleine Kamera, etc. oben, mittig positioniert werden. Gerne kann auch für jede einzelne Aufnahme ein jeweils anderer Aufnahme-Screen mit geändertem Motiv verwendet werden. 03/16 SEITE 13

14 5. LAYOUT SYSTEMSCREENS 5.2 Technische Umsetzung DRUCK SCREEN Der Druck Screen ist der letzte Screen, den Gäste zu sehen bekoen. Er wird während des Druckes für ca. Sekunden angezeigt und erhält dadurch wahrscheinlich die meiste Aufmerksamkeit der Wartenden. Der Inhalt des Druck-Screens kann vollkoen frei gestaltet werden. Wir empfehlen unbedingt einen Hinweis darauf zu geben, dass der fertige Ausdruck in Kürze seitlich entnoen werden kann und dass mit der aufgedruckten Foto-ID digital heruntergeladen werden kann. CHRONOLOGISCHER SCREEN-ABLAUF Dieses Kapitel zeigt die Abfolge der einzelnen Screens wenn z.b. drei Fotos aufgenoen werden. Je nach Anzahl der gemachten Fotos und bei eventuellen Zusatzfunktionen können weitere Screens notwendig sein. In diesem Fall wird dich dein box a smile Team informieren und unterstützen. SCREEN ABFOLGE ZWECK DES SCREENS FOTO 1. Start-Screen - 2. Live-Bild-Screen 3. Aufnahme-Screen 4. Live-Bild-Screen 5. Aufnahme-Screen 6. Live-Bild-Screen 7. Aufnahme-Screen FOTO 1 FOTO 2 FOTO 3 8. Druck-Screen - 03/16 SEITE 14 office@boxasmile.at

15 6. HINTERGRUNDBILD/GREEN SCREEN FORMATE & VORGABEN GREEN SCREEN HINTERGRUNDBILD Ist ein Bild im Format: JPEG (.jpg) GRÖSSE: mindestens so groß wie das Foto auf dem Ausdruck Beim Green-Screen-Verfahren wird der grüne Fotohintergrund durch ein digitales Hintergrundbild ersetzt. Für jedes Foto des Fotostreifens oder der Fotokarte kann ein anderes Hintergrundbild eingesetzt werden. Im Livebild ist der Hintergrund bereits eingeblendet, so dass die Gäste sich bereits vor dem Hintergrund sehen. 03/16 SEITE 15

16 7. AUTOMATENGESTALTUNG 7.1 Formate & Vorgaben FORMATE & VORGABEN AUTOMATEN GESTALTUNG FOLIERUNG AUTOMAT FÜR SITZENDE VERWENDUNG (genaue Maße siehe Stanze) FOLIERUNG AUTOMAT FÜR STEHENDE VERWENDUNG (genaue Maße siehe Stanze) HÜLLE AUTOMAT FÜR SITZENDE VERWENDUNG (genaue Maße siehe Stanze) HÜLLE AUTOMAT FÜR STEHENDE VERWENDUNG (genaue Maße siehe Stanze) FOLIERUNG AUTOMAT FÜR SITZENDE VERWENDUNG Vorder- und Rückseite: 556 x 1490 Sichtfeld: 550 x 1490 Seitenteile: 406 x 1490 Sichtfeld: 400 x 1490 Deckel: 566 x 4 Sichtfeld: 550 x 400 Druck-Überfüller: + 3 Vorderseite Seitenteil + Auswurf Rückseite Seitenteil , Deckel ,5 102, Foto-Auswurf: Je nachdem ob der Foto-Auswurf links oder rechts gewünscht ist, ist der Seitenteil + Auswurf für die linke oder rechte Seite zu verwenden. Bemaßung: Bezieht sich auf das Sichtfeld. 03/16 SEITE 16 office@boxasmile.at

17 7. AUTOMATENGESTALTUNG 7.1 Formate & Vorgaben FOLIERUNG AUTOMAT FÜR STEHENDE VERWENDUNG Vorder- und Rückseite: 556 x 1940 Sichtfeld: 550 x 1940 Seitenteile: 406 x 1940 Sichtfeld: 400 x 1940 Deckel: 566 x 4 Sichtfeld: 550 x 400 Druck-Überfüller: + 3 Vorderseite Seitenteil + Auswurf Rückseite Seitenteil Deckel , ,5 102, Foto-Auswurf: Je nachdem ob der Foto-Auswurf links oder rechts gewünscht ist, ist der Seitenteil + Auswurf für die linke oder rechte Seite zu verwenden. Bemaßung: Bezieht sich auf das Sichtfeld. 03/16 SEITE 17 office@boxasmile.at

18 7. AUTOMATENGESTALTUNG 7.1 Formate & Vorgaben HÜLLE AUTOMAT FÜR SITZENDE VERWENDUNG ÜBERLAPPUNG 195 Foto-Auswurf ,5 102,5 380 Foto-Auswurf rechts Foto-Auswurf links Foto-Auswurf: Je nachdem ob der Foto-Auswurf links oder rechts gewünscht ist, ist die Vorlage für links oder rechts zu verwenden ÜBERLAPPUNG ,5 102,5 380 Foto-Auswurf /16 SEITE 18 office@boxasmile.at

19 ,5 195 Foto-Auswurf 102, AUTOMATENGESTALTUNG 7.1 Formate & Vorgaben HÜLLE AUTOMAT FÜR STEHENDE VERWENDUNG Foto-Auswurf rechts ÜBERLAPPUNG ,5 102, Foto-Auswurf Foto-Auswurf links ÜBERLAPPUNG Foto-Auswurf: Je nachdem ob der Foto-Auswurf links oder rechts gewünscht ist, ist die Vorlage für links oder rechts zu verwenden /16 SEITE 19 office@boxasmile.at

20 7. AUTOMATENGESTALTUNG 7.2 Beispiele 03/16 SEITE