GIMP: Utwórz miernik pulsu od podstaw

Ten artykuł został pobrany (i zmodyfikowany) na podstawie jego Pierwotnym źródłem, blog Hyuuga_Neji a później replikowane w GUTL.

Witam tych, którzy poświęcają czas, aby nas przeczytać, wczoraj rozmawialiśmy monitorować przepustowość i tworzymy (jak zawsze) wyróżniony obraz z utworzoną przez nas treścią. Ze względu na obraz, który ktoś skontaktował się z nami przez e-mail i poprosił o pokazanie mu, jak stworzyć coś, co mogłoby być miernikiem pulsu, wydawało się to świetnym pomysłem, więc dzisiaj pokażemy, jak go stworzyć za pomocą bezpłatnego oprogramowania, a dokładniej: GIMP.

Pomysł stworzenia pulsometru przyszedł do nas raczej po to, aby spróbować odzwierciedlić, że będziemy mierzyć coś cyfrowo, więc w zasadzie wybraliśmy kształt i „stworzyliśmy” z niego rzekomy miernik. Kroki, które pomogą Ci osiągnąć coś takiego, zostawiamy poniżej

Tworzenie podstawowego kształtu za pomocą GIMP

Pierwszy krok po otwarciu Program do manipulacji obrazami GNU (GIMP od angielskiego akronimu) ma stworzyć nowy obraz.

Przejdźmy więc do menu Archiwum » nowy lub jeśli lubimy kombinacje klawiszy, po prostu użyj CTRL + N. Wybieramy żądany rozmiar, ale aby im pokazać, użyjemy 640 × 400 pikseli, które nie są ani duże, ani małe.

Wybieramy żądany kolor, klikając pole koloru i wybierając jeden z naszych preferencji, a następnie przeciągając kolor z pola do okna obrazu. Po wykonaniu tej czynności tworzymy nową warstwę z przezroczystością (zaleca się pracę z warstwami, aby przyspieszyć ewentualny proces korekcji bez utraty całej pracy). Aby utworzyć nową warstwę, klikamy na osadzoną warstwę, w której ma znak dodania lub naciskamy SHIFT + CTRL + N abyśmy otrzymali coś takiego:

Warstwy GIMP

Mamy już nową przezroczystą warstwę i pracując na niej tworzymy podstawowy kształt, który pomoże nam złożyć miernik. Najbliższą znaną nam rzeczą do tego sprzętu jest sprzęt elektroniczny, którego ekran jest okrągły, więc wybieramy eliptyczne narzędzie wyboru (E) i tworzymy koło w przezroczystej warstwie, które wypełniamy dowolnym kolorem, aby uzyskać podstawowy kształt do pracy.

Kształt GIMP

Kształt GIMP

Wybraliśmy czarny, ponieważ później użyjemy go jako cienia, ale dotrzemy tam, możesz wybrać kolor, który chcesz.

Tworzenie ciała zespołu

Ponownie tworzymy nową warstwę, ale tym razem nie musimy tworzyć obwodu, ale użyjemy podstawowego kształtu iz tego utworzymy, co będzie bryłą lub krawędzią sprzętu. W tym celu klikamy prawym przyciskiem myszy na warstwę o podstawowym kształcie i szukamy w wyskakującym menu opcji „Alpha to Selection”.

Po wybraniu podstawowego kształtu wracamy do nowej warstwy, którą stworzyliśmy, ale przed wypełnieniem jej kolorem przechodzimy do menu wybierać i korzystamy z opcji kurczyć o Kurczyć się o wartości 1 piksela. Wybieramy kolor, jaki chcemy dla nowej warstwy i wypełnienie.

Na razie mamy podstawowy kształt w ciemnym kolorze oraz kolejną warstwę z ciałem drużyny w innym kolorze (najlepiej w kolorze kontrastującym z tłem). Znajdujemy się w warstwie o podstawowym kształcie i zamierzamy Filtrowanie » Plama » rozmycie Gaussa z wartością 5 pikseli i już mamy efekt cienia, wynik powinien być mniej więcej taki:

Kształt GIMP

Tworzenie wnętrza zespołu

To kolej na stworzenie wnętrza sprzętu, które jest naprawdę najbardziej pracochłonne, ponieważ użyjemy masek warstwowych, wzorów wypełnień i sztuczki optycznej, aby nadać wrażenie objętości i symulować klasyczną akrylową okładkę.

Aby stworzyć wnętrze, tworzymy nową warstwę i wracamy tą samą operacją co Alfa do wyboru dopiero teraz używamy warstwy krawędzi zespołu. Wracamy do nowej warstwy i do menu wybierać » Kurczyć się Używamy rozmiaru około 5 pikseli, a następnie szukamy koloru, którego użyjemy jako tła ekranu komputera.

Uzupełniamy kolor i przechodzimy do tworzenia takiej skali sprzętu, która w „języku GIMP” nie wychodzi poza siatkę. Tworzymy nową warstwę i będziemy Filtros » Renderowanie » wzorzec » Stojak Wybieramy kolor (najlepiej zielony) kontrastujący z tłem wyposażenia i nakładamy efekt.

