From 316893d2884c46f6ed98168ae7ea40a7a0fcfce9 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Mon, 9 Aug 2010 23:42:07 +0200 Subject: Tutorials. New Indonesian advanced tutorial translation. (bzr r9695) --- share/tutorials/Makefile.am | 1 + share/tutorials/tutorial-advanced.id.svg | 530 +++++++++++++++++++++++++++++++ 2 files changed, 531 insertions(+) create mode 100644 share/tutorials/tutorial-advanced.id.svg (limited to 'share/tutorials') diff --git a/share/tutorials/Makefile.am b/share/tutorials/Makefile.am index ae3df1991..0adc7ba70 100644 --- a/share/tutorials/Makefile.am +++ b/share/tutorials/Makefile.am @@ -36,6 +36,7 @@ tutorial_DATA = \ tutorial-advanced.fa.svg \ tutorial-advanced.fr.svg \ tutorial-advanced.hu.svg \ + tutorial-advanced.id.svg \ tutorial-advanced.it.svg \ tutorial-advanced.ja.svg \ tutorial-advanced.nl.svg \ diff --git a/share/tutorials/tutorial-advanced.id.svg b/share/tutorials/tutorial-advanced.id.svg new file mode 100644 index 000000000..11faa8ef0 --- /dev/null +++ b/share/tutorials/tutorial-advanced.id.svg @@ -0,0 +1,530 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah bawah untuk menggulung + + + + ::ADVANCED + +bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net + + + + + + Tutorial ini membahas copy/paste, mengedit node, menggambar dengan freehand dan bezier, manipulasi path (jalur), offset, simplification, dan text tool. + + + + + + + Gunakan Ctrl+arrows. roda tetikus, atau seret dengan tombol tengah untuk menggulung halaman kebawah. Untuk dasar pemmbuatan obyek, seleksi, dan transformmasi, bacalah tutorial Dasar melalui Help > Tutorials. + + + Tehnik menempel + + + + + + + Setelah anda menyalin sebuah obyek atau lebih dengan Ctrl+C atau memotongnya dengan Ctrl+X, perintah Paste (Ctrl+V) akan menempel obyek yang disalin atau lebih tersebut tepat dibawah kursor tetikus, atau, jika kursor berada diluar jendela aplikasi, akan ditempel di tengah jendela aplikasi. Walau begitu, obyek yang berada didalam clipboard (masih diingat oleh aplikasi lewat memorinya) masih mengingat posisi asalnya dimana mereka disalin, dan anda bisa menempel balik pada posisi tersebut dengan perintah Paste in Place (Ctrl+Alt+V). + + + + + + + Perintah lain, Paste Style (Shift+Ctrl+V), akan menmpel hanya style dari obyek (pertama) pada clipboard ke apapun yang anda pilih. ”Style” tersebut meliputi fill (isi), stroke (garis pinggir) dan font, tapi tidak dengan bentuk, ukuran, atau parameter yang spesifik terhadap tipe shape, misalnya jumlah jari sebuah bintang. + + + + + + + Perintah lain lagi, Paste Size, akan menskala seleksi untuk menyesuaikan dengan atribut ukuran dari obyek pada clipboard. Terdapat banyak jumlah perintah untuk menempel ukuran misalnya: Paste Size, Paste Width, Paste Height, Paste Size Separately, Paste Width Separately, dan Paste Height Separately. + + + + + + + Paste Size menskala ulang seluruh seleksi untuk menyesuaikan dengan ukuran rata-rata dari obyek pada clipboard. Paste Width/Paste Height menskala seluruk seleksi secara horisontal/vertikal sehingga akan sesuai dengan lebar/tinggi dari obyek pada clipboard. Perintah-perintah ini tunduk pada rasio skala pada control bar Selector Tool (diantara daerah W dan H), sehingga saat rasio skala tersebut dikunci, dimensi lain dari obyek yang terseleksi akan diskala pada proporsi yang sama; jika tidak, dimensi lain tersebut tidak berubah. Perintah tersebut memiliki kerja yang terpisah tetapi mirip seperti perintah yang dijelaskan diatas, kecuali mereka menskala obyek terpilih secara terpisah untuk membuatnya sesuai dengan ukuran/lebar/tinggi dari obyek pada clipboard. + + + + + + + Clipboard adalah system-wide - anda bisa menyalin/menempel obyek antar instansi Inkscape yang berbeda, termasuk antara Inkscape dengan aplikasi lainnya (yang tentu saja harus bisa menggunakan SVG pada clipboard). + + + Menggambar freehand dan regular path + + + + + + + Cara paling mudah untuk menciptakan bentuk arbitrary adalah menggambarnya menggunakan Pencil (freehand) tool (F6): + + + + + + + + + + + + + + + + Jika anda ingin bentuk lebih regular, gunakan Pen (Bezier) tool (Shift+F6): + + + + + + + + + + + + + + + + Dengan menggunakan Pen tool, setiap klik menciptakan node yang tajam tanpa satupun curve hande, maka sebuah klikan beruntun akan menghasilkan sebuah sekuen dari beberapa garis lurus. Klik dan seret akan mengasilkan node Bezier yang halus dengan dua handle collinear yang berlawanan. Tekan Shift saat menyeret keluar sebuah handle untuk memutar hanya satu handle. Seperti biasa, Ctrl membatasi arah dari segmen garis atau handle Bezier setiap perubahan 15 derajat. Menekan Enter menyelesaikan garis, Esc membatalkan. Untuk membatalkan hanya segmen terahir dari garis yang belum selesai, tekan Backspace. + + + + + + + Baik pada tool freehand maupun bezier, path (jalur) yang diseleksi akan menampilkan anchor (jangkar) berupa persegi kecil di tiap akhirnya. Anchor ini membuat anda bisa melanjutkan jalur tersebut (dengan menggambar dari salah satu anchor) atau menutupnya (dengan menggambar dari satu anchor ke yang lain) ketimbang membuat yang baru. + + + Mengedit path (jalur) + + + + + + + Tidak seperti sebuah shape (bentuk) yang diciptakan dengan shape tool, Pen dan Pencil akan menciptakan path. Sebuah path (jalur) adalah sekuen dari beberapa garis lurus dan/atau lengkungan Bezier yang, seperti obyek Inkscape lainnya, bisa memliki opsi fill (isi) dan stroke (garis pinggir). Tetapi tidak seperti sebuah shape, sebuah path bisa diedit dengan menyeret bebas node mana saja (bukan hanya handlenya) atau dengan menyeret langsung sebuah segmen dari path. Pilih path ini dan berpindahlah ke Node tool (F2) + + + + + + + + Anda akan melihat beberapa node persegi abu-abu pada path tersebut. Node-node ini bisa dipilih dengan klik, Shift+klik, atau dengan menyeret rubberband - sama seperti obyek yang dipilih dengan Selector tool. Anda juga bisa mengklik sebuah segmen path untuk otomatis memilih node tersebut. Node yang dipilih akan tersorot dan menampilkan node handlenya - satu atau dua lingkaran kecil yang bersambung dengan masing-masing node melalui garis lurus. Tombol ! membali node yang dipilih pada subpath (subpath dengan paling sedikit satu node yang terseleksi); Alt+! membalik keseluruhan path. + + + + + + + Path (jalur) diedit dengan menyeret node-nodenya, node handle, atau langung menyeret segmennnya. (Cobalah menyeret beberapa node, handle, dan segmen dari path diatas.) Ctrl bekerja seperti biasa untuk membatasi pergerakan dan rotasi. Tombol panah, Tab, [, ], <, > dan modifier-modifiernya bekerja sebagaimana layaknya pada selector, tetapi diaplikasikan pada node, bukan obyek. Anda bisa menambah node dimana saja pada path baik dengan dobel klik atau Ctrl+Alt+Klik di lokasi yang diinginkan. + + + + + + + Anda bisa menghapus node dengan tombol Del atau Ctrl+Alt+Klik. Saat menghapus node, dengan itu anda bisa menjaga bentuk dari path, atau jika anda ingin handle dari node adjacent untuk tidak menjaga shape, anda bisa menghapusnya dengan Ctrl+Del. Tambahan, anda bisa menduplikat (Shift+D) node yang dipilih. Path bisa dipatahkan di beberapa node yang diseleksi dengan Shift+B, atau, jka anda memilih dua node ujung dari sebuah path, anda bisa menggabungnya (Shift+J). + + + + + + + Sebuah node bisa dijadikan cusp (Shift+C), yang artinya, dua handlenya bisa dipindahkan secara independen pada sudut manapun; smooth (Shift+S), yang berarti handle-handlenya selalu pada garis lurus yang sama (kolinear); dan symmetric (Shift+Y), yang sama seperti smoot, tapi nadlenya juga memiliki panjang yang sama. Saat anda berpindah tipe node, anda bisa mengunci posisi satu dari dua handle tersebut dengan menempatkan kursor tetikus anda diatasnya, sehingga hanya handle satunya yang diputar/diskala ulang. + + + + + + + Anda juga bisa melepas (retract) handle sebuah node bersamaan dengan Ctrl+klik. Juka dua node adjacent dilepas handlenya, segmen path diantara mereka menjadi sebuah garis lurus. Untuk menarik keluar node tersebut, gunakan Shift+seret keluar dari node. + + + Subpaths dan menggabung + + + + + + + Sebuah obyek path bisa saja memiliki lebih dari satu subpath. Sebuah subpath adalah runtutan beberapa node yang saling tersambung. (Sehingga, jika sebuah path memiliki lebih dari satu subpath, tidak semua nodenya tersambung.) Kiri bawah, tiga subpath milik sebuah path compound; tiga subpath yang sama di sebelah kanan adalah obyek path independen. + + + + + + + + + + + Ingatlah bahwa sebuah path compound tidaklah sama seperti grup. Ia hanyalah obyek tersendiri yang hanya bisa diseleksi sebagai keseluruhan. Jika anda memilih obyek kiri dan berpindah ke node tool, anda akan melihat node ditampilkan pada tiga subpath. Untuk yang kiri, anda hanya bisa mengedit satu path dalam satu waktu. + + + + + + + Inkscape bisa menggabung (Combine path menjadi path compound (Ctrl+K) dan memisahkan (Break Apart) sebuah path compound menjadi path terpisah (Shift+Ctrl+K). Cobalah perintah-perintah tersebut pada contoh ini. Dikarenakan sebuah obyek hanya bisa memiliki satu fill dan satu stroke, sebuah path compound akan mengikuti gaya dari obyek pertama yang digabung (yang terbawah di z-order). + + + + + + + Saat anda menggabung path yang overlap dengan fill, terkadang fillnya akan hilang di area dimana terjadi overlap: + + + + + + + + Ini adalah cara paling mudah untuk membuat sebuah obyek yang berlubang. Untuk perintah yang lebih mantap, lihatlah “Operasi Boolean” dibawah. + + + Mengkonversi ke path + + + + + + + Sebuah bentuk atau obyek teks bisa dikonversi ke path (converted to path) dengan Shift+Ctrl+C. Operasi ini tidak mengubah tampilah dari obyek tetapi menghilangkan semua kemampuan spesifik dari tipe tersebut (mis. anda tidak bisa melengkungkan sudut dari sebuah persegi atau mengedit teks tersebut lagi); tetapi, sekarang anda bisa mengedit nodenya. Berikut dua bintang (stars) - yang sebelah kiri tetap sebagai shape, dan yang kanan sudah dikonversi ke path. Berpindahlah ke node tool dan bandingkan apa yang bisa diedit. + + + + + + + + + Terlebih, anda bisa mengkonversi stroke sebuah obyek menjadi path. Dibawah, obyek pertama adalah path asal (tanpa fill, stroke hitam), dan yang kedua adalah hasil dari perintah Stroke to Path (fill hitam, tanpa stroke): + + + + + Operasi Boolean + + + + + + + Perintah di Path menu membuat anda bisa menggabung dua atau lebih obyek menggunakan operasi bolean (boolean operations): + + Bentuk asal + Penyatuan (Ctrl++) + Beda (Ctrl+-) + Perpotongan(Ctrl+*) + Eksklusi(Ctrl+^) + Pembagian(Ctrl+/) + Jalur potong(Ctrl+Alt+/) + + + + + + + + + + + (bawah tanpa atas) + + + + + + Shortcut keyboard untuk perintah tersebut berdasarkan analogi dari perintah boolean (penyatuan adalah penambahan, perbedaan adalah subtraksi, dst.). Perintah Difference dan Exclusion hanya bisa digunakan pada dua obyek terpilih; lainnya bisa digunakan pada berapapun. Hasilnya selalu mendapatkan gaya dari obyek terbawah. + + + + + + + Hasil dari perintah Exclusion mirip dengan Combine, tetapi perbedaanya adalah perintah Exclusion menambahkan node extra dimana path originalnya berpotongan. Perbedaan Division dan Cuth Path adalah yang pertama memotong seluruh obyek bawah berdasarkan path dari obyek diatas, sedangkan yang satunya hanya memotong stroke dan menghilangkan seluruh fill obyek paling bawah. + + + Inset dan outset + + + + + + + Inkscape bisa mengembangkan dan mengatur shape tidak hanya dengan menskala tapi juga dengan offsetting pada obyek path, misalnya dengan mengganti garis lurus sejalur sudunya ke path di setiap titik. Perintah tersebut dinamakan Inset (Ctrl+() dan Outset (Ctrl+)). Berikut ditampilkan path asalnya (merah) dan beberapa path inset dan outset dari path asal tersebut: + + + + + + + + + + + + + + Perintah Inset dan Outset standar akan menghasilkan path (mengkonversi obyek asal menjadi path jika itu belum menjadi path). Yang lebih sering dibutuhkan adalah Dynamic Offset (Ctrl+J) yang menciptakan obyek yang handlenya bisa diseret (mirip seperti handle shape) yang mengatur jarak offset. Pilihlah obyek dibawah, berpindahlah ke node tool, dan seret handlenya untuk memahami cara kerjanya: + + + + + + + + Sebuah obyek dengan dynamic offset mengingat path asalnya, sehingga ia tidak akan ”turun derajat” saat anda mengubah-ubah jarak offsetnya. Saat anda tidak lagi membutuhkan untuk mengaturnya, anda bisa langsung mengkonversinya kembali ke path. + + + + + + + Satu lagi, linked offset, yang mirip dengan dynamic tapi ia tersambung ke path lain yang tetap bisa diedit. Anda bisa memiliki berapapun linked offset untuk sebuah source path. Dibawah, source path berwarna merah, satu di-offset link sehingga memiliki stroke hitam tanpa fill, satunya memiliki fill hitam tanpa stroke. + + + + + + + Pilih obyek merah dan editlah nodenya; perhatikan bagaimana setiap linked offset merespon. Sekarang, pilihlah offset mana saja kemudian seret handlenya untuk mengatur radius offset. Akhirnya, perhatikan bagaimana memindahkan atau mentransformasi source path akan meminahkan dan mentransformasi pula obyek yang tersambung dengannya. + + + + + + + + Simplification (Penyederhanaan) + + + + + + + Kegunaan utama dari perintah Simplify (Ctrl+L) adalah mengurangi jumlah onde dalam sebuah path sambil hampir tetap tidak merubah shape (bentuk). Ini akan berguna untuk path yang dihasilkan dengan Pencil tool, dikarenakan tool tersebut menghasilkan node lebih banyak dari yang dibutuhkan. Dibawah, shape kiri dihasilkan dengan freehand tool, dan yang kanan yang sudah disederhanakan. + + + + + + + + + Jumlah simplification (penyederhanaan) atau dikenal juga dengan threshold bergantung dari ukuruan dari seleksi. Dengan demikian, jika anda memilih sebuah path dengan sebuah obyek yang lebih besar, penyederhanaannya akan lebih agresif. Terlebih, perintah Simplify bisa diakselerasi. Artinya, jika anda menekan Ctrl+L beberapa kali dalam jeda yang singkat, threshold akan bertambah. (Jika anda melakukan penyederhanaan setelah sedikit jeda, thresholdnya akan kembali ke nilai asal.) Dengan menggunakan fitur akselerasi ini, anda akan mudah mengaplikasikan nilai penyederhanaan yang tepat untuk tiap kasus. + + + + + + + Disamping menghaluskan stroke freehand, Simplify bisa digunakan untuk banyak efek kreatif. Sering, sebuah shape yang kaku dan geometrik butuh sedikit penyederhanaan yang membuatnya kelihatan keren dan hidup ketimbang bentuk aslinya - menghaluskan sudut dan menampilkan distorsi natural, kadang gaya kadang lucu. Berikut contoh dari shape clipart yang terlihat lebih indah setelah menggunakan Simplify: + + Asal + Penyederhanaan ringan + Penyederhanaan agresif + + + + + Mebuat teks + + + + + + + Inkscape mampu menghasilkan teks yang panjang dan kompleks. Juga untuk obyek tulisan kecil seperti heading, banner, logo, label diagram dan caption, dsbg. Bagian ini akan membahas pengenalan dasar dari kemampuan tersebut. + + + + + + + Menghasilkan sebuah obyek teks sangat mudah. Berpindahlah ke Text tool (F8), klik dimana saja pada dokumen, dan ketik teksnya. Untuk merubah font, gaya, besar, dan perataan, bukalah dialog Text and Font (Shift+Ctrl+T). Dialog tersebut juga memiliki daerah masukan teks dimana anda bisa mengedit obyek teks yang diseleksi - pada beberapa kasus, lebih mudah ketimbang mengedit langsung di kanvas (tambahan, disana juga terdapat pengecek ejaan saat anda menulis). + + + + + + + Seperti tool yang lain, Text tool bisa menyeleksi langsung tipe obyeknya - obyek teks -sehingga anda bisa langsung mengklik obyek teks apapun yang tampil (misalnya paragraf ini). + + + + + + + Salah satu operasi yang umum untuk desain teks adalah mengatur jarak antar kata dan baris. Tentu saja Inkscape memiliki shortcut keyboard untuk ini. Saat anda mengedit teks, tombol Alt+< dan Alt+> merubah letter spacing di baris dari sebuah obyek teks, sehingga panjang total dari baris tersebut berubah 1 piksel dari tingkat zum saat itu (bandingkan dengan Selector tool dimana tombol yang sama merubah ukuran obyek). Aturannya, jika ukuran font dalam obyek teks lebih besar dari bawaannya, ia akan diuntungkan dengan meremas kata lebih sempit. Berikut contohnya: + + Asal + Jarak dikurangi + Inspirasi + Inspirasi + + + + + + Varian yang lebih sempit terlihat lebih baik untuk heading, tapi belum sempurna: jaraknya tidak seragam, contohnya “a” dan “t” terlalu jauh dan “t” dan “i terlalu dekat. Jumlah yang kurang bagus ini akan tampak lebih jelas pada font dengan kualitas rendah. Meskipun begitu, anda pasti menemukan pasangan dari huruf yang membuat pengaturan kerning menguntungkan.” + + + + + + + Inkscape membuat pengaturan ini sangat mudah. Pindahkan cursor diantara karakter dan gunakan Alt+arrows untuk memindahkannya. Sekali lagi, ini heading yang sama, tetapi kali ini diatur manual posisinya: + + Jarak dikurangi, beberapa diatur ulang manual + Inspirasi + + + + + + Selain mengaturnya secara horisontal dengan Alt+Kiri atau Alt+kanan, anda juga bisa memindahkannya secara vertikal dengan Alt+Atas atau Alt+Bawah: + + Inspirasi + + + + + + Anda bisa saja mengkonversi teks menjadi path (Shift+Ctrl+C) dan memindahkannya perhuruf sebagai obyek normal. Meskipun begitu, akan lebih menguntungkan untuk membiarkannya sebagai teks - bisa tetap diubah, bisa diganti fontnya, dan ukuran file tidak besar. Kekurangannya hanayalah anda butuh font aslinya terpasang pada sistem komputer yang digunakan untuk membuka dokumen SVG tersebut. + + + + + + + Mirip dengan letter spacing, anda juga bisa mengatur line spacing sebuah obyek teks. Coba gunakan Ctrl+Alt+< dan Ctrl+Alt+> pada paragraf manapun di tutorial ini sehingga tinggi normalnya berubah 1 piksel pada tingkat zum sekarang. Seperti pada Selector, menekan Shift akan memperkuatnya 10 kali lipat. + + + Pengedit XML + + + + + + + Tool paling dahsyat dari Inkscape adalah Pengedit XMLnya (Shift+Ctrl+X). Ia menampilkan seluruh pohon XML dari dokumen, dan selalu merefleksikan keadaan saat itu. Anda bisa mengedit atau menggambar sambil melihat perubahan pada pohon XML. Terlebih, anda bisa mengedit teks, elemen, node atribut, apapun pada pengedit XML dan melihat perubahannya di kanvas. Inilah alat paling bagus yang bisa dibayangkan untuk mempelajari SVG secara interaktif, dan memberikan anda akses untuk melakukan trik yang tidak mungkin dilakukan dengan alat pengedit lainnya. + + + Akhir + + + + + + + This tutorial shows only a small part of all capabilities of Inkscape. We hope you +enjoyed it. Don't be afraid to experiment and share what you create. Please visit www.inkscape.org for more information, latest +versions, and help from user and developer communities. + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah atas untuk menggulung + + + + -- cgit v1.2.3 From b96ca2ac8ec24c60ff170a4b48d3b28e8ba1e83a Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Thu, 19 Aug 2010 18:24:53 +0200 Subject: Tutorials. New Indonesian tracing tutorial. (bzr r9717) --- share/tutorials/Makefile.am | 2 + share/tutorials/potrace-id.png | Bin 0 -> 19072 bytes share/tutorials/tutorial-tracing.id.svg | 247 ++++++++++++++++++++++++++++++++ 3 files changed, 249 insertions(+) create mode 100644 share/tutorials/potrace-id.png create mode 100644 share/tutorials/tutorial-tracing.id.svg (limited to 'share/tutorials') diff --git a/share/tutorials/Makefile.am b/share/tutorials/Makefile.am index 0adc7ba70..13d1701e4 100644 --- a/share/tutorials/Makefile.am +++ b/share/tutorials/Makefile.am @@ -15,6 +15,7 @@ tutorial_DATA = \ potrace-eu.png \ potrace-fr.png \ potrace-hu.png \ + potrace-id.png \ potrace-ja.png \ potrace-nl.png \ potrace.png \ @@ -169,6 +170,7 @@ tutorial_DATA = \ tutorial-tracing.fa.svg \ tutorial-tracing.fr.svg \ tutorial-tracing.hu.svg \ + tutorial-tracing.id.svg \ tutorial-tracing.ja.svg \ tutorial-tracing.nl.svg \ tutorial-tracing.pl.svg \ diff --git a/share/tutorials/potrace-id.png b/share/tutorials/potrace-id.png new file mode 100644 index 000000000..1ac5df7fe Binary files /dev/null and b/share/tutorials/potrace-id.png differ diff --git a/share/tutorials/tutorial-tracing.id.svg b/share/tutorials/tutorial-tracing.id.svg new file mode 100644 index 000000000..9b6757f01 --- /dev/null +++ b/share/tutorials/tutorial-tracing.id.svg @@ -0,0 +1,247 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah bawah untuk menggulung + + + + ::TRACING (PERUNUTAN) + + + + + + + Salah satu fitur dalam Inkscape adalah tool untuk merunut gambar bitmap menjadi elemen <path> untuk menggambar SVG. Note singkat ini bisa membantu anda memahami cara kerjanya. + + + + + + + Inkscape saat ini menggunakan jasa mesin perunut gambar Potrace (potrace.sourceforge.net) oleh Peter Selinger. Di masa depan kamipun berharap ada alternatif lain; untuk sekarang, bagaimanapun juga, tool (alat) ini lebih dari cukup untuk kebutuhan kita. + + + + + + + Selalu ingat bahwa tujuan dari Perunut bukanlah mereproduksi duplikat eksak dari gambar asal; juga bukanlah untuk menghasilkan produk final. Tidak ada perunut otomatis yang bisa melakukan itu. Apa yang dilakukannya adalah memberikan anda sebuah set kurva yang bisa anda gunakan sebagai bahan menggambar. + + + + + + + Potrace menerjemahkan lewat bitmap hitam dan putih, kemudian menghasilkan sebuah set kurva. Untuk Potrace, saat ini terdapat tiga tipe filter masukan untuk mengkonversi dari gambar mentah menjadi sesuatu yang bisa digunakan oleh Potrace. + + + + + + + Secara umum, semakin banyak pixel gelap dalam sebuah bitmap, semakin banyak runutan yang akan dilakukan oleh Potrace. Semakin besar jumlah runutan, semakin banyak waktu yang dibutuhkan oleh CPU, dan elemennya akan semakin besar. Dianjurkan agar pengguna mencoba dengan gambar yang lebih ringan dahulu, kemudian semakin digelapkan untuk mendapatkan proporsi dan kompleksitisas yang diinginkan. + + + + + + + Untuk menggunakan perunut, load atau import sebuah gambar, seleksi, kemudian pilih Path > Trace Bitmap, atau tekan Shift+Alt+B. + + Opsi utama dalam dialog Trace (Runut) + + + + + + + Pengguna akan melihat tiga opsi filter yang ada: + + + + + + + + Treshold keterangan + + + + + + + Ini menggunakan nilai dari merah, hijau, dan biru (atau bayangan dari abu-abu) dari sebuah pixel sebagai indikator apakah itu harus dianggap hitam atau putih. Threshold bisa diatur dari 0.0 (hitam) sampai 1.0 (putih). Semakin tinggi threshold, semakin sedikit pixel yang dianggap sebagai “putih“, dan gambar intermediate menjadi gelap. + + Gambar Asal + Treshold keteranganFill (isi), tanpa Stroke (garis pinggir) + Treshold keteranganStroke (garis pinggir) tanpa Fill (isi) + + + + + + + + + + Optimal Edge Detection (Deteksi pinggir optimal) + + + + + + + Guna dari alogaritma deteksi pinggir oleh J. Canny adalah sebagai cara cepat mencari isoclines dari kontras yang mirip. Ini akan menghasilkan bitmap intermediate yang akan sedikit mirip seperti gambar asal ketimbang hasil dari Brightness Treshold, tetapi akan memberikan informasi kurva yang biasanya tidak diperdulikan. Nilai threshold disini (0.0-1.0) mengatur brightness threshold dari dari apakah pixel yang berkaitan dengan pinggir kontras akan dimasukkan ke hasil. Penataan ini bisa mengatur kegelapan atau ketebalan dari pinggir pada hasil. + + Gambar Asal + Pendeteksi pinggirFill (isi), tanpa Stroke (garis pinggir) + Pendeteksi pinggirStroke (garis pinggir) tanpa Fill (isi) + + + + + + + + + + Color Quantization (Kuantitasi warna) + + + + + + + Hasil dari filter ini adalah gambar intermediate yang sangat berbeda dari sebelumnya, tapi memang sangat berguna. Ketimbang menampilkan isoclines dari brightness (keterangan) atau kontras, ini akan mencari pinggir dimana warna berubah, bahkan pada nilai brightness atau kontras yang sama. Penataan disini, Number of Colors (jumlah warna), menetukan berapa banyak warna hasil jika bitmap intermediate dalam warna. Ia kemudian menentukan hitam/putih pada apakah warna tersebut memiliki index genap atau ganjil. + + Gambar Asal + Kuantitas (12 warna)Fill (isi), tanpa Stroke (garis pinggir) + Kuantitas (12 warna)Stroke (garis pinggir) tanpa Fill (isi) + + + + + + + + + Pengguna sebaiknya mencoba tiga tipe filter tersebut dan mengamati tipe hasil yang berbeda dari tipe masukan yang berbeda. Selalu ada hasil gambar yang lebih baik menggunakan filter yang satu ketimbang yang lain. + + + + + + + Setelah merunut, disarankan juga agar pengguna mencoba Path > Simplify (Ctrl+L) pada path hasil untuk mengurangi jumlah node. Ini bisa membuat hasil dari Potrace lebih mudah diedit. Sebagai contoh, berikut adalah runutan tipikal dari Old Man Playing Guitar: + + Gambar Asal + Gambar yang dirunut / Path Keluaran(1,551 node) + + + + + + + + Perhatikan jumlah node yang luar biasa didalamnya. Setelah menekan Ctrl+L, inilah hasilnya: + + Gambar Asal + Gambar yang dirunut / Path Keluaran - Disederhanakan(384 node) + + + + + + + + Representasinya sedikit lebih kasar, tetapi gambarnya lebih sederhana dan mudah untuk diedit. Ingatlah bahwa apa yang anda butuhkan bukanlah hasil runutan yang persis seperti gambar yang dirunut, tetapi sebuah set kurva yang bisa anda gunakan dalam gambar. + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah atas untuk menggulung + + + + -- cgit v1.2.3 From 66c0cc5fff0607cc6fbce0393baf077013188ab0 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Thu, 26 Aug 2010 06:54:17 +0200 Subject: Tutorials. New Indonesian translation of Calligraphy. (bzr r9726) --- share/tutorials/Makefile.am | 1 + share/tutorials/tutorial-calligraphy.id.svg | 831 ++++++++++++++++++++++++++++ 2 files changed, 832 insertions(+) create mode 100644 share/tutorials/tutorial-calligraphy.id.svg (limited to 'share/tutorials') diff --git a/share/tutorials/Makefile.am b/share/tutorials/Makefile.am index 13d1701e4..661b9aeac 100644 --- a/share/tutorials/Makefile.am +++ b/share/tutorials/Makefile.am @@ -86,6 +86,7 @@ tutorial_DATA = \ tutorial-calligraphy.fa.svg \ tutorial-calligraphy.fr.svg \ tutorial-calligraphy.hu.svg \ + tutorial-calligraphy.id.svg \ tutorial-calligraphy.ja.svg \ tutorial-calligraphy.pl.svg \ tutorial-calligraphy.pt_BR.svg \ diff --git a/share/tutorials/tutorial-calligraphy.id.svg b/share/tutorials/tutorial-calligraphy.id.svg new file mode 100644 index 000000000..9d243beb6 --- /dev/null +++ b/share/tutorials/tutorial-calligraphy.id.svg @@ -0,0 +1,831 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah bawah untuk menggulung + + + + ::KALIGRAFI + +bulia byak, buliabyak@users.sf.net dan josh andler, scislac@users.sf.net + + + + + + Salah satu dari banyak alat hebat yang disediakan dalam Inkscape adalah Calligraphy (Kaligrafi) tool. Tutorial kali ini akan membantu anda terbiasa dengan bagaimana tool tersebut bekerja, sekaligus mendemonstrasikan beberapa tehnik dasar dari seni kaligrafi. + + + + + + + Gunakan Ctrl+panah, Roda tetikus, atau seret dengan tombol tengah untuk menggulung halaman ke bawah. Untuk dasar membuat obyek, seleksi, dan transformasi, lihatlah tutorial Dasar pada Help > Tutorials. + + + Sejarah dan Gaya + + + + + + + Berdasarkan penjelasan kamus, calligraphy alias Kaligrafi artinya ”tulisan indah” atau ”cara menggunakan pena yang baik dan elegan”. Intinya, kaligrafi adalah seni membuat tulisan tangan yang indah dan elegan. Mungkin terdengar mengintimidasi, tapi dengan sedikit latiah, semua bisa menguasai dasar dari seni ini. + + + + + + + Bentuk paling dasar dari kaligrafi ada sejak jaman manusia gua menulis di dinding. Sampai sekitar 1440 masehi, sebelum percetakan ada, kaligrafi adalah cara bagaimana buku dan publikasi lainnya dibuat. Gaya huruf yang digunakan masa itu termasuk Rustic, Carolingian, Blackletter, dan lainnya. Mungkin yang paling mudah ditemukan sekarang adalah pada undangan pernikahan. + + + + + + + Terdapat tiga gaya utama dari kaligrafi: + + + + + + + + Gaya Barat atau Roman + + + + + + + + Arabik + + + + + + + + Cina atau Oriental + + + + + + + Tutorial kali ini berfokus pada kaligrafi Gaya Barat, dikarenakan dua yang lain biasanya harus menggunakan kuas (bukan pena), yang mana bukanlah bagaimana Calligraphy Tool saat ini bekerja. + + + + + + + Salah satu keuntungan kita dibanding masa lalu adalah adanya perintah Undo: Jika anda salah, seluruh halaman tidak ikut rusak. Calligraphy tool juga membuat kita bisa melakukan beberapa tehnik yang tidak mungkin dilakukan dengan pena dan tinta. + + + Perangkat Keras + + + + + + + Anda bisa mendapatkan hasil terbaik jika anda menggunakan tablet and pen (mis. Wacom). Terimakasih terhadap fleksibilitas tool kami, bahkan dengan tetikus saja, anda bisa menghasilkan kaligrafi yang cukup indah, walaupun akan sedikit susah jika ingin menghasilkan garis sapuan secara cepat. + + + + + + + Inkscape mampu menggunakan pressure sensitivity dan tilt sensitivity dari sebuah tablet pen yang mendukung fitur tersebut. Fungsi/fitur tersebut dinonaktifkan secara standar karena mereka membutuhkan konfigurasi lebih lanjut. Juga, selalu ingat bahwa kaligrafi dengan pena bulu atau pena biasa tidak terlalu sensitif terhadap tekanan (pressure sensitivty), tidak seperti kuas. + + + + + + + Jika anda memiliki tablet dan ingin menggunakan fitur tersebut, anda perlu mengkonfigurasi alat anda. Konfigurasi ini hanya dilakukan sekali dan penataannya disimpan. Untuk mengaktifkannya, anda harus memasang tablet tersebut sebelum menjalankan Inkscape kemudian membuka dialog Input Devices... lewat menu File. Setelah dialog ini dibuka, anda bisa memilih alat dan tata untuk pen tablet anda. Terakhir, setelah memilih penataannya, berpindahlah ke Calligraphy tool dan nyalakan tombol pressure and tilt. Seterusnya, Inkscape akan selalu mengingat penataan tersebut setiap memulai. + + + + + + + Pena kaligrafi inkscape bisa diatur untuk sensitif terhadap velocity dari sapuan (lihat “thinning-perampingan” dibawah), jadi, jika anda menggunakan tetikus, kemungkinan anda ingin menggunakan nol untuk parameter ini. + + + Opsi Calligraphy Tool + + + + + + + Berpindahlah ke Calligraphy Tool dengan menekan Ctrl+F6, tombol C, atau dengan klik pada tombol toolbarnya. Pada toolbar atas, anda bisa melihat bahwa terdapat 8 opsi/pilihan: Width & Thinning; Angle & Fixation; Caps; Tremor, Wiggle & Mass. Terdapat juga dua tombol untuk menyalakan sensitivitas Pressure dan Tilt pada tablet (untuk tablet gambar). + + + Width & Thinning + + + + + + + Sepasang pilihan ini mengatur width (lebar) dari pena anda. Lebar ini bisa bervariasi dari 1 hingga 100 (standar) dan ukurannya dalam satuan relatif terhadap besar dari jendela editan anda, tetapi independen terhadap zum. Ini dikarenakan “satuan dari pengukuran“ dalam kaligrafi adalah daerah pergerakan tangan anda, dengan demikian, akan lebih baik jika lebar ujung pena anda rasionya konstan terhadap ukuran dari “papan gambar“ dan bukannya ukuran nyata yang berpatokan pada zum. Meskipun begitu, perlakuan ini adalah opsional, jadi bisa saja dirubah untuk mereka yang lebih memilih berpatokan pada zum. Untuk berpindah ke mode ini, gunakan kotak centang pada halaman Preferences tool yang bersangkutan (buka dengan klik ganda pada tombol tool). + + + + + + + Dikarenakan lebar pena sering berubah, anda bisa mengaturnya tanpa harus lewat toolbar, dengan tombol panah kiri dan panah kanan atau lewat tablet yang mendukung fungsi pressure sensitivity. Hal paling bagus dari tombol ini adalah mereka bisa digunakan saat bekerja, jadi anda bisa merubah lebar pena anda saat anda membuat sapuan: + + lebar=1, membesar.... menuju 47, mengecil... kembali ke 0 + + + + + + + Lebar pena juga bisa bergantung pada velositas, yang dikontrol oleh parameter thinning (perampingan). Parameter ini bisa bernilai -100 sampai dengan 100; nol berarti lebarnya akan tetap pada velositas, positif membuat semakin cepat sapuan dilakukan hasilnya semakin ramping, negatif akan membuatnya lebih lebar. Nilai bawaannya yaitu 0.1 berarti sedikit perampingan pada sapuan cepat. Berikut adalah beberapa contoh, semua digambar dengan lebar=20 dan sudut=90: + + perampingan = 0 (lebar seragam) + perampingan = 10 + perampingan = 40 + perampingan = -20 + perampingan = -60 + + + + + + + + + + + + + + + + + + + + + + + + + + Untuk bersenang-senang, aturlah Width (lebar) dan Thinning (perampingan) masing masing 100 (maksimum) dan cobalah menggambar dengan gerakan mengocok untuk mendapatkan bentuk serupa neuron yang tampak aneh tapi terlihat natural: + + + + + + + + + Sudut & Fixation + + + + + + + Setelah lebar, angle (sudut) adalah parameter kaligrafi yang penting. Itu adalah sudut dari pena anda dalam derajat, berubah dari 0 (horisontal) ke 90 (vertikal berlawanan jarum jam) atau dari -90 (vertikal searah jarum jam). Ingat bahwa jika anda menyalakan fitur tilt sensitivity pada tablet, parameter sudut tidak diperdulikan dan semuanya berdasarkan pena pada tablet anda. + + + + + + + + + + + + + sudut = 90 derajat + sudut = 30 (bawaan) + sudut = 0 + sudut = -90 derajat + + + + + + + + + + + + + + + + + Setiap gaya kaligrafi tradisional memiliki sudut yang bermacam-macam. Sebagai contoh, Unical hand menggunakan 25 derajat. Semakin kompleks handnya dan semakin berpengalaman kaligrafernya akan membuat sudutnya semakin beragam, dan Inkscape membuat ini mungkin dilakukan dengan menekan tombol panah atas dan bawah atau dengan tablet yang mendukung fitur tilt sensitivity. Untuk awal pembelajaran, sebaiknya menggunakan sudut yang konstan. Berikut adalah beberapa contoh sapuan yang digambar dengan sudut berbeda (fixation = 100): + + sudut = 30 + sudut = 60 + sudut = 90 + sudut = 0 + sudut = 15 + sudut = -45 + + + + + + + + + + + + Seperti yang bisa anda lihat, sapuan paling ramping adalah jika digambar paralel terhadap sudutnya, dan lebar jika sebaliknya. Sudut positif adalah yang paling natural dan tradisional untuk kaligrafi tangan kanan. + + + + + + + Tingkatan dari kontras antara yang paling ramping dan paling tebal diatur oleh parameter fixation. Nilai 1 berarti sudutnya selalu konstan, dan ditata pada daerah Angle (sudut). Menurunkan fixation membuat pena berbalik lebih sedikit terhadap arah sapuan. Dengan fixation=0, pena akan berbalik lebih bebas dan selalu searah dengan sapuannya, dan Angle (sudut) tidak ada efeknya: + + + + + + + sudut = 30fixation = 100 + sudut = 30fixation = 80 + sudut = 30fixation = 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Mudahnya, fixation maksimum dan stroke width (lebar) maksimum (kiri atas) adalah fitur dari typefaces antique serif, seperti Times atau Bodoni (dikarenakan sejarahnya mereka adalah imitasi dari kaligrafi pena tetap). Fixation nol dan kontras lebar nol (kanan atas), sebaliknya, lebih berupa sans serif moderen seperti Helvatica. + + + Tremor + + + + + + + Tremor dimaksudnya untuk memberikan kesan lebih natural pada sapuan kaligrafi. Tremor bisa diatur pada Controls bar dengan nilai bervariasi dari 0.0 sampai 1.0. Ia akan memberikan efek getar pada sapuan sehingga lebih liar atau sedikit kasar. Ini akan membuat daerah kreatif lebih bervariasi. + + + pelan + sedang + cepat + + + + + + + + + + + tremor = 0 + tremor = 10 + tremor = 30 + tremor = 50 + tremor = 70 + tremor = 90 + tremor = 20 + tremor = 40 + tremor = 60 + tremor = 80 + tremor = 100 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Wiggle & Mass + + + + + + + Tidak seperti lebar dan sudut, dua parameter terakhir ini mendefinisikan bagaimana tool tersebut “lebih berasa“. Dengan demikian, tidak akan ada ilustrasi pada bagian ini; cobalah sendiri untuk memahami. + + + + + + + Wiggle adalah resistan kertas terhadap pergerakan pena. Bawaannya adalah minimum (0), dan menaikkan parameter ini membuat kertas semakin “licin“: jika massnya besar, pena akan lebih sering selip pada tikungan tajam; jika mass nol, wiggle yang tinggi akan membuat pena bergerak lebih liar. + + + + + + + Dalam fisika, mass adalah penyebab inertia; semakin besar mass dari tool tersebut, semakin lambar responnya terhadap tetikus dan semakin halus tikungan dan sapuan kasar yang anda buat. Nilai bawaanya cukup kecil (2) sehingga tool lebih cepat dan responsif, tapi tentu anda bisa menaikkannya untuk mendapatkan pen yang lebih halus dan lambat. + + + Contoh kaligrafi + + + + + + + Kini anda telah mengetahui kemampuan dasar dari tool tersebut, anda bisa mencoba membuat kaligrafi. Jika anda baru terhadap seni ini, carilah buku kaligrafi yang bagus dan pelajarilah dengan Inkscape. Bagian ini akan menampilkan beberapa contoh sederhana. + + + + + + + Pertama, anda perlu membuat sepasang penggaris sebagai penunjuk. Jika anda akan menulis dengan gaya tulisan indah misalnya, tambahkan beberapa guide slanted diantara dua penggaris itu, contohnya: + + + + + + + + + + + + + + + Kemudian zum sehingga tinggi diantara penggaris tersebut sesuai dengan daerah pergerakan tangan natural, atur lebar dan sudutnya, dan silahkan! + + + + + + + Kemungkinan hal pertama yang anda lakukan sebagai kaligrafer pemula adalah berlatih elemen dasar huruf - stem vertikal dan horisontal, sapuan lengkung, batang slanted. Berikut adalah beberapa elemen dari Unical hand: + + + + + + + + + + + + + + + + + + + + + + + + Beberapa tips berguna: + + + + + + + + Jika tangan anda sudah nyaman pada tablet, jangan gerakkan lagi. Gulung saja kanvasnya (Ctrl+panah) dengan tangan kiri anda setiap menyelesaikan tiap huruf. + + + + + + + + Jika sapuan terakhir anda jelek, undo saja (Ctrl+Z). Meskipun demikian, jika bentuknya bagus tetapi posisi atau ukurannya salah, akan lebih baik untuk pindah ke Selector (Spasi) dan atur ulang dengan menggunakan tetikus atau tombol, kemudian tekan lagi Spasi untuk kembali ke tool Calligraphy. + + + + + + + + Setelah menyelesaikan sehuruf, berpindahlah ke Selector lagi dan atur keseragaman batangnya dan jarak perhurufnya. Jangan berlebihan; kaligrafi yang baik harus memiliki tampilan yang menyerupai tulisan tangan. Kalau bisa jangan menggandakan kemudian menempel huruf atau elemen huruf; setiap sapuan haruslah asli. + + + + + + + Dan berikut adalah beberapa contoh: + + + + + + + + + + Unicial hand + Carolingian hand + Gothic hand + Bâtarde hand + + + Flourished Italic hand + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Akhir + + + + + + + Kaligrafi bukan hanya untuk bersenang-senang; Ia adalah seni spiritual yang dalam dan bisa merubah cara pandang anda. Tool kaligrafi inkscape hanyalah perkenalan awal. Meskipun begitu, ia sangat bagus untuk bermain dan tetap berguna pada desain nyata. Selamat menikmati! + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah atas untuk menggulung + + + + -- cgit v1.2.3 From 80fe9fc77a9728c2506120e5aa5b732757b35f99 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Wed, 13 Oct 2010 13:32:04 +0200 Subject: Tutorials. New Tips and Elements Indonesian translations. (bzr r9829) --- share/tutorials/Makefile.am | 2 + share/tutorials/tutorial-elements.id.svg | 708 ++++++++++++++++++++++++++++++ share/tutorials/tutorial-tips.id.svg | 720 +++++++++++++++++++++++++++++++ 3 files changed, 1430 insertions(+) create mode 100644 share/tutorials/tutorial-elements.id.svg create mode 100644 share/tutorials/tutorial-tips.id.svg (limited to 'share/tutorials') diff --git a/share/tutorials/Makefile.am b/share/tutorials/Makefile.am index 661b9aeac..9a449b3e0 100644 --- a/share/tutorials/Makefile.am +++ b/share/tutorials/Makefile.am @@ -104,6 +104,7 @@ tutorial_DATA = \ tutorial-elements.fa.svg \ tutorial-elements.fr.svg \ tutorial-elements.hu.svg \ + tutorial-elements.id.svg \ tutorial-elements.ja.svg \ tutorial-elements.pl.svg \ tutorial-elements.pt_BR.svg \ @@ -154,6 +155,7 @@ tutorial_DATA = \ tutorial-tips.fr.svg \ tutorial-tips.hu.svg \ tutorial-tips.ja.svg \ + tutorial-tips.id.svg \ tutorial-tips.it.svg \ tutorial-tips.pl.svg \ tutorial-tips.pt_BR.svg \ diff --git a/share/tutorials/tutorial-elements.id.svg b/share/tutorials/tutorial-elements.id.svg new file mode 100644 index 000000000..97774f868 --- /dev/null +++ b/share/tutorials/tutorial-elements.id.svg @@ -0,0 +1,708 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah bawah untuk menggulung + + + + ::ELEMEN + + + + + + + Tutorial ini akan mendemonstrasikan elemen dan prinsip desain yang biasanya diajarkan pada murid seni untuk memahami bermacam properti yang digunakan dalam membuat karya seni. Ini bukanlah daftar yang baku, jadi silahkan tambah, keluarkan, atau mengkombinasikannya untuk membuat tutorial ini lebih komperhensif. + + + + + Elemen + Prinsip + Warna + Garis + Bentuk + Ruang + Tekstur + Value + Ukuran + Keseimbangan + Kontras + Empasis + Proporsi + Pola + Gradiasi + Komposisi + Tampak kilas + + Elemen dari Desain + + + + + + + Elemen-elemen berikut adalah yang membangun sebuah desain. + + + Garis + + + + + + + Sebuah garis didefinisikan sebagai tanda dengan panjang dan arah, dihasilkan dengan poin yang bergerak pada sebuah bidang. Sebuah garis bisa bervariasi panjangnya, lebarnya, arahnya, kurvaturnya, dan warnanya. Garis bisa dalam dua dimensi (misalnya garis pensil pada kertas), atau tiga dimensi. + + + + + + + + + + + + + + + Bentuk + + + + + + + Sebuah figur datar, sebuah bentuk, dihasilkan saat sebuah garis mengelilingi sebuah ruang. Perubahan warna atau bayangan bisa mendefinisikan sebuah bentuk. Bentuk bisa dibagi dalam beberapa tipe: geometrik (persegi, segi tiga, lingkaran) dan organik (iregular pada garis luarnya). + + + + + + + + + Ukuran + + + + + + + Ini menunjuk pada variasi dalam proporsi obyek, garis, atau bentuk. Terdapat ragam ukuran dalam obyek baik yang nyata maupun khayalan. + + + BESAR + kecil + + Ruang + + + + + + + Ruang adalah daerah kosong atau terbuka diantara, disekitar, diatas, dibawah, atau didalam obyek. Sebuah bentuk dibentuk oleh ruang disekitar dan didalamnya. Ruang sering disebut tiga-dimensi atau dua-dimensi. Ruang positif diisi oleh sebuah bentuk, sedangkan ruang negatif dikelilingi oleh bentuk. + + + + + + + Warna + + + + + + + Warna adalah karakter yang tampak dari sebuah permukaan tergantung dari panjang gelombang cahaya yang dipantulkan darinya. Warna memiliki tiga dimensi: HUE (nama lain dari warna, diindikasi dari namanya misalnya merah atau kuning), VALUE (terang atau gelap), INTENSITY (pendar atau kelam). + + + + + + + + + + + + + + + Tekstur + + + + + + + Tekstur adalah bagaimana rasa permukaannya (tekstur sebenarnya) atau bagaimana rasa itu terlihat (tekstur implikasi). Tekstur dijelaskan dengan kata seperti kasar, lembut, atau gelombang. + + + + + + + + + + + + + + + + + + Value + + + + + + + Value adalah seberapa gelap atau seberapa terang sesuatu terlihat. Kita bisa mendapatkan value dari sebuah warna dengan menambahkan hitam atau putih pada warna. Chiaroscuro menggunakan value dalam sebuah gambar dengan memberikan kontras gelap atau terang yang dramatis dalam komposisi. + + + + + + + + + + + + + + + + + + + + + + + + + + + + Prinsip dari Desain + + + + + + + Prinsip penggunaan elemen desain untuk menghasilkan komposisi. + + + Keseimbangan + + + + + + + Keseimbangan adalah rasa dari melihat sesuatu seimbang dalam bentuk, formasi, value, warna, dsbg. Keseimbangan bisa simetrikal atau pas atau asimetrikal dan ganjil. Obyek, value, warna, tekstur, bentuk, formasi, dsbg., bisa digunakan untuk mendapatkan keseimbangan dalam komposisi. + + + + + + + + + Kontras + + + + + + + Kontras adalah penempatan dari dua elemen yang berlawanan. + + + + + + + Empasis + + + + + + + Empasis digunakan untuk membuat beberapa bagian dari karya seni terlihat mencolok dan menarik perhatian. Pusat perhatian atau focal point adalah tempat dimana sesuatu yang menarik perhatian pertama. + + + + + + + + Proporsi + + + + + + + Proporsi menjelaskan ukuran, lokasi, atau ukuran dari sesuatu dibandingkan dengan yang lain. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Random Ant & 4WD + Gambar SVG dibuat oleh Andrew FitzsimonBagian dari Open Clip Art Libraryhttp://www.openclipart.org/ + + + + + + + + + + + + + + + + + + + + + + + + Pola + + + + + + + Pola dihasilkan dengan mengulang elemen yang sama (garis, bentuk atau warna) terus menerus. + + + + + + + + + + + + + + + + Gradiasi + + + + + + + Gradiasi dari ukuran dan arah menghasilkan perspektif linear. Gradiasi dari warna dari warna hangat ke sejuk dan tone dari gelap ke terang menghasilkan perspektif aerial. Gradiasi menambahkan ketertarikan dan pergerakan sebuah bentuk. Sebuah gradiasi dari terang ke gelap akan membuat mata mengikuti sebuah bentuk. + + + + + + + + + + + + + + + + + + + Komposisi + + + + + + + Kombinasi dari elemen-elemen untuk menghasilkan sesuatu. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Daftar Pustaka + + + + + + + Berikut adalah Daftar Pustaka yang digunakan untuk membuat dokumen ini. + + + + + + + + http://sanford-artedventures.com/study/study.html + + + + + + + + + http://www.makart.com/resources/artclass/EPlist.html + + + + + + + + + http://www.princetonol.com/groups/iad/Files/elements2.htm + + + + + + + + + http://oswego.org/staff/bpeterso/web/elements_and_principles.htm + + + + + + + + + http://www.johnlovett.com/test.htm + + + + + + + + + http://digital-web.com/articles/elements_of_design/ + + + + + + + + + http://digital-web.com/articles/principles_of_design/ + + + + + + + + Terimakasih sebesar-besarnya pada Linda Kim (http://www.redlucite.org) karna membantu saya (http://www.rejon.org/) dalam tutorial ini. Juga, terimakasih kepada Open Clip Art Library (http://www.openclipart.org/) dan insan-insan grafi yang ikut andil dalam proyek tersebut. + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah atas untuk menggulung + + + + diff --git a/share/tutorials/tutorial-tips.id.svg b/share/tutorials/tutorial-tips.id.svg new file mode 100644 index 000000000..9498c845f --- /dev/null +++ b/share/tutorials/tutorial-tips.id.svg @@ -0,0 +1,720 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah bawah untuk menggulung + + + + ::TIPS DAN TRIK + + + + + + + Tutorial ini akan mendemonstrasikan bermacam-macam tips dan trik yang sudah dipelajari oleh pengguna dalam menggunakan Inkscape dan beberapa fitur “tersembunyi“ yang bisa membantu mempercepat pekerjaan. + + + Penempatan radial dengan Tile Clones + + + + + + + Sangat mudah untuk melihat bagaimana menggunakan dialog Tile Clones untuk grid rectangular dan pola-pola. Tetapi bagaimana jika anda membutuhkan penempatan radial, dimana obyek saling berbagi titik putar tengah yang sama? Tentu saja bisa! + + + + + + + Jika pola radial hanya membutuhkan 3, 4, 6, 8, atau 12 elemen, anda bisa mencoba simetri P3, P31M, P3M1, P4, P4M, P6, atau P6M. Ini akan menghasilkan bentuk seperti salju dan sejenisnya. Meskipun begitu, terdapat metode umum, yaitu, + + + + + + + Pilihlah simetri P1 (translasi sederhana - simple translation) kemudian kompensasikan translasi tersebut dengan tab Shift dan aturlah Per row/Shift Y dan Per coloumn/Shift X masing-masing -100%. Kini semua klon akan disusun tepat diatas asalnya. Yang tersisa hanyalah merotasinya dengan tab Rotation dan mengatur sudut rotasi per kolom, kemudian membuat polanya dengan satu baris dan banyak kolom. Sebagai contoh, berikut adalah pola yang dihasilkan dengan garis horisontal, dengan 30 kolom, masing-masing diputar 6 derajat: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Untuk mendapatkan clock dial - bentuk muka jam, yang anda butuhkan hanyal memotong atau meng-overlay bagian tengah dari lingkaran putih (untuk melakukan operasi boolean pada klon, unlinklah terlebih dahulu). + + + + + + + Efek yang lebih menarik bisa dihasilkan dengan menggunakan baris dan kolom. Berikut adalah sebuah pola dengan 10 kolom dan 8 baris, dengan rotasi sebesar 2 derajat per baris dan 18 per kolom. Masing-masing grup garis adalah ”kolom”, jadi, grup-grup tersebut masing-masing berjarak 18 derajat, garis individualnya terpisah 2 derajat: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Pada contoh diatas, garisnya dirotasi mengitari titik tengahnya. Tetapi bagaimana jika anda ingin tengahnya adalah bagian luar dari shape, bentuk yang anda inginkan? Buathal sebuah rectangle transparan (tanpa isi, tanpa garis pinggir) yang menutupi bentuk yang ingin anda ubah dan titik tengah dari rectangle tersebut diluar bentuk tersebut, grup keduanya, kemudian gunakan Tile Clones. Inilah cara anda membuat ”ledakan” atau ”kembang api” dengan skala random, rotasi, dan opasitas yang memungkinkan: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Bagaimana memotong (area ekspor banyak rectangular)? + + + + + + + Buatlah sebuah layer baru, didalamnya terdapat rectangle transparan yang menutupi bagian dari gambar anda. Pastikan dokumen menggunakan satuan px (bawaan), nyalakan grid dan jepit rectangularnya pada grid sehingga masing-masing sesuai dengan satuan px. Berikan id yang bisa dipahami pada masing-masing rectangular, kemudian ekspor satu-satu menjadi filenya masing-masing. Maka, setiap rectangular akan mengingat nama berkasnya jika diekspor. Setelah itu, sangatlah mudah untuk mere-ekspor beberapa dari rectangular tersebut: berpindahlah ke layer export, gunakan Tab untuk memilih (atau gunakan Find by id), dan klik Export pada dialog. Atau anda bisa saja membuat sebuah skrip shell atau berkas bat untuk mengekspor seluruh area, dengan perintah misalnya: + + + + + + + inkscape -i area-id -t namaberkas.svg + + + + + + + untuk setiap area yang diekspor. -t adalah opsi untuk mengingat nama berkas, jika tidak, anda bisa mendapatkan nama berkasi ekspor dengan -e. Alternatif, anda bisa menggunakan perangkat svgslice yang akan otomatis mengekspor dari dokumen SVG Inkscape, berpatokan pada slice layer atau guides. + + + Gradien non-linear + + + + + + + SVG versi 1.1 tidak mendukung gradien non-linear (mis. yang memiliki translasi non-linear antar warna). Pun begitu, anda bisa mengemulasikannya dengan gradien multistop. + + + + + + + Mulailah dengan dua-titik gradien yang sederhana. Bukalah editor Gradient (klik ganda pada handle gradien pada Gradient tooL). Tambahkan gradient stop baru ditengah; seret sedikit. Kemudian tambahkan lagi stop sebelum dan sesudah stop tengah tersebut kemudian geret lagi, sehingga gradien yang dihasilkan halus. Semakin banyak stop yang anda tambahkan, semakin halus hasilnya. Berikut adalah gradien hitam-putih dengan dua stop: + + + + + + + + + + + + + + Dan berikut adalah macam-macam gradien multi-stop “non-linear” (periksalah dengan Gradient Editor): + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gradien radial eksentrik + + + + + + + Gradien radial tidaklah harus simetrik. Pada Gradient tool, seret handle tenga dari gradien eliptik dengan Shift. Ini akan memindahkan focus handle bertanda x dari gradien menjauh dari titik tengahnya. Saat anda tidak membutuhkannya, anda bisa menjepit fokusnya kembali dengan menyeretnya ke tengah. + + + + + + + + + + + + + + + Meratakan ke tengah halaman + + + + + + + Untuk meratakan sesuatu ke tengah halaman, pilih obyeknya atau jadikan grup kemudian pilih Page dari daftar Relative to: pada dialog Allign (Ctrl+Shift+A). + + + Membersihkan dokumen + + + + + + + Banyak dari gradien, pola, penanda, yang tidak terpakai (terutama yang anda edit secara manual) tetap pada pallet dalam dokumen dan bisa digunakan untuk obyek baru. Tetapi, jika anda ingin mengoptimalisasi dokumen anda, gunakan perintah Vacuum Defs pada menu File. Ini akan membuang semua gradien, pola, atau penanda yang tidak digunakan oleh dokumen, dan membuat ukuran berkas lebih kecil. + + + Clipping atau masking sebuah bitmap + + + + + + + Bawaanya, bitmap yang diimpor (misalnya foto) adalah elemen gambar yang tidak bisa diedit dengan Node tool. Untuk bisa mengeditnya, konversikan gambar tersebut menjadi sebuah rectange dengan isi pattern lewat Object to pattern (Alt+I. Ini akan menghasilkan sebuah rectangle yang berisi bitmap/gambar anda. Sekarang obyek ini akan bisa dikonversikan ke path, diedit nodenya, dipotong dengan bentuk lain, dsbg. Pada Inkscape Preferences (tab Misc, anda bisa menata pilihan apakah sebuah bitmap akan selalu diimpor menjadi rectangle yang berisi bitmap tersebut atau tidak. + + + Fitur tersembunyi dari editor XML + + + + + + + XML editor membuat anda bisa merubah hampir semua aspek dari dokumen tanpa menggunakan edior teks eksternal. Inkscape juga mendukung lebih banyak fitur SVG yang tidak bisa diakses lewat GUI. XML editor adalah salah satu cara untuk mengakses fitur-fitur tersebut (jika anda memahami SVG). + + + Merubah takaran satuan ukur + + + + + + + Pada template bawaan, satuan ukuran yang digunakan adalah px (“SVG user unit”, pada Inkscape sama dengan 0.8pt atau 1/90 inch). Ini juga merupakan satuan yang digunakan dalam menampilkan koordinat pada sudit kiri bawah dan bawaan dari unit pada semua menu. (Anda juga bisa mencoba menyorot dengan tetikus pada penggaris untuk memunculkan tooltip yang menampilkan satuan yang digunakan.) Untuk merubahnya, bukalah Document Preferences (Ctrl+Shift+D) dan ubahlah Default units pada tab page. + + + Cap + + + + + + + Untuk membuat banyak duplikat sebuah obyek secara cepat, gunakanlah fitur stamping-cap. Seret sebuah obyek (atau skala ulang atau rotasilah), dan sambil tetap menekan tombol tetikus, tekan Spasi pada keyboard. Ini akan meninggalkan ”cap” pada bentuk dan lokasi obyek saat itu. Anda bisa mengulangnya sebanyak yang anda inginkan. + + + Trik pen tool + + + + + + + Pada tool Pen (Bezier), anda memiliki pilihan-pilihan berikut dalam menyelesaikan sebuah garis: + + + + + + + + Menekan Enter + + + + + + + + Klik ganda dengan tombol kiri tetikus + + + + + + + + Memilih Pen tool lagi + + + + + + + + Memilih tool yang lain + + + + + + + Ingatlah jika path belum selesai (ditampilkan dalam hijau, dengan segmen merah) ia tidak akan eksis sebagai obyek pada dokumen. Untuk itu, jika anda ingin membatalkan, gunakan Esc (membatalkan seluruh path) atau Backspace (menghilangkan segmen terakhir yang belum selesai) ketimbang menggunakan Undo. + + + + + + + Untuk menambahkan subpath baru pada path yang sudah ada, pilihlah path tersebut dan mulailah menggambar dengan Shift dari titik arbitarynya. Jika apa yang anda inginkan hanyalah meneruskan sebuah path yang ada, Shift tidak diperlukan; Langsung mulai saja menggambar dari salah satu anchor pada ujungnya. + + + Memasukkan nilai Unicode + + + + + + + Saat menggunakan Text tool, menekan Ctrl+U akan memindahkan anda dari mode normal ke Unicode. Dalam mode Unicode, setiap grup dari 4 digit heksadesmal yang anda ketikkan menjadi sebuah karakter Unicode, yang membuat anda bisa memasukkan simbol arbitrary (selama anda mengetahui poin kode Unicodenya dan fonta yang mendukungnya). Untuk menyelesaikan masukan Unicode, tekan Enter. Sebagai contoh, Ctrl+U 2 0 1 4 Enter akan menghasilkan em-dash (—). Untuk keluar dari mode Unicode tanpa memasukkan apapun, tekan Esc. + + + Menggunakan grid untuk menggambar ikon + + + + + + + Misalkan anda ingin membuat sebuah ikon berukuran 24x24 piksel. Buatlah sebuah kanvas berukuran 24x24 (menggunakan Document Preferences) dan atur gridnya menjadi 0.5 px (48x48 gridline). Sekarang, jika anda menata sebuah obyek sejajar dengan gridline - garis grid genap, dan memberikan stroke pada obyek sejajar dengan gridline ganjil yang lebar strokenya adalah sebuah nomor genap, kemudian mengekspornya dalam bawaan 90dpi (sehingga 1 px = 1 bitmap pixel), anda akan mendapatkan sebuah gambar bitmap tanpa perlu antialiasing. + + + Rotasi obyek + + + + + + + Pada Select tool, klik pada sebuah obyek untuk memunculkan panah skalanya, kemudian klil lagi pada obyek tersebut untuk melihat panah rotasi dan shiftnya. Jika panah yang ditengah diklik kemudian diseret, titik rotasinya akan berpatokan pada titik tersebut (tanda silang). Jika anda menahan Shift saat melakukan ini, rotasi akan dilakukan dengan sudut yang berlawanan. Anda bisa menyeret titik rotasi tersebut kemana saja. + + + + + + + Atau, anda juga bisa menggunakan keyboard dengan menekan [ dan ] (per 15 derajat) atau Ctrl+[ dan Ctrl+] (per 90 derajat). Tombol-tombol [] jika ditengan menggunakan keycap akan merotasi per pixel. + + + Membuka dialog seperti sebagai palet obyek + + + + + + + Jika anda memiliki beberapa berkas SVG kecil yang kontennya sering anda gunakan lagi di dokumen lain, anda bisa menggunakan Open dialog as a pallete. Tambahkan direktori yang berisi sumber SVG kedalam daftar bookmarks sehingga anda bisa cepat membukanya. Kemudian telusuri direktorinya untuk melihat pratilik. Setelah anda menemukan berkasnya, drag saja ke kanvas dan itu akan langsung diimpor kedalam dokumen. + + + Bayangan + + + + + + + Inkscape mendukung filter SVG Gaussian blur, sehingga anda bisa mudah membuat bayangan untuk sebuah obyek. Pilihlah sebuah obyek, duplikasikan Ctrl+D, tekan PgDown untuk meletekkan duplikat tersebut dibawah obyek asal, tempatkan sedikit kekanan dan sedikit lebih rendah dari obyek asal. Berikutnya, buka dialog Fill And Stroke kemudian gantilah nilai Blurnya, misalkan 5.0. Itu saja! + + + Meletakkan teks dalam sebuah path + + + + + + + Untuk peletakkan teks mengikuti sebuah kurva, pilih teks dan kurvanya, kemudian pilih Put on Path lewat menu Text. Teks tersebut akan mulai dari awal path. Pada umumnya lebih baik membuat sebuah path baru sebagai jalur teks ketimbang menggunakan elemen gambar yang sudah ada - ini akan memberikan anda kontrol yang lebih banyak tanpa merusak gambar. + + + Memilih obyek asal + + + + + + + Saat anda memiliki teks dalam path, offset yang berhubungan, atau sebuah klon, obyek asal/sumbernya biasanya sulit untuk diseleksi karna biasanya berada dibawah atau dibuat tidak terlihat dan/atau terkunci. Tombol ajaib Shift+D bisa membantu anda; pilih teks, offset ataupun klon, kemudian tekan Shift+D untuk memindahkan seleksi ke path yang berhubungan, sumber offset, atau klon asal. + + + Mengembalikan jendela yang off-screen + + + + + + + Saat memindahkan dokumen antara sistem dengan resolusi berbeda atau beberapa tampilan layar, anda mungkin akan menemukan bahwa Inkscape menyimpan posisi jendela ditempat yang tidak bisa ditampilkan oleh layar anda. Cukup maximize jendelanya (yang kemudian akan mengembalikannya ke layar penuh, gunakan task bar), simpan (save), kemudain buka ulang (reload). Anda bisa mencegah kejadian seperti ini dengan melepas tanda centang pada opsi global yang menyimpan geometri jendela (Inkscape Preferences tab Windows). + + + Transparansi, gradien, dan ekspor PostScrip + + + + + + + PostScript atau format EPS tidak mendukung transparansi, sehingga anda sebaiknya tidak menggunakannya jika anda akan mengekspornya kedala PS/EPS. Dalam kasus transparansi sederhana yang hanya memberikan overlay pada satu warna, sangatlah mudah untuk memperbaikinya: Pilih salah satu obyek transparan; berpindahlah ke Dropper tool (F7); pastikan ia berada dalam mode “pick visible color without alpha”; klik pada obyek yang sama. Itu akan mengambil warna yang tampak kemudian memberikan warna tersebut ke obyek, tapi kali ini, tanpa transparansi. Ulangi untuk semua obyek transparan. Jika obyek transparan anda mengoverlay beberapa area warna, anda harus memecahnya menjadi beberapa potongan dan melakukan prosedur tersebut untuk masing-masing potongan. + + + + + + + Mengekspor gradien menjadi PS atau EPS tidaklah bisa dilakukan untuk teks (kecuali teks sudah dikonversi menjadi path) atau untuk stroke paint. Juga, dikarenakan transparansi hilang saat ekspor ke PS atau EPS dilakukan, anda tidak bisa menggunakan, misalnya, gradiasi dari biru jelas ke biru transparan; gantilah dengan gradiasi dari biru jelas ke biru jelas juga, hanya saja, biru yang kedua adalah warna latar belakang. + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gunakan Ctrl+panah atas untuk menggulung + + + + -- cgit v1.2.3 From 83e21b32c73625a52335905e478e994408fda382 Mon Sep 17 00:00:00 2001 From: Kris De Gussem Date: Wed, 10 Nov 2010 07:54:43 +0100 Subject: Dutch tracing tutorial and translation update (bzr r9887) --- share/tutorials/tutorial-tracing.nl.svg | 1823 ++++--------------------------- 1 file changed, 240 insertions(+), 1583 deletions(-) (limited to 'share/tutorials') diff --git a/share/tutorials/tutorial-tracing.nl.svg b/share/tutorials/tutorial-tracing.nl.svg index 03f0497c4..7a9d1ad70 100644 --- a/share/tutorials/tutorial-tracing.nl.svg +++ b/share/tutorials/tutorial-tracing.nl.svg @@ -1,1590 +1,247 @@ - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omlaag om te scrollen + + handleiding + + + ::OVERTREKKEN + + + + + + + Een van de functies in Inkscape is een gereedschap voor het overtrekken van bitmapafbeeldingen in een <path> element voor je SVG-afbeelding. Deze korte nota's helpen je mee op weg. + + + + + + + Op dit moment gebruikt Inkscape de Potrace engine van Peter Selinger voor het overtrekken van bitmaps (potrace.sourceforge.net). In de toekomst gaan we mogelijk alternatieve overtrekprogramma's ondersteunen. Echter, nu is deze goede tool meer dan voldoende voor onze noden. + + + + + + + Hou in het achterhoofd dat het doel van overtrekken noch het reproduceren is van een exacte kopie van het origineel, noch bedoeld is voor het maken van een finale afbeelding. Geen enkel overtrekprogramma kan dat. Het geeft je echter een set curves die je als bron voor je afbeelding kan gebruiken. + + + + + + + Potrace interpreteert een zwart-witafbeelding en maakt hiervan een set curves. We hebben nu drie types invoerfilters voor Potrace om de ruwe afbeelding te converteren in iets dat Potrace kan gebruiken. + + + + + + + Algemeen geldt dat hoe meer donkere pixels in de intermediaire bitmap, hoe meer Potrace zal overtrekken. Omdat de hoeveelheid overtrek vergroot, is meer CPU-tijd nodig en zal het <path>-element veel groter worden. Het is een goed idee dat je als gebruiker eerst experimenteert met lichtere afbeeldingen en dan langzaam overgaat naar donkere afbeeldingen om de gewenste proportie en complexiteit van het uitvoerpad te verkrijgen. + + + + + + + Om de tracer te gebruiken, laad of importeer je een afbeelding, selecteer deze en klik op het commando Paden > Bitmap overtrekken of gebruik je Shift+Alt+B. + + Algemene opties in het dialoogvenster Bitmap overtrekken + + + + + + + De gebruiker zal de volgende drie beschikbare filteropties zien: + + + + + + + + Helderheid grenswaarde + + + + + + + Deze optie gebruikt in essentie de som van de rood-, groen- en blauwwaarde (of grijstint) van een pixel als een zwart-witindicator. De grenswaarde kan ingesteld worden van 0.0 (zwart) tot 1.0 (wit). Hoe hoger de grenswaarde, hoe kleiner het aantal pixels dat als “wit” wordt gezien en bijgevolg hoe donkerder de intermediaire afbeelding. + + Originele afbeelding + Helderheid grenswaardeVulling, geen lijn + Helderheid grenswaardeLijn, geen vulling + + + + + + + + + + Optimale randdetectie + + + + + + + Deze optie gebruikt het randdetectiealgoritme van J. Canny als een snelle methode voor het vinden van lijnen met dezelfde kleurgradiënt of contrast. Dit zal een intermediaire afbeelding produceren die minder lijkt op de originele tekening dan met de optie Helderheid, maar zal wellicht curve-informatie bevatten die anders genegeerd wordt. De grenswaarde (0.0 - 1.0) past hier de grenswaarde voor de helderheid aan die bepaalt of een pixel langs de contrastrand in de uitvoer terug te vinden is. Deze instelling kan de donkerheid of randdikte in de uitvoer aanpassen. + + Originele afbeelding + Rand gedetecteerdVulling, geen lijn + Rand gedetecteerdLijn, geen vulling + + + + + + + + + + Kleurquantisatie + + + + + + + Het resultaat van deze filter produceert een intermediaire afbeelding die zeer verschillend is van de twee andere, maar niettemin erg bruikbaar is. In tegenstelling met het tonen van lijnen met gelijke helderheid of contrast, zal deze filter randen vinden waar kleuren veranderen, zelfs bij gelijke helderheid en contrast. De instelling, aantal kleuren, bepaalt hoeveel kleuren er in de intermediaire afbeelding zouden zijn, indien deze intermediaire bitmap in kleur was. Het kent dan zwart en wit toe afhankelijk van het feit of de kleur een even of oneven index heeft. + + Originele afbeelding + Quantisatie (12 kleuren)Vulling, geen lijn + Quantisatie (12 kleuren)Lijn, geen vulling + + + + + + + + + De gebruiker zou de drie filters moeten proberen en de verschillende types uitvoer voor verschillende types afbeeldingen observeren. Er is altijd een afbeelding waar de ene filter beter werkt dan de andere. + + + + + + + Na het overtrekken is het aan te raden om het commando Paden > Vereenvoudigen (Ctrl+L) toe te passen op het uitvoerpad om het aantal knooppunten te reduceren. Dit vereenvoudigt het bewerken van de potrace-uitvoer. Hier is bijvoorbeeld een typische overtrek van de Oude gitaarspeler: + + Originele afbeelding + Overtrokken afbeelding / uitvoer(1551 knooppunten) + + + + + + + + Zie het enorm aantal knooppunten in het pad. Na het drukken op Ctrl+L is dit een typisch resultaat: + + Originele afbeelding + Overtrokken afbeelding / uitvoer - vereenvoudigd(384 knooppunten) + + + + + + + + De voorstelling is een beetje meer benaderend en ruw, maar de afbeelding is veel eenvoudiger en bewerkbaarder. Hou in het achterhoofd dat wat je wil niet een exacte rendering is van de afbeelding, maar een set curves die je kan gebruiken in je afbeelding. + + + + + - - - - image/svg+xml - - - + + + + image/svg+xml + + + - - - - - - - - - - - - - - - - - - - - - - - - - Gebruik Ctrl+pijl omlaag om te scrollen - - handleiding - - - ::OVERTREKKEN - - - - - - - One of the features in Inkscape is a tool for tracing a bitmap image -into a <path> element for your SVG drawing. These short notes -should help you become acquainted with how it works. - - - - - - - Op dit moment gebruikt Inkscape de Potrace engine van Peter Selinger voor het overtrekken van bitmaps (potrace.sourceforge.net). In de toekomst gaan we mogelijk alternatieve overtrekprogramma's ondersteunen. Echter, nu is deze goede tool meer dan voldoende voor onze noden. - - - - - - Hou in het achterhoofd dat het doel van overtrekken noch het reproduceren is van een exacte kopie van het origineel, noch bedoeld is voor het maken van een finale afbeelding. Geen enkel overtrekprogramma kan dat. Het geeft je echter een set curves die je als bron voor je afbeelding kan gebruiken. - - - - - - Potrace interpreteert een zwart-witafbeelding en maakt hiervan een set curves. We hebben nu drie types invoerfilters voor Potrace om de ruwe afbeelding te converteren in iets dat Potrace kan gebruiken. - - - - - - Algemeen geldt dat hoe meer donkere pixels in de intermediaire bitmap, hoe meer Potrace zal overtrekken. Omdat de hoeveelheid overtrek vergroot, is meer CPU-tijd nodig en zal het <path>-element veel groter worden. Het is een goed idee dat je als gebruiker eerst experimenteert met lichtere afbeeldingen en dan langzaam overgaat naar donkere afbeeldingen om de gewenste proportie en complexiteit van het uitvoerpad te verkrijgen. - - - - - - Om de tracer te gebruiken, laad of importeer je een afbeelding, selecteer deze en klik op het commando Paden > Bitmap overtrekken of gebruik je Shift+Alt+B. - Algemene opties in het dialoogvenster Bitmap overtrekken - - - - - - - De gebruiker zal de volgende drie beschikbare filteropties zien: - - - - - - - Helderheid grenswaarde - - - - - - Deze optie gebruikt in essentie de som van de rood-, groen- en blauwwaarde (of grijstint) van een pixel als een zwart-witindicator. De grenswaarde kan ingesteld worden van 0.0 (zwart) tot 1.0 (wit). Hoe hoger de grenswaarde, hoe kleiner het aantal pixels dat als “wit” wordt gezien en bijgevolg hoe donkerder de intermediaire afbeelding. - Originele afbeelding - Helderheid grenswaardeVulling, geen lijn - Helderheid grenswaardeLijn, geen vulling - - - - - - - - - - Optimale randdetectie - - - - - - Deze optie gebruikt het randdetectiealgoritme van J. Canny als een snelle methode voor het vinden van lijnen met dezelfde kleurgradiënt of contrast. Dit zal een intermediaire afbeelding produceren die minder lijkt op de originele tekening dan met de optie Helderheid, maar zal wellicht curve-informatie bevatten die anders genegeerd wordt. De grenswaarde (0.0 - 1.0) past hier de grenswaarde voor de helderheid aan die bepaalt of een pixel langs de contrastrand in de uitvoer terug te vinden is. Deze instelling kan de donkerheid of randdikte in de uitvoer aanpassen. - Originele afbeelding - Rand gedetecteerdVulling, geen lijn - Rand gedetecteerdLijn, geen vulling - - - - - - - - - - Kleurquantisatie - - - - - - Het resultaat van deze filter produceert een intermediaire afbeelding die zeer verschillend is van de twee andere, maar niettemin erg bruikbaar is. In tegenstelling met het tonen van lijnen met gelijke helderheid of contrast, zal deze filter randen vinden waar kleuren veranderen, zelfs bij gelijke helderheid en contrast. De instelling, aantal kleuren, bepaalt hoeveel kleuren er in de intermediaire afbeelding zouden zijn, indien deze intermediaire bitmap in kleur was. Het kent dan zwart en wit toe afhankelijk van het feit of de kleur een even of oneven index heeft. - Originele afbeelding - Quantisatie (12 kleuren)Vulling, geen lijn - Quantisatie (12 kleuren)Lijn, geen vulling - - - - - - - - - De gebruiker zou de drie filters moeten proberen en de verschillende types uitvoer voor verschillende types afbeeldingen observeren. Er is altijd een afbeelding waar de ene filter beter werkt dan de andere. - - - - - - Na het overtrekken is het aan te raden om het commando Paden > Vereenvoudigen (Ctrl+L) toe te passen op het uitvoerpad om het aantal knooppunten te reduceren. Dit vereenvoudigt het bewerken van de potrace-uitvoer. Hier is bijvoorbeeld een typische overtrek van de Oude gitaarspeler: - Originele afbeelding - Overtrokken afbeelding / uitvoer(1551 knooppunten) - - - - - - - - Zie het enorm aantal knooppunten in het pad. Na het drukken op Ctrl+L is dit een typisch resultaat: - Originele afbeelding - Overtrokken afbeelding / uitvoer - vereenvoudigd(384 knooppunten) - - - - - - - - De voorstelling is een beetje meer benaderend en ruw, maar de afbeelding is veel eenvoudiger en bewerkbaarder. Hou in het achterhoofd dat wat je wil niet een exacte rendering is van de afbeelding, maar een set curves die je kan gebruiken in je afbeelding. - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Gebruik Ctrl+pijl omhoog om te scrollen - + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omhoog om te scrollen + + -- cgit v1.2.3 From 060eabf5076cd732c6f250ef1db4a15b19d37841 Mon Sep 17 00:00:00 2001 From: Kris De Gussem Date: Thu, 11 Nov 2010 13:02:16 +0100 Subject: New Dutch calligraphy and interpolate tutorial (bzr r9889) --- share/tutorials/Makefile.am | 2 + share/tutorials/tutorial-calligraphy.nl.svg | 831 ++++++++++++++++++++++++++++ share/tutorials/tutorial-interpolate.nl.svg | 610 ++++++++++++++++++++ 3 files changed, 1443 insertions(+) create mode 100644 share/tutorials/tutorial-calligraphy.nl.svg create mode 100644 share/tutorials/tutorial-interpolate.nl.svg (limited to 'share/tutorials') diff --git a/share/tutorials/Makefile.am b/share/tutorials/Makefile.am index 9a449b3e0..a1c5a08cd 100644 --- a/share/tutorials/Makefile.am +++ b/share/tutorials/Makefile.am @@ -88,6 +88,7 @@ tutorial_DATA = \ tutorial-calligraphy.hu.svg \ tutorial-calligraphy.id.svg \ tutorial-calligraphy.ja.svg \ + tutorial-calligraphy.nl.svg \ tutorial-calligraphy.pl.svg \ tutorial-calligraphy.pt_BR.svg \ tutorial-calligraphy.ru.svg \ @@ -118,6 +119,7 @@ tutorial_DATA = \ tutorial-interpolate.fr.svg \ tutorial-interpolate.hu.svg \ tutorial-interpolate.ja.svg \ + tutorial-interpolate.nl.svg \ tutorial-interpolate.pl.svg \ tutorial-interpolate.sk.svg \ tutorial-interpolate.sl.svg \ diff --git a/share/tutorials/tutorial-calligraphy.nl.svg b/share/tutorials/tutorial-calligraphy.nl.svg new file mode 100644 index 000000000..e253bf0b4 --- /dev/null +++ b/share/tutorials/tutorial-calligraphy.nl.svg @@ -0,0 +1,831 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omlaag om te scrollen + + handleiding + + + ::KALLIGRAFIE + +Bulia Byak, buliabyak@users.sf.net en Josh Andler, scislac@users.sf.net + + + + + + Een van de fantastische gereedschappen die beschikbaar is in Inkscape is het gereedschap kalligrafie. Deze handleiding helpt je op weg met de werking van het gereedschap en demonstreert enkele basistechnieken in de kalligrafiekunst. + + + + + + + Gebruik Ctrl+Pijltjestoetsen, muiswiel of middenmuisknop om naar beneden te scrollen. Voor de basis van objecten maken, selectie en transformatie, zie de Basishandleiding in Help > Handleidingen. + + + Geschiedenis en stijlen + + + + + + + De woordenboekdefinitie van kalligrafie is “mooi schrijven” of “mooie en elegante schrijfkunst”. Per definitie is kalligrafie de kunst van het maken van mooie of elegante handschriften. Het komt misschien vreemd over, maar met een beetje oefening kan iedereen de basis van deze kunst beheersen. + + + + + + + De oudste vormen van kalligrafie gaan terug op de grottekeningen. Tot ongeveer 1440 n.Chr., voor de boekdrukkunst was uitgevonden, was kalligrafie de methode voor het maken van boeken en andere publicaties. Een schriftgeleerde moest elke individuele kopie van elk boek of publicatie met de hand schrijven. Schrijven gebeurde met een veer en inkt op materialen zoals perkament of doek. De door de eeuwen gebruikte lettertypes omvatten het Rustica, Karolingisch, Gotisch, etc. De meest waarschijnlijke gelegenheid waarbij men heden ten dage kalligrafie tegenkomt is op huwelijksuitnodigingen. + + + + + + + Er zijn drie hoofdstijlen van kalligrafie: + + + + + + + + Westers of Romeins + + + + + + + + Arabisch + + + + + + + + Chinees of Oriëntaals + + + + + + + Deze handleiding focust in hoofdzaak op de Westerse kalligrafie, aangezien er bij de andere twee stijlen vaak een borstel gebruikt wordt (in plaats van een pen met punt), wat niet de wijze is waarop ons kalligrafiegereedschap nu functioneert. + + + + + + + Een handig voordeel dat we hebben ten opzichte van de schriftkunst uit het verleden is de opdracht Ongedaan maken: bij een fout is de volledige pagina niet geruïneerd. Inkscape's kalligrafiegereedschap laat ook enkele technieken toe die niet mogelijk zijn met het traditionele pen en papier. + + + Hardware + + + + + + + Je zal de beste resultaten verkrijgen indien je een tablet en pen gebruikt (bv. Wacom). Dankzij de flexibiliteit van het gereedschap kan zelfs diegene met alleen een muis vrij ingewikkelde kalligrafie maken, alhoewel er moeilijkheden zullen zijn met het maken van snelle vegen. + + + + + + + Inkscape kan gebruik maken van de drukgevoeligheid en hellingsgevoeligheid van een tabletpen dat deze features ondersteunt. De gevoeligheidsfuncties zijn standaard uitgeschakeld, omdat ze juist ingesteld moeten worden. Houdt ook in het achterhoofd dat kalligrafie met veer of pen met punt ook niet gevoelig zijn voor druk in tegenstelling met een borstel. + + + + + + + Indien je een tablet hebt en de gevoeligheidsfunctionaliteit wil gebruiken, moet je het toestel configureren. Deze configuratie is slechts éénmalig nodig; de instellingen worden bewaard. Voor het inschakelen van de ondersteuning moet het tablet ingeplugd zijn voor het starten van Inkscape en ga dan naar Invoerapparaten... in het menu Bestand. Met dit dialoogvenster kan je het voorkeursinstellingen voor het toestel en tablet pen kiezen. Schakel vervolgens over naar het kalligrafiegereedschap en verschakel de knoppen voor druk en hoek in de knoppenbalk. Vanaf nu zal Inkscape deze instellingen onthouden. + + + + + + + De kalligrafiepen van Inkscape kan gevoelig zijn voor de snelheid van de pennentrek (zie hieronder bij “Versmalling”). Bijgevolg, indien je een muis gebruikt, is 0 wellicht de beste waarde voor deze parameter. + + + Opties kalligrafiegereedschap + + + + + + + Schakel over naar het kalligrafiegereedschap door te drukken op Ctrl+F6, op C, of door te klikken op de knoppenbalk. Op de gereedschapsdetailsbalk zijn er 8 opties zichtbaar: Breedte & Versmalling & Hoek & Oriëntatie & Kapje & Beving & Wegglijden & Massa. Er zijn ook nog twee knoppen voor het inschakelen van druk- en hoekgevoeligheid (voor tekentabletten). + + + Breeedte & versmalling + + + + + + + Deze twee opties bepalen de breedte van je pennentrek. De breedte kan variëren tussen 1 en 100 en wordt (standaard) gemeten in eenheden relatief ten opzichte van je bewerkingsvenster, onafhankelijk van de zoom. Dit is logisch, omdat de natuurlijke “maat” in kalligrafie de omvang van de handbewegingen is. Het is dus handig om de breedte van je penpunt in constante verhouding met de grootte van je “tekenplank” te hebben en niet in reële eenheden, die het afhankelijk van de zoom zouden maken. Dit gedrag is echter optioneel. Je kan het veranderen indien je absolute eenheden van zoom verkiest. Om naar deze modus over te schakelen, gebruik het selectievakje op de voorkeurpagina van het gereedschap (open door de dubbelklikken op de gereedschapsknop. + + + + + + + Aangezien de penbreedte vaak verandert wordt, kan je deze veranderen zonder tussenkomst van de knoppenbalk met de pijltjestoetsen links en rechts of met een tablet dat drukgevoeligheid ondersteunt. Het leukste aan deze toetsen is dat ze werken terwijl je tekent. Je kan dus de breedte van je pennentrek gradueel veranderen in het midden van de lij: + + breedte=1, stijgend... nadert 47, dalend ... terug naar 0 + + + + + + + De penbreedte kan ook afhankelijk zijn van de snelheid, bepaald door de parameter Versmalling. Deze parameter kan waarden aannemen van -100 tot 100. Nul betekent dat de breedte onafhankelijk is van de snelheid, positieve waarden maakt snelle pennentrekken smaller, terwijl negatieve waarden snelle pennentrekken breder maakt. De standaardwaarde van 0.1 zorgt voor middelmatige verdunning van snelle pennentrekken. Hier zijn enekel voorbeelden getekent met breedte=20 en hoek=90: + + versmalling = 0 (uniforme breedte) + versmalling = 10 + versmalling = 40 + versmalling = -20 + versmalling = -60 + + + + + + + + + + + + + + + + + + + + + + + + + + Voor de fun, stel breedte en verdunning beide in op 100 (maximum) en teken met schokkerige bewegingen om rare natuurlijk neuron-achtige vormen te krijgen: + + + + + + + + + Hoek & fixatie + + + + + + + Na de breedte is de hoek de meest belangrijke kalligrafieparameter. Het is de hoek van je pen in graden, van 0 (horizontaal) tot 90 (verticaal tegen de wijzers van de klok) of tot -90 (verticaal met de wijzers van de klok). Onthou dat wanneer je hoekgevoeligheid voor je tablet inschakelt, de parameter hoek grijs kleurt, aangezien de hoek bepaalt wordt door de hoek van je pen. + + + + + + + + + + + + + hoek = 90 gr + hoek = 30 (standaard) + hoek = 0 + hoek = -90 gr + + + + + + + + + + + + + + + + + Elke traditionele kalligrafiestijl heeft zijn eigen standaard penhoek. Bijvoorbeeld, het Unciaal handschrift gebruikt een hoek van 25 graden. Bij meer gecompliceerde handschriften en bij gevorderde kalligrafen zal de hoek variëren tijdens het tekenen. Inkscape maakt dit mogelijk door het drukken op de pijltjestoetsen omhoog en omlaag of met een tablet dat hoekgevoeligheid ondersteunt. Voor kalligrafielessen voor beginners werkt het constant van de hoek het beste. Hier zijn voorbeelden van pennentrekken getekend met verschillende hoeken (fixatie=100): + + hoek = 30 + hoek = 60 + hoek = 90 + hoek = 0 + hoek = 15 + hoek = -45 + + + + + + + + + + + + Zoals je kan zien, is de lijn het smalst wanneer deze parallel en het breedst wanneer deze loodrecht met de oriëntatie getekend is. Positieve hoeken zijn het meest natuurlijk en traditioneel voor rechtshandige kalligrafie. + + + + + + + De mate van contrast tussen het smalste en breedste wordt bepaald door de parameter fixatie. De waarde 100 betekent dat de hoek altijd constant is zoals ingesteld bij Hoek. Het verlagen van de fixatie laat de pen een beetje tegen de richting van de lijn draaien. Met fixatie=0 draait de pen vrij zodat deze altijd loodrecht staat op de lijn en de hoek geen effect meer heeft: + + + + + + + hoek = 30fixatie = 100 + hoek = 30fixatie = 80 + hoek = 30fixatie = 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Vanuit typografisch standpunt zijn maximum fixatie en bijgevolg maximum lijnbreedtecontrast (boven links) de kenmerken van de oude serif lettertypen, zoals Times of Bodoni, omdat deze lettertypen historisch een imitatie waren van vaste-pen-kalligrafie. Nul fixatie en nul breedtecontrast (boven rechts) aan de andere kant, suggereren moderne sans serif lettertypen zoals Helvetica. + + + Beving + + + + + + + Beving is bedoeld om een meer natuurlijk uitzicht te geven aan de kalligrafie. De mate van beving is aanpasbaar in de gereedschapsdetailsbalk tussen 0,0 en 1,0. Het beïnvloedt je lijnen zodat je alles tussen lichte oneffenheden en wilde vlekken kan verkrijgen. Dit vergroot het creatieve interval van het gereedschap significant. + + + traag + gemiddeld + snel + + + + + + + + + + + beving = 0 + beving = 10 + beving = 30 + beving = 50 + beving = 70 + beving = 90 + beving = 20 + beving = 40 + beving = 60 + beving = 80 + beving = 100 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Wegglijden & Massa + + + + + + + In tegenstelling tot breedte en hoek definiëren deze laatste twee parameters eerder hoe het gereedschap “aanvoelt” dan dat ze de visuele output beïnvloeden. Bijgevolg zijn er ook geen illustraties in deze sectie. Probeer ze gewoon om er een beter idee van te krijgen. + + + + + + + Wegglijden is de weerstand van het papier tegen de beweging van de pen. Standaard staat deze op het minimum (0). Deze parameter vergroten maakt het papier “slipperig”: indien de massa groot is, heeft de pen de neiging om weg te glijden bij scherpe bochten; indien de massa nul is, zorgt een hoge waarde voor wegglijden dat de pen wild wiebelt. + + + + + + + In de natuurkunde is massa datgene wat traagheid veroorzaakt. Hoe hoger de massa van het Inkscape kalligrafiegereedschap, hoe meer het achterblijft op je muispointer en hoe meer het scherpe bochten en snelle trekken in je lijn afvlakt. Standaard is deze waarde vrij klein (2) zodat het gereedschap snel en responsief is, maar je kan de massa verhogen om een tragere en effenere pen te krijgen. + + + Kalligrafievoorbeelden + + + + + + + Nu dat je de basismogelijkheden van het gereedschap kent, kan je proberen om enige echte kalligrafie te maken. Indien je nieuw in deze kunst bent, haal een goed kalligrafieboek en bestudeer het met Inkscape. Deze sectie zal je enkele eenvoudige voorbeelden tonen. + + + + + + + Om letter te maken moet je eerst en vooral een aantal linialen maken om je te helpen. Indien je in cursief schrijft, voeg enkele schuine hulplijnen toe tussen de twee linialen, bijvoorbeeld: + + + + + + + + + + + + + + + Zoom vervolgens in zodat de hoogte tussen de linialen overeenkomt met je meest natuurlijke range van handbewegingen, pas de breedte en hoek aan en schrijven maar! + + + + + + + Wellicht is het eerste ding dat je als beginnende kalligraaf wil doen, de basiselementen van letters oefenen — verticale en horizontale lijnen, ronde lijnen en cursieve lijnen. Hier zijn enkele letteronderdelen van het Unciaal handschrift: + + + + + + + + + + + + + + + + + + + + + + + + Enkele bruikbare tips: + + + + + + + + Indien je hand confortabel zit op het tablet, verplaats het niet. Scroll in plaats daarvan het canvas (Ctrl+pijltjestoetsen) met je linkerhand na het beëindigen van elke letter. + + + + + + + + Indien je laatste lijn slecht is, maak deze gewoon ongedaan (Ctrl+Z). Echter, indien de vorm goed is, maar de positie of grootte is niet perfect, is het beter om tijdelijk naar het selectiegereedschap over te schakelen (Spatie) en verplaats/schaal/roteer zoals gewenst (met de muis of het toetsenbord), druk dan opnieuw op Spatie om naar het kalligrafiegereedschap terug te gaan. + + + + + + + + Schakel na het beëindigen terug over naar het selectiegereedschap om uniformiteit en letterspatiëring aan te passen. Overdrijf hier echter niet mee: goede kalligrafie moet een wat onregelmatig uitzicht behouden. Weersta de drang om letters en letteronderdelen te kopiëren; elke lijn moet origineel zijn. + + + + + + + Hier zijn nog enkele lettervoorbeelden: + + + + + + + + + + Unciaal + Karolingisch + Gotisch + Bastarda + + + Vloeiend cursief + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Conclusie + + + + + + + Kalligrafie is niet allen fun. Het is een diep spirituele kunst die je zicht op alles wat je doet en ziet, kan beïnvloeden. Inkscape's kalligrafiegereedschap kan alleen dienen als een bescheiden introductie. En toch is het leuk om mee te spelen en kan het bruikbaar zijn in echte ontwerpen. Veel plezier! + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omhoog om te scrollen + + + + diff --git a/share/tutorials/tutorial-interpolate.nl.svg b/share/tutorials/tutorial-interpolate.nl.svg new file mode 100644 index 000000000..6d8c3507f --- /dev/null +++ b/share/tutorials/tutorial-interpolate.nl.svg @@ -0,0 +1,610 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omlaag om te scrollen + + handleiding + + + ::INTERPOLEREN + +Ryan Lerch, ryanlerch at gmail dot com + + + + + + Dit document legt uit hoe je de Inkscape-uitbreiding Interpoleren gebruikt + + + Introductie + + + + + + + Interpoleren maakt een lineaire interpolatie tussen twee of meer geselecteerde paden. Eenvoudig gezegd betekent het dat het “de gaten vult” tussen de paden en deze transformeert in overeenstemming met het aantal gegeven stappen. + + + + + + + Selecteer voor het gebruik van Interpoleren de paden die je wil transformeren en kies Uitbreidingen > Genereren uit pad > Interpoleren in het menu. + + + + + + + Vooraleer de uitbreiding toe passen, moeten de objecten die je wil transformeren, omgezet worden in paden. Dit kan door de objecten te selecteren en Paden > Object naar pad of Shift+Ctrl+Cte gebruiken. Indien je objecten geen paden zijn, doet de uitbreiding niets. + + + Interpolatie tussen twee identieke paden + + + + + + + Het eenvoudigste gebruik van de uitbreiding Interpoleren is interpoleren tussen twee identieke paden. Wanneer deze aangeroepen wordt, is het resultaat dat de ruimte tussen de twee paden opgevuld wordt met duplicaten van de originele paden. Het aantal stappen bepaalt het aantal geplaatste duplicaten. + + + + + + + Neem bijvoorbeeld de volgende twee paden: + + + + + + + + + + + Selecteer nu beide paden en voer Interpoleren uit met de instellingen zoals getoond in de volgende afbeelding. + + + + + + + + + + + + + Exponent: 0.0Interpolatiestappen: 6Interpolatiemethode: 2Eindpaden dupliceren: uitgevinktStijl interpoleren: uitgevinkt + + + + + + + Zoals je kan zien in het bovenstaande resultaat, is de ruimte tussen de twee cirkelvormige paden gevuld met zes (het aantal interpolatiestappen) andere cirkelvormige paden. Noteer ook dat Interpoleren deze vormen groepeert. + + + Interpolatie tussen twee verschillende paden + + + + + + + Wanneer interpolatie toegepast wordt op twee verschillende paden interpoleert het programma de vorm van het ene pad in het andere. Het resultaat is dat je een morphingsequentie tussen de twee paden krijgt, waarbij de regelmatigheid bepaald wordt door het aantal interpolatiestappen. + + + + + + + Neem bijvoorbeeld de volgende twee paden: + + + + + + + + + + + Selecteer nu de twee paden en pas Interpoleren toe. Het resultaat zou ongeveer zo moeten zijn: + + + + + + + + + + + + + Exponent: 0.0Interpolatiestappen: 6Interpolatiemethode: 2Eindpaden dupliceren: uitgevinktStijl interpoleren: uitgevinkt + + + + + + + Zoals je kan zien in het bovenstaande resultaat, is de ruimte tussen het cirkelvormige pad en het driehoekpad opgevuld met zes paden die gradueel van de ene vorm in de andere overgaan. + + + + + + + Bij het gebruik van de uitbreiding Interpoleren op twee verschillende paden, is de positie van het beginknooppunt van elk pad van belang. Om het beginknooppunt te vinden, selecteer je het pad en schakel je over naar het knooppuntengereedschap opdat de knooppunten verschijnen. Druk op TAB. Het eerste geselecteerde knooppunt is het beginknooppunt van het pad. + + + + + + + Bekijk onderstaande afbeelding die identiek is aan het vorige voorbeeld, behalve dat de knooppunten worden weergegeven. Het groene knooppunt op elk pad is het beginknooppunt. + + + + + + + + + + + + + + + + + + Het vorige voorbeeld (hier nogmaals weergegeven) werd toegepast met deze knooppunten als de beginknooppunten. + + + + + + + + + + + + + Exponent: 0.0Interpolatiestappen: 6Interpolatiemethode: 2Eindpaden dupliceren: uitgevinktStijl interpoleren: uitgevinkt + + + + + + + Bekijk nu de veranderingen in het interpolatieresultaat wanneer de driehoek gespiegeld wordt opdat het startknooppunt zich in een andere positie bevindt: + + + + + + + + + + + + + + + + + + + + + + + + + + + + Interpolatiemethode + + + + + + + Een van de parameters van de Interpoleren is de Interpolatiemethode. Er zijn twee interpolatiemethoden geïmplementeerd die verschillen in de wijze waarop de curven van de nieuwe paden berekend worden. De mogelijke keuzen zijn Interpolatiemethode 1 of 2. + + + + + + + In bovenstaande voorbeelden gebruikten we Interpolatiemethode 2 en was het resultaat: + + + + + + + + + + + + + + + + + + + Vergelijk dit met Interpolatiemethode 1: + + + + + + + + + + + + + + + + + + + De verschillen on hoe deze methoden de getallen berekenen valt buiten scope van dit document. Probeer dus gewoon beide en gebruik het resultaat dat het dichtste aanleunt bij wat je in gedachten had. + + + Exponent + + + + + + + De parameter exponent bepaalt de afstand tussen de stappen van de interpolatie. Een exponent 0 zorgt voor een gelijke afstand tussen de kopieën + + + + + + + Hier is het resultaat van nog een eenvoudig voorbeeld met exponent 0. + + + + + + + + + + + + + Exponent: 0.0Interpolatiestappen: 6Interpolatiemethode: 2Eindpaden dupliceren: uitgevinktStijl interpoleren: uitgevinkt + + + + + + + Hetzlfde voorbeeld met exponent 1: + + + + + + + + + + + + + + + + + + + met exponent 2: + + + + + + + + + + + + + + + + + + + met exponent -1: + + + + + + + + + + + + + + + + + + + Wanneer je exponenten gebruikt bij Interpoleren, is de volgorde waarin je de objecten selecteert van belang. In de bovenstaande voorbeelden is het stervormige pad links eerst geselecteerd en het hexagonale pad rechts als tweede. + + + + + + + Bekijk het resultaat wanneer het rechtse pad eerst was geselecteerd. De exponent in dit voorbeeld is 1: + + + + + + + + + + + + + + + Eindpaden dupliceren + + + + + + + Deze parameter bepaalt of de groep paden die door de uitbreiding gegenereert wordt, een kopie bevat van de originele paden waarop Interpoleren toegepast werd. + + + Stijl interpoleren + + + + + + + Deze parameter is een van de mooie functies van Interpoleren. Het zorgt ervoor dat Interpoleren bij elke stap de stijl van de paden tracht te veranderen. Bijgevolg, indien het begin- en eindpad verschillende kleuren hebben, zullen de gegeneerde paden incrementeel van kleur veranderen. + + + + + + + Dit is een voorbeeld waarbij Stijl interpoleren gebruikt is op de vulling van een pad. + + + + + + + + + + + + + + + + + + + Stijl interpoleren beïnvloedt ook de omlijning van een pad: + + + + + + + + + + + + + + + + + + + Begin- en eindpad hoeven uiteraard niet hetzelfde te zijn: + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik voor imitatie van onregelmatige kleurverlopen + + + + + + + Het is in Inkscape (nog) niet mogelijk om andere dan linaire (rechte lijn) of randiale (ronde) kleurverlopen te maken. Dit kan echter geïmiteerd worden door Interpoleren met Stijl interpoleren. Zie het volgende eenvoudige voorbeeld - teken twee lijnen met verschillende omlijning: + + + + + + + + + + + En interpoleer tussen de twee lijnen om je kleurverloop te maken: + + + + + + + + + + + + + + + + + + + + + + + + + Conclusie + + + + + + + Zoals hierboven gedemonstreerd, is de Inskcapeuitbreiding Interpoleren een krachtige tool. Deze handleiding omvat de basis van de uitbreiding, maar proberen is de weg naar het verder exploreren van interpolatie. + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omhoog om te scrollen + + + + -- cgit v1.2.3 From 2e67fd768a95b060bfaa763c2cf08cf5dd650395 Mon Sep 17 00:00:00 2001 From: Kris De Gussem Date: Thu, 11 Nov 2010 16:41:37 +0100 Subject: Japanese calligraphy tutorial update by Masato HASHIMOTO (bzr r9890) --- share/tutorials/tutorial-calligraphy.ja.svg | 677 ++++++++++++++-------------- 1 file changed, 339 insertions(+), 338 deletions(-) (limited to 'share/tutorials') diff --git a/share/tutorials/tutorial-calligraphy.ja.svg b/share/tutorials/tutorial-calligraphy.ja.svg index 8c8b1578d..f8e7f2a2f 100644 --- a/share/tutorials/tutorial-calligraphy.ja.svg +++ b/share/tutorials/tutorial-calligraphy.ja.svg @@ -1,4 +1,5 @@ + @@ -67,177 +68,177 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net Ctrl+矢印、マウスホイール、または 中央ボタンを押しながらドラッグ を使ってページをスクロールすることができます。基本的なオブジェクトの作成、選択、変形については、 ヘルプ > チュートリアル から基本チュートリアルをご覧ください。 - - 歴史と様式 + + 歴史と様式 - + 辞書によると、カリグラフィ とは「美しい文字」あるいは「美しく気品ある書法」を意味します。本来カリグラフィとは、美しい、あるいは気品ある手書き筆跡を作成する芸術のことです。それは少々堅苦しそうな響きに聞こえるかもしれませんが、少しの練習で誰でもこの芸術の基本を習得することができます。 - + 最古のカリグラフィといえば洞窟画にまで遡ります。印刷機が登場する以前、おおよそ紀元 1440 年頃までは、カリグラフィは書籍やその他の出版物を作成する手段でした。写字生はすべての書籍あるいは出版物の、すべての複製をそれぞれ手書きで作成しなければなりませんでした。手書きは羊皮紙やベラムの上に羽ペンとインクを使用して行われました。時代を経て使用されている書体には、ラスティック体、カロリング体、ブラックレター体などがあります。おそらく、こんにち一般の人々がカリグラフィを目にするもっとも一般的なものと言えば結婚式の招待状でしょうか。 - + カリグラフィには、3 つの主なスタイルがあります: - - + + 西洋またはローマ風 - - + + アラビア風 - - + + 中国または東洋風 - + このチュートリアルでは、主に西洋風カリグラフィに焦点を当てています。他の 2 つについては、現在のカリグラフィツールの機能よりも、どちらかといえば (ペンではなく) ブラシを使うべきでしょう。 - + 過去の写字生たちに対し、私たちがもつ圧倒的なアドバンテージが 元に戻す コマンドの存在です。もしあなたが書き損じても、そのページが台無しになったりしません。Inkscape のカリグラフィツールはまた、古典的なペンとインクでは不可能なテクニックも使えます。 - - ハードウェア + + ハードウェア - + あなたが、たとえば Wacom などの ペンタブレット を使えば、もっともよい結果が得られるでしょう。私たちのツールの柔軟性のおかげで、素早く曲線を引くことには若干の困難がありますが、マウスだけでもかなり複雑なカリグラフィを書くことができます。 - + Inkscape はタブレットペンがサポートする 筆圧検知 や 傾き検知 機能を利用できます。検知機能は設定が必要であるため、デフォルトでは無効になっています。また、ペンでのカリグラフィはブラシとは違い、筆圧検知に敏感ではないことも覚えておいてください。 - + あなたがタブレットを所有しており、検知機能を使いたい場合は、デバイスの設定が必要になります。この設定は一度行えばそれが保存されます。この機能を有効にするには、まず Inkscape を起動する前にタブレットを接続しておいてください。起動後、ファイル メニューの 入力デバイス... コマンドを選択してください。ダイアログが表示され、既定のデバイスおよびタブレットペンの設定が行えます。設定を保存したら、カリグラフィツールに切り替え、ツールバー上の筆圧および傾き検知ボタンを押してください。以降、Inkscape は起動時にそれら設定を復元します。 - + Inkscape カリグラフィペンは、ペンの動く 速度 を検知できます (後述の「幅変化」を参照してください)。マウスを使用している場合はこのパラメータをゼロにした方がいいかもしれません。 - - カリグラフィツールオプション + + カリグラフィツールオプション - + Ctrl+F6 キーを押す、C キーを押す、もしくはツールバーボタンを押してカリグラフィツールに切り替えてください。上のツールコントロールバーには 7 つのオプション (幅と幅変化、角度と固定度、震え、およびうねりと質量) があります。またタブレットでの描画用に、タブレットの筆圧および傾き検知をオン/オフする 2 つのボタンがあります。 - - 幅と幅変化 + + 幅と幅変化 - + このオプションのペアは、ペンの 幅 を制御します。幅の値は 1 から 100 が指定でき、単位はデフォルトでは編集ウインドウサイズとの相対値となりますが、ズームレベルには影響されません。これには理由があり、カリグラフィにおける自然な「測定単位」はあなたの手の動きの範囲であり、ペン先の幅はあなたの「画板」に対する一定比である方が、ズームレベルに依存した現実の単位よりも便利だからです。 - + ペン幅はちょくちょく変更されるものなので、ツールバーを使わずに調整することができます。左 および 右 矢印キーか、タブレットの筆圧検知機能を使います。これらキーのもっとも優れている点は描画中にも動作するということです。つまり、あなたが描いている最中に徐々にペンの幅を変更することができます。 - 幅=1, 増加.... 幅=47, 減少... 幅=0 に戻る - - + 幅=1, 増加.... 幅=47, 減少... 幅=0 に戻る + + 幅変化 パラメータによって、ペンの幅は速度にも依存します。このパラメータは -100 から 100 までの値をとり、ゼロにすると幅は速度の影響を受けずに一定になり、正数なら速度に比例して細くなり、負数なら速度に比例して太くなります。デフォルトの 10 は速い筆の動きで穏やかに細くなります。ここにいくつかの例があります。すべて幅=20、角度=90で描画されています: - 幅変化 = 0 (一定幅) - 幅変化 = 10 - 幅変化 = 40 - 幅変化 = -20 - 幅変化 = -60 - - - - - - - - - - - - - - - - - - - - - + 幅変化 = 0 (一定幅) + 幅変化 = 10 + 幅変化 = 40 + 幅変化 = -20 + 幅変化 = -60 + + + + + + + + + + + + + + + + + + + + + 面白半分に、幅と幅変化の両方を 100 (最大) に設定し、きまぐれにペンを動かし描いてみると、妙に自然な、神経細胞のようなシェイプができあがりました: - - - - - - - - 角度と固定度 + + + + + + + + 角度と固定度 - + @@ -252,15 +253,15 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - - - - 角度 = 90° - 角度 = 30 (デフォルト) - 角度 = 0 - 角度 = -90° - - + + + + 角度 = 90° + 角度 = 30 (デフォルト) + 角度 = 0 + 角度 = -90° + + @@ -269,58 +270,58 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - - + + - 古典的なカリグラフィ書体は、それぞれ自身のペン角度を持っていました。例えば、アンシャル体では角度 25°を採用しています。より複雑な書体やより熟練した書家は、しばしば描画中に角度を変えるでしょう。Inkscape はこれを 上 および 下 矢印キーまたはタブレットの傾き検知機能で行えます。しかし、カリグラフィの練習を始めたばかりのころは角度を一定に保つ方がよいでしょう。ここに様々な角度で描かれた例があります (固定度=100): + 古典的なカリグラフィ書体は、それぞれ自身のペン角度を持っていました。例えば、アンシャル体では角度 25°を採用しています。より複雑な書体やより熟練した書家は、しばしば描画中に角度を変えますが、Inkscape はこれを 上 および 下 矢印キーまたはタブレットの傾き検知機能で実現しています。ただし、カリグラフィの練習を始めたばかりのころは角度を一定に保つ方がよいでしょう。ここに様々な角度で描かれた例を示します (固定度 = 100): - 角度 = 30 - 角度 = 60 - 角度 = 90 - 角度 = 0 - 角度 = 15 - 角度 = -45 - - - - - - - + 角度 = 30 + 角度 = 60 + 角度 = 90 + 角度 = 0 + 角度 = 15 + 角度 = -45 + + + + + + + ご覧のように、ストロークはその角度に平行に描くと細くなり、垂直に描くと太くなります。右手書きのカリグラフィでは、正の角度がもっとも自然で一般的です。 - + - 最も細い部分と最も太い部分の比率のレベルは、固定度 パラメータで制御できます。この値の 100 は常に角度フィールドで設定された角度で固定されることを意味します。固定度を減らすとペンはストロークの方向に対して少しずつ角度が変化します。固定度=0 で、ペンは束縛を受けずに常にストロークに対して垂直に回転し、角度はその効果が無視されます: + 最も細い部分と最も太い部分の比率のレベルは、固定度 パラメータで制御できます。この値の 100 は、常に角度フィールドで設定された角度に固定されることを意味します。固定度を減らすとペンはストロークの方向に対して少しずつ角度が変化します。固定度=0 で、ペンは束縛を受けずに常にストロークに対して垂直となり、角度はその効果が無視されます: - 角度 = 30固定度 = 100 - 角度 = 30固定度 = 80 - 角度 = 30固定度 = 0 - - - - - - - - - - + 角度 = 30固定度 = 100 + 角度 = 30固定度 = 80 + 角度 = 30固定度 = 0 + + + + + + + + + + @@ -329,7 +330,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -338,7 +339,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -347,7 +348,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -356,7 +357,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -365,7 +366,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -374,7 +375,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -383,7 +384,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -392,7 +393,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -401,7 +402,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -410,7 +411,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -419,7 +420,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -428,7 +429,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -437,7 +438,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -446,7 +447,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -455,7 +456,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -464,7 +465,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -473,320 +474,320 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + タイポグラフィ上の話では、最大固定度すなわち幅の対比が最大のストローク (上図左) が Times や Bodoni のようなアンティークなセリフ書体の特徴になっています (なぜならこれら書体は歴史的に固定ペンカリグラフィを模倣しているからです)。 - - 震え + + 震え - + 震え はカリグラフィストロークにより自然な見た目を与えることを目的としています。震えはツールコントロールバー上で調整でき、値は 0 から 100 の範囲をとります。これはストロークにわずかなむらから大胆な染みや斑点までのなんらかの作用を及ぼします。これはこのツールで作成した範囲を大きく拡張します。 - + ゆっくり 普通 速く - - - - - - - - - - 震え = 0 - 震え = 10 - 震え = 30 - 震え = 50 - 震え = 70 - 震え = 90 - 震え = 20 - 震え = 40 - 震え = 60 - 震え = 80 - 震え = 100 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - うねりと質量 + + + + + + + + + + 震え = 0 + 震え = 10 + 震え = 30 + 震え = 50 + 震え = 70 + 震え = 90 + 震え = 20 + 震え = 40 + 震え = 60 + 震え = 80 + 震え = 100 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + うねりと質量 - + 幅や角度と違い、この 2 つのパラメータは視覚効果に作用すると言うより、ツールの「感触」を定義します。そのため、この節ではイラストは一切ありません。あなた自ら試してみるというのがよい考えです。 - + うねり はペンを走らせる時の紙の抵抗です。値が小さいほど紙は「滑りやすく」なります。質量を大きくした場合、ペンは急な方向転換をしなくなります。質量がゼロの場合、低いうねりはペンを大胆にうねらせます。 - + 物理学では、質量 は慣性の要因です。Inkscape のカリグラフィツールにおいては、質量を大きくするとマウスポインタに追随するペンの遅れがより大きくなり、きびきび動かず、ストロークがよりスムーズなシェイプになります。デフォルトでは、この値は小さく (2) になっていますので素早く反応しますが、質量を増やせば、ゆっくりと、スムーズなペンになります。 - - カリグラフィの例 + + カリグラフィの例 - + ここまででカリグラフィツールの基本が分かったと思いますので、実際にいくつかカリグラフィを描いてみましょう。 - + まず最初に、ガイドとなるルーラのペアを作成しましょう。もし斜体や草書体を書こうとしているのであれば、2 つのルーラと交差するいくつかの斜線のガイドも加えます。以下に例を示します: - - - - - - - - - + + + + + + + + + そして、ルーラ間があなたが自然に手を動かすのに最も適した高さになるようにズームして、やってみましょう。 - + - おそらく、ビギナーカリグラファーのあなたは最初に文字の基本要素を練習するのがいいでしょう。すなわち、垂直および水平のステム、丸いストローク、斜めのステムです。ここにアンシャル体におけるいくつかの文字の要素をあげます: - - - - - - - - - - - - - - - - - - - + おそらく、ビギナーカリグラファーのあなたは最初に文字の基本要素を練習するのがいいでしょう。すなわち、垂直および水平のステム、丸いストローク、斜めのステムです。ここにアンシャル体におけるいくつかの文字の要素を示します: + + + + + + + + + + + + + + + + + + + 役に立つコツ: - - + + 手をタブレットのうえでくつろいだ体勢にしたら、そこから動かさないでください。代わりに、文字を書くごとに左手でキャンバスを (Ctrl+矢印 キーで) スクロールさせましょう。 - - + + 最後のストロークに失敗したら、元に戻しましょう (Ctrl+Z)。ただし、シェイプはうまく書けたけれども位置や大きさが少しずれていたなどの場合は、一時的に選択ツールに切り替え(スペース キー)、マウスやキーボードから移動/拡大縮小/回転などして修正しましょう。その後再び スペース キーを押せば、カリグラフィツールに戻ります。 - - + + 語句を書いたら、選択ツールに切り替え、ステムの均一性や字間を調整しましょう。でもやりすぎないでください。よいカリグラフィには、多少の不規則な手書き感を残さなければなりません。文字や文字要素をコピーしたいという誘惑に負けないでください。ストロークはそれぞれがオリジナルでなければなりません。 - + さらに、ここでいくつかの完全なレタリングの例をあげておきます: - - - - - - - - - アンシャル体 - カロリング体 - ゴシック体 - バタード体 - - - フラリッシュイタリック体 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 最後に + + + + + + + + + アンシャル体 + カロリング体 + ゴシック体 + バタード体 + + + フラリッシュイタリック体 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 最後に - + カリグラフィはただ楽しいだけではありません。それは、あなたが見たり行ったりするすべての物の見方を変えてしまうかもしれないくらい、深く精神的な芸術なのです。Inkscape のカリグラフィツールは、そのさわりの部分程度に用いることができるだけです。が、それを遊ぶには十分で、本当のデザインに役立つかもしれません。楽しんでください! - + -- cgit v1.2.3 From 50c7214ff2fd5c31ae24b50a844e04e3464de7b1 Mon Sep 17 00:00:00 2001 From: Kris De Gussem Date: Sat, 13 Nov 2010 21:47:53 +0100 Subject: New Dutch elements tutorial (bzr r9891) --- share/tutorials/Makefile.am | 1 + share/tutorials/tutorial-elements.nl.svg | 708 +++++++++++++++++++++++++++++++ 2 files changed, 709 insertions(+) create mode 100644 share/tutorials/tutorial-elements.nl.svg (limited to 'share/tutorials') diff --git a/share/tutorials/Makefile.am b/share/tutorials/Makefile.am index a1c5a08cd..b625a3d81 100644 --- a/share/tutorials/Makefile.am +++ b/share/tutorials/Makefile.am @@ -107,6 +107,7 @@ tutorial_DATA = \ tutorial-elements.hu.svg \ tutorial-elements.id.svg \ tutorial-elements.ja.svg \ + tutorial-elements.nl.svg \ tutorial-elements.pl.svg \ tutorial-elements.pt_BR.svg \ tutorial-elements.ru.svg \ diff --git a/share/tutorials/tutorial-elements.nl.svg b/share/tutorials/tutorial-elements.nl.svg new file mode 100644 index 000000000..f38ef2628 --- /dev/null +++ b/share/tutorials/tutorial-elements.nl.svg @@ -0,0 +1,708 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omlaag om te scrollen + + handleiding + + + ::ELEMENTEN + + + + + + + Deze handleiding demonstreert de elementen en ontwerpbeginselen die normaal aan kunststudenten aangeleerd worden om de verschillende aspecten in kunst te begrijpen. Dit is geen exclusieve lijst, dus voeg toe, haal uit en combineer om deze handleiding meer omvattend te maken. + + + + + Elementen + Principes + Kleur + Lijn + Vorm + Ruimte + Textuur + Helderheid + Grootte + Balans + Contrast + Klemtoon + Proportie + Patroon + Gradatie + Compositie + Overzicht + + Ontwerpbeginselen + + + + + + + De volgende elementen zijn de bauwstenen van een ontwerp. + + + Lijn + + + + + + + Een lijn is gedefinieerd als een merkteken met lengte en richting, gemaakt door een punt dat langs een oppervlak beweegt. Een lijn kan variëren in lengte, breedte, richting, kromming en kleur. Een lijn kan tweedimensionaal (een potloodlijn op papier) of impliciet 3D zijn. + + + + + + + + + + + + + + + Vorm + + + + + + + Een vorm wordt gemaakt wanneer lijnen elkaar snijden en een ruimte omgeven. Een verandering in kleur of schaduw kan een vorm definiëren. Vormen kunnen verdeeld worden in verschillende types: geometrisch (vierkant, driehoek, cirkel) of organisch (onregelmatig). + + + + + + + + + Grootte + + + + + + + Grootte refereert naar variaties in de proporties van objecten, lijnen of vormen. Er is zowel werkelijke als veronderstelde variatie in objectgrootte. + + + GR + klein + + Ruimte + + + + + + + Ruimte zijn de lege of open gebieden tussen, rond, boven, onder of in objecten. Vormen worden bepaald door de ruimte rondom en binnenin ze. Ruimte wordt vaak drie- of tweedimensionaal genoemd. Positieve ruimte wordt gevuld door een vorm. Negatieve ruimte omgeeft een vorm. + + + + + + + Kleur + + + + + + + Kleur is het gepercipieerde karakter van een oppervlak overeenkomstig de golflente van het reflecterende licht. Kleur heeft drie dimensies: tint (ander woord voor kleur, aangeduid door zijn naam zoals rood of geel), verzadiging (hoeveelheid kleur) en intensiteit (helder of mat). + + + + + + + + + + + + + + + Textuur + + + + + + + Textuur is hoe een oppervlak aanvoelt (actuele textuur) of eruit ziet (veronderstelde textuur). Texturen worden beschreven door woorden als ruw, zijde- of kiezelachtig. + + + + + + + + + + + + + + + + + + Helderheid + + + + + + + Helderheid is hoe donker of licht iets eruit ziet. Veranderingen in helderheid worden bereikt door zwart of wit aan de kleur toe te voegen. Clair-obscur gebruikt helderheid in afbeeldingen voor het dramatisch verhogen van contrasten in een compositie. + + + + + + + + + + + + + + + + + + + + + + + + + + + + Ontwerpprincipes + + + + + + + De principes gebruiken de ontwerpelementen om een compositie te maken. + + + Balans + + + + + + + Balans is het gevoel van visuele gelijkheid in vorm, helderheid, kleur, etc. Balans kan symmetrisch of asymmetrisch zijn. Objecten, helderheid, kleuren, texturen, vormen, etc. kunnen gebruikt worden voor de balans in een compositie. + + + + + + + + + Contrast + + + + + + + Contrast is de nevenschikking van tegengestelde elementen. + + + + + + + Klemtoon + + + + + + + Klemtoon wordt gebruikt om bepaalde delen van het kunstwerk te accentueren en je aandacht te trekken. Het middelpunt van de aandacht of focaal punt is de plaats in een werk waar je oog het eerst naar kijkt. + + + + + + + + Proportie + + + + + + + Proportie beschrijft de grootte, plaats of hoeveelheid van een ding in vergelijking met een ander. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Random mier & 4x4 + SVG-afbeelding gemaakt door Andrew FitzsimonMet dank aan de Open Clip Art Libraryhttp://www.openclipart.org/ + + + + + + + + + + + + + + + + + + + + + + + + Patroon + + + + + + + Een patroon wordt gemaakt door het steeds herhalen van een element (lijn, vorm of kleur). + + + + + + + + + + + + + + + + Gradatie + + + + + + + Gradatie in grootte en richting zorgt voor een lineair perspectief. Gradatie in kleur van warm naar koud en toon van donker naar licht produceert een atmosferisch perspectief. Gradatie kan voor interesse in en beweging van een vorm zorgen. Een gradatie van donker naar licht laat het oog bewegen langs de vorm. + + + + + + + + + + + + + + + + + + + Compositie + + + + + + + Compositie is de combinatie van verschillende elementen in een geheel. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Bibliografie + + + + + + + Dit is een gedeeltelijke bibliografie die gebruikt is voor het maken van dit document. + + + + + + + + http://sanford-artedventures.com/study/study.html + + + + + + + + + http://www.makart.com/resources/artclass/EPlist.html + + + + + + + + + http://www.princetonol.com/groups/iad/Files/elements2.htm + + + + + + + + + http://oswego.org/staff/bpeterso/web/elements_and_principles.htm + + + + + + + + + http://www.johnlovett.com/test.htm + + + + + + + + + http://digital-web.com/articles/elements_of_design/ + + + + + + + + + http://digital-web.com/articles/principles_of_design/ + + + + + + + + Speciale dank gaat naar Linda Kim (http://www.redlucite.org) voor de hulp (http://www.rejon.org/) bij deze handleiding. Verder ook dank aan de Open Clip Art Library (http://www.openclipart.org/) en de mensen die hun afbeeldingen opgeladen hebben op dat project. + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gebruik Ctrl+pijl omhoog om te scrollen + + + + -- cgit v1.2.3