Ce didacticiel est inspiré du travail de Bernhard Stockmann de www.gimpusers.de.

Les effets les plus simples sont parfois les plus visuels.

Ainsi, créer une spirale de couleurs ou monochromatique devient simplissime avec The Gimp. Vous pourrez reproduire cet effet sur vos signatures, fonds d’écran ou avatars.

Voyons comment procéder ….

La page blanche

Commençons par ouvrir une nouvelle image rectangulaire. Peu importe sa taille. Appiquons lui l’effet plasma. Pour cela, allons dans le menu >Filtres>Rendu>Nuages>Plasma :

Reglez la turbulence aux alentours de 4/4,5.

L’image est remplie de couleurs plasma :

Tournons et aspirons …

Allons dans le menu >Filtres>Distorsion>Tourner et Aspirer.
Appliquons les valeurs ci-dessous :

Créez un nouveau calque transparent et placez le en haut de la pile.
A l’aide de l’outil dégardé, tracez un dégradé de forme Radiale allant du blanc au noir en partant du centre de l’image vers un des côtés :

Duppliquez le calque et placez le sur le dessus de la pile. Passez le premier calque de dégradé en mode Multiplier. Sur le calque du haut de la pile, appliquez lui un changement de luminosité et de contraste comme suit :

Tournons et aspirons de nouveau avec les paramètres qui ont été gardés depuis la première distorsion. Passez le calque en mode Addition :

Un peu de flou dans le fond ..

Sélectionnez le calque du fond et appliquez lui un flou gaussien sélectif avec les paramètres suivants :

L’image finale

Si vous souhaitez des tons unis, ajoutez juste un calque au dessus du calque de fond et remplissez-le de la couleurs voulue. Il vous suffit ensuite de jouer avec le mode de fusion …

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

Créer une synergie public-circuit

L’imagerie virtuelle à 360° permet de s’immerger dans une action, une ambiance. Elle renforce le lien que peut entretenir tout spectateur avec un événement, un lieu ou une légende comme le sont les 24 heures du Mans. Une grande partie du circuit étant inaccessible au public, l’idée est d’inviter le spectateur à s’y rendre virtuellement, à diriger sa visite en prenant le temps de regarder autour de lui, d’écouter les sons, de voir les bolides, d’approcher la légende.

Créer l’envie de toucher la légende
L’imagerie virtuelle à 360° va propager l’image du circuit, son ambiance, son décor, ses acteurs partout où se trouvent les passionnés de course automobile. Chacun pourra grace à www.racing360.fr à tout moment toucher du doigt la légende et visionner ses endroits préférés du circuit, où qu’il soit. Le projet permettra à tout un chacun d’être au plus près de la course.

Créer un inventaire visuel
Le circuit évolue ainsi que les autos en lice. Quoi de plus précis qu’une image panoramique pour rendre compte des changement et ainsi voir les modifications réalisées ?

Nous proposons de réaliser un véritable inventaire visuel du circuit, renouvellable à tout moment et pérenne dans le temps. Attaché aux 24 heures, on peut l’étendre au Mans Classic ou à d’autres manifestations majeures.

Les moyens du projet

Moyens techniques photographiques
Jean-Pierre Espitalier est équipé d’un Canon Eos 1d mark II, avec un 16/35 2.8 , 70/200 f2.8 et un doubleur de focale. Il assure la direction photographique du projet.

Frédéric Viau-Davodeau est équipé d’un Canon Eos 350D avec 18/55, un Sigma 70/300 4-5,6 Macro DG et un Sigma 10mm « fisheye » pour les prises de vue panoramiques. Il travaille avec une tête panoramique Nodal Ninja et trépied Manfrotto. Il assure la direction artistique et graphique du projet (prises de vue panoramiques, post-production et mise en ligne sur site web).

Didier Vincent est équipé d’un Canon Eos 350D, avec un 18/55 mm et un Sigma 70/300 APO Macro DG. Il assure la direction technique et logicielle du projet (prises de vue panoramiques, gestion technique de la mise en ligne sur site web).

Moyens techniques informatiques

Les images de preview seront traitées sur imac OSX10 directement dans le véhicule, pour un calage immédiat des prises de vue. Les images finales seront post-traitées sur iMac G5 dernière génération tournant sous OSX Tiger dans les studios graphiques de e-keep.fr à Rochefort (17) et Toulouse (31).

