GIMP: maak een pulsmeter van Scratch

Dit artikel is overgenomen (en aangepast) op basis van zijn originele bron, de blog van Hyuuga_Neji en later gerepliceerd in GUL.

Hallo voor degenen die de tijd nemen om ons te lezen, gisteren hadden we het erover bandbreedte bewaken en we maken (zoals altijd) een uitgelichte afbeelding met inhoud die door ons is gemaakt. Vanwege de afbeelding die iemand ons via e-mail benaderde en ons vroeg om hem te laten zien hoe hij een wat een pulsmeter zou kunnen zijn, leek, leek het een geweldig idee, dus vandaag zullen we laten zien hoe je deze kunt maken met gratis software en meer specifiek: GIMP.

Het idee om een ​​pulsmeter te maken, kwam eerder bij ons om te proberen weer te geven dat we iets digitaal gingen meten, dus kozen we in feite een vorm en "creëerden" de veronderstelde meter ervan. De stappen om zoiets te bereiken, staan ​​hieronder

De basisvorm maken met GIMP

De eerste stap na het openen van het GNU-programma voor beeldmanipulator (GIMP) is om een ​​nieuwe afbeelding te maken.

Dus laten we naar het menu gaan Archief » nieuw of als u, net als wij, van toetscombinaties houdt, gebruik dan gewoon CTRL + N. We kiezen de grootte die ze willen, maar om ze te laten zien, gebruiken we 640 × 400 pixels die niet groot of klein zijn.

We kiezen een kleur die we willen door op het kleurvak te klikken en de kleur van onze voorkeur te selecteren en vervolgens de kleur van het vak naar het afbeeldingsvenster te slepen. Zodra dit is gebeurd, maken we een nieuwe laag met transparantie (werken met lagen wordt aanbevolen om het mogelijke correctieproces te versnellen zonder al het werk te verliezen). Om een ​​nieuwe laag te maken, klikken we op de ingebedde laag waarin deze een toevoegingsteken heeft of drukken op SHIFT + CTRL + N zodat we zoiets als dit krijgen:

GIMP-lagen

We hebben de nieuwe transparante laag al en werken eraan en we creëren de basisvorm die ons zal dienen om de meter te monteren. Het dichtst bij die apparatuur die we kennen, is de elektronische apparatuur waarvan het scherm cirkelvormig is, dus nemen we het elliptische selectiegereedschap (E) en maak een cirkel in de transparante laag die we vullen met elke kleur om een ​​basisvorm te hebben om mee te werken.

GIMP-vorm

GIMP-vorm

We kozen voor zwart omdat we het later als schaduw zullen gebruiken, maar we zullen er komen, je kunt de kleur kiezen die je wilt.

Het teamlichaam creëren

We maken opnieuw een nieuwe laag, maar deze keer hoeven we geen omtrek te creëren, maar we zullen de basisvorm gebruiken en hieruit zullen we creëren wat de body of rand van de apparatuur zou zijn. Om dat te doen, klikken we met de rechtermuisknop op de laag met de basisvorm en zoeken in het pop-upmenu naar de optie "Alpha naar selectie".

Nadat we de basisvorm hebben geselecteerd, keren we terug naar de nieuwe laag die we hadden gemaakt, maar voordat we deze met kleur vullen, gaan we naar het menu kiezen en we gebruiken de optie van Krimpen o Krimpen met een waarde van 1 pixel. We kiezen de kleur die we willen voor de nieuwe laag en vullen.

Tot nu toe hebben we de basisvorm in een donkere kleur en nog een laag met het lichaam van het team in een andere kleur (bij voorkeur in een contrasterende kleur met de achtergrond). We zitten in de laag van de basisvorm en dat gaan we ook doen Filter » Vervagen » Gaussiaanse vervaging met een waarde van 5 pixel en we hebben al het schaduweffect, zou het resultaat ongeveer dit moeten zijn:

GIMP-vorm

De binnenkant van het team creëren

Het is de beurt om het interieur van de apparatuur te creëren, wat echt het meest bewerkelijke is omdat we laagmaskers, vulpatronen en een optische truc zullen gebruiken om een ​​indruk van volume te geven en de klassieke acrylhoes te simuleren.

Om het interieur te creëren, maken we een nieuwe laag en keren we terug met dezelfde bewerking van Alfa naar selectie alleen nu gebruiken we de teamrandlaag. We keren terug naar de nieuwe laag en in het menu kiezen » Krimpen We gebruiken een formaat van ongeveer 5 pixels en gaan dan op zoek naar de kleur die we gaan gebruiken voor de achtergrond van het computerscherm.

