GIMP: Skapa en pulsmätare från Scratch

Denna artikel har tagits (och modifierats) baserat på dess ursprunglig källa, bloggen för Hyuuga_neji och senare replikeras i GUTL.

Hej de som tar sig tid att läsa oss, igår pratade vi om det övervaka bandbredd och vi skapar (som alltid) en utvald bild med innehåll som skapats av oss. På grund av bilden kontaktade någon oss via e-post och bad oss ​​visa honom hur man skapar vad som kan vara en pulsmätare, det verkade som en bra idé så idag visar vi hur man skapar den med fri programvara och mer specifikt: GIMP.

Idén att skapa en pulsmätare kom snarare till oss för att försöka reflektera att vi skulle mäta något digitalt, så vi valde i princip en form och "skapade" den förmodade mätaren ur den. Stegen för dig att uppnå något liknande här finns nedan

Skapa grundformen med GIMP

Det första steget efter att ha öppnat GNU Image Manipulator Program (GIMP för dess förkortning på engelska) är att skapa en ny bild.

Så låt oss gå till menyn Arkiv » ny eller om, som oss, du gillar tangentkombinationer, använd bara CTRL + N. Vi väljer den storlek de vill ha, men för att visa dem använder vi 640 × 400 pixlar som varken är stora eller små.

Vi väljer en färg som vi vill ha genom att klicka på färgrutan och välja en av våra preferenser och sedan dra färgen från rutan till bildfönstret. När detta är gjort skapar vi ett nytt lager med transparens (att arbeta med lager rekommenderas för att påskynda den möjliga korrigeringsprocessen utan att förlora allt arbete). För att skapa ett nytt lager klickar vi på det inbäddade lagret där det har ett tilläggstecken eller trycker på SKIFT + CTRL + N så att vi får något så här:

GIMP-lager

Vi har redan det nya genomskinliga lagret och arbetar med det skapar vi den grundläggande formen som hjälper oss att montera mätaren. Det närmaste med den utrustningen som vi känner till är den elektroniska utrustningen att dess skärm är cirkulär i form så vi tar det elliptiska urvalsverktyget (E) och skapa en cirkel i det transparenta lagret som vi fyller med vilken färg som helst för att ha en grundform att arbeta med.

GIMP-form

GIMP-form

Vi valde svart eftersom vi senare kommer att använda det som en skugga men vi kommer dit, du kan välja den färg du vill ha.

Skapa lagkroppen

Vi skapar ett nytt lager igen men den här gången behöver vi inte skapa en omkrets men vi kommer att använda grundformen och utifrån detta kommer vi att skapa vad som skulle vara kroppens eller kanten på utrustningen. För att göra det högerklickar vi på lagret med grundformen och letar i popup-menyn efter alternativet "Alpha to Selection".

Efter att ha valt den grundläggande formen återgår vi till det nya lagret som vi skapat men innan vi fyller det med färg går vi till menyn välj och vi använder alternativet krympa o Krympa med ett värde på 1 pixel. Vi väljer den färg vi vill ha för det nya lagret och fyller.

Hittills har vi grundformen i en mörk färg och ett annat lager med lagets kropp i en annan färg (helst i en kontrasterande färg med bakgrunden). Vi är belägna i grundformens lager och vi ska Filtrera » Fläck » Gaussisk suddighet med ett värde på 5 pixlar och vi har redan skuggeffekten, bör resultatet vara mer eller mindre detta:

GIMP-form

Skapa insidan av laget

Det är turen att skapa inredningen i utrustningen som verkligen är den mest mödosamma eftersom vi använder lagermasker, fyllmönster och ett optiskt trick för att ge ett intryck av volymen och simulera det klassiska akrylskyddet.

För att skapa interiören skapar vi ett nytt lager och återvänder med samma funktion av Alfa till urval först nu använder vi laggränslagret. Vi återgår till det nya lagret och i menyn välj » Krympa Vi använder en storlek på cirka 5 pixlar och sedan letar vi efter den färg som vi kommer att använda för bakgrunden på datorskärmen.

