GIMP: Stvorite mjerač impulsa od ogrebotina

Ovaj članak je preuzet (i izmijenjen) na osnovu njega izvorni izvor, blog Hyuuga_Neji i kasnije repliciran u GUTL.

Pozdrav onima koji odvoje vremena da nas pročitaju, juče smo pričali propusni opseg monitora i kreiramo (kao i uvijek) istaknutu sliku sa sadržajem koji smo kreirali sami. Zbog slike, neko nam se obratio putem e-maila i zamolio nas da im pokažemo kako da naprave ono što bi moglo biti pulsmetar. Mislili smo da je to odlična ideja pa ćemo danas pokazati kako da to napravimo pomoću besplatnog softvera i točnije: GIMP.

Ideja o stvaranju mjerača pulsa nam je prije došla kako bismo pokušali zamisliti da ćemo nešto izmjeriti digitalno, tako da smo u osnovi odabrali oblik i od njega "kreirali" navodni mjerač. U nastavku vam ostavljamo korake da postignete ovako nešto.

Kreiranje osnovnog oblika pomoću GIMP-a

Prvi korak nakon otvaranja Program GNU Image Manipulator (GIMP) je stvaranje nove slike.

Pa idemo na meni Arhiva » Nuevo ili ako, poput nas, volite kombinacije tipki, jednostavno ih koristite CTRL + N. Mi biramo veličinu koju želite, ali da vam pokažemo koristićemo 640×400 piksela što nije ni veliko ni malo.

Odabiremo boju koju želimo klikom na okvir za boju i odabirom željene boje, a zatim prevlačimo boju iz okvira u prozor sa slikom. Kada je ovo urađeno, nastavljamo sa kreiranjem novog sloja sa transparentnošću (preporučuje se rad sa slojevima kako bi se ubrzao mogući proces korekcije bez gubitka posla). Da kreirate novi sloj, kliknite na gnijezdo sloja gdje ima znak za dodavanje ili pritisnite SHIFT + CTRL + N tako da dobijemo nesto ovako:

GIMP slojevi

Sada imamo novi transparentni sloj i radeći na njemu stvaramo osnovni oblik koji će se koristiti za sklapanje mjerača. Najbliža stvar toj opremi koju poznajemo je elektronska oprema koja ima kružni ekran pa uzimamo eliptični alat za odabir (E) i kreiramo krug na prozirnom sloju koji ispunjavamo bilo kojom bojom kako bismo imali osnovni oblik za rad.

GIMP obrazac

GIMP obrazac

Odabrali smo crnu jer ćemo je kasnije koristiti kao sjenu, ali doći ćemo do toga. Možete odabrati boju koju želite.

Kreiranje tijela tima

Ponovo kreiramo novi sloj, ali ovaj put ne moramo kreirati obim, već ćemo koristiti osnovni oblik i od toga ćemo kreirati ono što bi bilo tijelo ili rub tima. Da bismo to učinili, desnim klikom kliknemo na sloj s osnovnim oblikom i tražimo opciju “Alpha to Selection” u iskačućem izborniku.

Nakon odabira osnovnog oblika vraćamo se na novi sloj koji smo kreirali, ali prije nego što ga popunimo bojom idemo u meni Izaberite i koristimo opciju Shrink o Smanji sa vrijednošću od 1 piksela. Odaberemo boju koju želimo za novi sloj i ispunimo ga.

Do ove tačke imamo osnovni oblik tamne boje i još jedan sloj sa tijelom tima u drugoj boji (po mogućnosti kontrastne boje s pozadinom). Nalazimo se na sloju osnovnog oblika i idemo filter » Blur » Gaussian blur sa vrijednošću od 5 piksela i već imamo efekat sjene, rezultat bi trebao biti manje-više ovaj:

GIMP obrazac

Stvaranje unutrašnjosti tima

Na redu je kreiranje unutrašnjosti opreme, što je zapravo i najteže jer ćemo koristiti slojeve maske, šare punjenja i mali optički trik kako bismo dali dojam volumena i simulirali klasični akrilni poklopac.

Za kreiranje unutrašnjosti kreiramo novi sloj i vraćamo se istom operacijom. Alfa odabiru samo sada koristimo sloj timske granice. Vraćamo se na novi sloj iu meni Izaberite » Smanji Koristimo veličinu od oko 5 piksela, a zatim tražimo boju koju ćemo koristiti za pozadinu ekrana računara.

