Photos et déclinaisons

Tes photos du commerce ont été prises en séance photo, sur ton téléphone. Il faut d’abord les mettre sur l’ordinateur, dans kit/photos. Il en faut deux : une photo d’ambiance (la devanture, l’intérieur) et une photo d’un produit posé sur un fond uni.

1. Avec un câble : branche ton téléphone. Android : choisis Transfert de fichiers sur le téléphone. iPhone : touche Se fier (ou « Faire confiance »). Puis, dans l’Explorateur : Ce PC › ton téléphone › DCIM.C’est bon si tu vois les vignettes de tes photos.Sans câble : envoie-les-toi (OneDrive, Google Photos, mail à toi-même, AirDrop vers un Mac), puis enregistre-les.
2. Copie tes meilleures photos dans kit/photos. Renomme-les simplement : ambiance.jpg, produit.jpg.C’est bon si elles sont dans kit/photos, à côté des photos d’exemple.Photos d’iPhone en .HEIC qu’Affinity n’ouvre pas ? Envoie-les-toi par mail (elles partent souvent en JPEG). Pour la prochaine fois : Réglages › Appareil photo › Formats › Le plus compatible.
3. Ouvre ton fichier : Fichier › Ouvrir… (Ctrl+O), kit/kit-boulangerie.af.C’est bon si ton post de la séance 1 s’affiche.

Ici, recadrer veut dire faire glisser la photo dans son cadre : ce qui dépasse est caché, pas effacé. Tu peux changer d’avis à tout moment.

1. Fichier › Insérer… (Ctrl+Maj+M, Mac ⇧+⌘+M) : choisis ta photo d’ambiance dans kit/photos, puis Ouvrir.C’est bon si la fenêtre se ferme et le pointeur attend que tu poses l’image.Pas Ouvrir… : il ouvrirait la photo seule, dans un autre onglet. Insérer… la pose dans ton kit.

   

2. Clique une fois sur le plan de travail.C’est bon si la photo apparaît, et une nouvelle ligne (la photo) s’ajoute en haut du panneau Calques.
3. Panneau Calques : fais glisser la ligne de la photo et lâche-la sur le nom cadre-photo (pas sur sa vignette). Une surbrillance bleue apparaît sur le nom.C’est bon si la photo ne se voit plus qu’à l’intérieur du cadre, et sa ligne est rangée sous cadre-photo.Raté ? Ctrl+Z, puis recommence en lâchant bien sur le nom.
4. Pour la déplacer dans le cadre : clique la ligne de la photo dans Calques (ou Ctrl+clic sur la photo), puis fais-la glisser avec l’outil Déplacer.C’est bon si la photo bouge, le cadre reste en place.
5. Pour l’agrandir sans la déformer : panneau Transformer, vérifie que la petite chaîne lie L et H, puis tape une largeur L plus grande.C’est bon si quand tu changes L, H change tout seul, et la photo couvre tout le cadre, sans bande vide.
6. Choisis ce qu’on voit : le sujet plutôt sur un côté qu’au centre, et rien de coupé au mauvais endroit (une tête, l’enseigne).C’est bon si on comprend en une seconde de quel commerce il s’agit.

1. Calques : clique la ligne de la photo.C’est bon si elle est en surbrillance bleue.
2. En bas du panneau Calques, clique le bouton Réglages (le rond à moitié rempli ; son nom s’affiche au survol), puis Luminosité/Contraste.C’est bon si une petite fenêtre avec des curseurs s’ouvre, et une ligne de réglage apparaît dans Calques.
3. Monte doucement le curseur de luminosité, puis un peu le contraste. Regarde la photo, pas le curseur.C’est bon si la photo est plus claire, sans devenir grise ni délavée.
4. Ferme la petite fenêtre (sa croix). Pour comparer, clique l’œil de la ligne de réglage, puis rallume-le.C’est bon si seule la photo change.Le fond ou les textes changent aussi ? Fais glisser la ligne de réglage sur le nom de la photo, dans Calques : il ne s’applique plus qu’à elle.

Détourer, c’est garder le produit et cacher le fond. Ça marche bien quand le produit est posé sur un fond uni et contrasté. Tu travailles sur la photo seule, dans un second onglet.