Vi fyller i färgen och fortsätter med att skapa vad som skulle vara storleken på utrustningen som på "GIMP-språk" inte går utöver ett rutnät. Vi skapar ett nytt lager och vi kommer att göra det Filtros » rendering » mönster » Kuggstång Vi väljer en färg (helst grön) som står i kontrast till utrustningens bakgrund och vi använder effekten.

GIMP Grid

Vi skapar en fyllning som ett rutnät men som täcker hela lagret så vi måste klippa det så att det bara finns på insidan av datorskärmen.

För att klippa gallret återvänder vi med Alfa till urval använder som baslagret på bakgrunden på utrustningen (det som vi lägger i grönt) och sedan ska vi välj » Invertera val eller om vi trycker på CTRL + I när detta är klart trycker vi på knappen RADERA och voila ... rutnätet passar vår förmodade skärm.

GIMP Grid

För att förbättra anpassningen ändrar vi nätets lagerläge från Vanligt a valor och vi sänkte opaciteten till 40% för att ta bort lite "kraft".

GIMP Grid

Skärmen för vårt team

I vårt förmodade team kommer vi att mäta pulserna genom att simulera filmerna där de visar patienternas position med hjälp av en linje, så vi skapar vår mätlinje med motsvarande effekt. För att skapa en rad använder vi verktyget rutter och sedan skapar vi linjen från den väg vi skapade.

Först väljer vi färgen vi vill ha för rutten. Vi väljer verktyget ruta och vi spårar den form vi vill ge den.

GIMP-sökväg

När formen vi vill ge ruta sedan fortsätter vi med verktygsalternativen för att skapa en linje genom hela vägen som vi definierar

GIMP-sökväg

Vad skulle vara mer eller mindre så här:

GIMP-sökväg

När rutten har ritats duplicerar vi linjens lager (som vi helst använder med en färg som sticker ut på vår skärm) till lagret nedanför vi gör en Filtrera » Fläck » Gaussisk suddighet och vi går vidare till arbetet med linjelagret ovan.

För att ge en opak effekt till Pulsen skapar vi en lagermask (högerklicka på lagret » Lägg till lagermask) och vi väljer standardfärgvärden (D). Detta kommer att lägga en vit ruta bredvid vårt lager.

Senare ändrar vi färgerna förgrund (vit) och bakgrund (svart), högerklicka på det nya lagret och välj Visa lagermask. Detta kommer att lämna oss alla tomma men oroa dig inte. Vi väljer Övertoningsverktyg (vi måste ha möjlighet att Bilinär gradient) och vi drar en linje och applicerar den från lagrets mitt horisontellt ut ur lagret.

GIMP Gradient

Vi avmarkerar alternativet Visa lagermask. Om vi ​​tittar på lager-dialogrutan ser vi något liknande:

GIMP-lager

Genom att göra det ser vi att vår topplinje dyker upp igen och resultatet är ganska bra.

GIMP-sökväg

Lägg märke till att nu kanterna på linjen har en slags lutning, som om den bleknar. Detta kan naturligtvis vara mycket bättre.

Satsens akryllock

Som vi nämnde i början kommer vi att skapa en illusion att det har ett genomskinligt akrylskikt, vilket ger uppfattningen om volym till laget, så vi behöver ett glanslager för att simulera akryl såväl som dess respektive inre skugga.

För att uppnå den inre skuggan skapar vi ett nytt lager och gör steget Alfa till urval med hjälp av lagret längst ner på skärmen återgår vi till det nya lagret och krymper (Välj »Krymp) med värdet 1 pixel.

När urvalet har krympt fyller vi det med svart. Senare, på samma lager i svart färg, gör vi steget med Alfa till urval och vi återgår till Välj »Krymp den här gången med ett värde på 2 pixlar. Du kommer att se att vi har en svart cirkel kvar, vi använder en Filtrera » Fläck » Gaussisk suddighet med värde 5 som vi får något liknande:

GIMP Edge

Det är turen att skapa det akryllock som vi skapar ett nytt lager för och gör samma steg för Alpha till urval med hjälp av skärmbakgrundsskiktet som bas.

Vi väljer verktyget nedbruten sätta den vita färgen ovanpå den svarta, och i alternativen väljer vi en form Linjär och en lutning från Inför öppenhet, sedan applicerar vi den från topp till botten och försöker ha en så vertikal form som möjligt:

GIMP Crystal

