Advertisement
  1. Design & Illustration
  2. Icon Design
Design

Illustrator en 60 secondes : Comment créer une icône de téléphone

by
Difficulty:BeginnerLength:ShortLanguages:

French (Français) translation by Ophelie (you can also view the original English article)

Bienvenue dans notre série de tutoriels "Illustrator en 60 secondes", dans lequel vous pouvez apprendre une compétence, fonction ou technique sur Illustrator en une minute !

Illustrator en 60 secondes : Comment créer une icône de téléphone

Dans le tutoriel d’aujourd'hui, nous allons vous montrer comment créer votre icône de téléphone en utilisant rien d’autre que des formes simples et des outils que vous utilisez probablement déjà quotidiennement.

Comment créer une icône de téléphone

Étape 1

Commencez par créer un nouveau document web avec plan de travail de 128 x 128 px, que nous allons structurer à l’aide de deux couches distinctes. Sélectionnez le premier calque et ajoutez un cercle 120 x 120 px que nous allons colorer en jaune.

Crate a Circle

Étape 2

Alignez le ensuite au centre du plan de travail et bloquez le calque. Créer la forme principale du téléphone à l’aide d'un rectangle arrondis de couleur blanche de 48 x 84 px avec un rayon d'angle de 6 px, que nous allons placer au centre du plan de travail.

Add a rounded rectangle

Étape 3

À l’aide de l’outil Rectangle, ajouter l'écran du téléphone en dessinant une forme de 40 x 58 px, que nous allons colorer en jaune et centrer par rapport à la forme du téléphone, en le poussant de quelques pixels vers le haut par la suite. Ajouter le bouton du bas, à l’aide d’un cercle de 8 x 8 px jaune que nous allons centrer par rapport au menton du téléphone.

Terminez en créant l’icône de l’écouteur du téléphone, à l’aide d’un rectangle arrondi de 12 x 2 px arrondis avec un rayon d'angle de 1 px, que nous allons centrer puis aligner à la partie supérieure du téléphone.

Add further shapes

Un peu plus de détails

En savoir plus sur Adobe Illustrator sur Envato Tuts + :

60 secondes ?!

Cela fait partie d’une série de tutoriels vidéo rapides sur Envato Tuts + dans lequel nous présentons un éventail de sujets, tous en 60 secondes, juste assez pour vous mettre en appétit. Faites-nous savoir dans les commentaires ce que vous avez pensé de cette vidéo et ce que vous souhaitez voir expliqué en 60 secondes !

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.