Siatka GIMP Tworzymy wypełnienie jak siatkę, ale pokrywające całą warstwę, więc musimy je przyciąć tak, aby znajdowało się tylko po wewnętrznej stronie ekranu komputera.

Aby wyciąć siatkę, wracamy z Alfa do wyboru wykorzystując jako bazę warstwę tła sprzętu (tego, który nakładamy na zielono) i następnie jedziemy wybierać » Odwróć wybór lub jeśli naciśniemy CTRL + I po wykonaniu tej czynności wciskamy klawisz DELETE i voila… Siatka pasuje do naszego przypuszczalnego ekranu.

Siatka GIMP

Aby poprawić adaptację, zmieniamy tryb warstwy siatki z Normalna a Dzielność i obniżyliśmy krycie do 40%, aby usunąć trochę „siły”.

Siatka GIMP

Ekran naszego zespołu

W naszym przypuszczalnym zespole będziemy mierzyć impulsy, symulując filmy, na których za pomocą linii pokazują położenie pacjentów, więc stworzymy naszą linię pomiarową z odpowiednim efektem. Do stworzenia linii użyjemy narzędzia Trasy a następnie utworzymy linię ze ścieżki, którą stworzyliśmy.

Najpierw wybieramy kolor, jaki chcemy dla Trasy. Wybieramy narzędzie de la i śledzimy kształt, który chcemy mu nadać.

Ścieżka GIMP

Po kształcie, który chcemy nadać plikowi de la następnie używamy opcji narzędzia do tworzenia linii przechodzącej przez całą zdefiniowaną przez nas ścieżkę

Ścieżka GIMP

Co byłoby mniej więcej takie:

Ścieżka GIMP

Po narysowaniu trasy powielamy warstwę linii (której najlepiej używamy kolorem wyróżniającym się na naszym ekranie) do warstwy poniżej, tworząc Filtrowanie » Plama » rozmycie Gaussa i przechodzimy do pracy nad warstwą liniową powyżej.

Aby nadać efekt nieprzezroczystości Pulse, tworzymy maskę warstwy (kliknij prawym przyciskiem myszy warstwę » Dodaj maskę warstwy) i wybieramy domyślne wartości kolorów (D). Spowoduje to umieszczenie białego pola obok naszej warstwy.

Później zmieniamy kolory pierwszego planu (biały) i tła (czarny), kliknij prawym przyciskiem myszy nową warstwę i wybierz Pokaż maskę warstwy. To pozostawi nas wszystkich pustych, ale nie martw się. Wybieramy Narzędzie Gradient (musimy mieć możliwość Gradient dwuliniowy) i rysujemy linię i nakładamy ją od środka warstwy poziomo poza warstwę.

GIMP Gradient

Odznaczamy opcję Pokaż maskę warstwy. Jeśli spojrzymy na okno dialogowe warstw, zobaczymy coś takiego:

Warstwy GIMP

W ten sposób widzimy, że nasza górna linia pojawia się ponownie, a wynik jest całkiem niezły.

Ścieżka GIMP

Zauważ, że teraz krawędzie linii mają pewien rodzaj gradientu, jakby zanikała. To oczywiście może być znacznie lepsze.

Akrylowe wieczko zestawu

Jak wspomnieliśmy na początku, stworzymy złudzenie, że ma przezroczystą warstwę akrylu, która nadaje zespołowi wrażenie objętości, więc będziemy potrzebować warstwy połysku, aby zasymulować akryl, a także jego wewnętrzny cień.

Aby uzyskać wewnętrzny cień, tworzymy nową warstwę i wykonujemy krok Alfa do wyboru używając warstwy u dołu ekranu, wracamy do nowej warstwy i zmniejszamy (Select »Shrink) o wartość 1 piksela.

Po zmniejszeniu selekcji wypełniamy ją czernią. Później na tej samej warstwie koloru czarnego wykonujemy krok Alfa do wyboru i wracamy do Select »Shrink tym razem o wartość 2 pikseli. Zobaczysz, że zostało nam czarne kółko, stosujemy Filtrowanie » Plama » rozmycie Gaussa z wartością 5, z którą otrzymujemy coś takiego:

GIMP Edge

Nadszedł czas, aby stworzyć akrylową okładkę, dla której tworzymy nową warstwę i robimy ten sam krok Alfa do wyboru używając warstwy tła ekranu jako podstawy.

Wybieramy narzędzie Zdegradowany kładąc biały kolor na czarny, aw opcjach wybieramy kształt Liniowy i gradient od W obliczu przejrzystości, następnie nakładamy go od góry do dołu, starając się mieć kształt jak najbardziej pionowy:

Kryształ GIMP

Aby uzyskać lepszy wygląd, zmniejszymy rozmiar warstwy brokatu, aby była mniejsza i sprawiła, że ​​wyglądała jak akrylowa kula, co kończy nasz tutorial pełnym wynikiem:

Kryształ GIMP

Jak dotąd nasz skromny samouczek, mamy nadzieję, że będziesz podekscytowany i spróbujesz to zrobić.


Treść artykułu jest zgodna z naszymi zasadami etyka redakcyjna. Aby zgłosić błąd, kliknij tutaj.

21 komentarzy, zostaw swoje

Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.

  1.   ergo powiedział

    Bardzo ciekawy artykuł. Kiedy będę mógł, to zrobię. 🙂
    PS: To się nazywa elektrokardiogram.

    1.    Andrew powiedział

      Wiedziałem, że nazywają się oscyloskopami.
      Elektrokardiogramy są aplikacją oscyloskopu używaną do sporządzania wykresów pracy serca, tak więc pomiędzy nimi występuje „cardio”.
      Ale oscyloskopy mogą mieć tysiące zastosowań w sejsmologii, elektronice, dźwięku itp.

  2.   Ed powiedział

    Moja mama * o *
    Co za dobry poradnik, daje mi pomysł na wiele innych rzeczy 😀
    Dzięki Elav !!!

  3.   The_Mastersok powiedział

    Bardzo dobry tutorial ...
    gratulacje

  4.   Eliotime3000 powiedział

    Dobry tuto. Bardzo przypomina mi to, co zrobiłem w programie CorelDraw i Illustrator z tymi ikonami.

  5.   Hyuuga_Neji powiedział

    Dobrze ... ale chociaż nie komentuję zbyt wiele (i spędzam więcej czasu na GUTL), mam też konto w DesdeLinux. Widzę, że poszedłeś za samouczkiem, ponieważ w oryginale nie umieściłem interfejsu z wzorami siatki ani nic w tym stylu, ale na swój sposób wygląda znacznie lepiej, ponieważ jest bardziej wyjaśniony i można go lepiej zrozumieć.

    1.    pełen życia powiedział

      Tak, to prawda, że ​​masz tutaj konto ^. ^

  6.   Sausl powiedział

    bardzo dobre

  7.   patodx powiedział

    Z tym postem jest dla mnie więcej niż jasne, że mogę się obejść bez phtoshop ..

    dziękuję ..

    1.    Eliotime3000 powiedział

      Nadal nie odłączyłem się od programu Illustrator ani InDesign.

      1.    pełen życia powiedział

        I nikogo nie obchodzi Twój problem 😛 Zabierz drewno na opał i eliotime3000 do ogniska !!! XD

  8.   Emmanuel Acuna powiedział

    Bardzo dobry tutorial, zdecydowanie GIMP to doskonałe narzędzie.

    Zapytanie: jakiego motywu używasz w swoim systemie linux, jest super, chciałbym go zdobyć.

    Dziękuję i pozdrawiam…

    1.    pełen życia powiedział

      KDE z Oxygen ... to znaczy domyślnie. Dzieje się tak, że zmieniam kolory i wybieram schemat o nazwie Chrome 😀

      1.    Emmanuel Acuna powiedział

        Świetnie, tylko pytanie, jak zainstalować to w Ubuntu 14.04 za pomocą Flashback Session, mam już zainstalowane w centrum oprogramowania tlen-gtk 2 i 3, ale nie mam dekoracji okien: - / tylko motyw gtk ale nie zmienia przyciski tytułów.

        Pozdrowienia.

        1.    pełen życia powiedział

          Chodzi o to, że Oxygen pochodzi z KDE. Są motywy do naśladowania, ale już nigdy nie będzie takie samo ... 🙁

  9.   Tedel powiedział

    Czy nie byłoby łatwiej to zrobić w Inkscape? Zyskujesz także możliwość dowolnego skalowania końcowego wyniku.

    1.    łowca powiedział

      Dokładnie, nie można dyskredytować Gimpa, ale Inkscape jest odpowiednim narzędziem do tego.

    2.    Hyuuga_Neji powiedział

      Szczerze…. w swoim życiu otworzyłem inkscape, więc nie wiedziałbym, jak odpowiedzieć, czy jest to łatwiejsze, czy nie. Prawdą jest, że skaluję wynik, ale nie mam pojęcia, jak to działa w sposób wektorowy, więc trzymam się GIMP xD

    3.    pełen życia powiedział

      Zrobiłbym to w Inkscape, ale post nie jest tak naprawdę mój. Nauczyłem się też kilku rzeczy z GIMP-em, o których nie wiedziałem 😀

      1.    Hyuuga_Neji powiedział

        Następnie chciałbym, aby ktoś zrobił coś takiego w inkscape, aby móc je porównać, czyli wagę, ostrość itp. Kreacji w inkscape i gimp ... a jeśli nie jest to zbyt trudne, poprosić o umieszczenie samouczek krok po kroku, jak to zrobić, aby sprawdzić, czy coś robi xD.

  10.   liher powiedział

    Muszę spróbować, bardzo dziękuję, bardzo dobrze 😀