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
Wskaźnik
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:
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.
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:
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.
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.
Aby poprawić adaptację, zmieniamy tryb warstwy siatki z Normalna a Dzielność i obniżyliśmy krycie do 40%, aby usunąć trochę „siły”.
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ć.
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ę
Co byłoby mniej więcej takie:
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ę.
Odznaczamy opcję Pokaż maskę warstwy. Jeśli spojrzymy na okno dialogowe warstw, zobaczymy coś takiego:
W ten sposób widzimy, że nasza górna linia pojawia się ponownie, a wynik jest całkiem niezły.
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:
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:
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:
Jak dotąd nasz skromny samouczek, mamy nadzieję, że będziesz podekscytowany i spróbujesz to zrobić.
21 komentarzy, zostaw swoje
Bardzo ciekawy artykuł. Kiedy będę mógł, to zrobię. 🙂
PS: To się nazywa elektrokardiogram.
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.
Moja mama * o *
Co za dobry poradnik, daje mi pomysł na wiele innych rzeczy 😀
Dzięki Elav !!!
Bardzo dobry tutorial ...
gratulacje
Dobry tuto. Bardzo przypomina mi to, co zrobiłem w programie CorelDraw i Illustrator z tymi ikonami.
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ć.
Tak, to prawda, że masz tutaj konto ^. ^
bardzo dobre
Z tym postem jest dla mnie więcej niż jasne, że mogę się obejść bez phtoshop ..
dziękuję ..
Nadal nie odłączyłem się od programu Illustrator ani InDesign.
I nikogo nie obchodzi Twój problem 😛 Zabierz drewno na opał i eliotime3000 do ogniska !!! XD
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…
KDE z Oxygen ... to znaczy domyślnie. Dzieje się tak, że zmieniam kolory i wybieram schemat o nazwie Chrome 😀
Ś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.
Chodzi o to, że Oxygen pochodzi z KDE. Są motywy do naśladowania, ale już nigdy nie będzie takie samo ... 🙁
Czy nie byłoby łatwiej to zrobić w Inkscape? Zyskujesz także możliwość dowolnego skalowania końcowego wyniku.
Dokładnie, nie można dyskredytować Gimpa, ale Inkscape jest odpowiednim narzędziem do tego.
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
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 😀
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.
Muszę spróbować, bardzo dziękuję, bardzo dobrze 😀