För att ge ett bättre utseende kommer vi att minska glitterskiktets storlek för att göra det mindre och få det att se ut som en akrylsfär, vilket avslutar vår handledning med det fullständiga resultatet:

GIMP Crystal

Hittills vår blygsamma handledning hoppas vi att du blir upphetsad och försöker göra det.


Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.

  1.   därför sade

    Mycket intressant artikel. När jag kan kommer jag. 🙂
    PS: Det kallas ett elektrokardiogram.

    1.    Andrew sade

      Jag visste att de kallas oscilloskop.
      Elektrokardiogram är en applikation av oscilloskopet som används för att kartlägga hjärtats arbete, så de har "kardio" däremellan.
      Men oscilloskop kan ha tusentals applikationer inom seismologi, elektronik, ljud etc.

  2.   Ed sade

    Min mamma * o *
    Vilken bra handledning, det ger mig en idé om många andra saker 😀
    Tack Elav !!!

  3.   The_Mastersok sade

    Mycket bra handledning ...
    Grattis

  4.   eliotime3000 sade

    Bra tuto. Det påminner mig mycket om vad jag gjorde med CorelDraw och Illustrator med dessa ikoner.

  5.   Hyuuga_neji sade

    Good… pero a pesar que no comento mucho (y paso mas tiempo por GUTL) yo también tengo una cuenta aquí en DesdeLinux. Veo que seguiste el tuto porque en el original no puse la interfaz de los patrones de rejilla ni nada de eso pero de la forma tuya se ve mucho mejor porque esta más explicado y puede llegar a entenderse mejor.

    1.    livlig sade

      Ja, det är sant att du har ett konto här ^. ^

  6.   korv sade

    mycket bra

  7.   patodx sade

    Med dessa inlägg är det mer än klart för mig att jag kan klara mig utan phtoshop ..

    tack ..

    1.    eliotime3000 sade

      Jag har fortfarande inte lossnat mig från Illustrator eller InDesign.

      1.    livlig sade

        Och ingen är intresserad av ditt problem 😛 Ta ved och eliotime3000 till brasan !!! XD

  8.   Emmanuel Acuna sade

    Mycket bra handledning, definitivt GIMP är ett utmärkt verktyg.

    En fråga: vilket tema använder du på ditt linux-system, det är fantastiskt, jag skulle vilja få det snälla.

    Tack och hälsningar…

    1.    livlig sade

      KDE med syre ... det vill säga som standard. Vad som händer är att färgerna ändras och jag väljer schemat som heter Chrome 😀

      1.    Emmanuel Acuna sade

        Bra, bara en fråga, hur man installerar det i Ubuntu 14.04 med Flashback Session, jag har redan installerat oxygen-gtk 2 och 3 i programvarucentret, men jag har ingen fönsterdekoration: - / bara gtk-temat men det ändrar inte titelknappar.

        Hälsningar.

        1.    livlig sade

          Det är syre som kommer från KDE. Det finns teman att efterlikna, men det blir aldrig detsamma .. ..

  9.   Tedel sade

    Hade det inte varit lättare att göra detta i Inkscape? Du fick också fördelen att du kunde skala det slutliga resultatet på din fritid.

    1.    djägare sade

      Exakt, det är inte att förringa Gimp men Inkscape är rätt verktyg för detta.

    2.    Hyuuga_neji sade

      För att vara ärlig…. i mitt liv har jag öppnat inkscape, så jag vet inte hur jag ska svara om det är lättare eller inte. Det är sant att skala resultatet men jag har ingen aning om hur det fungerar på ett vektor sätt så jag fortsätter att hålla fast vid GIMP xD

    3.    livlig sade

      Jag skulle ha gjort det i Inkscape, men inlägget är inte riktigt mitt. Jag lärde mig också några saker med GIMP som jag inte visste 😀

      1.    Hyuuga_neji sade

        Då skulle jag vilja att någon gör något liknande i inkscape för att kunna jämföra dem, det vill säga vikten, skärpan etc etc för skapandet i inkscape och gimp ... och om det inte är för mycket att be dig att sätta en steg för steg handledning om hur man gör det för att se om man tar något xD.

  10.   liher sade

    Jag måste prova det, tack så mycket, det är väldigt bra 😀