Magic Canvas : créez des visuels dans votre navigateur, à la main ou en le disant

L'écran de démarrage comporte trois parties. Décrivez-le, aiKit le crée : saisissez ou dictez ce dont vous avez besoin (à qui il s'adresse, ce qu'il doit dire, l'ambiance) et choisissez un format dans la liste, puis appuyez sur Créer mon visuel. L'éditeur s'ouvre et la mise en page est construite sous forme de calques réels que vous pouvez modifier ; ce qu'aiKit n'a pas pu faire est listé d'abord sous Pas encore disponible. Les informations comme les numéros de téléphone, les prix et les adresses ne sont utilisées que si vous les avez saisis ; sinon, vous verrez un espace réservé entre crochets, comme [Téléphone], à compléter.

Ou partez d'un format vierge : les onglets Réseaux sociaux, Impression, Web et E-mail affichent chacun des formats avec une petite image de leur forme (publication Instagram 1080 × 1350, Story 1080 × 1920, Tract 8,5 × 11 po, Carte de visite 3,5 × 2 po, Affiche 18 × 24 po, Bannière de site web 1920 × 800, et les formats e-mail standard de 600 px de large : en-tête 600 × 200, bannière principale 600 × 300, image 600 × 400 et deux colonnes 300 × 300, qui se téléchargent en 2× par défaut pour rester nets sur les téléphones). Format personnalisé accepte n'importe quelle largeur et hauteur en pixels ou en pouces, ainsi que l'usage prévu ; les pouces signifient impression. Modifier une photo ouvre une image de votre ordinateur à sa taille d'origine.

Mes visuels affiche les visuels que vous avez enregistrés (du plus récent au plus ancien, avec une image de chacun), avec recherche par nom. Cliquez sur l'un d'eux pour le rouvrir avec tous ses calques toujours modifiables. Chaque visuel a sa propre adresse, vous pouvez donc le mettre en favori ou envoyer le lien à un collègue de votre compte.

En haut : Visuels (retour à l'écran de démarrage), le nom du visuel (cliquez pour le renommer), son format, Annuler et Rétablir, le zoom (moins, le pourcentage, plus ; cliquez sur le pourcentage pour ajuster à la page), le bouton Pro, Enregistrer le visuel et Télécharger. Sur un pavé tactile ou avec la molette de la souris, le défilement déplace la page et le pincement (ou Ctrl/⌘ + défilement) effectue un zoom.

À gauche se trouve la barre latérale : Ressources, Texte, Formes, Photos, Marque, Calques et Historique. Chacun ouvre son panneau à côté de la barre ; cliquez à nouveau pour fermer le panneau et laisser plus de place à la page. Au centre se trouve la page sur un bureau gris. À droite se trouvent les réglages de l'élément sélectionné, ou ceux de la page elle-même si rien n'est sélectionné. Sous la page se trouve la barre IA.

Les formats d'impression affichent deux repères qui ne s'impriment jamais : le trait rouge plein indique où le papier est coupé (le format fini), et le trait bleu en pointillés à l'intérieur est la zone de sécurité. Gardez les textes et les logos à l'intérieur du pointillé. Les couleurs et photos qui doivent atteindre le bord du papier doivent dépasser le trait rouge jusqu'au bord extérieur de la page (ces 1/8 po supplémentaires sont le fond perdu).

Simple est le mode par défaut. Activez Pro pour voir les valeurs exactes de position et de taille (X, Y, L, H et rotation en degrés) ainsi que les modes de fusion (Produit, Écran, Incrustation et les autres) pour n'importe quel calque. Votre choix est mémorisé dans ce navigateur.

Texte : ajoutez un titre, un sous-titre ou un texte courant, puis double-cliquez dessus sur la page pour écrire. Lorsque le texte est sélectionné, le côté droit affiche la police (31 polices regroupées : Nette, Grasse, Condensée, Empattement, Script, Manuscrite, Fantaisie, Rétro), la taille, le gras, l'italique, le soulignement, Aa (basculer entre MAJUSCULES et minuscules), l'alignement, la couleur (les couleurs de votre marque apparaissent en premier), l'espacement des lettres, l'interligne, Courbe (courber le texte en arche ou en sourire) et Effets : Contour (avec sa couleur et son épaisseur) et Ombre.

Formes : rectangle, rectangle aux coins arrondis, cercle, triangle, étoile, ligne, flèche et cœur. Une fois sélectionnée, une forme propose un remplissage (ou Sans remplissage), la couleur et l'épaisseur de la bordure, et l'arrondi des coins pour les rectangles. Un rectangle placé derrière du texte crée une bande de couleur ou une étiquette.

Photos : importez depuis votre ordinateur (plusieurs à la fois), image par IA (décrivez-la puis appuyez sur Créer l'image ; cela prend 20 à 40 secondes et utilise des jetons), ou choisissez dans votre Bibliothèque graphique (recherchez-y directement depuis le panneau). Marque affiche les couleurs et logos des kits de marque enregistrés dans Logo Kit : cliquez sur une couleur pour colorer la sélection (ou l'arrière-plan si rien n'est sélectionné), cliquez sur un logo pour l'ajouter.

L'onglet Couleur est un sélecteur de couleurs complet : faites glisser dans le carré pour la saturation et la luminosité et sur la bande pour la teinte, ou saisissez des valeurs HEX, RVB, TSB ou CMJN ; basculez entre la couleur d'avant-plan et d'arrière-plan en haut ; les couleurs de marque, les couleurs récentes et les nuances se choisissent d'un clic, et le sélecteur système comprend une pipette d'écran. Cliquer sur les carrés de couleur en bas de la barre d'outils ouvre aussi ce sélecteur.

Sélectionnez une photo pour voir ses outils. Corrections rapides : Supprimer l'arrière-plan et Agrandir 2× fonctionnent gratuitement sur votre appareil (la première utilisation télécharge le modèle gratuit une seule fois). Effets magiques, également gratuits sur votre appareil : Amélioration auto mesure la lumière et les couleurs de la photo, règle la luminosité, le contraste, les couleurs et un peu de netteté en conséquence, puis vous indique ce qui a été modifié ; Raviver les couleurs donne plus de peps aux couleurs sans rendre les teints peints.

Ambiance couleur modifie le profil colorimétrique de la photo : Naturel, Teal & orange, Heure dorée, Film, Mat, Cinématique, Pastel, Noir et Pop. Bichromie peint la photo en deux couleurs (les parties sombres dans la première, les parties claires dans la seconde) ; elle part de vos couleurs de marque si vous en avez. Effets sur le sujet détectent le sujet sur votre appareil : Flou de portrait floute l'arrière-plan derrière lui, Éclaboussure de couleur passe l'arrière-plan en noir et blanc tandis que le sujet garde sa couleur, et Autocollant découpe le sujet avec un bord blanc et une ombre douce.

Curseurs : Vibrance, Netteté, Grain du film et Pixel art, puis Luminosité, Contraste, Saturation, Chaleur et Flou, ainsi que des filtres en un clic (N&B, Sépia, Vintage, Vif, Froid, Chaud, Délavé). Réinitialiser les réglages remet les curseurs et les filtres à zéro. Recadrer affiche un cadre en pointillés : faites-le glisser et redimensionnez-le, puis appuyez sur Recadrer (ou Annuler). Formes place la photo dans un cercle, un rectangle aux coins arrondis, une étoile ou un cœur. Miroir la retourne.

Pour tout calque sélectionné : Transparence (son degré de transparence), Position sur la page (gauche, centre, droite, haut, milieu, bas, mesurée par rapport à la zone de sécurité pour les formats d'impression), Mettre au premier plan, Mettre en arrière-plan, Dupliquer, Verrouiller et Supprimer. Pendant le déplacement, une ligne rouge indique quand le calque est centré sur la page et s'y aligne automatiquement.

Le panneau Calques liste tout, du haut vers le bas, avec une icône pour le texte, la photo ou la forme. Cliquez sur un nom pour le sélectionner, double-cliquez pour le renommer (l'IA utilise aussi ces noms), et utilisez les flèches pour le monter ou le descendre, l'œil pour l'afficher ou le masquer, et le cadenas pour le verrouiller afin qu'il ne soit pas déplacé par erreur.

Clavier : Supprimer ou Retour arrière supprime la sélection, ⌘Z annule, ⇧⌘Z rétablit, ⌘D duplique, ⌘C et ⌘V copient et collent, les touches fléchées déplacent légèrement (maintenez Maj pour des pas plus grands), Échap annule la sélection. Sous Windows, utilisez Ctrl à la place de ⌘.

Ressources est le premier bouton de la barre de gauche, et l'écran de démarrage propose la même zone sous Décrivez-le (Ajoutez votre logo, des photos ou un design à imiter). Ajoutez jusqu'à 6 images : déposez-les dans la zone, collez-en une (⌘V ou Ctrl+V n'importe où sur la page), appuyez sur Importer, ou appuyez sur Bibliothèque graphique pour choisir celles que vous avez déjà (cliquez sur une image pour l'ajouter, recliquez dessus pour la retirer). Chaque import est enregistré dans votre Bibliothèque graphique, dans le dossier Magic Canvas/Assets, pour être disponible plus tard dans n'importe quel outil.

Chaque ressource a un nom que vous pouvez modifier et un type : Logo (placé sur le design), Photo (utilisée dans le design), Produit (mis en avant en grand) ou Style à imiter (jamais placé ; aiKit en reprend l'apparence : couleurs, esprit des polices, mise en page et ambiance). aiKit analyse réellement chaque ressource à chacune de vos demandes, donc « utilise mon logo », « mets la photo du produit à gauche » ou « fais-le ressembler au flyer que j'ai ajouté » fonctionnent en langage courant. Le + sur une ressource la place sur la page ; × la retire de la liste (elle reste dans votre Bibliothèque graphique).

Sous la page, une petite ligne indique ce qu'aiKit utilisera avec votre prochaine demande : Voit 3 ressources (cliquez pour ouvrir Ressources) et le style utilisé, le cas échéant. Lorsque vous modifiez un design, aiKit reçoit aussi une image de la page telle qu'elle est à ce moment, ainsi « la photo est trop sombre » ou « le texte est difficile à lire » sont compris comme vous les voyez. Déposer une image directement sur la page l'y place.

L'historique est le dernier bouton de la barre de gauche. Son historique des versions répertorie chaque étape du design, de la plus récente à la plus ancienne : chaque demande à l'IA (Créé avec l'IA, Modifié avec l'IA), chaque série de modifications manuelles (Modifié à la main), chaque restauration et chaque version créée. Une série de modifications manuelles devient une étape à part entière environ 20 secondes après votre dernière action, et un design enregistré se sauvegarde automatiquement en même temps. Rien de ce que vous avez fait n'est donc perdu, même si vous fermez l'onglet. Chaque étape est conservée avec le design (jusqu'à 500 par design ; les versions nommées sont toujours conservées). Ainsi, en rouvrant un design depuis Mes designs, ou en ouvrant son lien sur un autre ordinateur, vous retrouvez tout son historique.

Chaque étape affiche une petite image du design à ce moment-là, l'heure et le coût en IA, vos propres mots entre guillemets et, pour les modifications manuelles, une courte ligne décrivant ce qui a changé (par exemple 2 modifications : « Soldes d'été » texte · couleur d'un cercle). Détails affiche ce qu'aiKit a fait, ce qu'il n'a pas fait, le style (pastilles de couleur et polices), la taille, l'éventuel libellé de version, les ressources utilisées et Exactement ce qui a été demandé à aiKit : la demande telle qu'aiKit l'a reçue (taille, vos mots, les ressources et leurs types, le style à utiliser).

Nommer cette version, en haut, donne au design tel qu'il est maintenant un nom et une note facultative, comme Envoyé au client, avant le changement de couleur. Les versions nommées sont marquées d'un signet et d'un bord coloré. Nommer (ou Renommer) sur une étape quelconque lui donne un nom. Les filtres au-dessus de la liste affichent Tout, Nommées, IA ou À la main. Supprimer le nom (dans Détails) redonne à une version nommée le statut d'étape ordinaire.

Boutons de chaque étape : Restaurer (le design revient à cette étape, sous forme d'une nouvelle étape, et ⌘Z l'annule), Comparer avec l'actuel, Nommer, et Partir de cette étape (ouvre un nouveau design séparé à partir de cette étape, pour que celui sur lequel vous travaillez reste inchangé). Sous Détails : Utiliser ce style (votre prochaine demande à l'IA utilise ces polices et couleurs) et Enregistrer le style (donnez-lui un nom pour le conserver).

Comparer affiche les deux versions côte à côte ou avec un curseur, et sous les images une liste Ce qui a changé, une ligne par calque : Ajouté, Retiré ou Modifié, avec la description du changement en mots (anciens et nouveaux textes, déplacé, redimensionné, tourné, couleur, police, taille du texte, transparence, masqué, contour, ombre, aspect photo, recadré, mis au premier plan ou renvoyé en arrière, et l'arrière-plan). Lorsque vous comparez une étape avec l'actuel, chaque ligne propose Restaurer cette partie (le calque revient comme il était alors, ou un calque retiré revient) ou Retirer (pour un calque ajouté depuis), et le reste du design demeure tel qu'il est maintenant ; ⌘Z l'annule. Tout restaurer ramène le design entier à cette étape.

Pour comparer deux étapes quelconques, cochez la case à droite de deux étapes et appuyez sur Comparer ces 2 : la plus ancienne est à gauche, la liste Ce qui a changé va de la plus ancienne à la plus récente, et vous pouvez restaurer l'une ou l'autre.

Les styles enregistrés se trouvent en haut de l'historique. Enregistrer l'apparence de ce design comme style lit les polices, les couleurs principales et l'arrière-plan de la page, puis demande un nom. Utiliser applique un style à vos prochaines demandes à l'IA (il s'affiche sous la page sous la forme Style : nom, avec × pour arrêter) ; l'écran de démarrage propose aussi une liste Style, si bien qu'un tout nouveau design reprend votre identité. Les styles appartiennent à votre espace de travail : toute votre équipe peut les utiliser.

Versions, dans la barre du haut, ouvre trois choix. Dupliquer crée une copie du design (avec son historique) et l'ouvre, pour que vous puissiez explorer une idée dans une autre direction pendant que le premier reste inchangé. Créer des versions… demande à aiKit de 2 à 6 versions. Tout comparer affiche toutes les versions côte à côte. Dupliquer et Créer des versions figurent aussi sous chaque résultat de l'IA, à côté de Annuler cette modification IA.

Dans Créer des versions, choisissez combien (2 à 6) et précisez en quoi elles doivent différer, avec les mots que vous voulez : « 3 flyers pour différents publics : seniors, étudiants et familles », « essayer d'autres titres », « une publication carrée, une story et une bannière », « une en courte vidéo ». Les puces sous la zone en proposent de courantes. Si vous laissez vide, aiKit varie la mise en page, le titre et les couleurs. Si un élément de la page est sélectionné, Ne modifier que la sélection garde tout le reste identique (par exemple, trois propositions de titre). Vos informations (noms, dates, prix, offres) restent les mêmes dans chaque version ; ce qu'aiKit ne connaît pas apparaît sous forme de [espace réservé].

Les versions sont créées les unes après les autres, avec une ligne pour chacune : à quoi elle sert, sa taille, ce qu'aiKit a modifié, ce qui n'a pas été fait, et Ouvrir. Une version à une nouvelle taille est mise en page à partir de votre design, de vos ressources et des photos déjà présentes. Chaque version est un design à part entière, avec son propre historique, enregistré à côté de l'original. Les versions marquées Vidéo sont prévues pour être animées.

Dès qu'un design a des versions, une bande Versions s'affiche en haut : cliquez sur l'une d'elles pour l'ouvrir (chacune a son propre lien), Tout comparer pour les voir ensemble et Ouvrir celle-ci pour continuer à travailler dessus. Chaque version coûte environ 1 à 2 centimes d'IA ; chaque image IA ajoute 5 centimes.

Tapez ou dictez n'importe quelle modification dans la barre sous la page, puis appuyez sur Appliquer : « assombrir le fond », « déplacer le logo en haut à droite », « courber le titre et le rendre doré », « photo plus chaude avec un effet pellicule », « flouter l'arrière-plan derrière la personne », « ajouter un badge SOLDES rouge dans le coin ». Sur une page vide, la même barre crée un design complet. aiKit lit vos calques (leurs noms, textes, tailles et emplacements) et les modifie ; rien n'est redessiné de zéro.

Chaque demande est traitée comme une liste de contrôle. Ce qui n'a pas été fait apparaît d'abord sous À faire encore, avec la raison (par exemple, retirer une personne du cœur d'une photo ne peut pas être fait ici), et le reste est listé avec une coche. Annuler cette modification IA remet le design exactement comme il était ; l'annulation ordinaire fonctionne aussi. Sous chaque résultat, vous pouvez le noter avec un pouce levé ou baissé et indiquer ce qui n'allait pas ; Envoyer et corriger demande à aiKit de réessayer avec votre remarque.

Enregistrer le design conserve l'ensemble du design avec chaque calque, afin que vous puissiez le rouvrir depuis Mes designs et continuer à le modifier. Les photos que vous avez importées ou créées avec l'IA sont placées dans votre Bibliothèque graphique (dossier Designs/Photos) lors du premier enregistrement, ce qui garde le design léger et lui permet de s'ouvrir sur n'importe quel ordinateur.

Ouvrir dans Pro Designer (à côté de Télécharger) place le design终 terminé dans votre Bibliothèque graphique et l'ouvre dans Pro Designer, pour le finaliser à la main avec des outils de type Photoshop.

Télécharger ouvre une seule fenêtre. Type de fichier : PNG (le plus net, conserve les parties transparentes), JPG (plus léger ; choisissez Meilleure, Élevée ou Fichier plus petit), PDF (pour les formats d'impression : 300 dpi avec le fond perdu de 1/8 de pouce, repères de coupe activés ou non, et le format de coupe défini dans le fichier pour que les imprimeurs le voient ; pour les autres formats, une page à la taille du design), ou SVG (le texte et les formes restent vectoriels ; les polices sont liées). Pour les tailles d'écran, choisissez 0,5×, 1×, 2× ou 3×. Destination : Télécharger sur cet ordinateur, ou Enregistrer dans la Bibliothèque graphique avec un nom, une catégorie, des tags, un client et un projet ; le fichier enregistré renvoie directement à son emplacement dans la bibliothèque.