GIMP:ゼロからパルスメーターを作成する

この記事は、その記事に基づいて取得(および変更)されています 元のソース、のブログ 日向ネジ 後で複製されます ガットル.

私たちを読むのに時間を割く人たちにこんにちは、昨日私たちは話しました 帯域幅を監視する そして、私たちは(いつものように)私たちが作成したコンテンツで注目の画像を作成します。 誰かがメールで私たちに近づき、パルスメーターの作成方法を教えてくれるように頼まれた画像のため、それは素晴らしいアイデアのように思えたので、今日は無料のソフトウェア、より具体的にはGIMPを使用して作成する方法を示します。

パルスメーターを作成するというアイデアは、デジタルで何かを測定しようとしていることを反映しようとするために私たちに思いついたので、基本的に形状を選択し、そこから想定されるメーターを「作成」しました。 このようなことを達成するための手順は以下のとおりです

GIMPで基本形状を作成する

開いた後の最初のステップ GNUイメージマニピュレータプログラム (英語での頭字語のGIMP)は、新しいイメージを作成することです。

それではメニューに行きましょう アーカイブ » 新しいです または、私たちのように、キーの組み合わせが好きな場合は、 CTRL + N。 必要なサイズを選択しますが、表示するために、大きくも小さくもない640×400ピクセルを使用します。

カラーボックスをクリックして好みの色を選択し、ボックスから画像ウィンドウに色をドラッグして、必要な色を選択します。 これが完了したら、透明度のある新しいレイヤーを作成します(すべての作業を失うことなく、可能な修正プロセスを高速化するために、レイヤーを使用することをお勧めします)。 新しいレイヤーを作成するには、追加記号が付いている埋め込みレイヤーをクリックするか、を押します。 SHIFT + CTRL + N 次のようなものが得られます。

GIMPレイヤー

私たちはすでに新しい透明な層を持っており、それに取り組んで、メーターを組み立てるのに役立つ基本的な形状を作成します。 私たちが知っているその機器に最も近いのは、画面が円形である電子機器であるため、楕円形の選択ツールを使用します(E)そして、透明なレイヤーに円を作成し、それを任意の色で塗りつぶして、基本的な形状にします。

GIMPシェイプ

GIMPシェイプ

後でシャドウとして使用するため、黒を選択しましたが、そこに到達します。必要な色を選択できます。

チーム本体の作成

新しいレイヤーを再度作成しますが、今回は円周を作成する必要はありませんが、基本的な形状を使用し、これから機器の本体またはエッジとなるものを作成します。 これを行うには、基本形状のレイヤーを右クリックし、ポップアップメニューで[AlphatoSelection]オプションを探します。

基本形状を選択したら、作成した新しいレイヤーに戻りますが、色で塗りつぶす前にメニューに移動します 選択します のオプションを使用します 縮小する o シュリンク 1ピクセルの値で。 新しいレイヤーと塗りつぶしに必要な色を選択します。

これまでのところ、基本的な形状は暗い色で、チームのボディが別の色(できれば背景と対照的な色)の別のレイヤーがあります。 私たちは基本的な形の層に位置していて、 フィルター » ぼかし » ガウスブラー 値が5ピクセルで、すでにシャドウ効果がある場合、結果は多かれ少なかれ次のようになります。

GIMPシェイプ

チームの内部を作成する

レイヤーマスク、塗りつぶしパターン、光学トリックを使用してボリュームの印象を与え、クラシックなアクリルカバーをシミュレートするため、機器の内部を作成する番です。

インテリアを作成するには、新しいレイヤーを作成し、の同じ操作で戻ります アルファから選択 今だけ、チームエッジレイヤーを使用します。 新しいレイヤーに戻り、メニューを表示します 選択します » シュリンク 約5ピクセルのサイズを使用してから、コンピューター画面の背景に使用する色を探します。

色を塗りつぶして、「GIMP言語」ではグリッドを超えない機器のスケールを作成します。 新しいレイヤーを作成します Filtros » レンダリング » パトロン » グリッド 機器の背景と対照的な色(できれば緑)を選択し、効果を適用します。

GIMPグリッド

塗りつぶしはグリッドのように作成されますが、レイヤー全体をカバーするため、コンピューター画面の内側にのみ表示されるようにカットする必要があります。

グリッドをカットするために、 アルファから選択 機器の背景のレイヤー(緑色で配置したもの)をベースとして使用し、次に 選択します » 選択を反転 または押すと CTRL + I これが完了したら、キーを押します DELETE そして出来上がり...グリッドは私たちの想定画面にフィットします。

GIMPグリッド

適応を改善するために、グリッドのレイヤーモードを ノーマル a 勇気 不透明度を40%に下げて、少しの「力」を取り除きました。

GIMPグリッド

私たちのチームの画面

私たちの想定チームでは、線を使って患者の位置を示すフィルムをシミュレートすることでパルスを測定するので、対応する効果を持つ測定線を作成します。 線を作成するには、ツールを使用します ルート 次に、作成したパスから線を作成します。

まず、ルートに必要な色を選択します。 ツールを選択します ルート 与えたい形をトレースします。

GIMPパス

一度私たちが与えたい形 ルート 次に、ツールオプションを使用して、定義したパス全体を通る線を作成します。

