Astuce créez une icône de fleur inspirée iOS 7 à l'aide de l'outil de rotation

Voici quelques astuces rapides pour faire pivoter des objets dans Adobe Illustrator. Nous allons utiliser ces astuces pour recréer la nouvelle icône Photos App dans iOS 7..


1. Configurez votre document

Créer un Nouveau document dans Illustrator qui est 1024 x 1024px. Il s'agit de la plus grande taille d'une icône d'application requise par Apple. Nous allons donc travailler à cette taille. Une fois créé visite Affichage> Guides intelligents (Command-U).



2. Créez vos pétales

Étape 1

Activer le Outil Rectangle Arrondi et cliquez sur l'Artboard et créez un rectangle arrondi qui est 280 x 420px avec un Rayon de coin de 140px.


Étape 2

Accédez au Transformer panneau (Fenêtre> Transformer) et ajustez les axes "X" et "Y" comme indiqué ci-dessous.


Étape 3

Avec la forme de pétale sélectionnée, visitez le Apparence panneau (Fenêtre> Apparence) et supprimez le trait et ajoutez un dégradé à l’arrière-plan. Nous allons également ajuster le Mode de fusion comme indiqué ci-dessous.


Étape 4

Basculer vers le Outil Ellipse (L) et créer un cercle qui est 56 x 56px et l'aligner sur le centre exact de l'Artboard.

Nous n’aurons pas besoin de ce cercle pour notre icône, mais nous l’utiliserons comme guide central pour nos prochaines étapes de rotation..


Étape 5

Basculer vers le Outil de sélection (V) et sélectionnez à nouveau la forme des pétales. Avec cette option activée, le Outil de rotation (R) et survolez le petit cercle que nous avons créé. Vous verrez un petit "x" et une info-bulle indiquera "centre" pour indiquer que vous êtes au-dessus du centre exact du cercle. Tout en maintenant le Alt bouton de votre clavier, cliquez sur ce "x" au milieu du cercle pour ouvrir la fenêtre de dialogue Rotation. Depuis cette fenêtre, entrez un angle de -45º et cliquez sur le bouton "Copier" pour dupliquer et faire pivoter notre forme de pétale.


Étape 6

Nous allons maintenant répéter cette duplication / rotation en visitant Objet> Transformer> Transformer à nouveau (Commande-D). Faites-le encore six fois pour que vous ayez un total de huit pétales..


Étape 7

Vous pouvez maintenant sélectionner le petit cercle et le supprimer.

Sélectionnez maintenant chaque pétale et ajustez les couleurs du dégradé. Nous n'utiliserons que huit couleurs. pour créer les différents gradients. Fondamentalement, la couleur qui commence en haut du dégradé est identique à celle du bas du dégradé dans le pétale précédent..



Photo Finish!

J'espère que j'ai pu vous montrer une nouvelle technique pour faire pivoter un objet autour d'un autre. Quelques étapes simples peuvent donner de beaux résultats. S'il vous plaît, n'hésitez pas à le tester vous-même et laissez-moi savoir à quoi vous l'utilisez!