GIMP: Vytvořte pulzní měřič od nuly

Tento článek byl převzat (a upraven) na základě jeho původní zdroj, blog uživatele Hyuuga_neji a později replikovány GUTL.

Ahoj těm, kteří si udělali čas, aby si nás přečetli, včera jsme mluvili o sledovat šířku pásma a vytvoříme (jako vždy) vybraný obrázek s námi vytvořeným obsahem. Kvůli obrazu se k nám někdo přiblížil prostřednictvím e-mailu a požádal nás, abychom mu ukázali, jak vytvořit to, co by mohlo být pulzní měřidlo, vypadalo to jako skvělý nápad, takže dnes ukážeme, jak to vytvořit pomocí bezplatného softwaru a konkrétněji: GIMP.

Myšlenka na vytvoření pulzního metru nám přišla spíše proto, abychom se pokusili reflektovat, že budeme něco měřit digitálně, takže jsme v podstatě vybrali tvar a z něj „vytvořili“ předpokládaný metr. Níže jsou uvedeny kroky k dosažení něčeho takového

Vytvoření základního tvaru pomocí GIMPu

První krok po otevření Program GNU Image Manipulator (GIMP pro jeho zkratku v angličtině) je vytvořit nový obrázek.

Pojďme tedy do nabídky archiv » Nuevo nebo pokud se nám líbí kombinace kláves, stačí použít CTRL + N. Vybereme si velikost, kterou chtějí, ale k jejich zobrazení použijeme 640 × 400 pixelů, které nejsou ani velké, ani malé.

Zvolíme barvu, kterou chceme, kliknutím na barevné pole a výběrem jedné z našich preferencí a následným přetažením barvy z pole do okna obrázku. Jakmile to uděláte, vytvoříme novou vrstvu s průhledností (pro urychlení možného procesu korekce bez ztráty veškeré práce se doporučuje pracovat s vrstvami). Pro vytvoření nové vrstvy klikneme na vloženou vrstvu, ve které má přídavný znak, nebo stiskneme SHIFT + CTRL + N abychom dostali něco takového:

Vrstvy GIMP

Už máme novou průhlednou vrstvu a při práci na ní vytvoříme základní tvar, který nám pomůže sestavit měřič. Nejbližší věc k tomuto zařízení, které známe, je elektronické zařízení, jehož obrazovka má kruhový tvar, takže vezmeme nástroj pro eliptický výběr (E) a v průhledné vrstvě vytvoříme kruh, který vyplníme libovolnou barvou, abychom měli základní tvar pro práci.

Tvar GIMP

Tvar GIMP

Vybrali jsme černou, protože ji později použijeme jako stín, ale dostaneme se tam, můžete si vybrat požadovanou barvu.

Vytvoření těla týmu

Znovu vytvoříme novou vrstvu, ale tentokrát nemusíme vytvářet obvod, ale použijeme základní tvar a z toho vytvoříme to, co by bylo tělo nebo hrana zařízení. K tomu klikneme pravým tlačítkem na vrstvu se základním tvarem a v rozbalovací nabídce vyhledáme možnost „Alfa na výběr“.

Po výběru základního tvaru se vrátíme do nové vrstvy, kterou jsme vytvořili, ale před vyplněním barvou přejdeme do nabídky vybrat a používáme možnost Scvrknout se o Zmenšit s hodnotou 1 pixel. Vybereme barvu, kterou chceme pro novou vrstvu, a vyplníme.

Zatím máme základní tvar v tmavé barvě a další vrstvu s tělem týmu v jiné barvě (nejlépe v kontrastní barvě s pozadím). Nacházíme se ve vrstvě základního tvaru a budeme Filtr » Rozmazat » Gaussovské rozostření s hodnotou 5 pixelů a stínový efekt již máme, výsledek by měl být víceméně tento:

Tvar GIMP

Vytváření vnitřku týmu

Je čas vytvořit interiér zařízení, což je opravdu nejnáročnější, protože použijeme masky vrstev, vzory výplní a optický trik, abychom vytvořili dojem objemu a simulovali klasický akrylový kryt.

Pro vytvoření interiéru vytvoříme novou vrstvu a vrátíme se stejnou operací Alfa k výběru teprve nyní použijeme vrstvu týmu edge. Vrátíme se do nové vrstvy a v nabídce vybrat » Zmenšit Použijeme velikost přibližně 5 pixelů a poté vyhledáme barvu, kterou použijeme pro pozadí obrazovky počítače.

