Dessiner un iPod

Gimp n’est pas destiné à faire du vectoriel mais il est toujours possible de créer de toutes pièces un objet. Nous allons voir dans le didacticiel suivant comment créer simplement un iPod de chez Apple.
Ne vous attendez pas à de l’ultra-réalisme ni des mesures parfaites mais profitez plutot de l’occasion pour vous familiariser avec les outils et astuces de Gimp !
Première étape
Créons une image vierge sur fond blanc. Créez la plus haute que large :). Ajoutez un premier calque sur lequel vous allez, à l’aide de l’outil sélection rectangulaire (R), tracer une sélection rectangulaire :

Nous allons maintenant arrondir les angles. Pour cela, allez dans le menu Sélection > Rectangle arrondi. Choisissez un angle de 20 pixels :

Remplissez ensuite la sélection de noir (#000000).

Deuxième étape
Attaquons nous aux détails de l’iPod et commençons pas son écran. Mettez en couleur de premier plan #f2f6f7

Ajoutez un calque et faites sur ce calque une sélection rectangulaire là où vous allez mettre l’écran. Arrondissez les angles de la sélection comme vu un peu plus haut dans ce didacticiel. Remplissez cette sélection de la couleur de premier plan (#f2f6f7) :

Désélectionnez.
Ajoutez à nouveau un calque qui va servir de support à la bille de navigation. A l’aide de l’outil de sélection circulaire (E), tracez le panel de contrôle de liPod. Maintenez la touche MAJ enfoncée de manière à faire un cercle parfait.

Allez maintenant dans la palette des couleurs et choisissez ces deux couleurs : #2A3F4F et #040920. Dans la sélection circulaire, tracez un dégradé avec ces deux couleurs :

Sans déselectionner, allez dans le menu > Sélection > Réduire et entrez les paramètres suivants (ou ceux de votre choix) :

Faites CTRL+X.
Votre panel est prêt.

Troisième étape
Pour le reflet, allez sur le calque du fond noir de l’ipod puis faites un clic droit > Alpha vers sélection. Faites un dégradé dans cette sélection sur un nouveau calque, dégradé qui part du haut à droite vers le bas à gauche. Ajoutez des boutons (des polices de caractères spéciales les contiennent) et pourquoi pas, ajoutez une ombre sur le fond.

Voilà : votre iPod est servi !
Vous souhaitez diffuser ce didacticiel ?
Ce didacticiel est sous licence Creativ Commons
Vous êtes libres de reproduire, distribuer et communiquer cette création au public, de modifier et d’utiliser cette création à des fins commerciales en citant le nom de l’auteur original (kloobik.org).
Si vous modifiez, transformez ou adaptez cette création, vous n’avez le droit de distribuer la création qui en résulte que sous un contrat identique à celui-ci. Pour toute question concernant la diffusion de ce didacticiel : info@kloobik.com

(6 votes, average: 4.67 out of 5)











novembre 3rd, 2007 16:12
l’histoire ne nous dit pas comment mettre les menus, l’avance rapide du baladeur
novembre 11th, 2007 11:57
Bon tuto de prise en main, mais la troisième étape (sur le reflet) n’est pas assez détaillé
(il manque des screenshots ^^).
décembre 9th, 2007 11:14
c’est quoi la police pour le menu ?
février 10th, 2008 16:33
Je trouve finalement clair et simple pour une prise en main facile, pour peu, d’être familiarisé avec Gimp.
J’en ai fait une adaptation perso, merci pour le tuto, qui va me permettre de créer d’autre forme et style, maintenant.
mars 25th, 2008 20:15
quellepolice est utilisée pour les boutons ???
merci
mars 25th, 2008 23:40
C’est de l’arial simple