Bonjour ! Je suis zm soft, un développeur inscrit fin 2023 qui a commencé à publier des applications. Je prévois également de lancer une application pour développeurs — consultez-la à son lancement.
Aujourd'hui je veux couvrir comment créer les images dont vous avez besoin pour soumettre au Play Store lors de la publication d'une application.
Contexte
Mon environnement de développement est Mac. Donc cet article suppose Mac. Je dois mentionner que professionnellement j'utilise Windows — je n'ai commencé à utiliser Mac sérieusement que très récemment. Cela signifie que certaines de ce que j'écris ici pourrait être évident pour les utilisateurs Mac expérimentés, mais j'espère que ça aide les débutants comme je l'étais.
Outils utilisés
- Keynote
- Aperçu (Preview)
Les deux viennent pré-installés sur Mac, et c'est tout ce que j'ai utilisé. J'ai examiné diverses applications d'édition d'images, mais la plupart étaient payantes. Je n'étais pas sûr jusqu'où les applications intégrées m'amèneraient — il s'avère qu'elles sont plus que suffisantes.
Flux de travail général
Voici comment j'ai abordé la création d'images :
- Capturer l'écran de l'application
- Ajouter une description de l'application
- Rogner à la zone requise
La cible est le style d'image de store typique : écran de téléphone dans la moitié inférieure, texte de description de l'application au-dessus.
Capture de l'écran de l'application
D'abord, utilisez la fonction de capture d'écran d'Android Studio pour capturer l'écran. Puisque j'utilise un AVD (émulateur) plutôt qu'un appareil physique, je lance l'AVD et prend une capture d'écran en utilisant l'icône caméra.
Ajout du texte de description de l'application
Ensuite, utilisez Keynote pour ajouter le texte de description. Je voulais que tout soit de taille cohérente, donc j'ai d'abord configuré un cadre correspondant aux dimensions de l'image capturée, puis réduit la capture et laissé de la place au-dessus pour le texte. L'arrière-plan aurait l'air vide seul, donc j'ai ajouté une image de dégradé derrière.
Le contour noir montre la taille originale de l'image capturée. Après l'avoir encadrée, je l'ai réduite et placée dans la partie inférieure du canevas.
Rognage à la zone requise
Enfin, utilisez Aperçu pour rogner à la taille du cadre. Dans Keynote, sélectionnez tous les éléments dont vous avez besoin, puis ouvrez Aperçu et choisissez [Nouveau depuis le Presse-papiers] — cela crée une image dimensionnée pour correspondre à ce que vous avez copié. À ce stade, les images d'arrière-plan et autres éléments peuvent s'étendre au-delà de la zone cible, donc modifiez et rognez-les.
Sélectionnez la zone que vous voulez (comme montré ci-dessus), puis allez à [Outils] → [Rogner] pour supprimer l'excédent.
Création de plusieurs images à la même taille
Une fois que vous avez établi la taille du cadre dans Keynote et créé une image, utilisez-la comme base pour le reste. Alignez plusieurs cadres de la même taille dans Keynote et créez chaque variation.
Puis uploadez simplement les images finies sur le Play Store.
Note annexe : Utiliser l'IA pour les images vedettes
Les captures d'écran standard semblaient un peu simples seules, donc j'ai également créé quelques images vedettes pour les accompagner. Bing peut générer un nombre décent d'images gratuitement — je les ai utilisées comme arrière-plans et ajouté le slogan de l'application par-dessus. Même sans aucune compétence en design, le résultat est étonnamment présentable.
C'est ma propre approche approximative — je suis sûr qu'il y a de meilleures façons. Si vous avez une méthode que vous préférez, n'hésitez pas à la partager dans les commentaires.