[SHARE] Memotong, Menyusun dan Menyisipkan Link Pada Gambar

[payjoe93]

Salam Sukses Gan
Semoga Hari Demi Hari di Berikan Kemudahan di Setiap Aktifitasnya. Amin.

[SHARE]
Memotong, Menyusun & Memberi Link di Gambar

Menurut saya pribadi, saya lebih suka & lebih cepat paham ketika ada suatu penjelasan yang di sertai gambar. Kadang kalo hanya tulisan saya harus baca 3-5 kali baru memahami sepenuhnya.

Kali ini saya akan membagikan sebuah penemuan saya waktu SMA ( sebelum kenal gugel ) dan menerapkannya ke forum ini. Setelah saya coba ternyata berhasil gan. Hehe

Saya terinspirasi dari seorang Bounty Manager Hotachy yang selalu membuat POST bountynya menggunakan gambar & pemahaman untuk peraturan & tugas-tugas yang di berikan lebih mudah di mengerti. https://bitcointalk.org/index.php?topic=3168899.0

Tujuan saya membagikan ini adalah untuk membagi pengalaman saya yang mungkin bisa bermanfaat buat masyarakat Bitcointalk Khususnya Sub Forum Indonesia & meningkatkan kualitas Sub Forum Indonesi menjadi lebih kreatif & inovatif. Mungkin ada sebagian yang sudah mengetahuinya. Tapi ada baiknya jika ada tambahan mohon di bantu untuk & jika ada kekurangan mohon di koreksi. Terima kasih.


• Laptop / Komputer
• Mouse & Keyboard
• Koneksi Internet
• Adobe Photoshop ( Min. Kemampuan : Pemula / Menegah Kebawah )
• Kopi Segelas


1. Pastikan Laptop anda sudah terisi batrei / Komputer anda sudah tersambung ke sumber listrik lalu hidupkan Laptop / Komputer anda.
2. Buka Adobe Photoshop
3. Anda bisa membuat gambar sendiri, memahami langkah - langkah saya dan melakukannya dengan cara anda sendiri / anda bisa menggunakan gambar yang sudah saya sediakan di bawah ini :

Link : https://image.ibb.co/eVNuiJ/payjoe93.png

4. Buatlah garis pembatas untuk mempermudah pemotongan gambar nanti.

5. Pilih "Slice Tool" seperti gambar no. 1 untuk mulai memotong bagian-bagian yang sudah di kasih garis pembatas. Untuk langkah awal, potong bagian no. 2 sampai bawah.

Fungsi dari Slice / memotong gambar, selain untuk memberikan link pada bagian tertentu
Manfaat memotong-motong gambar menjadi beberapa bagian (terutama untuk gambar yang ukurannya besar) antara lain adalah agar pada saat gambar dibuka pada web browser menjadi lebih ringan (Cache-nya) dengan adanya pemisahan pada gambar yang notabene ukuran filenya tentu terbagi-bagi menjadi kecil.
Source : Husna QA

6. Setelah terpotong gambarnya, lalu pilih "Slice Tool" lagi kemudian potong gambar yang akan di jadikan LINK nanti seperti no. 2 di gambar.

•••
Hingga Menjadi Seperti Ini

7. Untuk mempermudah penyusunan gambar nanti saat membuat POST, "Klik Kanan" pada gambar yang akan di jadikan LINK lalu pilih "Edit Slice Option" untuk memberi nama sesuai keinginan anda, supaya beda dengan yang lain. ( Cara ini bertujuan untuk memudahkan kita nanti saat akan menyisipkan LINK )

•••

8. Setelah selesai memotong, simpan gambar dengan memilih "File -> Save for Web and Devices"

9. Setelah masuk ke bagian "Save for Web and Devices" ikuti langkah di gambar berikut.

10. Dan selamat anda telah berhasil MEMOTONG-MOTONG gambar menjadi beberpa bagian. Jika berhasil hasilnya akan menjadi seperti ini.

11. Langkah selanjutnya adalah "Upload Gambar" lalu "Copy - Paste" link gambar ke dalam "Writer" pada Bitcointalk.

•••

12. Lalu urutkan potongan gambar supaya menjadi 1 gambar. Lihat gambar di bawah untuk lebih jelasnya.

•••

Sekedar mengingatkan jika lupa. ini kode buat Gambar + Link :

Code:

[url=link_tujuan][img]url_gambar[/img][/url]