Le site : www.racing360.fr

En fouillant dans le grenier, on retrouve souvent de vieilles photos dont les tons sont passés.

Souvenirs de vacances, de plage ou simplement paysages saisis à la volée, ces images ont un charme colorimétrique que le numérique a fait disparaitre. Comme quoi le progrès n’a pas toujours que du bon …

Mais rien ne nous empeche de recréer cet effet de paleur artificiellement avec Gimp.

Voyons comment procéder ….

L’image de base

Nous allons travailler sur une image de paysage basique. Les couleurs sont fortement tirées vers le bleu et finalement l’image n’a que peu d’attrait.

Commençons par duppliquer le calque de base. Sur ce nouveau calque, nous allons désaturer les couleurs. Pour cela, allons dans le menu Couleurs > Désaturation. Dans la fenetre d’options, choisissons Clarté et validons.

L’image passe en noir et blanc

Créons un nouveau calque vierge, transparent. Remplissons le d’un bleu #36c1f5. Passons ce calque en mode Superposition.

Fusionnons les deux calques supérieurs :

La vie en jaune ?

Procédons de même avec le calque de base mais cette fois en utilisant une couleurs différente.
Duppliquons une nouvelle fois le calque de base puis désaturons-le. Créons un calque vide au dessus et remplissons-le d’un jaune #f8c71e.

Passons le calque d’aplat de couleurs en mode superposition et fusionnons-le avec le calque du dessous :

Ajoutons un masque de calque sur le calque jaune. Faites un clic droit sur le calque et choisissez Ajouter un masque de calque. Dans les options, cochez Copie du calque en niveau de gris puis validez :

Faites de même avec le calque bleu sauf que vous cochez en plus, lors de la création du masque de calque Inverser le masque puis validez :

Pour finir jouez avec l’opacité du calque orange. Je l’ai descendue à 80% ….

L’image finale

Voici par exemple ce que cela donne sur une image avec plus de couleurs :

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

The Gimp est-il toujours à la ramasse derrière Photoshop ?.

La question va de plus en plus se poser lorsque l’on voit des outils aussi complexe que la déformation interactive (fluidité sous Photoshop) apparaitre dans les dernières versions du désormais célèbre logiciel libre.

Ce filtre devrait d’ailleurs plaire à tous les photographes de stars dans le sens où il permet de corriger, de façon totalement interactive, les formes d’un objet ou d’une personne.

Bien pratique pour remonter ses paupières !

Voyons ça de plus près ….

L’image de base

Autant être franc : quite à déformer quelqu’un, autant que cela soit quelqu’un de plutot pas mal au départ. Mon choix s’est donc porté sur Angelina :

Où trouver le filtre ?

Allez dans le menu > Filtres > Distorsions > Déformation interactive ou faites un clic droit sur l’image et choisissez le menu > Filtres > Distorsions > Déformation interactive, ce qui revient au même vous en conviendrez …

La fenêtre suivante s’ouvre :

Y a foule dans les paramètres !

La boite de dialogue propose beaucoup de paramètres.
Commençons par tester le mode Déplacer avec un rayon de déformation de 100 et une intensité de 0,50 :

Vas-y Raymond : remodele le modèle !

Pour modifier Angelina, placez votre curseur sur la partie à modifier et glisser doucement la croix vers le haut (par exemple) :

Faites toutes les modifications qui s’imposent en testant les différents paramètres du filtre. Vous pouvez meme animer la déformation et en faire une petite animation !

Si au final, vous n’êtes pas satisfait, cliquez sur le bouton “Réinitialiser” et l’image redevient normale. Que demander de mieux ?

Avant et .. après

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

Les flux RSS sont devenus pour beaucoup, incontournables.

Alors que les heureux possesseurs de sites webs se rassurent : il est tout à fait possible de créer son propre icone de flux avec The Gimp

Nous n’allons pas travailler en vectoriel mais qu’importe finalement pour un usage sur internet ? J’ai choisi de le créer dans sa couleurs originale mais rien ne vous interdit d’en faire à vos couleurs.

Allez, hop ! Au boulot !.

Préparons le fond

Commencer par créer une image de forme plus ou moins carrée. 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’icone. Pour cela, sélectionnez l’outil de sélection rectangulaire (R)

Cochez la case “Coins arrondis” et entrez un rayon de 20 pixels (comme déjà vu ici):

Sélectionnez l’outil de sélection rectangulaire (R) et tracez une forme carrée aux bords arrondis

Le choix des couleurs

Les couleurs originales sont dans les tons orangés.
Choisissez celle qui vous convient. Remplissez la forme avec un dégradé de la couleur de premier plan vers celle du second plan.

Créez un second calque sans rien désélectionner.
Faites un clic-droit dans la sélection et choisissez > Sélection > Réduire
Appliquer un rayon de 20 pixels

Remplissez cette nouvelle sélection uniquement avec de légers dégradés sur les 4 bords :

Un reflet web 2.0

Créez un nouveau calque.
Comme vous avez gardé la sélection précédente, remplissez cette dernière d’un dégradé de blanc vers transparent.

Vous pouvez désélectionner. Maintenant, prennez l’outil Courbes de Bézier (ou l’outil chemon (B)) et tracez une forme comme suit :

Transformez le chemin en sélection et supprimez ce qui se trouve à l’intérieur :

Les symboles RSS

Attaquons-nous maintenant aux symboles du RSS. Créez un nouveau calque. Tracez une forme ronde et remplissez-la de blanc. Toujours sans désélectionner, faites un clic droit > Sélection > Réduire et laissez un rayon de 20 pixels.

Supprimez ce qui se trouve dans la sélection. Votre premier arc est créé.
Opérez à l’identique pour le second arc.

Le point final

Pour tracer le rond du bas du logo, rien de plus simple. Prennez l’outil Sélection Elliptique, tracez un rond parfait et remplissez-le de blanc. Positionnez-le correctement si besoin.

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

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

Voici une campagne qui tombe bien puisqu’elle concorde avec l’actualité (fêtes des mères).

Curieusement, elle me fait penser à un film de 1998 avec Tom Hanks et Meg Ryan : You’ve got mail

Au delà du coté “cucul” du film, la pub postale rappelle bien ce petit frisson que l’on lorsque l’on ouvre sa boite à lettre ou sa boite mail : “J’ai du courrier ?”

On aime ou ou aime pas. Mais le message est limpide : depuis que l’homme sait écrire, envoyer un petit mot touche toujours le destinataire.

Le traitement graphique est ma foi assez banal mais on ne demande pas à ce type d’image des effets spéciaux dignes de Star Wars.

L’effet Tilt-shift permet, en quelques manipulations, de créer de la profondeur de champ et de jouer avec l’illusion d’optique.

L’effet est très simple à mettre en place mais il est préférable de jouer sur des clichés à grande profondeur de champ (paysages par exemple). Il ne rendra que peu sur une photo macro. Vous pouvez le retrouver pour The Gimp sur cette page.

L’idée est de flouter les bords de l’image afin de créer cette illusion de “maquette”.

La vidéo

L’effet Tilt-Shift avec Pixelmator from kloobik on Vimeo.
A propos de cette video

Pour visionner confortablement les videos de tutoriels, une fois la video lancée, cliquez sur “pause” (ou barre d’espace) pour que la video se charge à 100%. Appuyez ensuite à nouveau sur la barre d’espace pour lancer la lecture.

Cette video-didacticielle 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

On développait par exemple une pellicule négatif dans bain pour une pellicule diapos et on obtenait un résultat saturé. Le cross-processing permet d’obtenir des couleurs très saturées et inversées. A découvrir …

La video

Cross processing sous Photoshop from kloobik on Vimeo.

A propos de cette video

Cette video-didacticielle 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

Modifier la taille d’une image est une manipulation de base dans un éditeur graphique rendue nécessaire de nos jours par les diverses résolutions et tailles proposées par les appreils photo numériques.

Simple avec certains d’entre eux, elle peut rapidement devenir un casse-tête ou une catastrophe avec les autres.

Mais modifier la taille d’une image n’est pas tout : on a parfois besoin de changer la taille du canevas. Voyons comment faire avec Pixelmator …

La vidéo

Modifier la taille d’une image ou le canvas from kloobik on Vimeo.

A propos de cette video

Cette video-didacticielle 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