Dessiner un iMac
Voici un petit exercice simple et dont le résultat devrait satisfaire plus d’un geek
.
Il s’agit tout simplement de dessiner un iMac avec les outils que propose The Gimp à savoir les outils de sélection, de calques et de couleurs.
Evidemment cela ne vaut pas une création réalisée sous un éditeur vectoriel tel qu’Illustrator mais mon propos n’est pas mettre en balance les deux logiciels mais bien de prouver que l’on peut obtenir un résultat plus que correct avec Gimp
Voici les différentes étapes de la création d’un iMac sous Gimp.
Préparons le fond
Commencer par créer une image de forme plus ou moins carrée disons de 550 pixels par 400 pixels. Il sera toujours temps de la redimensionner plus tard. A l’image de base ajouter un calque en transparence :

Validez la création de ce nouveau calque et positionnez-vous dessus
Nous allons maintenant créer la forme générique de l’iMac. Pour cela, sélectionnez l’outil de sélection rectangulaire (R)
Cochez la case « Coins arrondis » et entrez un rayon de 20 pixels :


Le dégradé du boitier
Un imac c’est une couleurs claire, allant du gris très clair au blanc. Choissiez ces deux couleurs en couleurs de premier plan et d’arriere plan car nous allons, dans la sélection, réaliser un dégradé de la couleurs de premier plan vers la couleur de second plan :


Le fond noir
Une fois votre dégradé réalisé, ne désélectionnez rien. Créez un nouveau calque.
Re-sélectionnez l’outil de sélection rectangulaire (R) et faites un clic droit dans la sélection. Choisissez le menu contextuel « Réduire ». Entrez une valeur de 5 pixels.
Remplissez maintenant cette nouvelle sélection de noir :

Encore un nouveau calque ?
Oui
Créez un nouveau calque. Créez à l’intérieur une sélection cette fois-ci bien rectangulaire (décochez « coins arrondis » dans les options) :

Remplissez cette sélection de bleu.
L’iMac commence à apparaitre doucement ….

Un petit reflet
Pour le reflet sur l’écran, créez un nouveau calque, sélectionnez l’outil de sélection elliptique (E) et tracez un ovale sur le haut de l’écran.

Assurez-vous que le blanc est la couleurs de premier plan et sélectionnez un dégradé de premier plan vers transparent. Tracez le dégradé vers le haut :

Réduisez maintenant l’opacité de ce calque à 10-15 :

Finalisons notre iMac
Pour le pied, à l’aide de l’outil de tracé de courbes de Bézier, réalisez la forme puis emplissez-la d’un dégradé gris-blanc-gris.
Pour l’écran, sur un nouveau calque, tracez des ronds de différentes tailles à l’intérieur desquels vous tracez des dégradés de blanc vers transparent :

A l’aide de l’outil de sélection de couleurs, portez-vous sur le calque contenant le bleu et sélectionnez le bleu. Revenez sur le calque des formes puis faites un clic-droit > sélection > Inverser. Un petit CTRL+X permet d’effacer les formes en dehors de la partie bleue …

Placez ce calque (formes) sous le calque du reflet :

Un petit logo pour finir
J’allais oublier : le iMac dispose d’un logo en bas, sous l’écran. Récupérez n’importe quel logo Apple sur internet et ouvrez-le avec The Gimp. Importez-le sur l’image de l’iMac :

Au besoin, réduisez-le, passez-le en mode Multiplication et descendez son opacité :

L’image finale

Le fichier source
Télécharger le fichier source (format .xcf)
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
wow c’est magnifique
05.25.08 on 17:19[...] 05.24 Dessiner un iMac sous Gimp [...]
05.25.08 on 18:05C’est plus du panoramique là, c’est le niveau au dessus.
05.25.08 on 19:57Héhé .. je ne me suis pas préoccupé de la justesse des mesures.
Je voulais juste atteindre un résultat correct
Mais je ne serais pas contre un wide screen en 50″
05.25.08 on 20:20Faut un second pied alors
05.27.08 on 10:21bonjour c’est formidabele
06.20.08 on 1:53bah! félicitation pour ce site , bravo
je pensait pas qu’on ouvais faire un imac aussi réussi avec simplement gimp!
(moi je m’en sert que pour faire des retouches photo)
C’est pas plus simple de le faire en vectoriel?
ps: le site et trés jolie ^^
08.29.08 on 19:15