13. Jika berhasil, maka hasilnya akan seperti ini :

Catatan :
• Selalu gunakan format PNG untuk gambar transparant
• Saat menyambung potongan gambar dari kiri ke kanan jangan gunakan SPASI
• Nyalakan rokok sebatang jika anda mulai pusing

Selamat Mencoba

Demikianlah pengalaman saya yang bisa saya bagikan dan semoga bermanfaat bagi semua masyarakat Bitcointalk Indonesia.

Saran & Masukan selalu terbuka untuk menjadi yang lebih baik & Koreksi akan sangat membantu untuk memperbaiki kesalahan yang mungkin ada.

Salam Sukses

[1714658708]

1714658708

[1714658708]

1714658708

[1714658708]

1714658708

[1714658708]

1714658708

[payjoe93]

Opsi lain adalah memotongnya menjadi 6 baris saja seperti langkah ke 5. tanpa mengikuti langkah 6 & 7 :

maka hasilnya akan sama seperti ini :

Code:

[url=https://bitcointalk.org/index.php?board=191.0][img]https://image.ibb.co/jv3DtJ/payjoe93_01.png[/img][/url]
[url=https://bitcointalk.org/index.php?topic=764664.0][img]https://image.ibb.co/mgX6DJ/payjoe93_02.png[/img][/url]
[url=https://bitcointalk.org/index.php?topic=750446.0][img]https://image.ibb.co/nGRYtJ/payjoe93_03.png[/img][/url]
[url=https://bitcointalk.org/index.php?topic=2979183.0][img]https://image.ibb.co/hXUWfy/payjoe93_04.png[/img][/url]
[url=https://bitcointalk.org/index.php?topic=2818787.0][img]https://image.ibb.co/epZWfy/payjoe93_05.png[/img][/url]
[img]https://image.ibb.co/gSzxLy/payjoe93_06.png[/img]

[kaisa]

memang lebih mudah untuk membuat opsi potongan 5/6 baris secara sejajar. jika gambar satu baris lebih dari dua atau tiga supaya cocok dan tidak terpotong spasi seperti contoh awal harus menggunakan teknik table. jadi, gambar akan sesuai dengan ukuran yang pas.

[payjoe93]

memang lebih mudah untuk membuat opsi potongan 5/6 baris secara sejajar. jika gambar satu baris lebih dari dua atau tiga supaya cocok dan tidak terpotong spasi seperti contoh awal harus menggunakan teknik table. jadi, gambar akan sesuai dengan ukuran yang pas.

Batul gan. Ane kasih opsi di post ke-2 di karenakan ga sesuai gan. Waktu ane preview sebelum ane post bagus hasilnya sesuai gampar alias rapet2.. pas di post ternyata ada sela2 di setiap potongan.. hehe

[gamcantoi]

Terimakasih untuk agan yang sudah mau berbagi ilmu, ini benar2 sangat bermamfaat buat ane sendiri karena sebelumnya ane belum bisa melakukan cara memotong, menyusun dan menyisipkan link pada gambar.
Langkah2 yang sudah agan jelaskan ini benar2 sangat mudah untuk difahami karena menurut ane penjelasan agan sudah sangat detil dan benar2 rapi sekali.

[Husna QA]

Saran:
Mungkin bisa ditambahkan Fungsi dari Slice / memotong gambar, selain untuk memberikan link pada bagian tertentu.
Bagi yang sudah terbiasa dengan Web Editor tentu sudah tidak asing lagi dengan cara ini.
Manfaat memotong-motong gambar menjadi beberapa bagian (terutama untuk gambar yang ukurannya besar) antara lain adalah agar pada saat gambar dibuka pada web browser menjadi lebih ringan (Cache-nya) dengan adanya pemisahan pada gambar yang notabene ukuran filenya tentu terbagi-bagi menjadi kecil.
Kemudian untuk link, sebenarnya lebih tepat pembagian gambarnya menggunakan cara pada post yang pertama.
Jadi kursor berubah menjadi link hanya saat berada pada gambar link tombol yang dimaksud bukan pada area yang lain.
Namun memang perlu kejelian dalam menempatkan code, saya sendiri tadi sempat mencoba di SMF@2017 menggunakan Code Table, antara preview dengan hasil akhir saat di post menjadi berbeda.
Koreksi pada Judul:
Menyisipak => Menyisipkan

[Mendrofa]

bagus sekali saya bisa belajar makasih sudah share gan saya juga mau belajar menyisipkan gambar dalam mengikuti proyek bounty, izin copas gan buat referensi

[Abimayu]

apresiasi buat agan payjoe93 telah memberikan cara lain yang amat kreatif, ane rasa sangat bermanfaat sekali bagi member yang lain, saran lebih baik lagi setakan tutorial video nya maka akan memperjelas lagi cara ini

[ahmadinejad93]

Ow mas payjoe93 saya mau nanyak sedikit maklum saja masih awam masalah ngedit gambar atau segala macamlah. Maksud tutorial ini kegunaannya untuk apa?
Apakah penting dalam forum ini ?

[Fadliai]

topik anda sangat kreatif dan bermanfaat. saya sudah mencobanya, tapi untuk membuat garis pembatas caranya bagaimana?maaf saya masih awam di photoshop

[payjoe93]

Ow mas payjoe93 saya mau nanyak sedikit maklum saja masih awam masalah ngedit gambar atau segala macamlah. Maksud tutorial ini kegunaannya untuk apa?
Apakah penting dalam forum ini ?

Maaf om, ini cuma share aja. Di post saya juga sudah tertulis.

Judul :
[SHARE] Memotong, Menyusun dan Menyisipkan Link Pada Gambar

Tujuan saya membagikan ini adalah untuk membagi pengalaman saya yang mungkin bisa bermanfaat buat masyarakat Bitcointalk Khususnya Sub Forum Indonesia & meningkatkan kualitas Sub Forum Indonesi menjadi lebih kreatif & inovatif. Mungkin ada sebagian yang sudah mengetahuinya. Tapi ada baiknya jika ada tambahan mohon di bantu untuk & jika ada kekurangan mohon di koreksi. Terima kasih.

Demikianlah pengalaman saya yang bisa saya bagikan dan semoga bermanfaat bagi semua masyarakat Bitcointalk Indonesia.

Manfaatnya, macem2. Salah satunya :
- Jika upload gambar lebar dan panjang, seperti flyer, disarankan di potong menjadi beberapa bagian supaya membukanya lebih cepat.
- buat aplikasi photoshopnya sih optional sebenernya, bisa pakai aplikasi yang lain juga.
- buat motong Whitepaper juga bisa, tinggal di Print Screen dan di edit seperti cara di atas untuk di jadika bahan artikel.

Penting / tidak menting itu tergantung bagaimana kita menerimanya. Bagi yang sudah tau & tidak memerlukan share saya ya mungkin tidak penting. Tapi bagi yang belum tau & menyadari bahwa ada cara lain memotong gambar selain CROP mungkin akan menjadi penting. Di semua forum pasti butuh lampiran gambar & alat / cara untuk mengolah gambar supaya POSTnya menarik, jelas & bisa lebih di mengerti jika menggunakan gambar.

topik anda sangat kreatif dan bermanfaat. saya sudah mencobanya, tapi untuk membuat garis pembatas caranya bagaimana?maaf saya masih awam di photoshop

Cara 1
- pilih "View" pilih "Show Guides"

Cara 2
- Ctrl + R

Lalu ikuti langkah 4

[Rohtox]

waw luar biasa ini mantap tutorial yang sangat bermanfaat. tapi sayang saya kurang ahli di photoshop jadi kayaknya saya bakalan susah untuk mencobanya ni mungkin butuh belajar lebih banyak lagi tentang basic photoshop baru mencoba ini

[michael0404]

Saya sudah mencoba tutorial mas di atas dan ini adalah ilmu baru buat saya. Yang dapat saya simpulkan adalah hasil potongan gambar sesuai dengan yang kita slice/potong ya mas ya. Selanjutnya saya ingin menanyakan tentang gambar awal yang dijadikan patokan/acuan dasar. Resolusi gambar/ukuran sumber gambar awalnya berapa pixel ya mas untuk ukuran idealnya? dan adakah ukuran gambar maksimal untuk dijadikan sumber gambar yang nantinya akan kita pecah/bagi-bagi agar tidak terjadi loading yang sangat berat?.

Sedikit mengkritisi pada point ke 10 mas. Pemakaian kata "MUTILASI" menurut saya terlalu ekstrem dan lebih cenderung ke objek manusia atau hewan. Kalau memotong atau membagi gambar menjadi beberapa bagian menurut saya lebih halus kosakatanya. Maaf ya mas 

[aini97]

sebuah tutorial yang sangat mendalam mengenai hal yang baru mengenai cara-cara mendalami tentang dunia dalam memposting sekalian dengan mendampilkan foto, sungguh ini suatu proses yang baru bagi saya...

[payjoe93]

Saya sudah mencoba tutorial mas di atas dan ini adalah ilmu baru buat saya. Yang dapat saya simpulkan adalah hasil potongan gambar sesuai dengan yang kita slice/potong ya mas ya. Selanjutnya saya ingin menanyakan tentang gambar awal yang dijadikan patokan/acuan dasar. Resolusi gambar/ukuran sumber gambar awalnya berapa pixel ya mas untuk ukuran idealnya? dan adakah ukuran gambar maksimal untuk dijadikan sumber gambar yang nantinya akan kita pecah/bagi-bagi agar tidak terjadi loading yang sangat berat?.

Ane maximal lebarnya pake 900px dengan resolusi 72 - 100 ppi (pixel/inch) dan waktu save hanya menggunakan kualitas medium - high(jika ada tulisan kecil-kecil). Klo pake pixel lebih tinggi dari 100ppi ukuran file'nya menjadi besar.

Sedikit mengkritisi pada point ke 10 mas. Pemakaian kata "MUTILASI" menurut saya terlalu ekstrem dan lebih cenderung ke objek manusia atau hewan. Kalau memotong atau membagi gambar menjadi beberapa bagian menurut saya lebih halus kosakatanya. Maaf ya mas  

Siap gan. Segera di hapus.  

[payjoe93]

Saran:
Mungkin bisa ditambahkan Fungsi dari Slice / memotong gambar, selain untuk memberikan link pada bagian tertentu.
Bagi yang sudah terbiasa dengan Web Editor tentu sudah tidak asing lagi dengan cara ini.
Manfaat memotong-motong gambar menjadi beberapa bagian (terutama untuk gambar yang ukurannya besar) antara lain adalah agar pada saat gambar dibuka pada web browser menjadi lebih ringan (Cache-nya) dengan adanya pemisahan pada gambar yang notabene ukuran filenya tentu terbagi-bagi menjadi kecil.
Kemudian untuk link, sebenarnya lebih tepat pembagian gambarnya menggunakan cara pada post yang pertama.
Jadi kursor berubah menjadi link hanya saat berada pada gambar link tombol yang dimaksud bukan pada area yang lain.
Namun memang perlu kejelian dalam menempatkan code, saya sendiri tadi sempat mencoba di SMF@2017 menggunakan Code Table, antara preview dengan hasil akhir saat di post menjadi berbeda.
Koreksi pada Judul:
Menyisipak => Menyisipkan

Siap. Sudah di masukkan ke langkah 5 untuk sarannya dan judul sudah di koreksi.

[BahriH]

Muncul Satu lagi tips & trik buat jadi Penerjemah yang cukup sulit,  memang benar sih kalau baca artikel atau berita dll dengan gambar akan lebih mudah dipahami karena ntah kenapa bisa sambil kayak ngebayang2 alurnya ketimbang baca tulisa kereta api buat ane yang bodoh ini baca 2x juga kayaknya gak bakal nempel di kepala.

[speedforce]

loh kok ane baru tau ya, klo bikin thread gak bisa uplaod 1 gambar utuh, haha jadi seribet ini ya caranya, mungkin ane harus belajar dasar2 photoshop dulu agar kedepan bsia bikin thread bagus kayak punya agan ini.

[payjoe93]

loh kok ane baru tau ya, klo bikin thread gak bisa uplaod 1 gambar utuh, haha jadi seribet ini ya caranya, mungkin ane harus belajar dasar2 photoshop dulu agar kedepan bsia bikin thread bagus kayak punya agan ini.

Bisa upload 1 gambar utuh gambar gan.. saya ga pernah bilang tidak bisa upload 1 gambar utuh..

haha jadi seribet ini ya caranya

Untuk komen agan yang ini saya tersenyum membacanya.. 
Coba agan lihat lagi judulnya. Apakah ini tutorial upload gambar?
Dan coba liat sarannya om husna.

[ayu1310]

Perlu saya coba gan karena ane belum pernah membuat postingan untuk new topik yang di sertai gambar.
Yang ingin saya tanyakan,apakah harus pakai laptop/pc melalui handphone bisa gak gan? Terima kasih