We vullen de kleur in en gaan verder met het creëren van wat de schaal zou zijn van de apparatuur die in "GIMP-taal" niet verder gaat dan een raster. We creëren een nieuwe laag en dat zullen we doen Filtros » weergave » patroon » rooster We kiezen een kleur (liefst groen) die contrasteert met de achtergrond van de apparatuur en passen het effect toe.

GIMP-raster

We maken een vulling als een raster maar dat bedekt de hele laag, dus we moeten het zo knippen dat het alleen aan de binnenkant van het computerscherm zit.

Om het raster te snijden, keren we terug met de Alfa naar selectie met als basis de laag van de achtergrond van de apparatuur (degene die we groen hebben aangebracht) en dan wij kiezen » Omgekeerde selectie of als we drukken CTRL + I zodra dit is gebeurd, drukken we op de toets VERWIJDEREN en voila ... het raster past op ons veronderstelde scherm.

GIMP-raster

Om de aanpassing te verbeteren, veranderen we de laagmodus van het raster van Normaal a waarde en we hebben de dekking verlaagd tot 40% om een ​​beetje "kracht" te verwijderen.

GIMP-raster

Het scherm van ons team

In ons veronderstelde team zullen we de pulsen meten door de films te simuleren waarin ze de positie van de patiënt laten zien door middel van een lijn, dus we zullen onze meetlijn maken met het bijbehorende effect. Om een ​​lijn te maken zullen we de tool gebruiken routes en dan zullen we de lijn maken van het pad dat we hebben gemaakt.

Eerst kiezen we de kleur die we willen voor de route. We kiezen de tool Ruta en we volgen de vorm die we eraan willen geven.

GIMP-pad

Zodra de vorm die we willen geven de Ruta vervolgens gebruiken we de tool-opties om een ​​lijn te trekken door het hele pad dat we definiëren

GIMP-pad

Wat zou er min of meer zo zijn:

GIMP-pad

Zodra de route is getekend, dupliceren we de laag van de lijn (die we bij voorkeur gebruiken met een kleur die opvalt op ons scherm) naar de laag eronder maken we een Filter » Vervagen » Gaussiaanse vervaging en we gaan verder met het werken aan de lijnlaag erboven.

Om de Pulse een ondoorzichtig effect te geven, maken we een laagmasker (klik met de rechtermuisknop op de laag » Breng een laag masker aan) en kies de standaard kleurwaarden (D). Dit plaatst een witte doos naast onze laag.

Later veranderen we de voorgrond- (wit) en achtergrondkleuren (zwart), klikken met de rechtermuisknop op de nieuwe laag en selecteren Laagmasker weergeven. Dit laat ons allemaal leeg, maar maak je geen zorgen. We kiezen voor de Verloopgereedschap (we moeten de optie hebben van Bilineair verloop) en we tekenen een lijn en passen deze vanuit het midden van de laag horizontaal uit de laag toe.

GIMP-verloop

We vinken de optie uit Laagmasker weergeven. Als we naar het lagen-dialoogvenster kijken, zien we zoiets als dit:

GIMP-lagen

Door dat te doen zien we dat onze bovenste lijn weer tevoorschijn komt en het resultaat is best goed.

GIMP-pad

Merk op dat de randen van de lijn nu een soort verloop hebben, alsof deze vervaagt. Dit kan natuurlijk veel beter.

Het acryl deksel van de kit

Zoals we in het begin al zeiden, zullen we de illusie wekken dat het een transparante acryllaag heeft, die het idee van volume aan het team geeft, dus we hebben een glanslaag nodig om acryl te simuleren, evenals de respectieve binnenschaduw.

Om de innerlijke schaduw te bereiken, maken we een nieuwe laag en doen we de stap van Alfa naar selectie Met behulp van de laag onderaan het scherm gaan we terug naar de nieuwe laag en krimpen (Selecteer »Verkleinen) met de waarde van 1 pixel.

Zodra de selectie is verkleind, vullen we deze met zwart. Later, op dezelfde laag zwarte kleur, doen we de stap van Alfa naar selectie en we gaan terug naar Selecteren »Deze keer verkleinen met een waarde van 2 pixels. Je zult zien dat we een zwarte cirkel over hebben, we passen een toe Filter » Vervagen » Gaussiaanse vervaging met waarde 5 waarmee we zoiets als dit krijgen:

GIMP Edge

Het is tijd om het acryl deksel te maken waarvoor we een nieuwe laag maken en dezelfde stap doen Alpha naar selectie met behulp van de schermachtergrondlaag als basis.

We kiezen de tool gedegradeerde door de witte kleur bovenop het zwart te plaatsen, en in de opties kiezen we een vorm Lineair en een verloop van Tegenover transparantie, dan passen we het van boven naar beneden toe om een ​​zo verticaal mogelijke vorm te hebben:

GIMP-kristal

Om een ​​beter uiterlijk te geven, gaan we de glitterlaag verkleinen om deze kleiner te maken en het eruit te laten zien als een acrylbol, waarmee onze tutorial eindigt met het volledige resultaat:

GIMP-kristal

Tot dusver onze bescheiden tutorial, we hopen dat je opgewonden raakt en het probeert.


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.

  1.   ergo zei

    Heel interessant artikel. Als ik kan, zal ik het doen. 🙂
    PS: het heet een elektrocardiogram.

    1.    Andrew zei

      Ik wist dat ze oscilloscopen worden genoemd.
      Elektrocardiogrammen zijn een toepassing van de oscilloscoop die wordt gebruikt om het werk van het hart in kaart te brengen, dus ze hebben de "cardio" ertussen.
      Maar oscilloscopen kunnen duizenden toepassingen hebben in seismologie, elektronica, geluid, enz.

  2.   Ed zei

    Mijn moeder * o *
    Wat een goede tutorial, het geeft me een idee voor veel andere dingen 😀
    Bedankt Elav !!!

  3.   De_Mastersok zei

    Zeer goede tutorial ...
    gefeliciteerd

  4.   eliotime3000 zei

    Goede tuto. Het doet me veel denken aan wat ik deed met CorelDraw en Illustrator met die pictogrammen.

  5.   Hyuuga_Neji zei

    Goed... maar hoewel ik niet veel commentaar geef (en ik meer tijd aan GUTL besteed), heb ik hier ook een account DesdeLinux. Ik zie dat je de tutorial hebt gevolgd, omdat ik in het origineel niet de interface van de rasterpatronen of iets dergelijks heb geplaatst, maar op jouw manier ziet het er veel beter uit omdat het beter wordt uitgelegd en beter kan worden begrepen.

    1.    levendig zei

      Ja, het is waar dat u hier een account hebt ^. ^

  6.   saus zei

    zeer goed

  7.   patodx zei

    Met deze post is het voor mij meer dan duidelijk dat ik zonder phtoshop kan ..

    dank je ..

    1.    eliotime3000 zei

      Ik heb me nog steeds niet losgemaakt van Illustrator of InDesign.

      1.    levendig zei

        En niemand geeft om uw probleem 😛 Breng het brandhout en eliotime3000 naar het vuur !!! XD

  8.   Emmanuel Acuna zei

    Zeer goede tutorial, GIMP is absoluut een uitstekende tool.

    Een vraag: welk thema gebruik je op je Linux-systeem, het is geweldig, ik zou het graag willen hebben.

    Bedankt en groeten ...

    1.    levendig zei

      KDE met zuurstof .. dat is standaard. Wat er gebeurt, is dat de kleuren worden gewijzigd en ik kies het schema Chrome 😀

      1.    Emmanuel Acuna zei

        Geweldig, gewoon een vraag, hoe het te installeren in Ubuntu 14.04 met Flashback Session, ik heb oxygen-gtk 2 en 3 al in het softwarecentrum geïnstalleerd, maar ik heb geen raamdecoratie: - / alleen het gtk-thema, maar het verandert de titel knoppen.

        Groeten.

        1.    levendig zei

          Het is dat zuurstof van KDE is. Er zijn thema's om na te bootsen, maar het zal nooit hetzelfde zijn .. 🙁

  9.   Tedel zei

    Zou het niet gemakkelijker zijn geweest om dit in Inkscape te doen? U heeft ook het voordeel gehad dat u het eindresultaat op uw gemak kunt opschalen.

    1.    djager zei

      Precies, het is niet om Gimp te kleineren, maar Inkscape is hiervoor de juiste tool.

    2.    Hyuuga_Neji zei

      Om eerlijk te zijn…. in mijn leven heb ik inkscape geopend, dus ik zou niet weten of het gemakkelijker is of niet. Het is waar om het resultaat te schalen, maar ik heb geen idee hoe het werkt op een vector manier, dus ik blijf bij GIMP xD

    3.    levendig zei

      Ik zou het in Inkscape hebben gedaan, maar de post is niet echt van mij. Ik heb ook een paar dingen geleerd met GIMP die ik niet wist 😀

      1.    Hyuuga_Neji zei

        Dan zou ik willen dat iemand zoiets in inkscape doet om ze te kunnen vergelijken, dat wil zeggen, het gewicht, de scherpte etc etc van de creatie in inkscape en gimp ... is iets xD nemen.

  10.   meer zei

    Ik moet het proberen, heel erg bedankt, het is erg goed 😀