1. Fichier › Ouvrir… (Ctrl+O) : ta photo de produit (ou produit-nappe.jpg).C’est bon si elle s’ouvre dans un nouvel onglet, à côté de ton kit.
2. Clique le bouton du studio Pixel, en haut.C’est bon si la colonne d’outils change.
3. Touche W (appuie plusieurs fois si besoin) : le Pinceau de sélection.C’est bon si la barre contextuelle affiche Mode, Taille et le bouton Ajuster….
4. Peins à l’intérieur du produit, par petits coups.C’est bon si des pointillés suivent le bord du produit.
5. La sélection déborde sur le fond ? Maintiens Alt (Mac ⌥) et peins la zone en trop.C’est bon si les pointillés collent au bord du produit.
6. Bord irrégulier ? Clique Ajuster… : dans la fenêtre Affiner la sélection, monte un peu le Lissage, puis Appliquer. (Étape facultative.)C’est bon si le bord est plus régulier.Laisse Sortie sur Sélection : le masque se fait à l’étape suivante.

   

7. En bas du panneau Calques, clique le bouton Masque de calque (le rond plein).C’est bon si le fond disparaît (damier gris et blanc) et une ligne Masque apparaît dans Calques.
8. Fichier › Exporter › Exporter : PNG, Zone : Document entier, Exporter…. Dans kit/photos, nomme-le produit-detoure.png.C’est bon si le fichier est dans kit/photos. (PNG garde la transparence ; JPEG remettrait un fond blanc.)
9. Ferme cet onglet (sa croix). Affinity demande s’il faut enregistrer : Non.C’est bon si il ne reste que l’onglet de ton kit.
10. Dans ton kit : Fichier › Insérer… produit-detoure.png, un clic dans la zone grise, à côté de ta palette.C’est bon si le produit apparaît sans fond. Il attend dans la zone grise : il servira dans le carrousel.

Une story se voit en plein écran : 1080 × 1920. En haut, l’avatar et la barre de progression cachent 250 px. En bas, le champ de réponse cache 340 px. Le fond peut y aller, le texte jamais.

1. Outil Plan de travail : le 2e outil de la colonne, juste sous la flèche.C’est bon si au survol, l’info-bulle dit « Outil Plan de travail ».
2. Dans la zone grise, à droite de ton post, glisse pour tracer un rectangle.C’est bon si un nouveau plan de travail apparaît, avec sa ligne dans Calques. à vérifierRien ne se crée ? Solution sûre : Fichier › Nouveau… en 1080 × 1920 (réglages de la séance 1) et fais ta story dans un second fichier, kit/story.af.
3. Panneau Transformer (chaîne déliée) : L 1080, H 1920, puis X 1200, Y 0.C’est bon si un plan de travail haut et étroit se tient à droite du carré, sans le toucher.
4. Calques : double-clique son nom, tape boulangerie-story, Entrée.C’est bon si la ligne s’appelle boulangerie-story.
5. Le fond : outil Rectangle (U), trace un rectangle dans la story. Transformer : L 1080, H 1920. Couleur : ta couleur claire. Puis Alignement : 2e icône de chaque ligne (centrer), Aligner sur : Plan de travail pour les deux lignes, Appliquer. Renomme-le fond.C’est bon si toute la story prend ta couleur claire, et fond est rangé sous boulangerie-story dans Calques.Rangé ailleurs ? Glisse sa ligne sur le nom boulangerie-story.
6. Copie : dans Calques, clique cadre-photo de ton post, puis Maj+clic sur le groupe textes. Ctrl+C, puis Ctrl+V : les copies se posent par-dessus les originaux, déjà sélectionnées.C’est bon si Calques montre un deuxième cadre-photo et un deuxième textes, sélectionnés.
7. Sans cliquer ailleurs, outil Déplacer : fais glisser les copies jusque dans la story. Place-les en colonne : la photo en haut (sous la bande de 250 px), les textes en dessous. Déplace, n’étire pas.C’est bon si rien n’est déformé, et dans Calques les copies sont rangées sous boulangerie-story.Rangées ailleurs ? Glisse leurs lignes sur le nom boulangerie-story, dans Calques.
8. La bande du haut : un rectangle (U) dans la story. Transformer : L 1080, H 250. Couleur : FF0000, puis Opacité 40 % (en haut du panneau Calques). Alignement : centrer horizontalement, et 1re icône de la ligne Aligner verticalement (en haut), Aligner sur : Plan de travail, Appliquer. Renomme-le zone-haut.C’est bon si une bande rouge transparente couvre le haut de la story.
9. La bande du bas : pareil avec H 340 et la 3e icône de la ligne verticale (en bas). Renomme-la zone-bas.C’est bon si une bande rouge transparente couvre le bas de la story.
10. Vérifie : aucun texte, aucun prix, aucun nom ne touche une bande rouge. Le fond et la photo, si.C’est bon si les bandes ne recouvrent que du fond ou de la photo. Garde-les allumées pour travailler : on les éteint juste avant l’export.

