Cara membuat userbar animasi Anda dengan Gimp

Pengguna tavo pergi hari ini tutorial di forum kami, tutorial yang saya publikasikan di sini karena pantas mendapatkannya 😀

-------------------------------

Seperti yang dijanjikan adalah hutang, kemarin di IRC saya berjanji KZKG ^ Gaara lakukan tutorial ini tentang cara membuat userbar animasi kami di penderita cacat.
Saya minta maaf untuk screenshot dalam bahasa Inggris, karena saya menggunakannya dalam bahasa itu karena praktis bagi saya saat mengikuti tutorial
Hal pertama yang akan kita lakukan adalah membuka Gimp dan memilih warna latar depan dengan nilai berikut:

Seperti yang terlihat di tangkapan layar, nilainya harus fcfdfe.dll Dengan cara ini, latar belakang akan selaras dengan estetika forum.

Lalu kita pergi ke tab File> Baru  dan di jendela yang muncul kami memilih dimensi ini:

Nilai horizontal harus 450 dan 60 untuk vertikal (Anda tetap bisa sesuai dengan preferensi Anda). Juga di Opsi Lanjutan mereka harus memilih warna foreground sebagai background.

Langkah selanjutnya adalah menggunakan alat teks untuk menulis konten yang akan dimiliki userbar, dalam kasus saya, saya menggunakan frasa: <° Dari Pengguna Linux . ketika mereka telah menulis teks pada layer yang sama yang mereka berikan klik kanan> alpha untuk seleksi. Dengan teks yang dipilih kami mengambil alat pencampuran (gradien), dalam kasus saya, saya gunakan cahaya biru, tetapi mereka dapat menggunakan mana saja yang mereka suka. Mereka mengisi seleksi dengan gradien, membiarkannya seperti ini:

Selanjutnya kita akan menduplikasi layer teks 14 kali untuk mencapai 15 layer yang identik:

Marker menunjukkan di mana Anda harus mengklik untuk menduplikasi lapisan yang dipilih

Mulai sekarang kita akan bekerja dengan layer tersebut, menambahkan filter dan transparansi 

* Langkah pertama adalah bekerja dari lapisan 1 hingga 4 termasuk pergi ke Filter> Blur> Gaussian Blur dan nilai yang akan digunakan adalah sebagai berikut untuk setiap lapisan:

Dalam pengaturan filter lapisan 1:
Horisontal: 12 piksel
Vertikal: 12 px
Dalam pengaturan filter lapisan 2:
Horisontal: 9 piksel
Vertikal: 9 px
Dalam pengaturan filter lapisan 3:
Horisontal: 6 piksel
Vertikal: 6 px
Untuk pengaturan filter lapisan 4:
Horisontal: 3 piksel
Vertikal: 3 px

* Sebagai langkah kedua kita akan bekerja dari lapisan 11 hingga 15 (inklusif), yaitu dengan lima lapisan terakhir. Pertama-tama kita harus menyelaraskan 5 lapisan terakhir ini dengan dimensi gambar, ini penting untuk mencapai efek yang diinginkan, mode ini: tab Layers> Sejajarkan dengan Ukuran Gambar. Kemudian kami mengganti nama layer dengan angka satu per satu dengan mengklik dua kali pada layer, mereka mengubah namanya menjadi angka.

Filter yang akan kita gunakan pada lapisan adalah Filter> Blur> Motion Blur dan kami akan menerapkannya sebagai berikut untuk setiap lapisan dan duplikat yang akan kami buat untuk masing-masing:

Gandakan layer 11.
Pengaturan filter, masing-masing untuk duplikat dan lapisan asli:
Copia
Panjang: 10
Sudut: 0

Lapisan asli
Panjang: 10
Sudut: 180
Lapisan 11 dan salinannya digabungkan (klik kanan pada salinan lapisan 11 dan pilih untuk menggabungkan ke bawah)
Gandakan layer 12.
Pengaturan filter:
Lapisan asli
Panjang: 20
Sudut: 0
Duplikat
Panjang: 20
Sudut pandang: 180
Lapisan 12 dan salinannya digabungkan.
Gandakan layer 13.
Pengaturan filter:
Lapisan asli
Panjang: 30
Sudut: 0
Duplikat
Panjang: 30
Sudut pandang: 180
Lapisan 13 dan salinannya digabungkan.
Gandakan layer 14
Pengaturan filter:

Lapisan asli
Panjang: 40
Sudut: 0
Duplikat
Panjang: 40
Sudut pandang: 180
Lapisan 14 dan salinannya digabungkan.
Gandakan layer 15
Pengaturan filter:

Lapisan asli
Panjang: 50
Sudut: 0
Duplikat
Panjang: 50
Sudut pandang: 180
Lapisan 15 dari salinan digabungkan.

Apa yang akan kita lakukan sekarang adalah mengubah opacity dari layer dengan pengaturan ini:

1 sampai 60%
2 sampai 70%
3 sampai 80%
4 sampai 90%
11 sampai 90%
12 sampai 80%
13 sampai 70%
14 sampai 60%
15 sampai 50%

Kami akan memilih lapisan latar belakang kami untuk menduplikasinya empat kali, meninggalkan lima lapisan yang identik. Kami menaikkan latar belakang duplikat terakhir di atas lapisan 1 kami (dengan panah mengarah ke atas di navigator lapisan di sebelah penanda A).

Kami menduplikasi lagi dan menaikkannya di atas lapisan 2 dan seterusnya, meninggalkan latar belakang diselingi di antara lapisan teks seperti ini:

Sekarang ayo file> simpan sebagai  dan beri nama file dengan ekstensi . Gif di akhir misalnya:userbar.gif .

Di jendela yang muncul, penting untuk memeriksa opsi:

Simpan sebagai Animasi

Kemudian kami menekan ekspor dan kemudian menerima.

Kami menavigasi ke file kami dan akan terlihat seperti ini:

Semoga bermanfaat dan dipahami dengan baik, pertanyaan apapun jangan ragu untuk berkonsultasi dengan saya, saya tinggalkan contoh hasil lain yang bisa diraih:

Jika Anda perhatikan di spanduk kedua saya mengedit waktu tinggal dalam bingkai .... Saya akan menambahkannya nanti, tidak serumit itu.

Salam!

-------------------------------

Terima kasih banyak tavo Untuk tutorial yang luar biasa ini, hasilnya sangat keren haha ​​... dan, beri tahu Anda bahwa jika Anda ingin meletakkan tutorial di sini dari Gimp, artikel atau apa pun yang Anda anggap menarik, itu akan menjadi kehormatan bagi kami 😀


Isi artikel mengikuti prinsip kami etika editorial. Untuk melaporkan kesalahan, klik di sini.

21 komentar, tinggalkan punyamu

tinggalkan Komentar Anda

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai dengan *

*

