GIMP: Opret en pulsmåler fra Scratch

Denne artikel er taget (og ændret) baseret på dens oprindelige kilde, bloggen til Hyuuga_Neji og senere replikeret i GUTL.

Hej til dem, der tager sig tid til at læse os, i går talte vi om monitor båndbredde og vi opretter (som altid) et fremhævet billede med indhold oprettet af os. På grund af billedet kontaktede nogen os via e-mail og bad os om at vise ham, hvordan man opretter, hvad der kunne være en pulsmåler, det virkede som en god idé, så i dag viser vi, hvordan man opretter det ved hjælp af gratis software og mere specifikt: GIMP.

Ideen om at skabe en pulsmåler kom snarere til os for at forsøge at reflektere, at vi skulle måle noget digitalt, så vi valgte dybest set en form og "skabte" den formodede måler ud fra den. Trinene for dig til at opnå noget som dette er efterladt nedenfor

Oprettelse af den grundlæggende form med GIMP

Det første trin efter åbning af GNU Image Manipulator Program (GIMP for dets akronym på engelsk) er at skabe et nyt billede.

Så lad os gå til menuen Arkiv » Nuevo eller hvis du som os kan lide tastekombinationer, skal du bare bruge CTRL + N. Vi vælger den størrelse, de ønsker, men for at vise dem bruger vi 640 × 400 pixels, der hverken er store eller små.

Vi vælger en farve, som vi ønsker, ved at klikke på farveboksen og vælge den af ​​vores præferencer og derefter trække farven fra feltet til billedvinduet. Når dette er gjort, opretter vi et nyt lag med gennemsigtighed (det anbefales at arbejde med lag for at fremskynde den mulige korrektionsproces uden at miste alt arbejdet). For at oprette et nyt lag skal vi klikke på det indlejrede lag, hvor det har et tilføjelsestegn eller trykke på SKIFT + CTRL + N så vi får noget som dette:

GIMP-lag

Vi har allerede det nye gennemsigtige lag, og når vi arbejder på det, skaber vi den grundlæggende form, der hjælper os med at samle måleren. Det nærmeste ved det udstyr, som vi kender, er det elektroniske udstyr, at dets skærm er cirkulær i form, så vi tager det elliptiske markeringsværktøj (E) og opret en cirkel i det gennemsigtige lag, som vi udfylder med en hvilken som helst farve for at have en grundlæggende form at arbejde med.

GIMP-form

GIMP-form

Vi valgte sort, fordi vi senere bruger det som en skygge, men vi kommer derhen, du kan vælge den farve, du ønsker.

Oprettelse af holdkroppen

Vi opretter et nyt lag igen, men denne gang behøver vi ikke oprette en omkreds, men vi vil bruge den grundlæggende form, og ud fra dette vil vi skabe det, der ville være udstyrets krop eller kant. For at gøre det højreklikker vi på laget med den grundlæggende form og ser i pop op-menuen efter indstillingen "Alpha to Selection".

Efter at have valgt den grundlæggende form går vi tilbage til det nye lag, vi havde oprettet, men inden vi udfyldte det med farve, går vi til menuen vælg og vi bruger muligheden for Shrink o Krympe med en værdi på 1 pixel. Vi vælger den farve, vi ønsker, til det nye lag og udfylder.

Indtil videre har vi den grundlæggende form i en mørk farve og et andet lag med holdets krop i en anden farve (helst i en kontrastfarve med baggrunden). Vi er placeret i laget af den grundlæggende form, og vi skal Filter » Slør » Gaussisk sløring med en værdi på 5 pixel, og vi allerede har skyggeeffekten, skal resultatet være mere eller mindre dette:

GIMP-form

Oprettelse af indersiden af ​​holdet

Det er turen til at skabe det indre af udstyret, der virkelig er det mest besværlige, fordi vi bruger lagmasker, udfyldningsmønstre og et optisk trick til at give et indtryk af volumen og simulere det klassiske akrylomslag.

For at skabe interiøret opretter vi et nyt lag og vender tilbage med samme operation af Alfa til valg kun nu bruger vi teamkantlaget. Vi vender tilbage til det nye lag og i menuen vælg » Krympe Vi bruger en størrelse på ca. 5 pixels, og så ser vi efter den farve, vi vil bruge til baggrunden på computerskærmen.

Vi udfylder farven og fortsætter med at oprette, hvad der er skalaen for det udstyr, der på "GIMP-sprog" ikke går ud over et gitter. Vi skaber et nyt lag, og det gør vi Filtros » rendering » patrón » Rack Vi vælger en farve (helst grøn), der står i kontrast til udstyrets baggrund og anvender effekten.

GIMP-gitter

En fyldning oprettes som et gitter, men der dækker hele laget, så vi skal klippe det, så det kun er på indersiden af ​​computerskærmen.

For at skære nettet vender vi tilbage med Alfa til valg ved at bruge som et lag af baggrunden af ​​udstyret (det, som vi sætter i grønt), og så vil vi vælg » Invertere valg eller hvis vi trykker på CTRL + I når dette er gjort, trykker vi på tasten SLET og voila ... gitteret passer til vores formodede skærm.

GIMP-gitter

For at forbedre tilpasningen ændrer vi gitterets lagtilstand fra Normal a værdi og vi sænkede opaciteten til 40% for at fjerne lidt "kraft".

GIMP-gitter

Skærmen for vores team

I vores formodede team måler vi impulserne ved at simulere filmene, hvor de viser patienternes position ved hjælp af en linje, så vi skaber vores mållinje med dens tilsvarende effekt. For at oprette en linje bruger vi værktøjet ruter og så opretter vi linjen fra den sti, vi oprettede.

Først vælger vi den farve, vi ønsker for ruten. Vi vælger værktøjet Ruta og vi sporer den form, vi vil give den.

GIMP-sti

Når den form, vi ønsker at give til Ruta så fortsætter vi med at bruge værktøjets muligheder til at oprette en linje gennem hele den sti, vi definerer

GIMP-sti

Hvad ville være mere eller mindre sådan:

GIMP-sti

Når ruten er tegnet, kopierer vi linjens lag (som vi helst bruger med en farve, der skiller sig ud på vores skærm) til laget nedenfor laver vi en Filter » Slør » Gaussisk sløring og vi fortsætter med at arbejde på linielaget ovenfor.

For at give en uigennemsigtig effekt til pulsen opretter vi en lagmaske (højreklik på laget » Tilføj lagmaske), og vi vælger standardfarveværdierne (D). Dette sætter en hvid kasse ved siden af ​​vores lag.

Senere ændrer vi farverne Forgrund (hvid) og Baggrund (sort), højreklik på det nye lag og vælg Vis lagmaske. Dette vil efterlade os alle tomme, men rolig. Vi vælger Gradientværktøj (vi skal have mulighed for Bilinær gradient) og vi tegner en linje og anvender den fra midten af ​​laget vandret ud af laget.

GIMP Gradient

Vi fjerner markeringen fra indstillingen Vis lagmaske. Hvis vi ser på lagdialogen, ser vi noget som dette:

GIMP-lag

Ved at gøre det ser vi, at vores øverste linje dukker op igen, og resultatet er ret godt.

GIMP-sti

Bemærk, at linjens kanter nu har en slags gradient, som om den falmer. Dette kan selvfølgelig være meget bedre.

Sættets akryllåg

Som vi nævnte i starten, vil vi skabe en illusion om, at det har et gennemsigtigt akryllag, som giver holdet volumen til teamet, så vi har brug for et glanslag for at simulere akryl såvel som dets respektive indre skygge.

For at opnå den indre skygge skaber vi et nyt lag og gør det Alfa til valg ved hjælp af laget nederst på skærmen vender vi tilbage til det nye lag og krymper (Vælg »Krymp) med værdien 1 pixel.

Når markeringen er krympet, udfylder vi den med sort. Senere på samme lag sort farve gør vi det trin Alfa til valg og vi vender tilbage til Vælg »Krymp denne gang med en værdi på 2 pixels. Du vil se, at vi har en sort cirkel tilbage, vi anvender en Filter » Slør » Gaussisk sløring med værdi 5, som vi opnår noget som dette:

GIMP Edge

Det er turen til at skabe det akryllåg, som vi skaber et nyt lag for og gør det samme trin af Alpha til udvælgelse ved hjælp af skærmbaggrundslaget som base.

Vi vælger værktøjet nedbrudt sætte den hvide farve oven på det sorte, og i indstillingerne vælger vi en form Lineær og en gradient fra Overfor gennemsigtighed, så anvender vi det fra top til bund og prøver at få en så lodret form som muligt:

GIMP Crystal

For at give et bedre udseende vil vi reducere størrelsen på glitterlaget for at gøre det mindre og få det til at ligne en akrylkugle, som afslutter vores tutorial med det komplette resultat:

GIMP Crystal