Popunjavamo bojom i nastavljamo da kreiramo ono što bi bila skala opreme, koja u „GIMP jeziku“ ne ide dalje od mreže. Kreiramo novi sloj i to ćemo Filteri » Rendering » Patrón » Stalak Odaberemo boju (po mogućnosti zelenu) koja je u kontrastu s pozadinom kompjutera i primjenjujemo efekat.

GIMP Grid

Popuna se kreira kao mreža, ali pokriva cijeli sloj pa ga moramo iseći tako da bude samo na unutrašnjoj strani ekrana računara.

Za presecanje mreže vraćamo se na Alfa odabiru koristeći kao osnovu pozadinski sloj tima (onaj koji smo stavili zeleno) i onda idemo na Izaberite » Obrni odabir ili ako pritisnemo CTRL + I kada je to urađeno, pritisnemo tipku DELETE i voila… mreža se prilagođava našem navodnom ekranu.

GIMP Grid

Da bismo poboljšali adaptaciju, mijenjamo slojevi režima mreže iz normalan a hrabrost i snižavamo neprozirnost na 40% da oduzmemo malo "snage".

GIMP Grid

Ekran našeg tima

U našoj navodnoj opremi ćemo mjeriti impulse simulirajući filmove u kojima prikazuju pokrete pacijenata pomoću linije, tako da nastavljamo da kreiramo našu mjernu liniju sa odgovarajućim efektom. Za kreiranje linije koristit ćemo alat Putevi a zatim ćemo kreirati liniju od rute koju smo kreirali.

Prvo biramo boju koju želimo za Rutu. Mi biramo alat Ruta i crtamo oblik koji želimo da mu damo.

GIMP staza

Jednom oblik koji želimo dati Ruta zatim koristimo opcije alata da kreiramo liniju duž cijele rute koju smo definirali

GIMP staza

Ono što bi nam ostalo je manje-više ovako:

GIMP staza

Nakon što je ruta iscrtana, dupliramo sloj linije (koji po mogućnosti koristimo bojom koja se ističe na našem ekranu) i pravimo filter » Blur » Gaussian blur i prelazimo na rad na sloju linije iznad.

Da bismo dali neprozirni efekat Pulsu kreiramo masku sloja (desni klik na sloj » Dodajte masku sloja) i odaberite zadane vrijednosti boja (D). Ovo će staviti bijeli okvir pored našeg sloja.

Kasnije mijenjamo boje prednjeg plana (bijela) i pozadine (crna), kliknite desnim klikom na novi sloj i odaberite Prikaži masku sloja. Ovo će nas ostaviti praznim, ali ne brinite. Mi biramo Gradient Tool (moramo imati označenu opciju Bilinearni gradijent) i crtamo liniju i primjenjujemo je od centra sloja vodoravno prema vanjskoj strani sloja.

GIMP Gradijent

Poništavamo opciju Prikaži masku sloja. Ako pogledamo dijalog slojeva, vidjet ćemo nešto poput ovoga:

GIMP slojevi

Kada to učinimo vidimo da se naša gornja linija ponovo pojavljuje i rezultat izgleda prilično dobro.

GIMP staza

Obratite pažnju da sada ivice linije imaju neku vrstu gradijenta, kao da bledi. Ovo naravno može biti mnogo bolje.

Akrilni poklopac opreme

Kao što smo spomenuli na početku, stvorit ćemo iluziju da ima prozirni akrilni sloj, koji daje pojam volumena opremi, tako da će nam trebati sloj sjaja da simuliramo akril, kao i njegovu unutrašnju sjenu.

Da bismo postigli unutrašnju sjenu, kreiramo novi sloj i radimo korak Alfa odabiru koristeći pozadinski sloj ekrana, onda se vraćamo na novi sloj i smanjujemo (Select » Shrink) sa vrijednošću od 1 piksel.

Kada se izbor smanji, popunjavamo ga crnom bojom. Kasnije, na istom crnom sloju, radimo korak Alfa odabiru i vraćamo se na Select » Shrink this time sa vrijednošću od 2 piksela. Vidjet ćete da nam je ostao crni krug, primjenjujemo a filter » Blur » Gaussian blur sa vrijednošću 5 sa kojom dobijamo nešto ovako:

GIMP Edge

Red je da kreiramo akrilni omot za koji kreiramo novi sloj i radimo isti korak. Alfa do odabira koristeći pozadinski sloj ekrana kao osnovu.

Mi biramo alat Degradirano stavljajući bijelu boju na crnu, a u opcijama biramo oblik linearan i gradijent od Ispred Transparentnosti, Zatim ga primjenjujemo od vrha do dna pokušavajući imati što vertikalniji oblik:

GIMP Crystal

