GIMP: Buat Pulse Meter dari Scratch

Artikel ini telah diambil (dan diubah) berdasarkan artikelnya sumber asal, blog dari Hyuuga_Neji dan kemudian direplikasi dalam GELAP.

Halo kepada mereka yang meluangkan masa untuk membaca kami, semalam kami membincangkannya pantau lebar jalur dan kami membuat (seperti biasa) gambar pilihan dengan kandungan yang dibuat oleh kami. Oleh kerana gambar seseorang menghampiri kami melalui e-mel dan meminta kami menunjukkan kepadanya bagaimana membuat apa yang boleh menjadi meter nadi, nampaknya idea yang bagus sehingga hari ini kami akan menunjukkan cara membuatnya menggunakan perisian percuma dan lebih khusus: GIMP.

Idea untuk membuat meter denyut nadi datang kepada kami untuk berusaha menggambarkan bahawa kami akan mengukur sesuatu secara digital, jadi pada dasarnya kami memilih bentuk dan "membuat" meter yang seharusnya dari itu. Langkah-langkah untuk anda mencapai sesuatu seperti ini ada di bawah

Membuat bentuk asas dengan GIMP

Langkah pertama selepas membuka Program Manipulator Imej GNU (GIMP) adalah untuk membuat gambar baru.

Oleh itu mari kita pergi ke menu arkib » baru atau jika kita suka kombinasi kunci, gunakan saja CTRL + N. Kami memilih ukuran yang mereka mahukan tetapi untuk menunjukkannya, kami akan menggunakan 640 × 400 piksel yang tidak besar atau kecil.

Kami memilih warna yang kami mahukan dengan mengklik pada kotak warna dan memilih salah satu pilihan kami dan kemudian menyeret warna dari kotak ke tetingkap gambar. Setelah ini selesai, kami membuat lapisan baru dengan ketelusan (bekerja dengan lapisan disarankan untuk mempercepat proses pembetulan yang mungkin tanpa kehilangan semua pekerjaan). Untuk membuat lapisan baru kita klik pada lapisan tertanam di mana ia mempunyai tanda tambahan atau tekan SHIFT + CTRL + N supaya kita mendapat sesuatu seperti ini:

Lapisan GIMP

Kami sudah mempunyai lapisan telus yang baru dan mengusahakannya, kami membuat bentuk asas yang akan berfungsi untuk memasang meter. Yang paling hampir dengan peralatan yang kita tahu adalah peralatan elektronik yang layarnya berbentuk bulat sehingga kita mengambil alat pemilihan elips (E) dan buat bulatan di lapisan lutsinar yang kami isi dengan warna apa pun untuk mempunyai bentuk asas untuk bekerja.

Bentuk GIMP

Bentuk GIMP

Kami memilih warna hitam kerana kemudian kami akan menggunakannya sebagai bayangan tetapi kami akan sampai di sana, anda boleh memilih warna yang anda mahukan.

Membuat badan berpasukan

Kami membuat lapisan baru lagi tetapi kali ini kita tidak perlu membuat lilitan tetapi kita akan menggunakan bentuk asas dan dari ini kita akan membuat apa yang akan menjadi badan atau tepi peralatan. Untuk melakukan itu, kita klik kanan pada lapisan dengan bentuk dasar dan lihat di menu pop-up untuk pilihan "Alpha to Selection".

Setelah memilih bentuk asas, kita kembali ke lapisan baru yang telah kita buat tetapi sebelum mengisinya dengan warna kita pergi ke menu Pilih dan kami menggunakan pilihan untuk Penyusutan o Kecilkan dengan nilai 1 piksel. Kami memilih warna yang kami mahukan untuk lapisan baru dan isi.

Setakat ini kita mempunyai bentuk asas dalam warna gelap dan lapisan lain dengan badan pasukan dengan warna lain (lebih disukai dalam warna yang berbeza dengan latar belakang). Kami terletak di lapisan bentuk asas dan kita akan Menapis » Kabur » kabur Gaussian dengan nilai 5 piksel dan kita sudah mempunyai kesan bayangan, hasilnya mestilah lebih kurang:

