Fonds d’écran Apple iPhone X Live – Tutoriel Illustrator

L’iPhone X, le téléphone le plus attendu qu’Apple ait jamais construit depuis l’iPhone 4 (à mon avis). Si vous allez au-delà du téléphone réel, une chose que j’ai toujours aimée chez Apple est la façon dont ils produisent des visuels époustouflants, que ce soit pour l’impression, le Web, les vidéos et les plateformes de médias sociaux. Ils font un si bon travail pour trouver des moyens de vendre leurs produits avec des visuels forts, car vous avez probablement vu les publicités pour iPhone X littéralement partout. Comme beaucoup d’autres, je regardais de nombreuses vidéos de déballage sur YouTube. Et je n’ai pas pu m’empêcher de remarquer ce qu’ils appelaient les « Live Wallpapers » sur l’emballage. À partir de l’iPhone X Space Grey, vous obtiendrez un fond d’écran rempli de couleurs chaudes comme le rose, le rouge combiné au blanc. L’autre fond d’écran qui est l’iPhone X argenté avec les couleurs d’accent de cyan, bleu marine et orange. C’est ce que nous examinons dans le didacticiel, comment créer facilement vos propres fonds d’écran Apple iPhone X Live à l’aide d’Illustrator. Plus précisément en utilisant le Mesh Tool (U) pour lequel après ma deuxième tentative, j’ai pu accomplir un résultat dont j’étais plutôt content. Alors on y va !

Fonds d’écran animés pour iPhone X

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Je voulais aussi souligner que c’était une sensation agréable de revenir à mes racines. Pas seulement faire des tutoriels, mais juste essayer de comprendre les choses. Le simple fait de créer ! Avant que l’industrie ne nous transforme tous en concepteurs UI/UX ou en concepteurs de produits. Il y avait des outils incroyables comme Illustrator, Photoshop et InDesign. Il n’y avait pas une large gamme d’outils de conception comme nous le faisons maintenant, je pense vraiment qu’il devrait toujours y avoir de la place pour concevoir les choses de différentes manières au lieu de nous faire utiliser un seul outil « ULTIME ». Quelques pistes de réflexion.

Plus de liens

Tutoriel Illustrator

Étape 1

Commencez avec un nouveau fichier avec les dimensions de l’écran de l’iPhone X qui est de 1125px (L) x 2436px (H). Ensuite, ajoutez une couleur de fond # 1C51A5 à l’aide de l’outil Rectangle (M). Nous allons essayer de créer notre propre version du fond d’écran pour l’iPhone X Space Grey.

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Étape 2

Sélectionnez l’outil de maillage (U) et j’utilise #FAF4F1 pour le démarrer avec la couleur blanche. Certains lecteurs créeront d’abord une grille à l’aide de l’outil Maillage (U) sans aucune couleur, je préfère utiliser une couleur de remplissage, cela supprime l’ancre supplémentaire sur toute l’illustration, vous comprendrez ce que je veux dire plus tard. En fin de compte, c’est ce qui fonctionne le mieux pour vous.

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Étape 3

Toujours en utilisant l’outil de maillage (U) et j’ajoute la couleur rose fuschia # FD0186. Vous devez également ajouter l’accent de rouge #FF0026 pour le coin supérieur gauche. Maintenant, c’est là que le plaisir commence. Vous allez maintenant changer de vitesse en utilisant l’outil de sélection directe (A) qui se trouve à côté de l’outil de sélection. A chaque fois que vous cliquerez sur l’une des ancres, vous aurez le choix de déplacer l’ancre à votre guise ou encore de jouer avec la forme à l’aide de la poignée de l’ancre. C’est là que la créativité entre en jeu.

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Étape 4

Une fois que vous êtes satisfait du résultat, vous pouvez commencer à ajouter d’autres couleurs dont l’orange #FF0026. Aussi la combinaison de couleurs dans le coin inférieur droit qui est orange #FF0026 et une nuance plus claire d’orange.

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Étape 5

Un conseil, à un moment donné. Essayez d’ajouter moins de points d’ancrage avec l’outil de maillage (U), jouez plutôt avec l’outil de sélection directe (A). Vous pouvez simplement sélectionner une ancre et choisir une autre couleur. Je dirais d’expérimenter aussi avec les poignées d’ancrage. Comme référence, j’ai ajouté une capture d’écran du résultat final où vous pouvez voir les différentes positions d’ancrage.

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

En conclusion

Je dirais que ce tutoriel est assez facile où 20% concerne la technique et les 80% restants concernent votre créativité. Il m’a fallu deux tentatives pour parvenir au résultat final. Vous devez expérimenter et essayer/échouer plutôt qu’un tutoriel étape par étape. J’espère que vous avez aimé la facilité avec laquelle vous pouvez créer vos propres fonds d’écran Apple iPhone X Live.

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Premier essai

Fonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Prime

Si vous voulez essayer de recréer le fond d’écran de l’iPhone X Silver, regardez les images mettant en évidence la palette de couleurs et l’image révélant différentes positions d’ancrage. Profitez!

Fonds d'écran Apple iPhone X Live - Tutoriel IllustratorFonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Encore un fond d’écran…

En utilisant la même technique, j’ai fait une autre version où j’ai utilisé le violet comme couleur de base. J’adore le résultat final, c’est en fait mon fond d’écran actuel. Ce qui est génial, c’est que vous pouvez basculer un magnifique iPhone X Live Wallpaper sur un téléphone Android. Essayer!

Fonds d'écran Apple iPhone X Live - Tutoriel IllustratorFonds d'écran Apple iPhone X Live - Tutoriel Illustrator

Télécharger des fonds d’écran et des fichiers

Cliquez ici pour télécharger le fichier Zip utilisé pour ce tutoriel