GIMP: créer un compteur d'impulsions à partir de zéro

Cet article a été repris (et modifié) en fonction de son source primaire, le blog de Hyuga_Neji et plus tard répliqué dans GUTL.

Bonjour à ceux qui prennent le temps de nous lire, hier on en parlait surveiller la bande passante et nous créons (comme toujours) une image sélectionnée avec du contenu que nous avons créé. En raison de l'image que quelqu'un nous a approchés par e-mail et nous a demandé de lui montrer comment créer ce qui pourrait être un compteur d'impulsions, cela semblait être une excellente idée, alors aujourd'hui, nous allons montrer comment le créer à l'aide d'un logiciel libre et plus précisément: GIMP.

L'idée de créer un compteur d'impulsions nous est venue plutôt pour essayer de refléter que nous allions mesurer quelque chose numériquement, donc nous avons essentiellement choisi une forme et «créé» le compteur supposé à partir de celle-ci. Les étapes à suivre pour réaliser quelque chose comme ça, nous les laissons ci-dessous

Créer la forme de base avec GIMP

La première étape après l'ouverture du Programme de manipulation d'images GNU (GIMP pour son acronyme en anglais) consiste à créer une nouvelle image.

Alors allons au menu armoires de bureau » Nouveau ou si comme nous aimons les combinaisons de touches, utilisez simplement CTRL + N. Nous choisissons la taille qu'ils veulent mais pour leur montrer nous utiliserons 640 × 400 pixels qui ne sont ni grands ni petits.

Nous choisissons une couleur que nous voulons en cliquant sur la boîte de couleur et en sélectionnant celle de notre préférence, puis en faisant glisser la couleur de la boîte vers la fenêtre d'image. Une fois cela fait, nous créons un nouveau calque avec transparence (il est recommandé de travailler avec des calques pour accélérer le processus de correction possible sans perdre tout le travail). Pour créer un nouveau calque, nous cliquons sur le calque intégré dans lequel il a un signe d'addition ou appuyez sur SHIFT + CTRL + N afin que nous obtenions quelque chose comme ceci:

Couches GIMP

Nous avons déjà la nouvelle couche transparente et en travaillant dessus, nous créons la forme de base qui nous aidera à assembler le compteur. La chose la plus proche de cet équipement que nous connaissons est l'équipement électronique dont son écran est de forme circulaire, nous prenons donc l'outil de sélection elliptique (E) et nous créons un cercle dans le calque transparent que nous remplissons avec n'importe quelle couleur pour avoir une forme de base avec laquelle travailler.

Forme GIMP

Forme GIMP

Nous avons choisi le noir car plus tard nous l'utiliserons comme ombre mais nous y arriverons, vous pourrez choisir la couleur que vous souhaitez.

Créer le corps de l'équipe

Nous créons à nouveau une nouvelle couche mais cette fois nous n'avons pas à créer de circonférence mais nous utiliserons la forme de base et à partir de là, nous créerons ce que serait le corps ou le bord de l'équipement. Pour ce faire, nous faisons un clic droit sur le calque avec la forme de base et cherchons dans le menu contextuel l'option «Alpha to Selection».

Après avoir sélectionné la forme de base, nous retournons au nouveau calque que nous avions créé mais avant de le remplir de couleur, nous allons dans le menu sélectionner et nous utilisons l'option de Rétrécir o Rétrécir avec une valeur de 1 pixel. Nous choisissons la couleur que nous voulons pour le nouveau calque et le remplissage.

Jusqu'à présent, nous avons la forme de base dans une couleur sombre et un autre calque avec le corps de l'équipe dans une autre couleur (de préférence dans une couleur contrastante avec l'arrière-plan). Nous sommes situés dans la couche de la forme de base et nous allons Filtrer » Brouiller » Flou gaussien avec une valeur de 5 pixels et nous avons déjà l'effet d'ombre, le résultat devrait être plus ou moins ceci:

Forme GIMP

Créer l'intérieur de l'équipe

C'est au tour de créer l'intérieur de l'équipement, ce qui est vraiment le plus laborieux car nous utiliserons des masques de couches, des motifs de remplissage et une astuce optique pour donner une impression de volume et simuler la couverture acrylique classique.

Pour créer l'intérieur, nous créons un nouveau calque et revenons avec la même opération de Alpha à la sélection seulement maintenant, nous utilisons la couche de bord d'équipe. Nous revenons au nouveau calque et dans le menu sélectionner » Rétrécir Nous utilisons une taille d'environ 5 pixels, puis nous recherchons la couleur que nous utiliserons pour l'arrière-plan de l'écran de l'ordinateur.

Nous remplissons la couleur et continuons à créer quelle serait l'échelle de l'équipement qui en "langage GIMP" ne dépasse pas une grille. Nous créons une nouvelle couche et nous allons Filtres » interprétation » motif » gril Nous choisissons une couleur (de préférence verte) qui contraste avec le fond de l'équipement et nous appliquons l'effet.

Grille GIMP

Un remplissage est créé comme une grille mais qui couvre toute la couche, nous devons donc le couper pour qu'il ne se trouve qu'à l'intérieur de l'écran de l'ordinateur.

Pour couper la grille on revient avec le Alpha à la sélection en utilisant comme base la couche de fond de l'équipement (celle que nous avons mise en vert) et ensuite nous allons sélectionner » Inverser la sélection ou si on presse CTRL + I une fois cela fait, nous appuyons sur la touche EFFACER et voila ... la grille correspond à notre écran supposé.

Grille GIMP

Pour améliorer l'adaptation, nous changeons le mode de calque de la grille de Normal a Bravoure et nous avons réduit l'opacité à 40% pour supprimer un peu de "force".

Grille GIMP

L'écran de notre équipe

Dans notre équipe supposée, nous mesurerons les impulsions en simulant les films où ils montrent la position des patients au moyen d'une ligne, nous créons donc notre ligne de mesure avec son effet correspondant. Pour créer une ligne, nous utiliserons l'outil Routes puis nous créerons la ligne à partir du chemin que nous avons créé.

Nous choisissons d'abord la couleur que nous voulons pour l'itinéraire. Nous choisissons l'outil Ruta et nous traçons la forme que nous voulons lui donner.

Chemin GIMP

Une fois la forme que nous voulons donner au Ruta puis nous utilisons les options de l'outil pour créer une ligne à travers tout le chemin que nous définissons

Chemin GIMP

Qu'est-ce qui ressemblerait plus ou moins à ceci:

Chemin GIMP

Une fois l'itinéraire tracé, nous dupliquons le calque de la ligne (que nous utilisons de préférence avec une couleur qui se détache sur notre écran) vers le calque en dessous, nous faisons un Filtrer » Brouiller » Flou gaussien et nous passons à travailler sur la couche de ligne ci-dessus.

Pour donner un effet opaque au Pulse nous créons un masque de calque (clic droit sur le calque » Ajouter un masque de calque) et choisissez les valeurs de couleur par défaut (D). Cela mettra une boîte blanche à côté de notre calque.

Plus tard, nous changeons les couleurs de premier plan (blanc) et d'arrière-plan (noir), cliquez avec le bouton droit sur le nouveau calque et sélectionnez Afficher le masque de calque. Cela nous laissera tous vides, mais ne vous inquiétez pas. Nous choisissons le Outil gradient (nous devons avoir la possibilité de Gradient bilinéaire) et nous dessinons une ligne et l'appliquons à partir du centre du calque horizontalement hors du calque.

Dégradé GIMP

Nous décochons l'option Afficher le masque de calque. Si nous regardons la boîte de dialogue des couches, nous verrons quelque chose comme ceci:

Couches GIMP

En faisant cela, nous voyons que notre top line réapparaît et le résultat est plutôt bon.

Chemin GIMP

Notez que maintenant les bords de la ligne ont une sorte de dégradé, comme si elle se fanait. Cela peut bien sûr être bien meilleur.

Le couvercle en acrylique du kit

Comme nous l'avons mentionné au début, nous allons créer l'illusion qu'il a une couche acrylique transparente, ce qui donne la notion de volume à l'équipe, nous aurons donc besoin d'une couche de brillance pour simuler l'acrylique ainsi que son ombre intérieure respective.

Pour obtenir l'ombre intérieure, nous créons un nouveau calque et faisons l'étape de Alpha à la sélection en utilisant le calque en bas de l'écran puis nous revenons au nouveau calque et réduisons (Sélectionnez »Réduire) avec la valeur de 1 pixel.

Une fois la sélection rétrécie, nous la remplissons de noir. Plus tard, sur la même couche de couleur noire, nous faisons l'étape de Alpha à la sélection et nous revenons à Sélectionner »Réduire cette fois avec une valeur de 2 pixels. Vous verrez qu'il nous reste un cercle noir, nous appliquons un Filtrer » Brouiller » Flou gaussien avec la valeur 5 avec laquelle nous obtenons quelque chose comme ceci:

Bord GIMP

C'est au tour de créer le couvercle en acrylique pour lequel nous créons une nouvelle couche et faisons la même étape de Alpha à la sélection en utilisant le calque de fond d'écran comme base.

Nous choisissons l'outil Dégradé mettre la couleur blanche sur le noir, et dans les options, nous choisissons une forme luminaires Néon Del et un dégradé de Face à la transparence, puis nous l'appliquons de haut en bas en essayant d'avoir une forme aussi verticale que possible:

Cristal GIMP

Pour donner une meilleure apparence, nous allons réduire la taille de la couche de paillettes pour la rendre plus petite et la faire ressembler à une sphère acrylique, ce qui conclut notre tutoriel avec le résultat complet:

Cristal GIMP

Jusqu'à présent, notre modeste tutoriel, nous espérons que vous serez excité et que vous essayez de le faire.


Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Miguel Ángel Gatón
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.

  1.   ergo dit

    Article très intéressant. Quand je peux je le ferai. 🙂
    PS: Cela s'appelle un électrocardiogramme.

    1.    Andrew dit

      Je savais qu'ils s'appelaient des oscilloscopes.
      Les électrocardiogrammes sont une application de l'oscilloscope qui sert à représenter graphiquement le travail du cœur, de sorte qu'ils ont le «cardio» entre les deux.
      Mais les oscilloscopes peuvent avoir des milliers d'applications en sismologie, en électronique, en son, etc.

  2.   Ed dit

    Ma mère * o *
    Quel bon tutoriel, ça me donne une idée pour beaucoup d'autres choses 😀
    Merci Elav !!!

  3.   Le_ Mastersok dit

    Très bon tutoriel ...
    félicitations

  4.   éliotime3000 dit

    Bon tuto. Cela me rappelle beaucoup ce que j'ai fait avec CorelDraw et Illustrator avec ces icônes.

  5.   Hyuga_Neji dit

    Bien… mais même si je ne commente pas beaucoup (et que je passe plus de temps sur GUTL) j'ai aussi un compte ici sur DesdeLinux. Je vois que vous avez suivi le tutoriel car dans l'original je n'ai pas mis l'interface des motifs de grille ou quelque chose comme ça mais à votre façon ça a l'air bien mieux car c'est plus expliqué et peut être mieux compris.

    1.    animé dit

      Oui, c'est vrai que vous avez un compte ici ^. ^

  6.   Sausl dit

    très bon

  7.   Patodx dit

    Avec ces articles, il est plus que clair pour moi que je peux me passer de phtoshop ..

    merci ..

    1.    éliotime3000 dit

      Je ne me suis toujours pas détaché d'Illustrator ou d'InDesign.

      1.    animé dit

        Et personne ne se soucie de votre problème 😛 Apportez le bois de chauffage et eliotime3000 au feu de joie !!! XD

  8.   Emmanuel Acuña dit

    Très bon tutoriel, définitivement GIMP est un excellent outil.

    Une question: quel thème utilisez-vous sur votre système Linux, c'est génial, j'aimerais l'obtenir s'il vous plaît.

    Merci et salutations…

    1.    animé dit

      KDE avec Oxygen .. c'est-à-dire par défaut. Ce qui se passe, c'est que les couleurs sont modifiées et je choisis le schéma appelé Chrome 😀

      1.    Emmanuel Acuña dit

        Super, juste une question, comment l'installer dans Ubuntu 14.04 en utilisant Flashback Session, j'ai déjà installé oxygène-gtk 2 et 3 dans le centre logiciel, mais je n'ai pas de décoration de fenêtre: - / seulement le thème gtk mais cela ne change pas le boutons de titre.

        Salutations.

        1.    animé dit

          C'est que l'oxygène est de KDE. Il y a des thèmes à émuler, mais ce ne sera plus jamais pareil. 🙁

  9.   Tedel dit

    N'aurait-il pas été plus facile de faire cela dans Inkscape? Vous avez également l'avantage de pouvoir mettre à l'échelle le résultat final à volonté.

    1.    chasseur dit

      Exactement, il ne s'agit pas de dénigrer Gimp mais Inkscape est le bon outil pour cela.

    2.    Hyuga_Neji dit

      Pour être honnête…. Dans ma vie, j'ai ouvert inkscape, donc je ne saurais pas si c'est plus facile ou pas. Il est vrai de mettre à l'échelle le résultat mais je n'ai aucune idée de comment cela fonctionne de manière vectorielle, alors je continue à m'en tenir à GIMP xD

    3.    animé dit

      Je l'aurais fait dans Inkscape, mais le message n'est pas vraiment le mien. De plus, j'ai appris quelques choses avec GIMP que je ne savais pas 😀

      1.    Hyuga_Neji dit

        Alors j'aimerais que quelqu'un fasse quelque chose comme ça dans inkscape pour pouvoir les comparer, c'est à dire le poids, la netteté etc etc de la création dans inkscape et gimp ... et si ce n'est pas trop demander de mettre un tutoriel étape par étape sur la façon de le faire pour voir si l'on prend quelque chose de xD.

  10.   plus loin dit

    Je dois l'essayer, merci beaucoup, c'est très bien 😀