Éditeur de mise en page

Une mise en page détermine l'aspect de l'image finie : combien de photos s'y trouvent, où elles se placent, ce qui les entoure. Les mises en page appartiennent à l'événement.

L'éditeur s'ouvre par « Éditeur de mise en page » dans le menu ou par l'icône en haut de l'administration.

Comment il est construit#

La barre d'en-tête se trouve en haut. À gauche figurent « Retour », le clavier virtuel et le menu des mises en page, qui affiche le nom et la taille de la mise en page ouverte. On y passe d'une mise en page à l'autre – chacune avec une petite vignette –, et il contient « Nouveau », « Dupliquer », « Exporter le layout », « Importer un layout » et « Supprimer ». Au milieu suivent « Canevas », « Insérer » et « Emplacements photo », à droite annuler, rétablir, les raccourcis (?), « Aperçu », « Impression test », « Réinitialiser » et « Enregistrer ». Les calques et les propriétés se trouvent à droite du canevas.

Plus de place pour le canevas#

Le menu de droite se replie avec le bouton fléché sur son bord. C'est utile sur les tablettes et les petits écrans dès qu'il s'agit d'ajuster finement et que le canevas paraîtrait sinon trop petit. À la prochaine ouverture de l'éditeur, il est de nouveau déplié.

Sur les écrans étroits, les zones sont empilées et l'éditeur occupe exactement la hauteur de l'écran : en haut la barre d'en-tête, qui passe si besoin sur plusieurs lignes, en dessous le canevas, en bas le menu. Celui-ci se replie vers le bas, et le canevas s'agrandit dans l'espace libéré.

Le canevas#

« Canevas » dans la barre d'en-tête ouvre la taille et l'arrière-plan de la mise en page. La taille se compte en pixels de l'image finie ; pour une impression à 300 dpi sur 10 × 15 cm, cela fait 1800 × 1200. Le bouton ⇄ entre largeur et hauteur inverse portrait et paysage. Une taille utilisée souvent s'enregistre comme modèle et se retrouve ensuite dans toutes les mises en page.

Créer une mise en page#

1. Dans le menu des mises en page de la barre d'en-tête, cliquer sur "Nouveau" et choisir le format, en accord avec le format du papier (6 × 4 ou bande photo par exemple). La boîte de dialogue présente les formats enregistrés sous forme de vignettes avec un aperçu du rapport d’aspect; des dimensions personnalisées se saisissent en dessous. Le nom et la description de la mise en page se saisissent dans la même étape.
2. Insérer les emplacements avec "Insérer" > "Emplacement photo" et les disposer. "Emplacements photo" > "Disposition" place en une fois des répartitions courantes d'un à six emplacements.
3. Ajouter graphiques et textes avec "Insérer" — logo, date, prénoms, cadres.
4. Régler l'ordre par les calques : ce qui doit passer par-dessus la photo monte en haut.
5. Enregistrer, puis vérifier dans l'aperçu.
6. Dans « Modes de prise de vue et attribution des mises en page », activer la mise en page pour le mode voulu.

Plusieurs éléments se sélectionnent ensemble avec la touche Ctrl enfoncée, puis s'alignent. À partir de trois éléments, les deux boutons sous l'alignement les répartissent uniformément – par exemple une rangée d'emplacements photo ou de logos.

L'élément sélectionné affiche huit poignées pour la taille et, au-dessus, un point pour la rotation — pour les emplacements photo comme pour les textes, images, formes et codes QR. Les quatre poignées rondes aux angles modifient la largeur et la hauteur ensemble, les quatre poignées carrées au milieu des bords un seul côté : celles des côtés la largeur, celles du haut et du bas la hauteur. Sur un emplacement photo au format fixe, ce format ne vaut qu'aux angles ; une poignée de bord permet de le quitter volontairement. Sur un texte, la police ne grandit qu'aux angles — les poignées latérales règlent la largeur à laquelle le texte revient à la ligne. Les petits éléments ne gardent que les quatre angles, sinon les poignées se chevaucheraient. Les éléments non sélectionnés restent sans poignées afin de ne pas intercepter les clics des autres.

Aux coins, images, graphiques, formes et codes QR gardent leurs proportions ; en tirant avec Maj maintenue, on les modifie librement. Les poignées au milieu des bords ne changent toujours qu'un côté.

Lors du déplacement d'un seul élément, celui-ci s'aimante aux bords et aux centres des autres éléments ainsi qu'au bord et au centre du canevas ; une fine ligne montre le repère atteint. La case « Aimanter aux autres éléments » sous les boutons d'alignement désactive ce comportement, et la touche Alt maintenue le suspend le temps d'un déplacement.

Les touches fléchées déplacent l'élément sélectionné d'un pixel, avec Maj de dix. Ctrl+C et Ctrl+V copient des éléments, y compris vers une autre mise en page ; Ctrl+D ou le bouton « Dupliquer » de la section Élément pose une copie légèrement décalée à côté. Le bouton « ? » de la barre d'en-tête, ou la touche ?, affiche tous les raccourcis et poignées.

Pour un travail précis, la vue s'agrandit : Ctrl+molette zoome autour du pointeur, Ctrl+plus et Ctrl+moins par pas, tout comme les boutons en bas à droite de la zone de travail. Le pourcentage indique la taille par rapport à l'image finale ; un clic dessus ou Ctrl+0 ajuste de nouveau la zone. Agrandie, la molette fait défiler la vue, et Espace ou le bouton central de la souris maintenus permettent de la déplacer.

Un cadre de sélection choisit plusieurs éléments à la fois : glisser sur une zone vide, chaque élément touché par le cadre est sélectionné. Avec Ctrl maintenue, ils s'ajoutent à la sélection existante. Un clic sur une zone vide annule la sélection.

Dans la liste des calques, la poignée ⠿ à gauche de chaque ligne avance ou recule un calque par glisser – à la souris comme au doigt. Une ligne indique où il arrivera.

Le cadenas de la liste des calques protège un élément contre un déplacement involontaire – utile pour une image de fond ou un cadre qui gêne pendant le travail sur les textes et les emplacements. Sur le canevas, un élément verrouillé ne se saisit ni ne tourne, et un clic dessus atteint l'élément situé en dessous. L'alignement, les touches fléchées et le cadre de sélection le laissent en place. Il reste sélectionnable par la liste des calques, et ses réglages restent modifiables. Le cadenas ouvert n'apparaît que sur la ligne sous le pointeur et sur la ligne sélectionnée.

Une grille peut également être affichée et, indépendamment, activée comme deuxième aide à l'aimantation ; le pas et la couleur sont libres. Le pas se compte en pixels du canevas, pas en pixels d'écran. Si un élément s'aimante en même temps à un autre élément, c'est ce dernier qui l'emporte — c'est presque toujours ce qui était visé.

Images de fond et de cadre#

Un fond ou un cadre est un élément comme un autre : l'insérer avec Insérer > Image et le placer au bon endroit dans la liste des calques. Sous les emplacements photo, il devient un fond ; au-dessus, un cadre. Une mise en page peut contenir plusieurs images, par exemple un fond et un cadre ensemble.

Une image au moins aussi grande que le canevas le remplit entièrement à l'insertion. Si elle est plus grande, l'éditeur propose d'ajuster le canevas à la taille de l'image. Les images plus petites restent au centre à leur taille d'origine.

Emplacements photo > Détecter depuis le cadre lit les découpes transparentes du calque d'image sélectionné et y crée les emplacements photo. C'est utile avec des cadres tout prêts comportant des ouvertures. Si le cadre gêne ensuite, le cadenas de la liste des calques aide.

Effets#

Le rayon des angles, l'ombre portée, l'ombre/lueur intérieure, la bordure et le halo existent pour les éléments et pour les emplacements photo. Sur un emplacement, l'effet porte sur la photo insérée. La boîte de dialogue s'ouvre comme pour un élément : double-clic sur l'emplacement, double-clic dans la liste des calques ou le crayon qui s'y trouve. Pour un texte, les effets se trouvent dans la section « Texte » du panneau latéral droit.

La case « Appliquer les effets à tous les emplacements photo » de la boîte de dialogue de l'emplacement donne à tous les emplacements les mêmes effets – pratique pour les bandes photo et les collages où chaque image doit être encadrée de la même façon. Le nom et la position de prise de vue restent propres à chaque emplacement, et un seul « Annuler » revient en arrière pour tous.

L'opacité dans la même boîte de dialogue s'applique à tout l'élément, ombre, bordure et halo compris – par exemple pour un logo discret servant de filigrane. L'ombre a en plus sa propre opacité ; elle l'adoucit sans éclaircir l'élément lui-même.

La molette règle la direction de l'ombre portée : la ligne indique où tombe l'ombre. Le glissement la fait tourner, les touches fléchées d'un degré, avec la touche majuscule de quinze. L'angle et la distance figurent à côté sous forme de nombres.

Le rayon des angles arrondit photos, images, codes QR, rectangles et textes avec arrière-plan ; ombre, bordure et halo suivent l'arrondi. Sans rayon, le canevas montre tout à angles droits, tel que dans l'image finie.

Au lieu d'une couleur, une bordure peut porter un dégradé (« Remplissage ») : or, argent, or rose et bronze sont fournis comme modèles, ainsi qu'un dégradé personnalisé à deux couleurs. Une molette propre règle la direction. Les dégradés métalliques sont élégants sur fond clair comme sombre et conviennent aux mariages et aux anniversaires. Les formes proposent les mêmes dégradés sous « Remplissage » dans la boîte de dialogue de la forme.

L'ombre intérieure tombe du bord vers l'intérieur de l'élément. Avec une couleur foncée et un peu de distance, une photo ou un texte paraît gravé ; avec une couleur claire et une distance de 0, le bord brille vers l'intérieur.

Visible sur la photo et sur le tirage#

Chaque élément possède un réglage « Visible dans ». Il détermine si l'élément apparaît partout, uniquement sur le tirage ou uniquement dans la photo enregistrée.

Les éléments qui n'apparaissent pas partout sont affichés atténués et avec un badge sur la zone de travail.

Imprimer le code QR d'image unique#

Un élément QR connaît trois cibles : l'album web, une adresse personnalisée et l'image unique. Le code image unique mène exactement à cette prise de vue et figure toujours uniquement sur le tirage — à l'écran, l'invité reçoit déjà le code, sur papier c'est le seul moyen.

Modifier un texte#

Le texte s'écrit directement sur la zone de travail. Insérer > Texte place un nouveau texte au centre ; le texte provisoire est sélectionné et remplacé dès la première frappe. Un double-clic sur un texte existant – sur la zone de travail ou dans la liste des calques – l'ouvre pour modification.

Pendant la saisie, une barre au-dessus du texte propose la police, la taille, la couleur, le gras et l'italique, l'alignement et « Insérer un champ » pour les valeurs dynamiques. Chaque modification apparaît aussitôt sur la zone de travail ; le curseur et la sélection restent en place. « Autres réglages » mène à la section « Texte » du panneau latéral droit. Elle réunit tous les réglages du texte sélectionné, avec la visibilité et les effets ; chaque modification s'applique aussitôt.

• Entrée commence une nouvelle ligne.
• La coche verte, un clic à côté du texte ou Ctrl+Entrée valident le texte.
• La croix ou Échap abandonnent les modifications. Un texte tout juste inséré disparaît alors.
• Un texte vide est supprimé à la validation ; « Annuler » le fait revenir.

Pour un texte pivoté, la barre reste horizontale au-dessus, afin de rester facile à atteindre.

La poignée ⠿ à gauche permet de glisser la barre ailleurs, par exemple quand elle masque quelque chose. Elle y reste aussi pour les textes suivants ; un double-clic sur la poignée la replace près du texte.

L'espacement des lettres et l'interligne se trouvent dans la section « Texte » du panneau latéral. L'espacement compte en millièmes de la taille de police, comme l'approche dans les logiciels graphiques : 0 correspond à l'espacement de la police, 100 ajoute un dixième de la taille entre deux caractères, les valeurs négatives les rapprochent. Des capitales largement espacées rendent souvent un titre plus élégant. L'interligne compte en pourcentage ; 100 % correspond à l'espacement habituel, les anciennes mises en page restent donc inchangées.

Un texte peut recevoir un arrière-plan coloré (« Arrière-plan » dans la section « Texte »). Son cadre garde alors la taille dessinée au lieu de se resserrer sur les lettres – pratique pour un bandeau ou un badge nominatif.

Un contour (« Contour (px) » et « Couleur du contour ») entoure les lettres. Il garde un texte clair lisible même sur des photos claires, par exemple une écriture blanche au contour sombre au-dessus d'un emplacement photo. Sous « Remplissage », l'écriture peut porter un dégradé au lieu d'une couleur, avec les mêmes modèles que la bordure – or pour « Mr & Mrs », argent pour un anniversaire.

Textes dynamiques#

Un texte peut reprendre des informations de l'événement au lieu d'être saisi en dur. Une seule mise en page suffit alors pour de nombreuses occasions : un événement dupliqué porte son propre nom et sa propre date sans que la mise en page soit touchée.

La section « Texte » du panneau latéral propose sous le champ des boutons, un par information disponible ; pendant la saisie sur la zone de travail, « Insérer un champ » les énumère. Un clic insère le raccourci correspondant au point d'insertion. Texte fixe et raccourcis peuvent être mélangés, par exemple « Mariage de {eventname} » ou « {eventname} le {datumstart} ».

Les valeurs sont insérées au moment de la création de l'image — dans la photo enregistrée, sur le tirage, dans la vignette d'aperçu et dans l'aperçu en direct de l'écran de prise de vue. La mise en page conserve toujours le raccourci. Une modification du nom de l'événement agit donc dès la prochaine prise de vue ; aucune mise à jour des mises en page n'est nécessaire.

Sur le plan de travail, un tel élément affiche la valeur de l'événement chargé et porte un contour pointillé. Un raccourci mal orthographié est signalé dans la section « Texte » avant d'arriver sur un tirage.

Si une information est vide — la note d'un événement sans note, par exemple — le texte est omis. Si le champ se retrouve entièrement vide, l'élément n'est pas dessiné. Une véritable accolade s'écrit en double : {{ et }}.

Polices#

Les textes utilisent les polices installées. S'il en manque une, l'éditeur le signale explicitement — sinon l'image imprimée différerait de l'aperçu.

Le texte peut aussi être mis en gras et en italique. Si une police n'a pas de style propre pour cela, il est imité ; avec un vrai style, le rendu est généralement plus harmonieux.

La liste des polices affiche, à côté de chaque nom, un exemple écrit dans la police correspondante. Une police reconnue seulement à son allure se retrouve ainsi en faisant défiler la liste ; un champ de recherche au-dessus de la liste restreint les noms.

Les polices appartiennent à l'événement et voyagent avec un préréglage ou un paquet d'événement.

Import et export#

• Exporter le layout dans le menu des mises en page de la barre d'en-tête écrit un fichier ZIP avec la mise en page et ses graphiques.
• Importer un layout le relit — y compris sur une autre borne.
• Les modèles aux formats dslrBooth et LumaBooth s'importent aussi directement, tels qu'ils sont vendus par les fournisseurs de modèles.
• Les valeurs de couleur de dslrBooth ou LumaBooth se saisissent dans le champ texte à côté de chaque champ de couleur. Les deux programmes notent les couleurs sur huit chiffres, par exemple "#FFE9E8E4" – les deux premiers indiquent l'opacité. Le champ comprend cette notation ; pour ne saisir que six chiffres, il faut prendre les six derniers.
• Les cadres et les ombres des emplacements photo sont repris à l'importation, tout comme les cadres autour des graphiques. Un modèle importé auparavant ne les montre qu'après une nouvelle importation.
• Les codes QR et les éléments "Date" et "Date et heure" sont également repris, ces derniers comme textes dynamiques. Les réponses au sondage, la signature, le numéro de session et le nom de fichier n'existent pas ici ; après l'importation, l'éditeur indique ce qui manque.
• Les formes – rectangle, ellipse, ligne et étoile – sont reprises avec remplissage, contour et ombre.