FR 
العربية 
Български 
Čeština 
Dansk 
Deutsch 
Ελληνικά 
English 
Español 
Suomi 
עברית 
हिन्दी 
Bahasa Indonesia 
Italiano 
日本語 
한국어 
Bahasa Melayu 
Nederlands 
Norsk 
Polski 
Português 
Română 
Русский 
Svenska 
Kiswahili 
ไทย 
Türkçe 
Українська 
Tiếng Việt 
中文 Guide d’utilisation
Ajouter un logo carré et un logo large
Importez un emblème carré et un logotype large, recadrez-les et pivotez-les dans l'app, conservez plusieurs variantes et sachez lequel chaque modèle PDF imprime.
La plupart des entreprises possèdent leur logo sous plus d’une forme. Il y a l’emblème compact qui tient dans un cercle ou un carré, et il y a la version allongée avec le nom de l’entreprise écrit en toutes lettres à côté. Invoice Flow conserve les deux, dans deux emplacements distincts du profil d’entreprise, parce qu’ils ne servent pas à la même chose : l’emblème carré est votre avatar dans l’app et l’élément que certaines mises en page PDF personnalisées impriment, tandis que la version large est celle que les douze modèles de facture intégrés placent dans l’en-tête. Si vous n’avez qu’un seul fichier, vous pouvez tout de même remplir les deux emplacements à partir de lui : l’écran de recadrage permet de découper un carré dans une bannière large, ou une bande large dans une affiche.
Ce guide suit Tidewater Brewing Company, une petite brasserie de Portland, dans le Maine, qui livre des fûts aux bars du quartier d’Old Port. Sa propriétaire, Nora Quinlan, dispose d’un badge rond vert avec les lettres TB et d’un logotype large. Elle veut le badge dans l’app et sur la facture de style artisan qui accompagne les livraisons de fûts, et le logotype sur la facture plus épurée qu’elle envoie aux restaurants.
La configuration du reste du profil a son propre guide ; celui-ci couvre la ligne des logos, l’écran de recadrage qui se cache derrière, et la manière dont les modèles PDF choisissent entre les deux images.
Ce que vous voyez à l’écran
Ouvrez Paramètres (Settings) et touchez la tuile de profil en haut (ou Profils d’entreprise (Business Profiles), puis un profil). Le formulaire qui s’ouvre s’intitule Modifier le profil d’entreprise (Edit Business Profile), et sa première ligne est la ligne des logos. Au premier lancement, la même ligne apparaît sur la deuxième page d’intégration.
La ligne comporte deux emplacements :
- À gauche, une tuile carrée. Au-dessus se trouve un petit menu déroulant qui indique v.1 · 1:1 et liste trois variantes carrées. L’emplacement carré recadre toujours en 1:1 et la taille suggérée est de 1200×1200 px.
- À droite, une tuile plus large qui occupe le reste de la ligne. Son menu déroulant indique 4:1 · 1200×300 px par défaut et propose quatre formats : 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px et 16:9 · 1920×1080 px.
Une tuile vide affiche une icône d’appareil photo avec un plus et un bouton Ajouter (Add) en dessous. Une fois qu’une image occupe l’emplacement, la tuile montre l’image dans ses vraies proportions sur un fond teinté et le bouton devient Modifier (Change). Dans chaque menu déroulant, un cercle coché plein devant une entrée signifie que cette variante contient déjà une image ; un cercle vide signifie qu’elle est libre.
Comment importer un logo dans un emplacement
Le déroulement est le même pour les deux emplacements ; seule la forme du recadrage diffère.
- Dans l'éditeur de profil, touchez la tuile vide ou son bouton Ajouter. L'app ouvre directement votre galerie de photos (il n'y a pas d'option appareil photo pour les logos ; prenez d'abord la photo si nécessaire).
- Choisissez l'image : un PNG, un JPEG ou une capture d'écran de votre papier à en-tête. Le sélecteur accepte jusqu'à 2048 px par côté pour l'emplacement carré et 4096 px pour l'emplacement large.
- L'écran Recadrer l'image (Crop image) s'ouvre avec un cadre verrouillé sur la forme de l'emplacement. Faites glisser avec un doigt pour déplacer l'image, pincez avec deux doigts pour zoomer, ou utilisez les boutons du bas (voir la section suivante).
- Touchez la coche dans le coin supérieur droit. L'app convertit le cadre en PNG et revient à l'éditeur de profil, où la tuile montre désormais votre recadrage et le bouton indique Modifier.
- Faites défiler jusqu'en bas et touchez Enregistrer les modifications (Save Changes) (ou Continuer (Continue) pendant l'intégration). Tant que vous ne l'avez pas fait, le logo n'existe que dans le formulaire ouvert ; quitter l'écran l'abandonne, et l'app vous avertit des modifications non enregistrées à la sortie.
Pour remplir l’autre emplacement à partir du même fichier, répétez les étapes sur l’autre tuile et choisissez à nouveau l’image. Nora choisit le badge pour l’emplacement carré et une bannière avec badge et logotype pour l’emplacement large, puis fait glisser la bannière à l’intérieur du cadre 4:1.
Comment recadrer, pivoter et repositionner
L’écran de recadrage est noir avec le cadre de recadrage au centre. Tout ce qui est visible à l’intérieur du cadre se retrouve dans le logo, y compris le damier clair affiché derrière les zones transparentes : l’image enregistrée est un PNG opaque, pas transparent. Une fine grille blanche selon la règle des tiers vous aide à aligner le texte avec les bords.
Les six icônes du bas n’ont pas d’étiquette texte ; un appui long affiche leur nom. De gauche à droite :
| Icône | Nom (info-bulle à l’appui long) | Ce qu’elle fait |
|---|---|---|
| Réticule dans un cadre | Centrer (Center) | Ramène l’image au milieu du cadre dans les deux directions, en conservant le zoom et la rotation. |
| Barre verticale entre des flèches | Centrer horizontalement (Center horizontally) | Centre uniquement de gauche à droite ; votre position verticale est conservée. |
| Barre horizontale entre des flèches | Centrer verticalement (Center vertically) | Centre uniquement de haut en bas. |
| Flèche courbe avec un carré | Pivoter (Rotate) | Fait tourner l’image de 90 degrés dans le sens horaire à chaque appui. Quatre appuis la ramènent au départ. |
| Cadre avec des flèches | Ajust. auto (Auto-fit) | Zoome pour que l’image couvre tout le cadre sans marge vide (le côté court s’aligne sur le cadre ; le côté long peut être rogné) et la centre. La rotation est conservée. |
| Flèche circulaire | Réinitialiser (Reset) | Remet l’image dans son état initial : centrée, ajustée à l’intérieur du cadre, sans rotation. |
- Touchez d'abord Ajust. auto si l'image a de l'espace vide autour d'elle. Le bouton est désactivé un instant après l'ouverture de l'écran pendant que l'app lit la taille de l'image.
- Faites glisser l'image pour que la partie voulue se trouve dans le cadre. Pincez pour zoomer sur un petit emblème ou dézoomer pour en inclure davantage.
- Si la source a été photographiée de côté, touchez Pivoter une ou deux fois. Une rotation à deux doigts pivote aussi librement selon n'importe quel angle ; utilisez-la pour redresser un scan légèrement incliné.
- Touchez Centrer pour ramener l'image au milieu une fois le zoom satisfaisant, ou l'un des deux boutons à axe unique si une seule direction a dérivé.
- Touchez Réinitialiser pour recommencer, ou le X en haut à gauche pour laisser l'emplacement inchangé.
- Touchez la coche pour conserver le recadrage.
Pour recadrer à nouveau un logo déjà en place, touchez Modifier et choisissez Recadrer l’image. L’écran de recadrage s’ouvre sur l’image stockée, c’est-à-dire le recadrage précédent et non l’original : si vous avez trop coupé la première fois, utilisez Remplacer l’image (Replace image) et choisissez à nouveau l’original.
Comment remplacer, recadrer ou supprimer un logo
Dès qu’un emplacement contient une image, le bouton Modifier ne va plus directement à la galerie. Il ouvre une courte feuille en bas de l’écran avec trois choix.
- Touchez Modifier sous l'emplacement que vous voulez éditer.
- Choisissez Remplacer l'image pour prendre un nouveau fichier dans la galerie et le recadrer, Recadrer l'image pour rouvrir l'écran de recadrage sur l'image actuelle, ou Supprimer (Delete) pour vider l'emplacement.
- Pour Supprimer, confirmez dans la boîte de dialogue intitulée Supprimer cette entrée ? (Remove this entry?) en touchant le bouton rouge Supprimer, ou revenez en arrière avec Annuler (Cancel).
- Touchez Enregistrer les modifications en bas du formulaire. Comme l'indique le texte de la boîte de dialogue, la suppression n'est appliquée qu'à l'enregistrement du formulaire.
La suppression ne concerne qu’une variante, celle actuellement sélectionnée dans le menu déroulant de l’emplacement. Si l’emplacement large affiche 4:1 et que vous supprimez, la version 16:9 importée plus tôt reste intacte.
Comment conserver plusieurs versions d’un logo
Chaque emplacement stocke plusieurs images indépendantes. L’emplacement carré a trois versions numérotées (v.1, v.2, v.3), toutes en 1:1, et l’emplacement large a une image par rapport d’aspect. Le menu déroulant au-dessus de la tuile fait deux choses à la fois : il change l’image que la tuile affiche et modifie, et il marque cette image comme active, c’est-à-dire la version utilisée par le reste de l’app.
- Ouvrez le menu déroulant au-dessus de l'emplacement et choisissez une entrée vide (cercle vide), par exemple v.2 · 1:1 ou 16:9 · 1920×1080 px.
- La tuile se vide et le bouton indique Ajouter. Touchez-le, choisissez l'image, recadrez-la dans le cadre de ce format et confirmez.
- Ouvrez de nouveau le menu déroulant et sélectionnez l'entrée que vous voulez comme valeur par défaut au quotidien. Cette entrée devient la variante active.
- Touchez Enregistrer les modifications.
Nora garde le badge standard en v.1 et une version hivernale en v.2 ; en décembre, elle bascule le menu déroulant sur v.2 et enregistre. Dans l’emplacement large, elle a le logotype 4:1 et une version empilée en 16:9.
Changer le menu déroulant large ne redimensionne jamais une image existante ; choisir 2:1 affiche simplement l’image 2:1, vide ou non. Pour le même visuel dans un second format, importez-le à nouveau sous ce format.
Comment les modèles décident quel logo imprimer
Il existe deux familles de mises en page PDF dans Invoice Flow, et elles traitent les deux emplacements différemment.
Les modèles intégrés (Clean, Professional, Modern, Classic et le reste des douze que vous choisissez sous Sélectionner un modèle (Select Template) dans l’éditeur de facture) impriment toujours le logo large. L’image est placée dans une boîte de 60×60 pt dans l’en-tête, proportions conservées, de sorte qu’un logotype 4:1 devient une bande de 60 pt de large et 15 pt de haut, au-dessus ou à côté des coordonnées de l’entreprise selon le modèle. L’emblème carré n’est jamais utilisé par ces modèles.
Les modèles personnalisés de la galerie de modèles et de l’éditeur visuel contiennent des éléments distincts appelés Logo carré (Square logo) et Logo large (Wide logo). Une mise en page imprime les éléments qu’elle contient. Parmi les préréglages prêts à l’emploi, par exemple, Trades, Clean (dans le groupe Modern), Centered et Dense placent l’emblème carré, tandis que Business, Services, Accent stripe, Statement et Airy placent le large. L’élément carré s’imprime à 60×60 pt ; l’élément large fait 40 pt de haut et aussi large que ses proportions le permettent, ce qui convient bien mieux à un logotype que la boîte d’en-tête des modèles intégrés.
Pour rendre une facture avec une mise en page à logo carré, ouvrez Paramètres, puis Modèles personnalisés (Custom templates), choisissez un préréglage dans la Galerie de modèles (Template gallery) (ou construisez le vôtre avec un élément Logo carré) et touchez Utiliser (Use). Ensuite, dans l’éditeur de facture, choisissez ce modèle dans la carte Modèle personnalisé (Custom template) sous Sélectionner un modèle. Les guides sur les modèles et l’éditeur de modèles personnalisés détaillent tout cela.
Pour l’emplacement large, il existe une commande supplémentaire dans l’éditeur de facture. Lorsque votre profil compte deux versions larges ou plus, une carte Variante de logo (Logo variant) apparaît sous la sélection du modèle avec une vignette par rapport d’aspect et un bouton Utiliser le défaut du profil (Use profile default). Toucher une vignette fait imprimer cette version sur cette facture au lieu de la version active du profil ; le choix est enregistré avec la facture. Une carte équivalente Variante de logo carré (Square logo variant) existe pour les trois versions carrées.
Règles et détails
- Rien concernant les logos n’est enregistré tant que vous n’avez pas touché Enregistrer les modifications ou Continuer. Ajouter, recadrer, supprimer et changer la variante active restent dans le formulaire ouvert jusque-là.
- Le recadrage de chaque emplacement est verrouillé sur sa forme : 1:1 pour l’emplacement carré, et le rapport d’aspect actuellement choisi dans le menu déroulant pour l’emplacement large.
- Le recadrage est rendu depuis l’écran à deux à quatre fois la densité d’affichage. Sur un téléphone classique, cela donne un logo carré d’environ 2000 px, assez net pour l’impression. Le résultat est un PNG sans perte, mais il est capturé avec le fond clair du cadre derrière lui, de sorte que les zones transparentes de la source ressortent comme le damier pâle et non comme de la transparence, et les fines lignes de la grille peuvent aussi être capturées.
- La variante carrée active est ce que l’app affiche comme avatar sur la tuile de profil des Paramètres et dans la liste Profils d’entreprise. S’il n’existe aucun logo carré, l’avatar se rabat sur le logo large, puis sur vos initiales.
- Dupliquer un profil depuis la liste Profils d’entreprise copie toutes les versions de logo dans le nouveau profil.
- Les modèles intégrés impriment uniquement le logo large. Si la version large active est vide, l’en-tête n’a simplement pas de logo ; l’emblème carré ne prend pas le relais.
- Dans les modèles personnalisés, l’élément Logo carré imprime la variante carrée active du profil. La carte Variante de logo carré par facture définit une valeur sur la facture, mais le moteur de rendu personnalisé lit actuellement la variante active du profil plutôt que ce remplacement ; le remplacement Variante de logo pour les logos larges est respecté par les deux familles de modèles.
- Les outils de logo eux-mêmes ne sont pas restreints, mais ouvrir l’éditeur de profil depuis les Paramètres nécessite un essai actif ou un abonnement Pro, comme les autres écrans des Paramètres.
- Les profils créés dans d’anciennes versions de l’app qui n’avaient qu’un seul champ de logo continuent de fonctionner : cette image est chargée dans l’emplacement large (sous le rapport d’aspect actif) jusqu’à ce que vous la remplaciez. L’emplacement carré commence vide.