*

  1. Penanggung jawab data: Miguel Ángel Gatón
  2. Tujuan data: Mengontrol SPAM, manajemen komentar.
  3. Legitimasi: Persetujuan Anda
  4. Komunikasi data: Data tidak akan dikomunikasikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Basis data dihosting oleh Occentus Networks (UE)
  6. Hak: Anda dapat membatasi, memulihkan, dan menghapus informasi Anda kapan saja.

  1.   Yoyo Fernandez dijo

    Kutub !!!!

    Saya harus melakukan itu tentang Gimp !!!

    Mari kita lihat apakah minggu ini saya bisa 😉

    1.    Carlos-Xfce dijo

      Apa artinya "tiang" dan di negara mana Anda menggunakannya?

    2.    Carlos-Xfce dijo

      Oh, dan bagaimana mereka mengucapkannya?

      1.    hypersayan_x dijo

        pole = soyez le premier = yang pertama berkomentar

        Kutub berasal dari posisi terdepan.

        https://es.wikipedia.org/wiki/Pole_position

        1.    targon dijo

          Menarik OO Anda mempelajari hal-hal baru di sekitar sini 🙂

        2.    v3on dijo

          menarik! Saya tidak tahu data itu

        3.    Carlos-Xfce dijo

          Dan pengucapannya? »Pole», «poul», «pol»?

  2.   tavo dijo

    Terima kasih banyak @ KZKG ^ Gaara telah mempostingnya, kehormatan adalah milik saya karena memiliki kesempatan untuk menyebarkan berita tentang Gimp, alat hebat yang sering diremehkan secara tidak adil.

    Saya akan mencoba untuk memberikan kontribusi tutorial sesekali di akhir pekan, itu yang paling bisa saya lakukan sebagai ucapan terima kasih atas program hebat ini Saya berasal dari Photoshop dan pada awalnya sulit untuk beradaptasi dengan perubahan tetapi itu sepadan dengan usaha.
    Saya juga melakukan beberapa hal di Blender tapi saya masih agak hijau…. Kurang latihan hehe

    Saya mengulangi ucapan selamat saya atas pekerjaan yang Anda lakukan di halaman ini.

    1.    Carlos-Xfce dijo

      Terima kasih Tavo, tutorial luar biasa. Meskipun saya tidak tahu apa-apa tentang desain grafis, GIMP adalah alat yang sangat praktis yang telah membantu saya dalam banyak situasi. Berkat dia, saya belajar membuat logo yang sederhana namun sangat indah; memiliki banyak templat dan efek untuk logo. Saya ingin mempelajari lebih lanjut tentang alat ini. Semoga Anda bisa terus berbagi lebih banyak ilmu di blog ini. Salam.

      1.    tavo dijo

        Terima kasih kepada Anda untuk memberi komentar Carlos…. Dengan latihan Anda menjadi terbiasa dengan program ini. Saya pikir poin yang bertentangan dengan Gimp adalah tidak begitu banyak diseminasi tentang program dan sedikit tutorial. Anda memiliki kemungkinan untuk menambahkan banyak plugin yang mengotomatiskan tugas , yang di Photoshop juga dimungkinkan tetapi ekstensi yang benar-benar berharga mahal
        .

        1.    Carlos-Xfce dijo

          Ups, saya bahkan tidak tahu bahwa ada ekstensi untuk Photoshop, saya juga tidak membayangkan bahwa ekstensi semacam itu bisa mahal. Saya harap kami dapat menikmati tutorial Anda yang lain, terima kasih banyak.

  3.   Segera dijo

    wow saya akan melakukannya sekarang salam OO

  4.   gabriel dijo

    Ini dihargai, bagus untuk saya berlatih dengan pincang.

  5.   elip89 dijo

    Terima kasih atas panduannya tavo sedikit yang belajar bagaimana melakukan sesuatu dengan GIMP

    salam

  6.   auroszx dijo

    Hebat 😀 Ketika saya punya waktu saya mencobanya.

  7.   Merlin The Debianite dijo

    Hebat ketika saya tertarik dengan desain grafis, saya mencobanya XD

  8.   Mereka adalah Link dijo

    Tuto yang bagus, tapi ada tapi:
    Bilah pengguna (setidaknya sebagian besar) berukuran 350 × 19, jadi ini melebihi ukurannya. Hati-hati, saya tidak menentang dimensi untuk userbar tutorial ini, saya hanya ingin memperjelas hal ini (bahwa saya juga membuat userbars).

    1.    tavo dijo

      Perlu diklarifikasi, memang benar bahwa userbar umumnya lebih kecil. Animasi dapat dilakukan dengan ukuran template berapa pun, yang tidak mempengaruhi hasil akhir. Ukuran akan lebih pas untuk banner atau tanda tangan

      1.    Windousian dijo

        Tanda tangan animasi untuk forum, kenangan indah ...

  9.   Maxwell dijo

    Manual yang bagus, saya suka efek yang dicapai. Saya akan memberitahu Ren untuk menjadikan saya salah satu dari Trisquel xD

    Yah, mungkin dan saya akan melakukannya sendiri agar saya tidak kehilangan apa pun dengan mencoba 😉

    Salam.

  10.   truko22 dijo

    +1 yang bagus ini