Author

Topic: [SHARE] Memotong, Menyusun dan Menyisipkan Link Pada Gambar (Read 522 times)

copper member
Activity: 119
Merit: 1
ilmu yang bermanfaat gan, untuk persiapanya saya sudah punya bekal pengetahuan dasar tinggal mempelajari langkah-langkahnya dan mempraktekannya agar bisa membuat thread yang bagus dan menarik bermanfaat bagi forum ini
member
Activity: 92
Merit: 28
Trust: ???: -0 / +99
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 ?
setidak nya pembuat thread ini lebih kreatif dari pada ente yang cuma ngehasilin SHITPOST
ente sadar kaga sih kalau design seperti di atas itu bisa di gunakan untuk membuat ANN, supaya lebih enteng dibuka jika memuat konten gambar, baca penjelsan dari om husna

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.
newbie
Activity: 165
Merit: 0
Sungguh sangat menarik, terima kasih ilmu yang di berikan, semoga dalam kesempatan yang akan datang saya semakin tahu dan bisa menggunakan ilmu ini, maklum pengetahuan saya tentang hal ini masih sangat terbatas, terima kasih
member
Activity: 378
Merit: 10
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.

Memang iya gan,sangatlah bermanfaat dengan ilmu-ilmu yang agan bagikan dan sangat mudah di pahami,karna sudah bisa di mengerti cara merapikan dan cara memotong pada gambar.
full member
Activity: 462
Merit: 100
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 ?
cukup penting gan, karena membuat penjelasan atau info dengan di sertai gambar akan lebih mudah untuk di pahami sepeti yang agan payjoe93 jelaskan di atas, contoh nya seperti thread ini yang membuat penjelasan tentang penggunaan gambar untuk sebuah penjelasan dengan menggunakan gambar agar lebih bisa di pahami lebih cepat, coaba saja kalau thread ini tidak di sertai gambar pasti untuk yang tidak mengerti akan lama untuk bisa di mengerti cara nya.
jr. member
Activity: 166
Merit: 1
Terima kasih tips nya gan. Perlu dicoba ini, karena step - stepnya kelihatan lebih mudah.  Smiley
Yoo
full member
Activity: 574
Merit: 102
Penjelasannya sudah sangat jelas dan bisa dimengerti. Dan menurut saya dengan cara di atas pasti kita semua bisa memotong, menyisipkan dan menyusun link pada gambar dengan mudah, walaupun tadinya ada yang belum bisa menggunakan Adobe Photoshop bahkan sama sekali belum pernah menggunakan Adobe Photoshop. Karena saya rasa cara ini sangat mempermudah dan sangat membantu.
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
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
Ane buat gambarnya pake laptop.. perlu di tegaskan lagi, ga di potong juga bisa buat upload gambar.. ini hanya share / berbagi pengalaman dan percobaan saya saat melihat post'nya HOTACHY.. tidak menggunakan cara ini juga tidak apa2, tapi klo mau upload gambar dengan ukuran yang besar di sarankan untuk menggunakan cara ini..
newbie
Activity: 123
Merit: 0
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
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
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..  Grin
Coba agan lihat lagi judulnya. Apakah ini tutorial upload gambar?
Dan coba liat sarannya om husna.
full member
Activity: 758
Merit: 104
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.
full member
Activity: 354
Merit: 100
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.
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
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.
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
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  Grin
Siap gan. Segera di hapus.  Grin
jr. member
Activity: 644
Merit: 1
https://imgur.com/Sufc3d2
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...
member
Activity: 102
Merit: 10
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  Grin
full member
Activity: 854
Merit: 115
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
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
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
newbie
Activity: 238
Merit: 0
topik anda sangat kreatif dan bermanfaat. saya sudah mencobanya, tapi untuk membuat garis pembatas caranya bagaimana?maaf saya masih awam di photoshop
full member
Activity: 411
Merit: 100
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 ?
full member
Activity: 546
Merit: 101
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
member
Activity: 455
Merit: 13
bagus sekali saya bisa belajar makasih sudah share gan saya juga mau belajar menyisipkan gambar dalam mengikuti proyek bounty, izin copas gan buat referensi Smiley
legendary
Activity: 2296
Merit: 2892
#SWGT CERTIK Audited
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
member
Activity: 140
Merit: 10
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.
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
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
full member
Activity: 560
Merit: 145
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.
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
Opsi lain adalah memotongnya menjadi 6 baris saja seperti langkah ke 5. tanpa mengikuti langkah 6 & 7 :
Quote

maka hasilnya akan sama seperti ini :
Quote






Code:
[url=https://bitcointalk.org/index.php?board=191.0][img]https://image.ibb.co/jv3DtJ/payjoe93_01.png[/img][/url]
[url=https://bitcointalksearch.org/topic/rules-peraturan-sub-forum-indonesia-dan-faq-baca-sebelum-posting-764664][img]https://image.ibb.co/mgX6DJ/payjoe93_02.png[/img][/url]
[url=https://bitcointalksearch.org/topic/qa-tanya-jawab-seputar-forum-disiniask-about-this-forum-here-750446][img]https://image.ibb.co/nGRYtJ/payjoe93_03.png[/img][/url]
[url=https://bitcointalksearch.org/topic/guide-panduan-bikin-thread-indeks-thread-berkualitas-sub-forum-indonesia-2979183][img]https://image.ibb.co/hXUWfy/payjoe93_04.png[/img][/url]
[url=https://bitcointalksearch.org/topic/guide-sistem-rank-activity-dan-merit-2818787][img]https://image.ibb.co/epZWfy/payjoe93_05.png[/img][/url]
[img]https://image.ibb.co/gSzxLy/payjoe93_06.png[/img]
sr. member
Activity: 500
Merit: 268
PAYJOE93 DESIGN SERVICE
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://bitcointalksearch.org/topic/bountypre-icoftec-first-trading-ecosystem-ready-project-3168899

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 :
Quote

4. Buatlah garis pembatas untuk mempermudah pemotongan gambar nanti.
Quote

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.
Quote

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.
Quote

•••
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 )
Quote

•••


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


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


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


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

•••


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

•••


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 :


Quote








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


Jump to: