Dessiner un Imac

Tutoriel assez facile pour dessiner un Imac avec Inkscape.

Je me suis vilainement inspiré du site Vectortuts. C’est à la base prévu pour illustrator (et oui , encore lui) mais il est possible d’obtenir le même résultat avec notre logiciel libre préféré.

Le but est d’arriver à reproduire ceci :

On commence tout d’abord par la base de l’écran. Un simple rectangle avec un remplissage quelconque.


Avec l’outil rectangle , arrondissez les coins avec la poignée ronde.


Une fois cela fait, convertissez ce beau rectangle en chemin par la commande du menu Chemin / Objet en chemin.

Dupliquez cet objet et appliquez une autre couleur à la copie.


Il va falloir réduire la taille de la copie en gardant la proportionnalité. Pour cela , allez dans le menu objet / offset dynamique. Une poignée en forme de losange apparaît. Déplacez la pour réduire la taille de l’objet de quelques pixels.


Convertissez cet objet en chemin. Ensuite , « écrasez » le depuis le bas avec les poignées de redimensionnement pour obtenir un résultat similaire à l’image suivante.


Le deuxième rectangle est la bordure autour du LCD. Tracez un rectangle pour dessiner l’écran en lui même. Pour le positionner au centre du deuxième, sélectionnez le rectangle en dessous de l’écran puis le rectangle « LCD » et ouvrez l’outil de positionnement.

Choisissez un alignement par rapport au premier sélectionnez et cliquez sur les deux boutons entourés.


On obtient donc ceci …


Passons au socle de l’ordinateur. Tracez une forme comme celle ci avec l’outil courbe de bézier.


Dupliquez cette forme et appliquez une inversion horizontale sur la copie avec la touche H.


Déplacez la nouvelle forme sur la droite pour former un socle symétrique.


Sélectionnez ces deux objets et allez dans le menu Chemin / Combiner.

Après cette manip , il reste des noeuds inutiles sur le dessus de l’objet.


Avec l’outil noeud, sélectionnez ces deux noeuds, et cliquer sur l’icone de jonction.


Une fois les deux noeuds joints, il en reste un qui est inutile , supprimez le :)

Passons au bas du socle. Fermez le en bas en reliant les deux noeuds par une droite.


Ensuite , il faut tordre cette droite.

Vous ne cassez pas la tête : tordez la droite avec l’outil noeud en cliquant le plus au centre possible.


Vous voulez du boulot précis : sélectionnez les deux noeuds de la droite (non non je ne fais pas de politique) et cliquer sur l’icone « plus » de la barre d’outil.

Un noeud sera ajouté exactement au centre des deux noeuds sélectionnés. Sélectionnez ce nouveau noeud et cliquez sur l’option « symétrie » de la barre d’outil. Une fois cela fait, glisser vers le bas le noeud central avec la touche CTRL enfoncée. Voila , notre courbe est modifiée de façon symétrique. :)

Ensuite, dessinez une forme comme celle ci :


Dupliquez la , appliquez une inversion horizontale et déplacez cette copie sur la droite pour obtenir ceci.

Unifiez ces deux objets (fonction combiner) et supprimez les noeuds inutiles.


Utilisez une des deux techniques expliquées précédemment pour tordre la ligne en bas de ce nouvel objet.

Sur l’image vous pouvez voir le noeud ajouté au centre par le bouton « plus » .


Sur l’image suivante, la fonction symétrie a été appliquée au noeud et un déplacement vers le bas pour tordre la courbe.


Voila , notre socle est terminé. Placez le en bas de l’imac !

Passons a la couleur ! Appliquez un dégradé linéaire gris -> gris très clair sur la partie principale de l’ordinateur.


Un remplissage noir pour le cadre et du bleu pour le LCD.


Passons au socle… Appliquons un peu de gris.


Oups, les contours font un peu tache ! Supprimez les.


Appliquez un dégradé gris -> gris clair sur la partie principale du socle.


Pour le « filet » du socle, un dégradé gris -> couleurs claires -> gris.


L’écran est un peu triste. Nous allons lui donner un aspect plus « hype ». Tracez une éllipse bleue par dessus le rectangle bleu.


Appliquez a cette éllipse un dégradé bleu -> bleu foncé.

Diminuez son opacité et faites plusieurs copies de cet objet. Pour chaque copie, modifiez la taille et la rotation pour créer des ellipses différentes.

Sélectionnez tout ces cercles (clic gauche + touche shift)  et groupez les.


Dupliquez le rectangle bleu qui représente le lcd et appliquez un couleur blanche a cette copie.


Sélectionnez le rectangle blanc ainsi que le groupe de cercle (ils dépassent du rectangle « LCD ») et allez dans le menu Objet / Masque / définir.


Un petit effet glassy pour finir ? Tracez une forme comme celle sur l’image suivante. Celle ci doit recouvrir en partie l’ordinateur.


Dupliquez le rectangle principale qui compose l’Imac.. Il sélectionné sur l’image suivante.

Sélectionnez la copie ainsi que la forme zarbi qui recouvre notre Imac. Allez dans le menu Chemin / Intersection.

Magique ! Il ne reste plus qu’a supprimer les contours, appliquer un remplissage blanc et diminuer fortement l’opacité.


Il ne manque que le logo… ou un simple bouton … libre à vous de mettre celui que vous voulez ….

Amusez vous bien et merci d’avoir suivi jusqu’au bout !

SVG

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *