Langkah Membuat Userbar di Photoshop

Langkah Membuat Userbar di Photoshop – Userbar adalah gambar normal, relatif kecil tapi panjang, dengan kisaran +/- 350 piksel x 19 piksel. Biasanya digunakan dalam komunitas forum untuk mempromosikan pemakai untuk memposting dengan menambahkan tanda tangan.

Langkah Membuat Userbar di Photoshop

Sumber : belajarnyata.com

signaturebar – Ini memiliki berbagai fungsi dan dapat digunakan sebagai gaya: v, digunakan untuk iklan, asosiasi tampilan, dll.Userbar adalah gambar yang terdapat dalam grup pengguna, dan desainnya telah disesuaikan dengan jenis grup pengguna yang dimilikinya.

Slogan biasanya diartikan sebagai simbol, logo, slogan, atau gambar pembawa pesan seperti iklan.

Nah, terkadang sebagian orang sering mengartikan Banner sebagai userbar, yang sebenarnya tidak sepenuhnya salah, karena bisa dibilang userbar juga merupakan logo grup pengguna. Namun, untuk mempermudah komunikasi, mungkin Anda harus menggunakan bilah pengguna di setiap postingan.

Berikut ini  beberapa Langkah Membuat Userbar di Photoshop yang dikutip dari passportbdd:

Langkah dalam Membuat Userbar cara 1

Sumber : tapatalk.com

1. Langkah pertama Kamu adalah buka layer baru, kemudian File -> New -> *Width : 3 pixels *Height : 3 pixels *Resolution : 72 *Color Mode : RGB, 8 bit *Background content : Transparent, Kemudian klik Ok

2. Sekarang ada layer baru berukuran 3×3 px. “ZOOM” menggunakan kombinasi keyboard CTRL (+) hingga 1600%. Kemudian untuk sekarang Pilih Tombol Pencil Tool dengan Brush 1px.

3. Buat Garis Menyamping ke kiri atau ke kanan sehingga akan membuat diagonal. Jika sudah maka pilih edit pada menu bar, langkah selanjutnya pilih DEFINE PATTERN, Pencet OK. Sekarang anda sudah membuat pattern, sehingga layer 3 x 3 px itu sekarang sudah bisa untuk di close.

4. Langkah selanjutnya adalah membuka New Layer, klik File-> New, pilih Width : 350 px, kemudian Heigth : 19 px, setelah itu Background content : white, jika sudah sisanya seperti yang diatas

5. Sekarang, Pilih “Gradient Tool”. Lalu Pilih warna, kemudian anda menarik garis menyamping dari kiri ke kanan sehingga menghasilkan seperti link di blok warna. Sekarang Kembali ke “Pattern” yang sudah kita buat tadi. (itu lho, yang 3×3 px) . Sekarang Pilih “Pattern Stamp Tool”

6. Ubah Brush Menjadi 30px. Lalu tekan Pattern tersebut dari Kiri ke kanan (JANGAN LUPA SAMBIL MENEKAN “SHIFT” ) hingga hasilnya menjadi seperti ini seandainya garis menyamping nya terlalu tebal, turunkan saja opacity nya menjadi 20% (atau secukupnya, tergantung selera)