Vyplníme barvu a pokračujeme k vytvoření rozsahu zařízení, které v „jazyce GIMP“ nepřekročí mřížku. Vytvoříme novou vrstvu a budeme Filtros » Vykreslení » Patron » Nosič Vybereme barvu (nejlépe zelenou), která kontrastuje s pozadím zařízení a aplikuje efekt.

Mřížka GIMP

Vytvoříme výplň jako mřížku, která však pokrývá celou vrstvu, takže ji musíme oříznout tak, aby byla pouze na vnitřní straně obrazovky počítače.

Chcete-li mřížku vyjmout, vraťte se pomocí Alfa k výběru použijeme jako základ vrstvu pozadí zařízení (toho, které jsme vložili zeleně) a pak jdeme na vybrat » Obrátit výběr nebo když stiskneme CTRL + I jakmile je to hotové, stiskneme klávesu DELETE a voila ... mřížka odpovídá naší předpokládané obrazovce.

Mřížka GIMP

Abychom zlepšili přizpůsobení, změnili jsme režim vrstvy mřížky Normální a chrabrost a snížili jsme neprůhlednost na 40%, abychom odstranili trochu „síly“.

Mřížka GIMP

Obrazovka našeho týmu

V našem předpokládaném týmu budeme měřit pulzy simulací filmů, kde pomocí čáry ukazují polohu pacientů, takže vytvoříme naši měřicí čáru s odpovídajícím účinkem. K vytvoření čáry použijeme nástroj Trasy a potom vytvoříme čáru z cesty, kterou jsme vytvořili.

Nejprve vybereme barvu, kterou chceme pro trasu. Vybrali jsme nástroj Ruta a sledujeme tvar, který mu chceme dát.

Cesta GIMP

Jakmile tvar, který chceme dát Ruta pak pokračujeme v použití možností nástroje k vytvoření čáry přes celou cestu, kterou definujeme

Cesta GIMP

Co by to bylo víceméně takto:

Cesta GIMP

Jakmile je trasa nakreslena, duplikujeme vrstvu čáry (kterou nejlépe použijeme s barvou, která vyniká na naší obrazovce) do vrstvy níže vytvoříme Filtr » Rozmazat » Gaussovské rozostření a pokračujeme v práci na liniové vrstvě výše.

Abychom Pulse vytvořili neprůhledný efekt, vytvoříme masku vrstvy (klikněte pravým tlačítkem na vrstvu » Přidejte masku vrstvy) a zvolíme výchozí hodnoty barev (D). Toto umístí bílou krabici vedle naší vrstvy.

Později změníme barvy popředí (bílá) a pozadí (černá), klikneme pravým tlačítkem na novou vrstvu a vybereme Zobrazit masku vrstvy. To nás všechny ponechá prázdné, ale nebojte se. Vybrali jsme si Nástroj přechodu (musíme mít možnost Bilineární přechod) a nakreslíme čáru a aplikujeme ji ze středu vrstvy vodorovně z vrstvy.

Přechod GIMP

Zrušíme zaškrtnutí možnosti Zobrazit masku vrstvy. Podíváme-li se na dialog vrstev, uvidíme něco takového:

Vrstvy GIMP

Tímto způsobem vidíme, že se znovu objeví naše horní linie a výsledek je docela dobrý.

Cesta GIMP

Všimněte si, že teď mají okraje čáry jakýsi přechod, jako by se ztrácel. To samozřejmě může být mnohem lepší.

Akrylové víčko stavebnice

Jak jsme zmínili na začátku, vytvoříme iluzi, že má průhlednou akrylovou vrstvu, která dává pojmu objem týmu, takže budeme potřebovat vrstvu lesku pro simulaci akrylu i jeho vnitřního stínu.

Abychom dosáhli vnitřního stínu, vytvoříme novou vrstvu a uděláme krok Alfa k výběru pomocí vrstvy v dolní části obrazovky se potom vrátíme do nové vrstvy a zmenšíme (Select »Shrink) s hodnotou 1 pixelu.

Jakmile se výběr zmenší, vyplníme jej černě. Později, ve stejné vrstvě černé barvy, uděláme krok Alfa k výběru a vrátíme se k Select »Shrink tentokrát s hodnotou 2 pixelů. Uvidíte, že nám zbývá černý kruh, použijeme a Filtr » Rozmazat » Gaussovské rozostření s hodnotou 5, se kterou získáme něco takového:

GIMP Edge

Je čas vytvořit akrylový kryt, pro který vytvoříme novou vrstvu a provedeme stejný krok Alfa k výběru pomocí vrstvy pozadí obrazovky jako základny.

Vybrali jsme nástroj Degradováno položením bílé barvy na černou a v možnostech zvolíme tvar Lineární a gradient od Čelí průhlednosti, pak jej aplikujeme shora dolů a snažíme se, aby byl tvar co nejvíce svislý:

GIMP Crystal

Abychom dosáhli lepšího vzhledu, zmenšíme velikost třpytivé vrstvy, aby byla menší a vypadala jako akrylová koule, což uzavírá náš tutoriál s úplným výsledkem:

GIMP Crystal

Doposud náš skromný výukový program doufáme, že vás nadchne a zkusí to.


Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.

  1.   ergo řekl

    Velmi zajímavý článek. Když můžu, budu. 🙂
    PS: Říká se tomu elektrokardiogram.

    1.    Andrew řekl

      Věděl jsem, že se jim říká osciloskopy.
      Elektrokardiogramy jsou aplikací osciloskopu, která se používá ke grafu práce srdce, takže mají mezi sebou „kardio“.
      Osciloskopy však mohou mít tisíce aplikací v seismologii, elektronice, zvuku atd.

  2.   Ed řekl

    Moje matka * o *
    Jaký dobrý návod, dává mi nápad na mnoho dalších věcí 😀
    Díky Elav !!!

  3.   The_Mastersok řekl

    Velmi dobrý návod ...
    Blahopřejeme

  4.   eliotime3000 řekl

    Dobrá tato. Hodně mi to připomíná, co jsem udělal s CorelDraw a Illustrator s těmito ikonami.

  5.   Hyuuga_neji řekl

    Dobrý… ale i když moc nekomentuji (a trávím více času na GUTL), mám účet i zde na DesdeLinux. Vidím, že jste postupovali podle návodu, protože do originálu jsem nevložil rozhraní mřížkových vzorů nebo něco podobného, ​​ale váš způsob vypadá mnohem lépe, protože je více vysvětlen a lze mu lépe porozumět.

    1.    živý řekl

      Ano, je pravda, že zde máte účet ^. ^

  6.   Sausl řekl

    velmi dobře

  7.   patodx řekl

    U těchto příspěvků mi je více než jasné, že se bez phtoshopu obejdu.

    Děkuji vám ..

    1.    eliotime3000 řekl

      Stále jsem se neoddělil od Illustratoru nebo InDesignu.

      1.    živý řekl

        A nikdo se nestará o váš problém 😛 Vezměte palivové dřevo a eliotime3000 do ohně !!! XD

  8.   Emmanuel Acuna řekl

    Velmi dobrý výukový program, rozhodně GIMP je vynikající nástroj.

    Dotaz: jaké téma používáte ve svém linuxovém systému, je skvělé, rád bych jej získal, prosím.

    S díky a pozdravy…

    1.    živý řekl

      KDE s kyslíkem .. to je ve výchozím nastavení. Co se stane, je to, že změním barvy a zvolím schéma zvané Chrome 😀

      1.    Emmanuel Acuna řekl

        Skvělé, jen otázka, jak jej nainstalovat do Ubuntu 14.04 pomocí Flashback Session, již jsem nainstaloval oxygen-gtk 2 a 3 v softwarovém centru, ale nemám žádnou výzdobu okna: - / pouze téma gtk, ale to nemění tlačítka titulu.

        Zdravím.

        1.    živý řekl

          Je to tak, že kyslík pochází z KDE. Existují témata, která je třeba napodobit, ale nikdy to nebude stejné .. 🙁

  9.   Tedel řekl

    Nebylo by to jednodušší udělat v Inkscape? Získali jste také výhodu, že jste mohli libovolně škálovat konečný výsledek.

    1.    lovec řekl

      Přesně tak, Gimp to nemá znevažovat, ale Inkscape je pro to tím správným nástrojem.

    2.    Hyuuga_neji řekl

      Být upřímný…. ve svém životě jsem otevřel inkscape, takže bych nevěděl, jak odpovědět, jestli je to jednodušší nebo ne. Je pravda, že měřítko výsledku, ale nemám tušení, jak to funguje vektorovým způsobem, takže se držím GIMP xD

    3.    živý řekl

      Udělal bych to v Inkscape, ale příspěvek není opravdu můj. S GIMP jsem se také naučil pár věcí, které jsem neznal 😀

      1.    Hyuuga_neji řekl

        Pak bych chtěl, aby někdo udělal něco takového v inkscape, aby je mohl porovnat, tj. Váhu, ostrost atd., Stvoření v inkscape a gimp ... a pokud to není příliš mnoho, abych vás požádal, abyste podrobný návod, jak to udělat, abyste zjistili, zda někdo bere něco xD.

  10.   liher řekl

    Musím to zkusit, moc děkuji, je to velmi dobré 😀