(Tutorial) Typesetting (Low Size tapi High Quality)

Ok, mari kita langsung mulai aja...

A. Tutorial Typesetting

Typesetting adalah istilah dari pengetikan atau pembuatan ulang teks manga dari satu bahasa ke bahasa lain. Jadi disini kita akan menggunakan Editing Image dengan menggunakan Photoshop.

[You must be registered and logged in to see this link.]

1. Pertama, siapkan Aplikasi Photoshop anda, terserah mau versi berapa, asal comand tool nya sama, hehehe... Atau bisa search di google yg versi Portable seperti yg saya pake (Photoshop CS5 Portable).

2. Kedua, sedikit kemampuan menggunakan photoshop (sedikit aja, ga usah banyak² :p)

3. Ketiga, anda sudah memiliki teks manga yang sudah anda buat dengan menggunakan notepad. (Teks yang berisi translate dari manga yg akan anda typeset, atau lebih jelasnya akan saya jelaskan pada tutorial selanjutnya.)

Dan berikut Cara pengerjaannya :

1. Kita mulai dengan Cleaning Text dengan menggunakan Rectangular Marquee Tool.

"Gambar 1":

2. Hapus semua teks yang ada pada balon teks (terkecuali beberapa teks yg berada di luar balon teks, seperti kalimat "Chapter 51 - Giant Shadow" yg ada pada gambar). Penghapusan bisa dlakukan dengan 2 cara, yaitu dengan menggunakan Rectangular Marquee Tool, atau menggunakan Eraser Tool. Perhatikan Mode Gambar, ubah mode gambar menjadi "RGB Color" (Lihat Gambar 2).

"Gambar 2":

3. Drag teks yang ada pada gambar dengan menggunakan Rectangular Marquee, lalu teken tombol "Delete" pada Keyboard anda, lalu pilih "White" pada menu Content (Lihat gambar 3). Lalu klik "OK".

"Gambar 3":

4. Hapus semua teks yang ada pada gambar, lalu jika selesai, hasilnya akan jadi seperti ini.

"Gambar 4":

5. Buka file notepad yang berisi hasil translate anda lalu copy teks yang ingin anda masukan ke gambar. (Tutorial pembuatan teks Translate, akan saya jelaskan pada tutorial selanjutnya).

"Gambar 5":

6. Gunakan Horizontal Type Tool untuk membuat teks. Lihat gambar di bawah ini.

"Gambar 6":

7. Gunakan jenis Font "CCwildwords" seperti yang ada pada gambar. (Font CCwildwords akan saya lampirkan di akhir tutorial ini).

"Gambar 7":

8. Ubah mode font menjadi "Smooth" (Lihat gambar di bawah ini)

"Gambar 8":

9. Copy lagi teks yang ada pada teks translate anda.

"Gambar 9":

10. Drag mouse anda lalu buat textbox untuk mengisi teks pada gambar, lalu paste kan teks yang anda copy tadi ke dalam textbox tsb. Lalu jangan lupa pilih "Teks Rata Tengah" agar teks berada di tengah. Ukuran Teks dapat anda sesuaikan sesuai dengan keinginan anda.

"Gambar 10":

11. Lalu Move Textbox tersebut dengan menggunakan Move Tool (lihat gambar d bwh ini). Gerakan dengan menggunakan tombol Arrow di keyboard anda atau drag menggunakan mouse, hingga teks menjadi terlihat simetris (lebih rapi). Bila teksbox tidak mau di move, coba periksa posisi layer anda, apakah layer anda berada di teks yang ada mau pindahkan karena kemungkinan anda salah posisi layer, sehingga textbox tidak mau digerakkan.

"Gambar 11":

12. Dan jika sudah selesai, hasilnya akan jadi seperti ini.

"Gambar 12":

13. Copy lagi teks mau anda masukan ke gambar. Lalu lakukan hal yang sama seperti sebelumnya.

"Gambar 13":

14. Dan jika sudah selesai, maka hasilnya akan jadi seperti ini.

"Gambar 14":

