26 avril 2024

Créer des icônes flat avec Expression Blend

Suite à l’article de Benjamin Launay et une discussion que nous avons eu sur le Groupe de la communauté d’aides au Design d’applications, voici la transcription de son article « Créer des icônes flat avec Illustrator » mais cette fois ci avec Expression Design 4 et vous verrez que c’est quasiment exactement la même chose.

1° Lisez l’article de Benjamin :

http://www.aieaieeye.com/creer-icones-flat-illustrator/

2° Regardez la similitude avec Expression Design

Expression Design 4 est maintenant distribué gratuitement par Microsoft : http://www.microsoft.com/en-us/download/confirmation.aspx?id=36180

Un clic droit sur l’outil de surfaces permet de choisir l’objet primaire à dessiner : blend0

Dessiner un Rectangle plus placer-y un cercle avec une épaisseur de 10 pixels :
pixel
blend1

Insérer deux rectangles comme dans son exemple, cliquez sur le rectangle puis utiliser l’outil de « sélection directe » aussi afin de modifier les angles :
ed2
Gardez enfoncé la touche MAJ afin de conserver un alignement horizontal des points :
ed3

blend2

et voilà :
blend3

Mettez la couleur sur vos objets :
blend4

Sélectionnez l’outil Polygon et avant de le créer choisissez 5 points dans la fenêtre de ses propriétés :
polygon

Dessinez ce pentagone et avec l’outil de Sélection directe comme tout à l’heure déplacez les points comme l’a fait Benjamin :
blend5

Sélectionnez le grand rectangle et comme il le fait avec Illustrator CTRL+C / CTRL+F soit menu « Edit / Copy » puis « Past in Front ».
Puis pour écrêter l’ombre : menu Object / PAth Operations / Intersect :
blend6

Et voilà l’ombre découpée !
blend7

Il ne vous reste plus qu’à exporter votre appareil photo sur le format que vous voulez. Faite une sélection de votre objet puis menu File / Export :
export