Un carrousel, ce sont plusieurs carrés qu’on fait défiler du doigt. Trois suffisent, à condition qu’ils se suivent.

Image	Son rôle	Exemple
1	L’accroche : donner envie de glisser	« Notre secret ? » et un petit « 1/3 → »
2	Le contenu promis	Le produit détouré, « Un levain de 24 h, pétri à la main »
3	L’appel à l’action	« Passez nous voir », l’adresse, les horaires

1. Calques : clique la ligne boulangerie-post, puis Ctrl+J (Mac ⌘+J) : dupliquer.C’est bon si une deuxième ligne de plan de travail apparaît, avec le même contenu.
2. La copie sélectionnée, Transformer : X 0, Y 2100. Renomme-la boulangerie-carrousel-1.C’est bon si un carré identique se tient sous ton post, sans le toucher.
3. Recommence deux fois à partir de boulangerie-post : boulangerie-carrousel-2 (X 1200, Y 2100) et boulangerie-carrousel-3 (X 2400, Y 2100).C’est bon si trois carrés côte à côte, sous ton post, nommés -1, -2 et -3.
4. Image 1 : outil Texte artistique (T), clique dans l’accroche et retape-la en question ou en promesse. Ajoute en bas à droite un petit texte « 1/3 → ».C’est bon si on a envie de faire glisser.
5. Image 2 : Ctrl+clic sur sa photo (ou clique sa ligne dans Calques, sous boulangerie-carrousel-2) et appuie sur Suppr : le cadre garde ta couleur principale. Puis, avec l’outil Déplacer, fais glisser le produit détouré de la zone grise jusque sur l’image 2. Retape l’accroche : ce que tu as promis en image 1.C’est bon si le produit, sans fond, est posé sur ta couleur, et dans Calques il est rangé sous boulangerie-carrousel-2.Rangé ailleurs ? Glisse sa ligne sur le nom boulangerie-carrousel-2.
6. Image 3 : l’appel à l’action en grand, l’adresse et les horaires bien lisibles.C’est bon si on sait où aller, et quand.
7. Recule de deux pas et regarde les trois carrés.C’est bon si même fond, mêmes polices, nom du commerce au même endroit : ils se lisent comme une suite.

1. Calques : éteins zone-haut et zone-bas (clique leur œil).C’est bon si plus de bande rouge sur la story.
2. Clique le bouton aux trois points verticaux, à droite des boutons des studios (le Gestionnaire de Studio). Allume l’interrupteur Tranche.C’est bon si un bouton Tranche apparaît dans la barre du haut. (Une seule fois : il reste là.)
3. Clique le bouton Tranche.C’est bon si à droite, le panneau Tranches liste une ligne par plan de travail, à son nom : 5 lignes.
4. En haut à droite, Options d’exportation : Préréglage : PNG.C’est bon si Préréglage affiche PNG.
5. En bas à droite, clique Exporter les tranches (5) et choisis le dossier kit/exports.C’est bon si 5 fichiers PNG sont dans kit/exports, aux noms de tes plans de travail.Windows propose de remplacer boulangerie-post.png ? Oui : c’est la nouvelle version.
6. Vérifie deux tailles (clic droit › Propriétés › Détails) : la story, puis un carré du carrousel.C’est bon si story 1080 × 1920, carré 1080 × 1080.
7. Reviens au studio Vecteur. Ctrl+S.C’est bon si pas d’étoile à la fin du nom de l’onglet.

1. Copie tout ton dossier kit sur ta clé USB ou ton OneDrive.C’est bon si tu retrouves ton .af, photos et exports sur la copie.
2. Montre tes 5 PNG à ton formateur.C’est bon si il les a vus. Tu ne rends rien aujourd’hui : on vérifie et on rend en séance 3.