7. Sekarang Masukan Gambar (BEBAS gambar apa saja, disini saya menggunakan karakter ‘Lelouch Lamperauge’. HAPUS bagian yang tidak perlu. Sekarang Kita Beri TEKS . Font yang bisa digunakan adalah Visitor TT2 (BRK) .

8. Beri Teks dengan ukuran teks 14px . Setelah itu, Klik kanan di layer ‘Teks’ Tersebut. Lalu klik Blending Options, Aktifkan Stroke. Ganti Menjadi Warna Hitam. Size nya ubah menjadi 1px .

9. masih lanjut belum selesai. Sekarang mari kita buat Efek 3D . Sekarang Klik ‘ELLIPSE TOOL’. Lalu tarik ellipse tersebut dari kiri ke kanan hingga jadi seperti ini (jangan lupa gunakan warna PUTIH). sekarang Ganti Opacity Ellips tersebut menjadi 25%. Sekarang sudah jadi.

Baca juga : Prinsip-Prinsip Design Grafis

Langkah dalam Membuat Userbar cara 2

Sumber : tapatalk.com

1. Buat dokumen di Adobe Photoshop, dan animasi gif akan dibuat di dokumen. Tekan Ctrl + N atau pilih item “Open …” di bagian “File” pada menu utama. Masukkan parameter dokumen di kotak dialog yang muncul, lalu klik OK. Jika bingkai animasi tersebut akan didasarkan pada gambar sesuka hati, silakan menggambar atau tempel dari file eksternal.

2. Tambahkan layer baru ke dokumen Anda. Angka ini haruslah sama dari jumlah bingkai animasi (atau bingkai kunci, jika transisi  tersebut di antara keduanya direncanakan untuk terbentuk secara otomatis). Jika bingkai akan didasarkan pada gambar yang dibuat sebelumnya, salin lapisan saat ini dengan memilih “Lapisan” dan “Salin Lapisan Atau bisa tambahkan lapisan kosong tersebut dengan menekan tombol Ctrl + Shift + N.

3. Buat gambar dari setiap bingkai animasi. Beralih di antara lapisan secara bergantian dan buat perubahan yang diperlukan (tambahkan detail yang akan diperlukan, pindahkan bagian gambar tersebut, memasukkan teks, dll.). Saat bekerja, matikan visibilitas dari semua lapisan di atas lapisan yang saat ini. Untuk dapat menganalisis perbedaan dari bingkai sebelumnya, Anda dapat membuat lapisan untuk sementara menjadi semi-transparan dengan mengubah nilai “opacitynya”.

4. Aktifkanlah ruang kerja untuk mengatur animasi. Di menu utama, Kamu pilih “Jendela”, “Ruang Kerja”, “Video serta Film”, lalu klik tombol “Ya” tersebut di jendela kueri. Setelah itu, desain menu akan berubah, dan panel “Animation” akan ditampilkan.

5. Tambahkan bingkai animasi. Di panel Animation, klik tombol Copy Selected Frame. Lakukan langkah ini sampai jumlah bingkai yang ditampilkan tersebut sama dengan jumlah lapisan yang Kamu buat di langkah kedua.

6. Cocokkanlah layer tersebut ke bingkai. Pilih elemen nomor 1 di panel “Animasi” dengan mengklik dengan mouse. Di panel Lapisan, matikan visibilitas dari semua lapisan, kecuali untuk lapisan yang harus ditampilkan pada bingkai pertama. Lakukan hal yang sama tersebut untuk semua lapisan dan elemen yang ditampilkan di panel Animasi.

7. Menentukan opsi keluaran dari animasi. Pilihlah semua frame dari panel Animation. Untuk melakukan ini, klik semua dengan mouse sambil Kamu menahan tombol Ctrl. Klik kanan di bagian bawah salah satu elemen yang dipilih.

Di menu konteks, Pilih waktu tunda antara peralihan bingkai. Jika perlu, Anda dapat mengubah berapa kali animasi berulang dengan mengklik tombol di pojok kiri bawah panel (ikon berbentuk panah mengarah ke bawah).

Membuat UserbarPertama, Anda perlu mengosongkan untuk membuat animasi.

Langkah 1. Buat file
Kami membuat dokumen baru , Ukuran saya 350×20.

Langkah 2. Gradien
Kami menggunakan “Gradient Tool” (G) dan mengisi gradien untuk bilah pengguna masa depan kami.

Langkah 3. Tekstur, Membuat Tekstur Userbar Untuk ini, mari menggambar tekstur serat karbon untuk digunakan nanti. Buat dokumen 8 × 8 px baru dan gambar di atasnya seperti yang ditunjukkan di bawah ini. Anda dapat mengambil sembarang warna abu-abu. Yang terpenting di sini adalah urutannya.

Langkah 4. Teks
Masih menambahkan beberapa teks. Untuk ini, kami membutuhkan font. Ambil pengunjung BRK TT1 dan setel ukurannya menjadi 10 poin. Saya menulis “Pengguna Adobe Photoshop CS4”.

Langkah 5. Bingkai
Silahkan tambahkan bingkai. Untuk melangsungkan ini, gunakan alat tenda persegi panjang untuk memilih seluruh bilah pengguna. Buka “Edit- \ u003e Stroke” dan letakkan di sini.

Mari beralih ke mode animasi frame-by-frame. Mari kita cari tahu palet animasinya. Animasikan userbar. Menyimpan ke Gif – animasi.

Jika terjadi kesalahan, Anda dapat menggunakan tombol “Hapus” (keranjang belanja) untuk menghapus bingkai foto yang tidak Anda sukai. Kami juga akan mengatur penundaan yang diperlukan. Saya mengatur 0,1 detik pada semua frame kecuali frame terakhir. Dia mengalami penundaan 2 detik.

Oleh karena itu, kami membuat bilah pengguna yang bergaya. Kemudian, berdasarkan ini, kami membuat animasi gif. Semua ini dilakukan di Photoshop yang kuat. Bukankah itu keren?

File animasi GIF di Photoshop dapat dibuat dengan mudah dan cepat. Mereka biasanya terdiri dari beberapa gambar (bingkai) yang mengubah langkah-langkah dan membentuk hasil akhir.

Cara Menambahkan Gambar Animasi GIF ke Photoshop

Sumber : ruangfreelance.com

1. Langkah pertama adalah mengunggah semua gambar atau foto yang akan ikut dalam animasi ke editor grafis. Tambahkan semua ke proyek di lapisan lain-ini akan menjadi kerangka file GIF yang dihasilkan.

Periksa ukuran gambar dan penampilannya untuk memastikan bahwa semuanya memenuhi kebutuhan Anda. Anda dapat menyembunyikan lapisan (gunakan ikon mata di sisi kiri lapisan) untuk melihat semua objek.

Di tengah panel, ada daftar drop-down, di mana Anda perlu memilih opsi “Buat Bingkai Animasi”, lalu klik tombol. Sebagai hasil dari operasi ini, garis waktu akan sedikit berubah dan Anda akan melihat gambar di tingkat atas sebagai bingkai pertama.

2. Pada langkah Kamu lakukan berikutnya, pilih semua lapisan dalam proyek (klik mereka sambil menahan tombol Ctrl). Setelah itu, buka menu konteks di sudut kanan atas jendela “Timeline” dan pilih “Buat bingkai dari lapisan”.

Di tengah panel, ada daftar drop-down, di mana Anda perlu memilih opsi “Buat Bingkai Animasi”, lalu klik tombol. Sebagai hasil dari operasi ini, garis waktu akan sedikit berubah dan Anda akan melihat gambar di tingkat atas sebagai bingkai pertama. Di antara semua lapisan tersebut yang terlihat dan dipilih, Adobe Photoshop tersebut akan membuat bingkai GIF animasi. Hasilnya, Kamu akan dapat melihatnya di panel Timeline.

Pengaturan animasi GIF di Photoshop

Sumber : passportbdd.ru

Di sini, Anda perlu menentukan 2 hal: durasi tampilan bingkai yang berbeda + nomor loop gif. Mari kita mulai dengan yang pertama. Di bawah setiap objek grafis di garis waktu, Anda akan menemukan waktu tampilan dan panah ke bawah. Klik, dan pilih durasi kartu di menu pop-up.

Elemen tersebut dapat ditentukan pada waktu yang berbeda, atau Anda dapat mengatur parameter untuk beberapa di antaranya pada saat yang sama (pilih bersama-sama, seperti dalam Ctrl penggunaan lapisan).

Untuk “memainkan” GIF di Photoshop sambil membuat animasi, pilih nilai “Selalu” di pengaturan yang sesuai. Ada juga peluang untuk menentukan jumlah pengulangan yang Kamu butuhkan. Ada tombol “Putar” di sebelahnya, yang membolehkan Anda untuk memutar GIF animasi dan melihat bagaimana hasil akhirnya akan terlihat.

Menyimpan animasi GIF di Photoshop

Sumber : id.wikihow.com

Di bagian terakhir panduan ini, kita akan mempelajari cara menyimpan GIF animasi dengan benar di Photoshop. Untuk melakukan ini, saya menggunakan alat “Simpan untuk Web”, tetapi meletakkannya di lokasi menu baru (“File” – “Ekspor”) dalam format versi terbaru dari Adobe Photoshop CC. Tombol pintas Alt + Shift + Ctrl + S yang bagus masih berfungsi.

Di jendela pengaturan yang terbuka, pilih format GIF dan pastikan “Opsi Loop” disetel ke “Selalu”. Di sudut kanan bawah jendela, ada opsi untuk menjalankan GIF animasi yang Anda buat di Photoshop untuk pratinjau.

Jika semuanya berfungsi sebagaimana mestinya, klik Simpan dan simpan file tersebut ke komputer Kamu. Untuk memeriksa apakah GIF tersebut berfungsi, Anda perlu membukanya di browser. penampil Windows bawaan tidak memutar animasi.

Baca juga : Cara membuat slideshow dari Google Foto atau Google Drive

Cara mengekspor ke bentuk video

Sumber : caratutorial.com

Langkah-langkahnya sama seperti saat menyimpan GIF animasi, tetapi di menu Photoshop, pilih “File” “Ekspor” “Rendered Video”. Di jendela yang terbuka, akan ada pengaturan video yang berbeda, tetapi Anda tidak perlu mengubah apa pun, cukup klik tombol “render”. Hasilnya, Anda akan mendapatkan file mp4 dengan tampilan slide foto / gambar.

Terakhir, kami menyarankan Anda untuk melihat tutorial video bahasa Inggris tentang membuat GIF animasi di Photoshop. Algoritme berfungsi sama seperti di artikel, tetapi mungkin lebih mudah bagi Anda untuk memahami informasi di video.

Author: userbars