Bentuk GIMP

Menciptakan bahagian dalam pasukan

Ini adalah giliran untuk membuat bahagian dalam peralatan, yang benar-benar paling sukar kerana kita akan menggunakan topeng lapisan, corak pengisian dan trik optik untuk memberikan kesan kelantangan dan meniru penutup akrilik klasik.

Untuk membuat bahagian dalaman, kami membuat lapisan baru dan kembali dengan operasi yang sama Alpha untuk pemilihan hanya sekarang kita menggunakan lapisan tepi pasukan. Kami kembali ke lapisan baru dan di menu Pilih » Kecilkan Kami menggunakan ukuran sekitar 5 piksel dan kemudian kami mencari warna yang akan kami gunakan untuk latar belakang layar komputer.

Kami mengisi warna dan terus membuat skala peralatan yang dalam "bahasa GIMP" tidak melebihi grid. Kami membuat lapisan baru dan kami akan Penapis » Rendering » penaung » Rak Kami memilih warna (lebih disukai hijau) yang berbeza dengan latar belakang peralatan dan menerapkan kesannya.

Grid GIMP

Isi dibuat seperti grid tetapi merangkumi keseluruhan lapisan jadi kita harus memotongnya sehingga hanya di bahagian dalam skrin komputer.

Untuk memotong grid kita kembali dengan Alpha untuk pemilihan menggunakan sebagai asas lapisan latar peralatan (yang kita masukkan hijau) dan kemudian kita akan Pilih » Invert pemilihan atau jika kita tekan CTRL + I setelah ini kita tekan butang DELETE dan voila ... grid sesuai dengan skrin yang sepatutnya.

Grid GIMP

Untuk meningkatkan penyesuaian kita menukar mod lapisan grid dari normal a Valor dan kami menurunkan kelegapan menjadi 40% untuk menghilangkan sedikit "kekuatan".

Grid GIMP

Skrin pasukan kami

Dalam pasukan yang sepatutnya, kami akan mengukur denyutan dengan mensimulasikan filem-filem di mana mereka menunjukkan kedudukan pesakit dengan garis, jadi kami akan membuat garis pengukuran kami dengan kesan yang sesuai. Untuk membuat garis, kami akan menggunakan alat tersebut Laluan dan kemudian kita akan membuat garis dari jalan yang kita buat.

Mula-mula kita memilih warna yang kita mahukan untuk Laluan. Kami memilih alat tersebut Ruta dan kita mengesan bentuk yang ingin kita berikan.

Laluan GIMP

Setelah bentuk yang ingin kita berikan kepada Ruta kemudian kita terus menggunakan pilihan alat untuk membuat garis melalui keseluruhan jalan yang kita tentukan

Laluan GIMP

Apa yang lebih kurang seperti ini:

Laluan GIMP

Setelah laluan dilukis, kami menduplikasi lapisan garis (yang lebih baik kita gunakan dengan warna yang menonjol di skrin kita) ke lapisan di bawah kita membuat Menapis » Kabur » kabur Gaussian dan kami terus bekerja pada lapisan garis di atas.

Untuk memberikan kesan legap pada Pulse kami membuat topeng lapisan (klik kanan pada lapisan » Tambahkan topeng lapisan) dan kami memilih nilai warna lalai (D). Ini akan meletakkan kotak putih di sebelah lapisan kita.

Kemudian kami menukar warna Foreground (White) dan Background (Black), klik kanan pada layer baru dan pilih Tunjukkan topeng lapisan. Ini akan membuat kita semua kosong tetapi jangan risau. Kami memilih Alat Kecerunan (kita mesti mempunyai pilihan untuk Kecerunan Bilinear) dan kami menarik garis dan menerapkannya dari tengah lapisan secara melintang keluar dari lapisan.