Indtil videre er vores beskedne vejledning håber du bliver begejstret og prøver at gøre det.


21 kommentarer, lad dine

Efterlad din kommentar

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *

*

*

  1. Ansvarlig for dataene: Miguel Ángel Gatón
  2. Formålet med dataene: Control SPAM, management af kommentarer.
  3. Legitimering: Dit samtykke
  4. Kommunikation af dataene: Dataene vil ikke blive kommunikeret til tredjemand, undtagen ved juridisk forpligtelse.
  5. Datalagring: Database hostet af Occentus Networks (EU)
  6. Rettigheder: Du kan til enhver tid begrænse, gendanne og slette dine oplysninger.

  1.   derfor sagde han

    Meget interessant artikel. Når jeg kan, vil jeg. 🙂
    PS: Det kaldes et elektrokardiogram.

    1.    Andrew sagde han

      Jeg vidste, de kaldes oscilloskoper.
      Elektrokardiogrammer er en anvendelse af oscilloskopet, der bruges til at tegne hjertets arbejde, så de har "cardio" imellem.
      Men oscilloskoper kan have tusindvis af anvendelser inden for seismologi, elektronik, lyd osv.

  2.   Ed sagde han

    Min mor * o *
    Hvilken god tutorial, det giver mig en idé om mange andre ting 😀
    Tak Elav !!!

  3.   The_Mastersok sagde han

    Meget god tutorial ...
    Tillykke

  4.   eliotime3000 sagde han

    God tuto. Det minder mig meget om, hvad jeg gjorde med CorelDraw og Illustrator med disse ikoner.

  5.   Hyuuga_Neji sagde han

    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.    Elav sagde han

      Ja, det er rigtigt, at du har en konto her ^. ^

  6.   pølse sagde han

    meget godt

  7.   patodx sagde han

    Med disse indlæg er det mere end klart for mig, at jeg kan klare mig uden phtoshop ..

    tak tak

    1.    eliotime3000 sagde han

      Jeg har stadig ikke løsrevet mig fra Illustrator eller InDesign.

      1.    Elav sagde han

        Og ingen bryr sig om dit problem 😛 Tag brænde og eliotime3000 til bålet !!! XD

  8.   Emmanuel Acuna sagde han

    Meget god tutorial, helt sikkert GIMP er et fremragende værktøj.

    En forespørgsel: hvilket tema bruger du på dit linux-system, det er fantastisk, jeg vil gerne have det tak.

    Tak og hilsen ...

    1.    Elav sagde han

      KDE med ilt .. det vil sige som standard. Hvad der sker er, at farverne ændres, og jeg vælger ordningen Chrome 😀

      1.    Emmanuel Acuna sagde han

        Fantastisk, bare et spørgsmål, hvordan man installerer det i Ubuntu 14.04 ved hjælp af Flashback Session, jeg har allerede installeret oxygen-gtk 2 og 3 i softwarecentret, men jeg har ingen vinduesdekoration: - / kun gtk-temaet, men det ændrer ikke titelknapper.

        Greetings.

        1.    Elav sagde han

          Det er, at ilt kommer fra KDE. Der er temaer at efterligne, men det vil aldrig være det samme .. 🙁

  9.   Tedel. sagde han

    Ville det ikke have været lettere at gøre dette i Inkscape? Du fik også fordelen ved at være i stand til at skalere det endelige resultat efter dit indfald.

    1.    djæger sagde han

      Præcis, det er ikke til at skænke Gimp, men Inkscape er det rigtige værktøj til dette.

    2.    Hyuuga_Neji sagde han

      For at være ærlig…. i mit liv har jeg åbnet inkscape, så jeg ville ikke vide, om det er lettere eller ej. Det er sandt at skalere resultatet, men jeg har ingen idé om, hvordan det fungerer på en vektor måde, så jeg holder fast med GIMP xD

    3.    Elav sagde han

      Jeg ville have gjort det i Inkscape, men stillingen er ikke rigtig min. Jeg lærte også et par ting med GIMP, som jeg ikke vidste 😀

      1.    Hyuuga_Neji sagde han

        Så vil jeg gerne have, at nogen gør noget som dette i inkscape for at kunne sammenligne dem, det vil sige vægten, skarpheden osv. Osv. Af skabelsen i inkscape og gimp ... og hvis det ikke er for meget at bede dig om at sætte en trinvis vejledning i, hvordan man gør det for at se, om man tager noget xD.

  10.   liher sagde han

    Jeg er nødt til at prøve det, mange tak, det er meget godt 😀