GIMP:從頭開始創建脈搏計

本文已根據其內容進行了(和修改) 原始資料,的博客 日向_寧次 然後復製到 古特.

那些花時間閱讀我們的人您好,昨天我們談到了 監控帶寬 然後,我們將一如既往地創建包含我們創建內容的特色圖片。 由於該圖片有人通過電子郵件與我們聯繫,並要求我們向他展示如何創建脈衝計,這似乎是一個好主意,因此今天我們將向您展示如何使用免費軟件(更具體地說是GIMP)進行創建。

創建一個脈衝計的想法是為了反映我們要進行數字測量的想法,因此我們基本上選擇了一個形狀並從中``創建''了預期的儀表。 您實現此類目標的步驟,我們將其保留在下面

使用GIMP創建基本形狀

打開後的第一步 GNU圖像操縱器程序 (GIMP的英文縮寫)是創建新圖像。

所以我們去菜單 檔案 » 或者,如果像我們一樣,您喜歡組合鍵,只需使用 CTRL + N。 我們選擇他們想要的尺寸,但是為了顯示它們,我們將使用大小不小於640×400的像素。

我們通過單擊顏色框並選擇一種偏好設置來選擇所需的顏色,然後將顏色從該框拖到圖像窗口中。 完成此操作後,我們將創建一個具有透明度的新圖層(建議使用圖層以加快可能的校正過程而不會丟失所有工作)。 要創建一個新層,我們單擊具有加號的嵌入層,或者按 SHIFT + CTRL + N 這樣我們就得到了這樣的東西:

GIMP圖層

我們已經有了新的透明層,並在此透明層上進行工作,我們將創建基本形狀以幫助我們組裝儀表。 我們所知道的最接近該設備的是其屏幕為圓形的電子設備,因此我們使用橢圓選擇工具(E),然後在透明層中創建一個圓,並用任何顏色填充該圓以使用基本形狀。

GIMP形狀

GIMP形狀

我們選擇黑色是因為稍後我們將其用作陰影,但是我們會到達那裡,您可以選擇所需的顏色。

建立團隊主體

我們再次創建一個新層,但這一次我們不必創建圓周,但是我們將使用基本形狀,並由此創建設備的主體或邊緣。 為此,我們右鍵單擊具有基本形狀的圖層,然後在彈出菜單中查找“ Alpha to Selection”選項。

選擇了基本形狀後,我們回到創建的新層,但是在用顏色填充之前,我們先進入菜單 選擇 我們使用的選項 收縮 o 收縮 的值為1像素。 我們選擇新圖層所需的顏色並進行填充。

到目前為止,我們的基本形狀為深色,團隊的主體為另一種顏色(最好與背景形成對比)。 我們位於基本形狀的圖層中,我們將 過濾器 » 模糊 » 高斯模糊 的值為5像素,並且我們已經具有陰影效果,結果應大致如下:

GIMP形狀

建立團隊內部

現在輪到創建設備的內部,這實際上是最費力的,因為我們將使用圖層蒙版,填充圖案和光學技巧來給人以體積感並模擬經典的丙烯酸塗層。

要創建內部,我們創建一個新層並返回與之相同的操作 選擇的Alpha 只是現在我們使用團隊邊緣層。 我們返回到新層並在菜單中 選擇 » 收縮 我們使用大約5像素的大小,然後尋找將用於計算機屏幕背景的顏色。

我們填充顏色並繼續創建“ GIMP語言”中沒有超出網格的設備規模。 我們創建一個新層,我們將 過濾器 » 翻譯 » 顧客 » 格網 我們選擇一種與設備背景形成對比的顏色(最好是綠色),然後應用效果。

GIMP網格

填充會像網格一樣創建,但是會覆蓋整個圖層,因此我們必須對其進行裁剪,以使其僅位於計算機屏幕的內部。

為了削減網格,我們返回 選擇的Alpha 使用設備背景層(我們以綠色表示的那一層)作為基礎,然後我們 選擇 » 反轉選擇 或者如果我們按 CTRL + I 完成此操作後,我們按鍵 DELETE 瞧...網格適合我們假定的屏幕。

GIMP網格

為了提高適應性,我們將網格的層模式從 正常 a 勇氣 並且我們將不透明度降低到40%,以消除一些“力”。

GIMP網格

我們團隊的畫面

在我們假定的團隊中,我們將通過模擬一條線來顯示患者位置的膠片來測量脈衝,因此我們將創建具有相應效果的測量線。 要創建一條線,我們將使用該工具 路線 然後我們將從創建的路徑創建直線。

首先,我們為路線選擇所需的顏色。 我們選擇工具 路線 然後我們追踪要賦予它的形狀。

GIMP路徑

一旦形狀我們要賦予 路線 然後我們繼續使用工具選項在定義的整個路徑中創建一條線

GIMP路徑

大概是這樣的:

GIMP路徑

繪製路線後,我們將線條的圖層(最好使用在屏幕上突出顯示的顏色)複製到下面的圖層, 過濾器 » 模糊 » 高斯模糊 我們繼續在上面的線圖層上工作。

為了給Pulse提供不透明的效果,我們創建了一個圖層蒙版(右鍵單擊圖層» 添加圖層蒙版),然後選擇默認顏色值(D)。 這將在我們的圖層旁邊放置一個白框。

稍後,我們更改前景(白色)和背景(黑色)的顏色,右鍵單擊新圖層並選擇 顯示圖層蒙版。 這將使我們所有人空白,但是不用擔心。 我們選擇 漸變工具 (我們必須選擇 雙線性梯度),然後繪製一條線,並將其從圖層中心水平應用到圖層之外。

