[TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Aplikasi-aplikasi diubuntu: • Aplikasi Grafis •
Aplikasi Internet •
Aplikasi Office •
Aplikasi Sound & Video •
Aplikasi Programming
User avatar
Malsasa
Posts: 2974
Joined: 07 Jun 2010, 22:37
Location: Mojokerto, Indonesia
Contact:

[TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby Malsasa » 11 Jan 2012, 12:00

Saya ingin berbagi teknik pembuatan desain kover buku pertama dari 13 desain yang pernah saya poskan di Forum Ubuntu Indonesia ini. Tutorial ini akan saya terbitkan berseri namun tidak sampai 13 desain karena ada beberapa desain yang mirip, insya Allah. Desain kover 1 ini sederhana sekali, cuma butuh teks. Bedanya, saya menggunakan fonta yang sudah ada/tersedia di Ubuntu (bukan Windows) yang namanya Sawasdee. Entah kenapa, saya jadi suka dengan fonta ini. Sederhana tapi menarik :D Anda bisa mencarinya di internet jika belum memilikinya. Oya, Anda tidak harus membuat desain yang sama persis. Baiklah, kita mulai saja.

Unduh Tutorial: PDF | 2.5 MB | Server Google Docs
Unduh berkas SVG: SVG |7.4 KB | Server Google Docs
Unduh FOnta Sawasdee: ZIP | 200 KB | Server Google Docs

Image

Kamus Pintasan
Anda akan sering menggunakan pintasan berikut untuk mengerjakan desain seperti ini. Saya kasih ini di awal biar mudah pada pengerjaan nanti :)
1. Ctrl+S (menyimpan, sebuah keharusan)
2. Ctrl+G (melakukan grouping terhadap beberapa objek)
3. Ctrl+U (membatalkan grouping terhadap objek yang ter-group atau objek teks)
4. T (membikin teks)
5. S (memilih objek)
6. N (memilih node dari objek)
7. R (membikin persegi)
8. G (memberikan gradasi warna)
9. Ctrl+Shift+C (mengubah objek menjadi path).
10. Ctrl+Skrol (memperbesar-memperkecil tampilan/zoom)
11. Shift+Skrol (menggulung layar ke kanan/kiri)

Langkah 1: Latar
Buat persegi (R). Untuk dimensi kover, tidak ada batasan baku bagi saya. Jika Anda mau, samakan saja dengan desain saya: 17x24 cm atau 603x854 piksel. Kalau susah, bikin saja persegi asal-asalan, terus sesuaikan ukurannya di toolbar atas dalam keadaan persegi masih terpilih. Mudah, bukan? :D Oya, jangan lupa beri warna hitam.

Image
Persegi panjang 17x24 cm

Image
Persegi panjang merah

Buat juga persegi panjang memanjang ke bawah berwarna merah lalu letakkan di bagian kanan kover dengan sisa sedikit ruangan tepinya. Jika sulit, duplikasikan saja kover, lalu dengan Alt+Seret pada panah tengahnya ke kanan, lalu sesuaikan. Ini otomatis menjadikan ukuran lebarnya sama dengan kover hitam di belakangnya. Persegi panjang merah ini akan menjadi latar bagi tulisan tegak �meteofora�.

Langkah 2: Judul Meteofora

Image

Tulis meteofora dengan Text Tool (T). Gunakan fonta Sawasdee dengan pengaturan default. Jika Anda belum memilikinya, silakan instal fonta dulu. Setelah mengetik meteofora, dalam keadaan kursor masih kelap-kelip, klik vertical text di toolbar atas. Ini akan menjadikan teks ditulis ke bawah (tegak). Beri warna putih pada teks. Seret teks ini ke kover, tepat di atas persegi panjang warna merah. Kalau bingung, samakan saja dengan kover saya :D

Langkah 3: Subjudul Kumpulan Puisi

Image

Ini langkah membuat 4 biji teks terpisah. Tekan T, ketik 9, tekan Esc. Tekan T, ketik buku, tekan Esc. Tekan T, ketik kumpulan, tekan Esc. Tekan T, ketik puisi, tekan Esc. Lakukan semua ini di tempat yang berbeda dan dengan fonta Sawasdee. Kemudian, tatalah menjadi seperti teks yang ada di kiri bawah kover saya. Gunakan Ctrl+Shift untuk memperbesar/kecil secara simetris. Gunakan juga peralatan rotasi di toolbar atau rotasikan manual dengan Ctrl+Shift+seret dalam keadaan objek bisa dirotasikan. Terakhir, pindahkan semua teks ke pojok kanan bawah seperti pada gambar.

Image

Image

Langkah 4: Logo Penerbit GONDRET
Ini akan menjadi landasan dasar bagi setiap bentuk cincin yang mungkin kita pakai di desain-desain yang lain. Buatlah sebuah persegi (R) simetris. Membuatnya sambil menekan Ctrl+Shift. Jadikan lingkaran sempurna dengan menyeret bulatan kecil di pojok kanan atas ke bawah. Dengan lingkaran masih terpilih, gandakan (Ctrl+D). Kecilkan simetris dengan Ctrl+Shift+seret pada panahnya. Mengecilkannya jangan terlalu, sisakan ruang sedikit karena dua bentuk ini akan kita ubah jadi cincin. Pilih keduanya, lalu jadikan path (Ctrl+Alt+C). Lalu potonglah agar jadi cincin dengan menu Path >> Difference atau Ctrl+-. Langkah ini sejatinya melubangi objek terbawah dengan bentuk objek atasnya.

Image
Buat dulu persegi sama sisi (Ctrl+Shift+seret).

Image
Geser bulatan kanan atasnya ke bawah, jadilah lingkaran.

Image
Proses membuat logo GONDRET dari 2 lingkaran.

Dengan teks (T), ketik G dengan fonta Sawasdee. Sesuaikan ukuran G ini agar sedikit lebih kecil dari cincin. Miringkan sedikit G-nya biar mirip kover saya. Simpan dulu ini. Sekarang kita buat persegi bulatnya.

Image
Buatlah persegi panjang di ujung kiri atas

Image
Jadikan ia Path

Buatlah persegi panjang dengan ukuran kira-kira sama dengan persegi panjang di ujung kiri atas kover saya. Itu lho, yang membulat pada ujung bawahnya ... :D Pilihlah persegi itu, lalu jadikan path, lalu pilih dua node terbawah. Aktifkan Node Editor (N). Pilih Add Node dari toolbar atas. Ini akan membuat node baru di tengah-tengah dua node terpilih. Tarik node tengah ini ke bawah. Bentuknya akan menjadi lancip. Jadikan node ini simetris dengan tombol �Make selected nodes symmetric�. Tarik-tariklah pegangannya biar pas bentuknya.

Image
Tarik node tengah ke bawah

Image
Jadikan Node Simetris

Image
Pindahkan logo G ke depan persegi bulat

Di sebelah atas cincin G, buatlah teks GONDRET. Atur sedemikian rupa biar serasi tepat di tengah sejajar dengan cincin G. Beri warna putih untuk semua teks. Dengan ini, logo penerbit GONDRET selesai.

Image
Hasil Akhir

Semoga ini bermanfaat.
User avatar
chiki
Posts: 1235
Joined: 23 Jun 2011, 17:35
Location: Jakarta, Indonesia

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby chiki » 11 Jan 2012, 12:51

terimakasih yaa mas malsa
top share!
User avatar
bleTux
Posts: 857
Joined: 07 Jan 2010, 13:59
Location: home/bleckock
Contact:

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby bleTux » 11 Jan 2012, 12:52

thanks atas tutornya mas..
saya izin untuk mencoba nya ya.... :)
User avatar
abu_unaisah
Posts: 1621
Joined: 24 Nov 2011, 14:07

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby abu_unaisah » 11 Jan 2012, 13:19

