lundi 14 janvier 2013

Gimp 2.8 - Logiciel de création de maquettes web

Gimp est un logiciel d'édition d'images libre et gratuit qui pourrait se présenter comme une alternative sérieuse a Adobe Photoshop. Dans son fonctionnement global on retrouve l'essentiel des outils nécessaires aux montages photos, retouches d'images et même de la composition graphique. J'ai décidé de faire un article sur le logiciel GIMP car depuis la sortie de la dernière version (gimp 2.8) les principales fonctionnalités manquantes ont été rajoutées. En effet jusqu'à présent GIMP manquait de fonctionnalités "vitales" pour la réalisation de montages images complexes ce qui rendait inhabituelle la procédure de création de webdesigns ou autres créations. A présent que les quelques lacunes du logiciel ont été corrigées il me semble vraiment intéressant de se pencher sur le potentiel usage professionnel de GIMP.



Gimp pour le webdesign.

J'ai eu pas mal de fois l'occasion d'utiliser gimp pour la création de maquettes web. Dans les anciennes versions de gimp il n'y avait pas la possibilité de créer des groupes de calques ce qui rendait la création d'une maquette de page web spécialement compliqué à gérer. Il fallait prendre soin de bien nommer les calques avec des préfixes pour créer l'illusion de groupes de calques afin de mieux gérer les bloques de la page. Il est vrai que pour un utilisateur habitué à photoshop cela parait impossible de se passer des groupes de calques. Cet argument de taille rendait les précédentes version inexploitable pour un usage de composition professionnel.

Quelques exemples demo de création de maquettes web avec GIMP. 

Deux vidéos d'utilisation de gimp dans le cadre d'une création web simple. Ces vidéos ont étés faites en faisant des screenshots a intervalle de temps réguliers. Pour avoir une idée du la vitesse réelle d’exécution regardez l'horloge de l'os (en bas a droite).

      


Quelques maquettes web démo crées avec GIMP





Améliorations majeures de GIMP 2.8

 Groupes de calques

La nouvelle version de GIMP intègre une gestion native des groupes de calques. Cela permet de créer des dossiers dans lesquels on pourra classer les différents calques de notre webdesign par exemple. Les calques groupés de la sorte pourront ensuite subir des modifications par groupes. Par exemple si vous avez besoin de déplacer tous les éléments d'un groupe de calques il suffira de déplacer un des calques en maintenant le touche maj du clavier appuyé et tous les calques contenus dans le même groupe que le calque sélectionné seront déplacés.

Mode fenêtre unique

A présent gimp possède un mode de fenêtre unique. Cela permet de travailler dans un contexte où les différentes zones de travail sont figés et occupent l'écran de manière optimale. En effet avant chaque menu était une fenêtre a part entiere, ce qui nécessitait un certain temps d'organisation, ne serai ce que de réorganiser les fenêtres de la sorte que le menu principal ne se superpose pas sur la zone de travail. A présent avec le mode fenêtre unique les menus et la zone de travail gardent leurs place prédéfinie.

Gestion multi projets par onglets

La nouvelle version de gimp intègre une gestion agréable de l'ouverture de plusieurs documents a la fois. En effet en mode fenêtre unique les différents documents ouverts (en cours d'édition) apparaissent en tant qu'onglets de la zone de travail. Il est alors aisé de basculer d'un projet graphique a un autre. Il faut reconnaître que en comparaison avec la gestion multi instances de gimp 2.6, il y a un réel effort d’ergonomie qui a été fait. 


Gimp est multi-plate forme

Gimp fonctionne très bien sur les os les plus rependus. Sur certaines distributions de linux ce dernier est même fourni comme éditeur d'images par défaut. Voici quelques liens de téléchargement de gimp 2.8.

Sites existants utilisés en exemple dans cet article



1 commentaire:

  1. Bonjour,

    Ne pourriez-vous pas carrément écrire un bouquin (un gros tuto) sur comment créer une maquette d'un site web de A à Z. Justement le manque d'intérêt des outils gratuits mais puissants comme Gimp est dû essentiellement au manque de la documentation. Alors que florissent des livres sur Webdesign avec Photoshop, je n'ai pas vu un seul livre qui traite de ce sujet avec Gimp. Pourtant, je fais le pari qu'une demande existe en ce qui concerne Gimp.

    RépondreSupprimer