Dessiner un iMac

11.24.08

Voici un petit exercice simple et dont le résultat devrait satisfaire plus d’un geek :) .

imacIl 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 :

Dessiner un iMac sous Gimp

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 :

Dessiner un iMac sous Gimp

Dessiner un iMac sous Gimp

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 :

Dessiner un iMac sous Gimp
Dessiner un iMac sous Gimp

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 :

Dessiner un iMac sous Gimp

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) :

Dessiner un iMac sous Gimp

Remplissez cette sélection de bleu.

L’iMac commence à apparaitre doucement ….

Dessiner un iMac sous Gimp

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.

Dessiner un iMac sous Gimp

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 :

Dessiner un iMac sous Gimp

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

Dessiner un iMac sous Gimp

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 :

Dessiner un iMac sous Gimp

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 …

Dessiner un iMac sous Gimp

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

Dessiner un iMac sous Gimp

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 :

Dessiner un iMac sous Gimp

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

Dessiner un iMac sous Gimp

L’image finale

Dessiner un iMac sous Gimp

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

Bookmark and Share
7 commentaires :
  1. ben

    wow c’est magnifique

  2. Rizo

    C’est plus du panoramique là, c’est le niveau au dessus.

  3. kloobik

    Hé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″ ;)

  4. ben

    Faut un second pied alors

  5. aima

    bonjour c’est formidabele
    bah! félicitation pour ce site , bravo

  6. elodie

    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 ^^

Laisser un commenatire