GIMP漸變

我們取消選中該選項 顯示圖層蒙版。 如果我們查看圖層對話框,我們將看到類似以下內容:

GIMP圖層

通過這樣做,我們看到我們的頂線重新出現,並且效果非常好。

GIMP路徑

請注意,現在線條的邊緣具有某種漸變,就好像它正在褪色一樣。 這當然可以更好。

套件的亞克力蓋

正如我們在一開始提到的那樣,我們將創建一個幻覺,即它具有透明的丙烯酸層,從而為團隊提供了體積的概念,因此我們將需要一個光澤層來模擬丙烯酸及其各自的內部陰影。

為了獲得內部陰影,我們創建一個新層並執行以下步驟 選擇的Alpha 使用屏幕底部的圖層,然後返回到新圖層並使用1像素的值進行收縮(選擇»收縮)。

選擇縮小後,我們將其填充為黑色。 後來,在黑色的同一層上,我們執行以下步驟 選擇的Alpha 然後返回到“選擇»收縮”,這一次的值為2個像素。 您會看到我們還有一個黑色圓圈,我們將 過濾器 » 模糊 » 高斯模糊 的值為5,我們將獲得如下所示的值:

GIMP邊緣

是時候創建亞克力蓋了,我們要為其創建新層並執行相同的步驟 選擇的Alpha 使用屏幕背景層作為基礎。

我們選擇工具 降級 將白色放在黑色之上,然後在選項中選擇一個形狀 線性 和從 面對透明 然後我們從上到下應用它,以使形狀盡可能垂直:

GIMP水晶

為了提供更好的外觀,我們將減小閃光層的大小以使其更小並使它看起來像丙烯酸球體,從而以完整的結果結束了本教程:

GIMP水晶

到目前為止,我們謙虛的教程,希望您興奮並嘗試這樣做。


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。

  1.   ERGO 他說:

    非常有趣的文章。 如果可以的話,我會的。 🙂
    PS:這被稱為心電圖。

    1.    安德魯 他說:

      我知道它們被稱為示波器。
      心電圖是示波器的一種應用,用於繪製心臟的工作圖,因此它們之間有“心電圖”。
      但是示波器在地震學,電子學,聲音等方面可以有數千種應用。

  2.   Ed 他說:

    我媽媽* o *
    多麼好的教程,它使我對許多其他事情有了一個想法😀
    謝謝埃拉夫!

  3.   The_Mastersok 他說:

    很好的教程...
    祝賀

  4.   埃利奧時間3000 他說:

    好圖托。 它使我想起了我在CorelDraw和Illustrator中使用這些圖標所做的很多事情。

  5.   日向_寧次 他說:

    很好……但即使我不發表太多評論(而且我在 GUTL 上花了更多時間),我在這裡也有一個帳戶 DesdeLinux。我看到你遵循了教程,因為在原版中我沒有放置網格圖案的介面或類似的東西,但你的方式看起來好多了,因為它有更多解釋並且可以更好地理解。

    1.    拉夫 他說:

      是的,的確您在這裡擁有一個帳戶^。^

  6.   索爾 他說:

    很好

  7.   帕托克斯 他說:

    有了這些帖子,我很清楚,不用phtoshop就可以做到..

    格拉西亞感謝

    1.    埃利奧時間3000 他說:

      我仍然沒有脫離Illustrator或InDesign。

      1.    拉夫 他說:

        沒人在乎您的問題😛帶柴火和eliotime3000到篝火旁! XD

  8.   伊曼紐爾·阿庫尼亞 他說:

    很好的教程,絕對GIMP是一個很好的工具。

    一個查詢:您在Linux系統上使用哪個主題,太好了,我希望得到它。

    謝謝並恭祝安康…

    1.    拉夫 他說:

      默認情況下,帶有氧氣的KDE .. 發生的事情是我更改了顏色並選擇了名為Chrome😀的方案

      1.    伊曼紐爾·阿庫尼亞 他說:

        太好了,只是一個問題,如何使用Flashback Session在Ubuntu 14.04中安裝它,我已經在軟件中心安裝了oxygen-gtk 2和3,但我沒有窗口修飾:-/僅gtk主題,但它不會更改標題按鈕。

        問候。

        1.    拉夫 他說:

          氧氣來自KDE。 有可以模仿的主題,但是永遠不會一樣..🙁

  9.   泰德爾 他說:

    在Inkscape中這樣做會更容易嗎? 您還獲得了可以隨意擴展最終結果的優勢。

    1.    獵人 他說:

      確實,這並不是要貶低Gimp,但是Inkscape是實現此目的的正確工具。

    2.    日向_寧次 他說:

      老實說…。 在我的生活中,我已經打開了inkscape,所以我不知道它是否更容易。 縮放結果是正確的,但是我不知道它如何以矢量方式工作,所以我一直堅持使用GIMP xD

    3.    拉夫 他說:

      我本來可以在Inkscape中完成的,但該帖子並非我的所有。 此外,我還通過GIMP學到了一些我不知道的東西😀

      1.    日向_寧次 他說:

        然後,我希望有人可以在inkscape中進行類似的操作,以便能夠比較它們,即inkscape和gimp中創作的重量,清晰度等……如果不是太多的話,請您逐步講解如何做,看看是否有一個正在拍攝xD。

  10.   利爾 他說:

    我必須嘗試一下,非常感謝,這很好good