Olivier El Mekki

Blog.

• • Accueil
  • Connexion
  • RSS
• • blog (4)
  • design (1)
  • éditoral (1)
  • entreprise (2)
  • HTML (1)
  • javascript (4)
  • jquery (7)
  • Non classé (2)
  • PHP (1)
  • Ruby on Rails (6)
  • sysadmin (7)
  • typolight (6)

• Critère :

• • Accès principal
  • Contact

• Méta
• Catégories
• Recherche
• Site principal

Giffects

À propos

Ces scripts pour Gimp ont pour but de faciliter la création d’images GIF animées à intégrer dans l’interface d’un site web. J’ai appris à me servir de scheme et de script-fu pour l’occasion, j’espère que vous me pardonnerez si le code n’est pas “the best way of”.

Il y a pour l’instant deux effets, rotating et glowing, j’en rajouterai au fur et à mesure de mes besoins en matière de développement web. N’hésitez pas à me contactez si vous voulez me suggérer la création d’un effet particulier.

• démonstration
• télécharger

Installation

Les scripts sont à mettre dans le dossier scripts/ du dossier de configuration de gimp. Sur mon système (gentoo), le chemin global est /usr/share/gimp/2.0/scripts/ (pour toutes les versions 2.x) et le chemin utilisateur est ~/.gimp-2.4/scripts. J’apprécierai que quelqu’un me signale quel est le chemin standard sur windows.

Utilisation

Tout d’abord, assurez-vous de faire une sauvegarde de votre image avant d’utiliser les scripts, car les modifications sont faites dans l’image courante (toutefois, un undo annule l’ensemble des modifications).

Ce code est pour l’instant en version alpha, il n’y a donc pas de test d’erreur de fait (notamment au niveau du type des arguments). Voici comment il doit être utilisé pour ne pas créer de trou noir :

1. L’image servant de base à l’animation doit être dans un unique calque et être le calque actif.
2. Éventuellement, une autre image se trouve directement en dessous et sert de fond (si l’option use lower layer as background est cochée). Cette fonction n’est vraiment utile que pour rotating, pour l’instant.
3. Une selection n’a pas d’effet, les scripts agissent directement sur les calques.
4. Les calques originaux ne sont pas supprimés. À vous de les renommer (pour intégrer un timing) ou de les supprimer.
5. Une fois l’effet appliqué, l’idéal est d’utiliser l’option d’optimisation des animations pour gif (image>filtres>animation).

Rotating

Rotating permet d’animer une rotation avec les options suivantes :

• radius : un nombre représentant l’angle (en degré) de la rotation.
• steps : le nombres d’étapes (et donc d’images) qui constitueront l’animation.
• total time : la durée totale de l’animation en millisecondes.
• counter-clockwise : si cette option et cochée, la rotation s’effectuera dans le sens inverse des aiguilles d’une montre.
• use lower layer as background : si cette option est cochée, le calque le plus en-dessous sera utilisé comme fond pour chaque image de l’animation.

Glowing

Glowing anime une surbrillance transparente en allant de totalement transparent à un maximum d’opacité défini par l’utilisateur, puis en en revenant. Les options sont :

• glow to color: la couleur de la surbrillance
• max opacity: le niveau d’opacité maximal (en pourcents) qu’atteindra la surbrillance
• steps: le nombres d’étapes (et donc d’images) qui constitueront l’animation.
• total time : la durée totale de l’animation en millisecondes.
• use lower layer as background : si cette option est cochée, le calque le plus en-dessous sera utilisé comme fond pour chaque image de l’animation. (peu d’intérêt pour l’instant, cela servira surtout quand j’intègrerai la possibilité de ne mettre en surbrillance qu’une partie du calque)