fbpx
How i designed a cool icon on my macbook pro

Comment j’ai conçu une icône cool sur mon MacBook Pro

Il y a quelques mois, j’ai reçu une tâche assez particulière. Mon entreprise m’a donné deux semaines pour créer une icône d’application iOS et une icône d’application Mac pour l’un de nos nouveaux produits, ainsi qu’un nouveau logo pour notre société. Au début, la tâche semblait facile à accomplir, mais au fil des jours, j’ai réalisé à quel point je me trompais. J’ai passé presque une semaine à essayer de comprendre comment utiliser l’application que je voulais utiliser à l’origine. C’était beaucoup trop compliqué pour moi. J’ai passé les cinq jours suivants à chercher désespérément une nouvelle application à utiliser. Au cours de ces cinq jours, j’ai rencontré de nombreuses applications différentes, certaines trop compliquées à comprendre, d’autres beaucoup plus simples à utiliser mais manquant de fonctionnalités essentielles.

C’était quelques heures avant la date limite lorsque j’ai trouvé Icon Plus. Après avoir essayé tant d’applications différentes, je n’avais pas beaucoup d’espoir pour celle-ci. Cependant, avec Icon Plus, j’ai réussi à terminer ma tâche en trois heures sans problème.

La première partie de la tâche était à créer une icône d’application iOS. Je ne suis pas très doué en graphisme, donc je ne savais pas vraiment quoi faire, ni comment le faire. Lorsque j’ai ouvert l’application pour la première fois. L’application a une interface conviviale et elle est vraiment facile à comprendre.

La première chose que j’ai remarquée, ce sont les quatre sections principales fournies. Comme j’avais besoin d’un design pour l’arrière-plan de l’icône, j’ai utilisé la section Design. L’application, Icon Plus s’ouvre avec un arrière-plan prédéfini que vous pouvez soit utiliser tel quel, soit le personnaliser. J’avais besoin d’un design différent, donc je l’ai changé un peu.

How i designed a cool icon on my macbook pro

J’ai utilisé les options de dégradé pour faire une fusion intéressante entre le gris et le blanc car c’étaient les couleurs dont j’avais besoin. L’icône devait avoir un arrière-plan circulaire, j’ai donc déplacé le niveau de courbure des coins au maximum. Je n’avais pas d’autres exigences précises concernant l’arrière-plan, alors j’ai juste joué un peu plus avec le trait et les ombres. Après avoir été satisfait du résultat, je suis passé à la section Icône.

Dans cette section, j’ai pu placer l’image du papillon conçue par un de mes collègues. Pour ce faire, j’ai simplement cliqué sur le bouton « Sélectionner » placé en haut. Après cela, l’image a été placée au centre de l’arrière-plan. Puis je suis simplement passé à l’étape suivante.

L’application fournit une section Texte que je n’ai pas utilisée dans ce processus car la conception que je devais suivre ne nécessitait aucun texte. Comme je n’avais plus besoin de faire de modifications, je suis passé à la dernière section, celle de sortie. Pour enregistrer mon icône, je n’avais qu’à choisir le jeu d’icônes iOS. Après cela, j’ai cliqué sur le bouton « Enregistrer les icônes », je les ai placées dans le dossier souhaité et c’était tout.

Pour créer l’icône de l’application Mac, j’ai suivi exactement les mêmes étapes car j’avais besoin que l’icône de l’application iOS et l’icône de l’application Mac correspondent. Le seul changement que j’ai dû faire a été de choisir le jeu d’icônes Mac OS X.

Une autre chose que j’aimais dans l’application était que je pouvais également l’utiliser pour créer le logo. Le processus de fabrication a été plus facile que je n’aurais jamais pu l’imaginer. J’ai suivi presque les mêmes étapes que pour l’icône, avec quelques changements ici et là.

Le logo nécessitait un fond transparent. Pour ce faire, je n’avais qu’à choisir l’option Arrière-plan transparent fournie par la section principale de conception. Je n’ai plus eu à apporter de modifications à l’arrière-plan, je suis donc passé à la section Icône pour choisir et placer l’image principale du logo. L’image a déjà été réalisée par une des équipes de l’entreprise. Une fois l’image ajoutée à l’application, j’ai dû la redimensionner et la déplacer pour mieux l’adapter au design. Pour ce faire, j’ai simplement utilisé les fonctionnalités fournies par l’application.

La partie principale du logo était le texte que je devais ajouter. J’ai été agréablement surpris par la multitude de possibilités que j’avais concernant la personnalisation du texte. Je n’avais pas d’exigences précises à ce sujet, alors j’ai juste joué avec les couleurs, les polices, les traits et les ombres.

Après avoir terminé la conception, je suis allé à la section Sortie et j’ai choisi l’option Taille personnalisée. J’ai choisi le format et la qualité nécessaires, et j’ai enregistré le logo de la même manière que j’ai fait avec les icônes.

Comme je l’ai dit, j’ai terminé la tâche de deux semaines en quelques heures seulement, et j’aurais terminé beaucoup plus rapidement si je n’avais pas passé du temps à jouer avec les fonctionnalités fournies par l’application.