15. Dan untuk Teks "Chapter 51 - Giant Shadow", seperti pada gambar, kita akan menggunakan tehnik "Stroke Text". Atau teks yang menimpa gambar terlalu besar, silahkan gunakan trik [You must be registered and logged in to see this link.].

"Gambar 15":

16. Drag mouse anda ke teks Giant Shadow tadi, lalu buat ketik ulang teks "Chapter 51 - Giant Shadow" dengan menggunakan tehnik sebelumnya. (Timpa aja teks Giant shadow yg ada pada gambar). Gunakan font Obelix Pro seperti pada gambar, dengan ukuran font yang dapat anda sesuaikan. Lalu Klik 2 kali "Layer" teks (chapter 51 "bayangan r...) yang ada pada gambar.

"Gambar 16":

17. Centang menu stroke, ubah color menjadi putih, lalu ubah Size menjadi 5px. Lalu klik OK.

"Gambar 17":

18. Dan hasilnya akan jadi seperti ini.

"Gambar 18":

19. Gunakan Eraser tool untuk membuatnya terlihat rapi dan indah :p. Hapus warna2 atau gambar yang menurut anda tidak perlu.

"Gambar 19":

20. Dan jika sudah anda clean gambar yang menurut anda tidak perlu, maka hasilnya akan jadi seperti ini.

"Gambar 20":

21. Simpan File Gambar dengan cara berikut ini. Klik Menu File > Save for Web & Devices...

"Gambar 21":

22. Klik tab "2-Up", ganti Preset dengan "PNG-8", dan dibawahnya di ganti "Restrictive", lalu pada menu bawah, Quality di ganti "Bicubic Smoother", lalu klik Save, dan pilih destination atau tempat dimana anda mau menyimpan file tsb. Langkah terakhir ini berguna untuk save gambar sekaligus meng-kompresnya hingga size ter-hemat atau lebih di kenal dengan PaHe :p
Size dapat anda bandingkan dengan melihat gambar di bawah.

"Gambar 22":

23. Alternatif Save As lainnya adalah sebagai berikut, agar gambar lebih bagus dan tidak ada bercak bintink seperti "restrictive"

"Gambar 23":

Sekian, tutorial dari saya... Mungkin bila ada kesalahan, saya mohon maaf, karena saya yakin, mungkin disini ada yang lebih mahir dari pada saya.

Dan bila ada yang ingin di tambahkan atau di tanyakan, silahkan reply thread ini atau langsung PM ke saya :hihi:

Dan tidak lupa saya attach beberapa file yang mungkin berguna untuk tutorial ini.

1. Font Manga (CCwildwords, EDO, dll) :

Code:

http://www.mediafire.com/?5wzaa2ztsuzbxdn

2. Untuk Photoshop, saya pake CS5 Portable :

Code:

http://www.indowebster.com/download/files/photoshop_cs5_extended_portable_paf_1

gan, sebenernya sy pnya hasil scanlate manga,
sy mo mnta pndapatnya apakah hasil scanlate sy ada kekurangan atau tidak,krna sy msh newbi di dunia scanlate,
nah masalahnya sy g bs naruh link DL di forum. karena sering mncul kata2 "member bru tidak dapat menaruh link atau email luar dalam 7 hari".
jd gmn?. . .

fantaz wrote:gan, sebenernya sy pnya hasil scanlate manga,
sy mo mnta pndapatnya apakah hasil scanlate sy ada kekurangan atau tidak,krna sy msh newbi di dunia scanlate,
nah masalahnya sy g bs naruh link DL di forum. karena sering mncul kata2 "member bru tidak dapat menaruh link atau email luar dalam 7 hari".
jd gmn?. . .

upload ke image hosting aja kk, trs taruh link disini tanpa "h t t p : / /"
barusan ane pake cara ini sukses kok kk...
Salam Mabuns ^.^

gan, ini hasil scanlate sy,
tolong kritik dan sarannya

Spoiler:

fantaz wrote:gan, ini hasil scanlate sy,
tolong kritik dan sarannya

Spoiler:

Sip gan... Saya coba periksa dulu... nanti saya kasih pendapat saya ^_^

fantaz wrote:gan, ini hasil scanlate sy,
tolong kritik dan sarannya

Spoiler:

ane uda coba cek kk...
muantappp nih...
cuman klo bole ngasi saran, gambarnya krg panjang tuh. .hehehe...
coba deh Hnya ubah jadi sekitar 1200an, hehehe. .cuma saran loh... ^_^

fantaz wrote:gan, ini hasil scanlate sy,
tolong kritik dan sarannya

Spoiler:

Kalo menurut saya, translatenya udah TOP MARKOTOP!!

Agar terlihat lebih sempurna, ada beberapa yang perlu dibenahi... dikit kok ^^

1. Posisi kalimat dalam balon teks perlu di sesuaikan, biasanya kalo saya sih posisi kalimat dalam balon kata itu sangat saya perhatikan demi kesempurnaan dan performance manga tsb. Jadi pembaca melihatnya rapi dan enak dilihat, dan terkesan "serius" mengerjakan manga tsb. Bentuk kalimat diusahakan berbentuk "oval" atau "piramid" agar lebih enak dilihat

2. Size atau ukuran tiap lembar manga tsb. Saya lihat masih format jpg dengan "save as" biasa... Misalkan ada pembaca yang memakai modem dengan kecepatan terbatas, dan quota terbatas, kasian dia jadinya
Jadi coba gunakan "save for web" yg ada di photoshop, dengan tehnik tertentu. Untuk lengkapnya baca lagi tutorial saya di atas ^_^

CMIIW~

wew, mantap mantap gan

thanks atas saran dan kritiknya,
udh sy duga psti msh bnyak kurangnya,
soalnya itu hasil scanlate prtama, udh lama lg, dulu tutorialnya jg dari yg di atas tuh. . .

ntar sy cb lg,

fantaz wrote:thanks atas saran dan kritiknya,
udh sy duga psti msh bnyak kurangnya,
soalnya itu hasil scanlate prtama, udh lama lg, dulu tutorialnya jg dari yg di atas tuh. . .

ntar sy cb lg,

Sip deh... Jangan bosan untuk belajar yah bro

Bagaimana dengan hasil ku ini gann , Mantep sedeng jelek ,
i40.tinypic*com/osbdvn.jpg

alifkudo00 wrote:Bagaimana dengan hasil ku ini gann , Mantep sedeng jelek ,
i40.tinypic*com/osbdvn.jpg

Seperti yang saya bilang di chat FB gan... hehehe...

Agan msh perlu belajar lagi...

Coba pake tutorial yg saya buat di [You must be registered and logged in to see this link.]

Dijamin mantap

gan,nih hasil scan manga sy yg trbaru,
mnta pndapat dr agan2 semua yah (^_^

Spoiler:

fantaz wrote:gan,nih hasil scan manga sy yg trbaru,
mnta pndapat dr agan2 semua yah (^_^

Spoiler:

Wah mantap om fantaz... Awal yang bagus untuk tahap pembelajaran

Saya coba jadi Profreader nya yah... nanti saya post dsini hasilnya... agar terlihat lebih sempurna

fantaz wrote:gan,nih hasil scan manga sy yg trbaru,
mnta pndapat dr agan2 semua yah (^_^

Spoiler:

kalau boleh berpendapat, kk berbakat di redraw ama translate^^
untuk typeset nya udah lumayan, dlm arti pemilihan font yg sempurna walau ada beberapa balon yg typeset nya agak krg rapi^^
cuma pendapat sih kk, ehehe^^
salam mabuns^^

Yup, yang seperti Polo-Sensei katakan...

Ada beberapa teks yang masih kurang rapi... dan berikut detilnya.

- Posisi teks masih belum rapi (mungkin kurang ke tengah atau jg kurang simetris),
- Jika Gambar berwarna, saya sarankan, save for web dgn format .jpg (low/medium) agar size tidak besar,
- Untuk kalimat shouting atau adegan teriak, gunakan font miring (italic) agar teks terlihat berbeda dari teks percakapan biasa,
- Translate udah Good.
- Ada kalimat yang translatenya terbalik di page 48 "Kau waktu punya 15 detik" harusnya "Kau punya waktu 15 detik"

Jadi, setelah saya proofread
- Teks saya reposition
- Beberapa teks saya ganti dr normal ke italic untuk teks teriak
- Gambar berwarna saya ganti format JPG med
- Ada beberapa translate yg kurang pas dan telah saya ganti.

Jadi, agan Fantaz sangat berpotensi untuk jadi salah satu dari kami

Dan untuk chapter 2 ini, saya mohon izin untuk menampilkannya di manga4indo sebagai lanjutan chapter 1 kami.

Sekian dan terima kasih

Code:

http://www.mediafire.com/?ms2exgp293co2bo

Kyo wrote:Yup, yang seperti Polo-Sensei katakan...

Ada beberapa teks yang masih kurang rapi... dan berikut detilnya.

- Posisi teks masih belum rapi (mungkin kurang ke tengah atau jg kurang simetris),
- Jika Gambar berwarna, saya sarankan, save for web dgn format .jpg (low/medium) agar size tidak besar,
- Untuk kalimat shouting atau adegan teriak, gunakan font miring (italic) agar teks terlihat berbeda dari teks percakapan biasa,
- Translate udah Good.
- Ada kalimat yang translatenya terbalik di page 48 "Kau waktu punya 15 detik" harusnya "Kau punya waktu 15 detik"

Jadi, setelah saya proofread
- Teks saya reposition
- Beberapa teks saya ganti dr normal ke italic untuk teks teriak
- Gambar berwarna saya ganti format JPG low
- Ada beberapa translate yg kurang pas dan telah saya ganti.

Jadi, agan Fantaz sangat berpotensi untuk jadi salah satu dari kami

Dan untuk chapter 2 ini, saya mohon izin untuk menampilkannya di manga4indo sebagai lanjutan chapter 1 kami.

Sekian dan terima kasih

Code:

http://www.mediafire.com/?ms2exgp293co2bo

Hmm. .
-klw bwt adegan teriak bgs nya pake font yg sm dg prcakapan normal atau d bedakn?
-bwt page 48 emang slah penyimpanan kata, mklum gan jam 11 mlm ane ngerjainnya, mata udh 5 watt (^_^
silahkan aja klw mo d tampilkan d manga4indo, sy setuju aja, malahan seneng. . .

sebelumnya, thanks atas saran dan pndapat dari agan Kyo dan Polo,
jd sy bs tau dmn kekurangan sy

Yup, sama2 om... Saya senang dapat membantu

Dan terima kasih atas bantuannya...

oh iya. .
yg d mksud redraw tuh yg gmn?
yg d sebutin agan polo d atas. .

fantaz wrote:oh iya. .
yg d mksud redraw tuh yg gmn?
yg d sebutin agan polo d atas. .

re-draw atau redraw, adalah proses perbaikan gambar dengan cara menggambar ulang gambar yang hilang yang diakibatkan oleh teks yang menimpa gambar dan lain sebagainya.

CMIIW ~

ane masih kurang ngerti yang ganti kata yang di luar balon teks !! itu gimana -_-

Vomore wrote:ane masih kurang ngerti yang ganti kata yang di luar balon teks !! itu gimana -_-

Bukannya udah jelas itu om? bingung di bagian mana?

Memang sih untuk kata yg ada di luar balon teks (kata yang menimpa gambar) emang sedikit susah ditangani...

Tapi kalo kita tahu triknya, gambar bisa terlihat lebih bagus kok ^_^

Mungkin maksud om Vomore, cara "redraw" gambar yang hilang karena penghapusan teks yang menimpa gambar yah?

Untuk tutorial redraw, saya jg belum terlalu ahli... jadi biasanya saya masih memakai tehnik "double stroke" agar gambar terlihat lebih enak dilihat.

Mungkin nanti ada senpai2 kita yang akan membantu membuatkan tutorial redraw

tutorial redraw ada tuh di forum mabuns

sy udh liat tutornya gan,
jd g fokus liatnya krna trganggu dg Oppai
wkwkwk

wah, ane numpang lewat aja dah gan
^ ^