Kecerunan GIMP

Kami tidak memilih pilihan Tunjukkan topeng Lapisan. Sekiranya kita melihat dialog lapisan, kita akan melihat sesuatu seperti ini:

Lapisan GIMP

Dengan melakukan itu, kami melihat bahawa barisan teratas kami muncul semula dan hasilnya cukup bagus.

Laluan GIMP

Perhatikan bahawa sekarang tepi garis mempunyai semacam kecerunan, seolah-olah pudar. Ini tentu boleh menjadi lebih baik.

Tudung akrilik kit

Seperti yang telah kami sebutkan di awal, kami akan membuat ilusi bahawa ia memiliki lapisan akrilik yang transparan, yang memberikan pengertian kelantangan kepada pasukan, jadi kami akan memerlukan lapisan gloss untuk mensimulasikan akrilik serta bayangan dalamannya.

Untuk mencapai bayangan dalaman kita membuat lapisan baru dan melakukan langkah Alpha untuk pemilihan Dengan menggunakan lapisan di bahagian bawah layar maka kita kembali ke lapisan baru dan menyusut (Pilih »Kecilkan) dengan nilai 1 piksel.

Setelah pemilihan dikurangkan, kami mengisinya dengan hitam. Kemudian, pada lapisan warna hitam yang sama, kita melakukan langkah Alpha untuk pemilihan dan kita kembali ke Pilih »Kecilkan kali ini dengan nilai 2 piksel. Anda akan melihat bahawa kita mempunyai bulatan hitam yang tersisa, kita menggunakan a Menapis » Kabur » kabur Gaussian dengan nilai 5 yang dengannya kita memperoleh sesuatu seperti ini:

Tepi GIMP

Sudah tiba masanya untuk membuat penutup akrilik yang mana kita membuat lapisan baru dan melakukan langkah yang sama Alpha hingga Pemilihan menggunakan lapisan latar skrin sebagai asas.

Kami memilih alat tersebut Degradasi meletakkan warna putih di atas hitam, dan dalam pilihan kita memilih bentuk Linear dan kecerunan dari Menghadapi Ketelusan, maka kami mengaplikasikannya dari atas ke bawah berusaha untuk mempunyai bentuk setegak mungkin:

GIMP Crystal

Untuk memberikan penampilan yang lebih baik, kita akan mengurangkan ukuran lapisan glitter untuk menjadikannya lebih kecil dan menjadikannya seperti sfera akrilik, yang mengakhiri tutorial kami dengan hasil yang lengkap:

GIMP Crystal

Setakat ini tutorial sederhana kami, kami harap anda bersemangat dan berusaha melakukannya.


Tinggalkan komen anda

Alamat email anda tidak akan disiarkan. Ruangan yang diperlukan ditanda dengan *

*

*

  1. Bertanggungjawab atas data: Miguel Ángel Gatón
  2. Tujuan data: Mengendalikan SPAM, pengurusan komen.
  3. Perundangan: Persetujuan anda
  4. Komunikasi data: Data tidak akan disampaikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Pangkalan data yang dihoskan oleh Occentus Networks (EU)
  6. Hak: Pada bila-bila masa anda boleh menghadkan, memulihkan dan menghapus maklumat anda.

  1.   Ergo kata

    Artikel yang sangat menarik. Bila saya boleh saya akan. 🙂
    PS: Ia dipanggil elektrokardiogram.

    1.    Andrew kata

      Saya tahu mereka dipanggil osiloskop.
      Elektrokardiogram adalah aplikasi osiloskop yang digunakan untuk membuat grafik kerja jantung, sehingga mereka mempunyai "kardio" di antaranya.
      Tetapi osiloskop boleh mempunyai ribuan aplikasi dalam seismologi, elektronik, bunyi, dll.

  2.   Ed kata

    Ibu saya * o *
    Apa tutorial yang bagus, ini memberi saya idea untuk banyak perkara lain 😀
    Terima kasih Elav !!!

  3.   The_Mastersok kata

    Tutorial yang sangat baik ...
    Tahniah

  4.   eliotime3000 kata

    Tuto yang bagus. Ia mengingatkan saya banyak perkara yang saya lakukan dengan CorelDraw dan Illustrator dengan ikon-ikon itu.

  5.   Hyuuga_Neji kata

    Bagus… tetapi walaupun saya tidak banyak mengulas (dan saya menghabiskan lebih banyak masa untuk GUTL), saya juga mempunyai akaun di sini di DesdeLinux. Saya melihat bahawa anda mengikuti tutorial kerana pada asalnya saya tidak meletakkan antara muka corak grid atau apa-apa seperti itu tetapi cara anda kelihatan lebih baik kerana ia lebih dijelaskan dan boleh difahami dengan lebih baik.

    1.    meriah kata

      Ya, memang benar bahawa anda mempunyai akaun di sini ^. ^

  6.   sosej kata

    sangat bagus

  7.   patodx kata

    Dengan catatan ini, lebih jelas bagi saya bahawa saya boleh melakukan tanpa phtoshop ..

    terima kasih ..

    1.    eliotime3000 kata

      Saya belum melepaskan diri dari Illustrator atau InDesign.

      1.    meriah kata

        Dan tiada siapa yang peduli dengan masalah anda 😛 Bawa kayu api dan eliotime3000 ke api unggun !!! XD

  8.   Emmanuel Acuna kata

    Tutorial yang sangat baik, pastinya GIMP adalah alat yang sangat baik.

    Pertanyaan: tema mana yang anda gunakan pada sistem linux anda, bagus, saya ingin mendapatkannya.

    Terima kasih dan salam…

    1.    meriah kata

      KDE dengan Oksigen .. iaitu, secara lalai. Apa yang berlaku ialah warnanya berubah dan saya memilih skema yang dipanggil Chrome 😀

      1.    Emmanuel Acuna kata

        Hebat, hanya soalan, bagaimana memasangnya di Ubuntu 14.04 menggunakan Flashback Session, saya sudah memasang oksigen-gtk 2 dan 3 di pusat perisian, tetapi saya tidak mempunyai hiasan tetingkap: - / hanya tema gtk tetapi ia tidak mengubah butang tajuk.

        Greetings.

        1.    meriah kata

          Oksigen berasal dari KDE Terdapat tema untuk dicontohi, tetapi tidak akan pernah sama .. 🙁

  9.   Tedel kata

    Bukankah lebih mudah untuk melakukan ini di Inkscape? Anda juga mendapat kelebihan kerana dapat menilai hasil akhir sesuka hati.

    1.    penipu kata

      Tepat, ini bukan untuk meremehkan Gimp tetapi Inkscape adalah alat yang tepat untuk ini.

    2.    Hyuuga_Neji kata

      Secara jujurnya…. dalam hidup saya, saya telah membuka inkscape, jadi saya tidak tahu sama ada lebih mudah atau tidak. Menimbang hasilnya benar tetapi saya tidak tahu bagaimana ia berfungsi secara vektor jadi saya terus berpegang pada GIMP xD

    3.    meriah kata

      Saya akan melakukannya di Inkscape, tetapi jawatan itu bukan milik saya. Saya juga mengetahui beberapa perkara dengan GIMP yang tidak saya ketahui 😀

      1.    Hyuuga_Neji kata

        Maka saya ingin seseorang melakukan sesuatu seperti ini di inkscape agar dapat membandingkannya, iaitu berat, ketajaman dan lain-lain ciptaan di inkscape dan gimp ... dan jika tidak terlalu banyak meminta anda meletakkan tutorial langkah demi langkah bagaimana melakukannya untuk melihat sama ada seseorang mengambil sesuatu xD.

  10.   liher kata

    Saya mesti mencubanya, terima kasih banyak, sangat bagus 😀