GIMPパス

多かれ少なかれこのようになります:

GIMPパス

ルートが描画されたら、線のレイヤー(画面上で目立つ色で使用することが望ましい)を下のレイヤーに複製します。 フィルター » ぼかし » ガウスブラー 次に、上のラインレイヤーの作業に移ります。

パルスに不透明な効果を与えるために、レイヤーマスクを作成します(レイヤーを右クリック» レイヤーマスクを追加)そしてデフォルトの色の値(D)を選択します。 これにより、レイヤーの横に白いボックスが配置されます。

後で、前景(白)と背景(黒)の色を変更し、新しいレイヤーを右クリックして、を選択します。 レイヤーマスクを表示。 これは私たち全員を空白のままにしますが、心配しないでください。 私たちは グラデーションツール (私たちはのオプションを持っている必要があります 双線形勾配)そして、線を引き、それをレイヤーの中心からレイヤーの外側に水平に適用します。

GIMPグラデーション

オプションのチェックを外します レイヤーマスクを表示。 レイヤーダイアログを見ると、次のようなものが表示されます。

GIMPレイヤー

そうすることで、トップラインが再び表示され、結果は非常に良好であることがわかります。

GIMPパス

これで、線のエッジがフェードしているように、一種の勾配を持っていることに注意してください。 もちろん、これははるかに優れている可能性があります。

キットのアクリル蓋

冒頭で述べたように、透明なアクリル層がチームにボリュームの概念を与えるような錯覚を作り出すので、アクリルとそれぞれの内側の影をシミュレートするための光沢層が必要になります。

内側の影を実現するために、新しいレイヤーを作成し、次の手順を実行します。 アルファから選択 画面の下部にあるレイヤーを使用して、新しいレイヤーに戻り、1ピクセルの値で縮小します([選択]»[縮小])。

選択範囲が縮小されたら、黒で塗りつぶします。 後で、同じ黒色のレイヤーで、次の手順を実行します。 アルファから選択 次に、[選択]»に戻ります。今回は2ピクセルの値で縮小します。 黒い円が残っていることがわかります。 フィルター » ぼかし » ガウスブラー 値5を使用すると、次のようなものが得られます。

GIMPエッジ

新しいレイヤーを作成するためのアクリル製の蓋を作成し、同じ手順を実行します。 選択へのアルファ 画面の背景レイヤーをベースとして使用します。

ツールを選択します 劣化した 黒の上に白を置き、オプションで形状を選択します 線形 とからの勾配 透明性に直面して、 次に、それを上から下に適用して、可能な限り垂直な形状にしようとします。

GIMPクリスタル

見栄えを良くするために、グリッターレイヤーのサイズを小さくして小さくし、アクリル球のように見せます。これで、チュートリアルは完全な結果になります。

GIMPクリスタル

これまでのところ、ささやかなチュートリアルですが、皆さんが興奮してやってみることを願っています。


コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。

  1.   エルゴ

    非常に興味深い記事。 できるときはそうします。 🙂
    PS:それは心電図と呼ばれています。

    1.    アンドリュー

      私はそれらがオシロスコープと呼ばれることを知っていました。
      心電図は、心臓の働きをグラフ化するために使用されるオシロスコープのアプリケーションであるため、間に「心臓」があります。
      しかし、オシロスコープは、地震学、電子機器、音響などで何千ものアプリケーションを持つことができます。

  2.   Ed

    私の母* o *
    なんて良いチュートリアルでしょう、それは私に他の多くのことについてのアイデアを与えてくれます😀
    ありがとうElav !!!

  3.   The_ マスターソク

    非常に良いチュートリアル...
    おめでとうございます

  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.    エマニュエル・アクーニャ

        素晴らしい、ただの質問です。フラッシュバックセッションを使用してUbuntu 14.04にインストールする方法、ソフトウェアセンターにoxygen-gtk 2と3をインストールしましたが、ウィンドウの装飾はありません:-/ gtkテーマのみですが、タイトルボタンは変更されません。

        ご挨拶。

        1.    エラヴ

          酸素はKDEからのものです。 エミュレートするテーマはありますが、同じになることはありません..🙁

  9.   テデル

    Inkscapeでこれを行う方が簡単だったのではないでしょうか。 また、最終結果を自由にスケーリングできるという利点も得られました。

    1.    ハンター

      正確には、Gimpを軽蔑することではありませんが、Inkscapeはこれに適したツールです。

    2.    日向ネジ

      正直に言うと…。 私の人生でinkscapeを開いたので、それが簡単かどうかはわかりません。 結果をスケーリングするのは本当ですが、ベクトル方式でどのように機能するのかわからないので、GIMPxDを使い続けます

    3.    エラヴ

      Inkscapeでやったはずですが、投稿は私のものではありません。 また、GIMPで私が知らなかったいくつかのことを学びました😀

      1.    日向ネジ

        それから、誰かがインクスケープでこのようなことをして、インクスケープとギンプでの作成の重量、シャープネスなどを比較できるようにしたいと思います...そして、それを行う方法についてステップバイステップのチュートリアルを置くように頼むのが多すぎない場合は、 xDを取っています。

  10.   リハー

    私はそれを試してみる必要があります、どうもありがとうございました、それはとても良いです😀