Da bismo dali bolji izgled, smanjit ćemo veličinu svjetlucavog sloja kako bismo ga učinili manjim i učinili da izgleda kao da je akrilna sfera, čime završavamo naš tutorijal s potpunim rezultatom:

GIMP Crystal

To je to za naš skromni tutorijal, nadamo se da ćete se uzbuditi i pokušati to učiniti.


Ostavite komentar

Vaša e-mail adresa neće biti objavljena. Obavezna polja su označena sa *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obavezi.
  5. Pohrana podataka: Baza podataka koju hostuje Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.

  1.   ergo rekao je

    Vrlo zanimljiv članak. Kad budem mogao, uradiću to. 🙂
    PS: To se zove elektrokardiogram.

    1.    Andrés rekao je

      Znao sam da se zovu osciloskopi.
      Elektrokardiogrami su primena osciloskopa koji se koristi za grafički prikaz rada srca, zbog čega imaju "kardio" između.
      Ali osciloskopi mogu imati hiljade aplikacija u seizmologiji, elektronici, zvuku itd.

  2.   Ed rekao je

    moja majka *o*
    Kakav dobar tutorijal, daje mi ideje za mnoge druge stvari 😀
    Hvala ti Elav!!!

  3.   The_Mastersok rekao je

    Veoma dobar tutorijal…
    Čestitam

  4.   eliotime3000 rekao je

    Dobar tutorijal. Mnogo me podseća na ono što sam uradio sa CorelDraw-om i Illustratorom sa tim ikonama.

  5.   Hyuuga_Neji rekao je

    Dobro… ali iako ne komentiram puno (i provodim više vremena na GUTL-u) imam i nalog ovdje na DesdeLinux. Vidim da ste pratili tutorijal jer u originalu nisam stavio interfejs šablona mreže ili bilo šta slično ali na vaš način izgleda mnogo bolje jer je objašnjenije i bolje se razume.

    1.    živahno rekao je

      Da, istina je da ovdje imate račun ^.^

  6.   Sausl rekao je

    veoma dobro

  7.   patodx rekao je

    Sa ovim objavama mi je više nego jasno da mogu i bez phtoshopa.

    Hvala gracias

    1.    eliotime3000 rekao je

      Još uvijek nisam napustio Illustrator ili InDesign.

      1.    živahno rekao je

        I nikog ne zanima tvoj problem 😛 Odnesi drva i eliotime3000 na lomaču!!! XD

  8.   Emmanuel Acuna rekao je

    Vrlo dobar tutorijal, GIMP je definitivno odličan alat.

    Pitanje: koju temu koristite na svom Linux sistemu, super je, voleo bih da je nabavim molim vas.

    Hvala i pozdrav…

    1.    živahno rekao je

      KDE sa kiseonikom... to jest, podrazumevano. Ono što se dešava je da promijenim boje i izaberem shemu koja se zove Chrome 😀

      1.    Emmanuel Acuna rekao je

        Super, samo jedno pitanje, kako da ga instaliram u Ubuntu 14.04 koristeći Flashback Session, već sam instalirao kiseonik-gtk 2 i 3 u softverskom centru, ali nemam dekoraciju prozora :-/ samo gtk temu ali nema t promijenite dugmad naslova.

        Pozdrav.

        1.    živahno rekao je

          Stvar je u tome što je Oxygen iz KDE-a. Postoje teme koje se mogu oponašati, ali nikada neće biti isto.. 🙁

  9.   Tedel rekao je

    Zar ne bi bilo lakše to učiniti u Inkscapeu? Također ste stekli prednost da možete skalirati konačni rezultat kako želite.

    1.    dhunter rekao je

      Tačno, da ne omalovažavam Gimp, ali Inkscape je pravi alat za ovo.

    2.    Hyuuga_Neji rekao je

      Da budem iskren…. Nikada u životu nisam otvarao Inkscape, pa nisam mogao odgovoriti da li je lakše ili ne. Istina je za skaliranje rezultata, ali nemam pojma kako raditi vektorski, tako da se i dalje držim GIMP-a xD

    3.    živahno rekao je

      Uradio bih to u Inkscapeu, ali post nije baš moj. Osim toga, sa GIMP-om sam naučio par stvari koje nisam znao 😀

      1.    Hyuuga_Neji rekao je

        Onda bih volio da neko uradi ovako nešto u inkscapeu pa da ih uporedim, odnosno težinu, oštrinu itd. kreacije u inkscapeu i gimpu... i ako nije previše pitati to postavili su korak-po-korak tutorijal o tome kako to učiniti da vide da li je neko nešto shvatio xD.

  10.   liher rekao je

    Moram da probam, hvala puno, jako je dobar 😀