unduh. trims
User avatar
ilham2930
Posts: 1123
Joined: 02 Jan 2010, 19:30
Location: /indonesia/tangerang/bonank_city
Contact:

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby ilham2930 » 11 Jan 2012, 14:40

klo ada tombol thanks nya pasti sudah sy klik...
berhubung g ada sy kasih 5 bintang aja deh
User avatar
inyonk_linux
Posts: 32
Joined: 22 Feb 2011, 18:09
Location: Jakarta
Contact:

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby inyonk_linux » 11 Jan 2012, 17:13

terima kasih banyak gan..edisi yang lain ditunggu ya
User avatar
pingsut
Posts: 754
Joined: 16 May 2010, 18:05
Location: Yogyakarta
Contact:

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby pingsut » 11 Jan 2012, 18:13

tkp :D makasih kak malsasa :)
User avatar
Malsasa
Posts: 2974
Joined: 07 Jun 2010, 22:37
Location: Mojokerto, Indonesia
Contact:

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby Malsasa » 12 Jan 2012, 08:20

Semoga ini bermanfaat. Maaf, saya belum bisa menyunting posting saya di atas. Nanti kalau sudah sempat,s aya tumpahkan isi tutorial saya sekalian di posting di atas :grin:

Terima kasih.
User avatar
Malsasa
Posts: 2974
Joined: 07 Jun 2010, 22:37
Location: Mojokerto, Indonesia
Contact:

Re: [TUTORIAL INKSCAPE] Desain Kover Meteofora 1

Postby Malsasa » 14 Jan 2012, 22:45

Sudah saya perbaiki tulisan saya di atas. Silakan digunakan :)

Return to “Aplikasi Ubuntu”

Who is online

Users browsing this forum: No registered users and 0 guests