<div class="iframe-wrapper"><iframe src="https://www.youtube.com/embed/Bnd9Xu6SERc" frameborder="0" allowfullscreen="true"></iframe></div>Assalaamu'alaikum.Katakanlah Anda telah membuat ebook dalam format PDF, Anda kemudian perlu membuat mockup buku 3D untuk digunakan dalam desain situs web. Misalnya, untuk membuat popup atau form "lead magnet" seperti di bawah ini. Memang banyak cara yang bisa kita lakukan untuk membuatnya. Tapi di tutorial ini kita akan fokus menggunakan software gratis dan open-source, Krita.<div class="iframe-wrapper"><iframe src="https://www.exposeacademy.com/public/86456539fc58dc15be65e7f1ef369ebedcf336d/show?hostname=www.exposeacademy.com?source=https://muttaqien-widhi.systeme.io/cara-mengubah-pdf-menjadi-mockup-buku-3d-menggunakan-software-gratis-krita#systemeio-iframe-1711038615018" frameborder="0" allowfullscreen="true"></iframe></div>Sekadar informasi, ebook ini saya buat menggunakan Adobe Illustrator dan juga Adobe Express. Ebook ini saya sediakan secara gratis. Jika Anda tertarik, Anda dapat mengisi form di atas untuk mendapatkannya.Harap dicatat bahwa, karena ini adalah metode manual, Anda setidaknya harus mengetahui dasar-dasar cara menggunakan Krita. Namun, saya akan mencoba menjelaskan langkah-langkahnya sedetail mungkin. Semoga Anda yang baru pertama kali menggunakan Krita pun bisa mengikutinya. In sya Allah.<h2 id="6448aa63-5aa1-41d7-8c53-b8c6182604b7" data-toc-id="6448aa63-5aa1-41d7-8c53-b8c6182604b7">Langkah 1: Membuka sampul depannya di Krita</h2>Untuk langkah pertama, kita perlu mengekstrak gambar sampul eBook ke dalam Krita. Ini sangat mudah dilakukan. Kita hanya perlu membuka file PDF-nya di Krita. Bisa melalui toolbar atau menu, atau cukup tekan "Ctrl + O" pada keyboard. Telusuri lokasi folder-nya, lalu pilih file yang kita ingin buka. Jika file yang kita pilih adalah PDF, maka jendela "PDF Import Options" akan terbuka. Kita tidak perlu membuka semua halaman dari file PDF ini. Kita hanya membutuhkan halaman pertama, jadi kita pilih opsi "first page".<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/647774938d9ec_BPI_Krita_PDF_to_3D_book_mockup_001.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">File PDF ini memiliki ukuran A4 dengan resolusi 300dpi. Ukuran ini terlalu besar untuk mayoritas desain website. Anda bisa mengubahnya ke ukuran tertentu di jendela ini jika Anda mau. Tapi untuk saat ini, kita biarkan saja pada ukuran aslinya. Kita dapat dengan mudah mengurangi ukurannya nanti setelah kita membuat gambar mockup-nya. Cukup klik OK untuk melanjutkan.<h2 id="d595508b-1d44-490e-b508-4abc7c179f6d" data-toc-id="d595508b-1d44-490e-b508-4abc7c179f6d">Langkah 2: Membuat garis-garis guides (opsional)</h2>Langkah berikut ini bersifat opsional. Yaitu, kita akan membuat garis-garis guides. Buka menu "View" dan pastikan "Rulers" dalam kondisi aktif. Kemudian klik dan seret 3 kali dari area penggaris ke kanan. Yang pertama untuk tepi kiri sampul depan buku. Yang kedua untuk sudut kanan sampul depan. Dan yang terakhir adalah untuk sampul belakang. Kemudian buat 2 panduan horizontal untuk tepi atas dan bawah buku.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/647775f87c27a_BPI_Krita_PDF_to_3D_book_mockup_002.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">Sekali lagi, langkah ini bersifat opsional. Saya memerlukan guides karena ingin garis vertikal dari mockup bukunya tegak lurus sempurna. Jika Anda menginginkan bentuk yang lebih bebas, Anda tidak perlu membuat guides. Langkah terakhir dalam menyiapkan guides adalah mengaktifkan opsi "Lock Guides" supaya mereka aman dari perubahan. Dan di dalam submenu "Snap to", pastikan opsi "Snap to guides" dalam kondisi aktif.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/647776788031f_BPI_Krita_PDF_to_3D_book_mockup_003.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;"><h2 id="30b6bcdd-fb5f-4b86-a294-a40560b779b9" data-toc-id="30b6bcdd-fb5f-4b86-a294-a40560b779b9">Langkah 3: Menerapkan distorsi perspektif pada sampul depan</h2>Berikutnya, kita bisa menambahkan distorsi perspektif ke gambar sampul depan. Anda bisa saja melakukan ini secara langsung pada layer dengan menggunakan "Transform tool". Tetapi, metode ini bersifat merusak atau destruktif. Untuk saat ini, saya ingin menunjukkan kepada Anda metode "non-destruktif". Jadi, pertama-tama kita perlu menerapkan "transform mask" pada layer-nya.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/647776e877854_BPI_Krita_PDF_to_3D_book_mockup_004.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 451px;">Kemudian, kita bisa terapkan "Transform tool" pada "mask" yang kita buat tadi. Dan aktifkan "Perspective Mode".<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64777760aa8d9_BPI_Krita_PDF_to_3D_book_mockup_005.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">Kemudian, seret titik-titik kontrol di sebelah kanan agar mereka menempel atau snap perpotongan guides bagian tengah atas dan tengah bawah. Untuk 2 titik kontrol di sebelah kiri, buatlah agar mereka snap pada guide yang ada di sebelah kiri. Silakan menyesuaikan posisi vertikalnya sesuai selera.<h2 id="d563c578-f2ff-4360-881f-e0769baa8792" data-toc-id="d563c578-f2ff-4360-881f-e0769baa8792">Langkah 4: Membuat sisi samping buku</h2>Berikutnya, kita akan membuat bagian samping dari bukunya. Tekan P untuk "Color Picker tool". Kemudian, kita klik untuk mengambil sampel warna dari sampul depan, untuk kita gunakan sebagai warna sampul dari sisi sampingnya. Sebaiknya kita buat warnanya lebih gelap untuk menyimulasikan efek pencahayaan.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/647778061be6b_BPI_Krita_PDF_to_3D_book_mockup_006.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">Tekan "Insert" untuk membuat "Paint layer" yang baru. Buatlah seleksi persegi panjang, kira-kira seukuran ketebalan sampul. Kemudian tekan Shift + Backspace untuk mengisi area seleksi tersebut dengan warna yang kita pilih tadi. Ini adalah area untuk sampul depan.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/647778c294b69_BPI_Krita_PDF_to_3D_book_mockup_007.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 393px;">Tekan "Ctrl + J" untuk menduplikasi layer. Kemudian gunakan "Move tool" dan seret sambil menahan tombol Shift. Ini untuk sampul belakangnya.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/6477793b79253_BPI_Krita_PDF_to_3D_book_mockup_008.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">Untuk halaman kertas di bagian tengah, kita bisa menekan "Insert" untuk membuat layer baru. Pindahkan layer ini sehingga berada di bawah layer lainnya. Buatlah seleksi persegi panjang yang cukup besar sehingga tidak ada ruang bolong atau kosong. Selanjutnya, pilih warna abu-abu muda sebagai warna kertas. Kemudian tekan Shift + Backspace untuk mengisi warnanya ke area seleksi.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64777a8bf3a56_BPI_Krita_PDF_to_3D_book_mockup_009.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">Sebelum kita melanjutkan, sekadar untuk detail tambahan. Kita ingin menambahkan bayangan halus pada sisi kanan dan kiri kertas. Kita bisa mulai dengan memilih warna kertas yang lebih gelap. Pastikan Gradient yang aktif adalah preset "Foreground to Transparent". Kemudian aktifkan "Gradient tool" atau tekan huruf G pada keyboard Anda. Sekarang, klik dan seret sedikit ke kanan dari batas yang di kiri sambil menahan tombol Shift. Lakukan hal yang sama untuk sisi kanan.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64777b7592527_BPI_Krita_PDF_to_3D_book_mockup_010.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">Langkah berikutnya adalah menambahkan efek perspektif ke area samping buku ini, yang juga akan kita lakukan secara non-destruktif. Jadi, pilih semua 3 layers yang termasuk dalam area samping. Tekan Ctrl + G untuk menggabungkan semuanya ke dalam satu "Group". Terapkan "Transform Mask" lagi. Dan gunakan "Transform tool", dalam mode "Perspective". Kemudian posisikan titik kontrol sehingga berada di perpotongan guides yang ada di tengah. Dan juga pada garis panduan yang ada di kanan.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64777d78506a4_BPI_Krita_PDF_to_3D_book_mockup_011.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 522px;">Nah, kalau Anda melihat titik merah seperti ini. Jangan panik! Ini bukan bug, ini adalah fitur titik kontrol di Krita untuk menentukan "Vanishing Point" atau titik hilang dari efek perspektif.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64777ddb42dbb_BPI_Krita_PDF_to_3D_book_mockup_012.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 497px;">Kalau sudah selesai, tekan Enter untuk mengonfirmasi. Tampilkan kembali layer sampulnya. Dan, alhamdulillah, gambar mockup buku 3D kita sudah selesai. Agar aman, Anda perlu menyimpan filenya sebagai file Krita asli atau format ".kra".<h2 id="6c77e363-1e58-49cb-baa6-af3c271b9401" data-toc-id="6c77e363-1e58-49cb-baa6-af3c271b9401">Langkah 5: Mengekspor gambar</h2>Untuk memanfaatkan gambar ini di website, Anda perlu memperkecil ukurannya dan kemudian mengekspornya ke format file web yang lebih umum. Pertama-tama, kita dapat klik kanan pada salah satu layer atau grup layer. Kemudian pilih perintah "Flatten Image".<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64777e8c12d6b_BPI_Krita_PDF_to_3D_book_mockup_013.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 625px;">Kemudian, buka menu "Image" dan pilih "Scale image to new size". Pastikan tombol rantainya aktif supaya gambar tetap proporsional. Masukkan saja ukuran yang Anda inginkan. Contohnya, saya setel tinggi gambarnya ke 640 pixels. Kemudian klik "OK".<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64777f3ccf874_BPI_Krita_PDF_to_3D_book_mockup_014.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 603px;">Sekarang, kita bisa mengekspor gambarnya dengan perintah "Export" yang ada di dalam menu "File". Kita bisa menamainya dengan nama apa pun yang kita inginkan. Nah, untuk mempertahankan area yang transparan, Anda jangan mengekspornya dalam format "JPEG". Tapi, gunakan format ".PNG", karena format ini mendukung transparansi. Kemudian, ini penting sekali. Di jendela "PNG export settings", pastikan opsi "Store alpha channel" dalam kondisi aktif. Klik OK. Dan file gambaranya sekarang sudah siap untuk digunakan.<img src="https://d1yei2z3i6k35z.cloudfront.net/4021039/64778030234be_BPI_Krita_PDF_to_3D_book_mockup_015.jpg" style="box-sizing: inherit; -webkit-font-smoothing: antialiased; display: block; max-width: 100%; object-fit: contain; width: 565px;">Demikianlah tutorial ini saya buat. Semoga bisa bermanfaat.Wassalaamu'alaikum.Hormat,Widhi MuttaqienEdutalenta (<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.edutalenta.com/">www.edutalenta.com</a>)

Belajar cara mengubah file PDF menjadi mockup buku 3D menggunakan software gratis Krita.

Cara mengubah PDF menjadi mockup buku 3D menggunakan software gratis Krita

Langkah 1: Membuka sampul depannya di Krita

Langkah 2: Membuat garis-garis guides (opsional)

Langkah 3: Menerapkan distorsi perspektif pada sampul depan

Video tutorial, artikel, tips dan trik, dalam mengembangkan dan meningkatkan bisnis dan produktivitas Anda.

Cara mengubah PDF menjadi mockup buku 3D menggunakan software gratis Krita

Cara mengubah PDF menjadi mockup buku 3D menggunakan software gratis Krita

Related Posts

Membuat icon atau logo SVG dengan mudah di Krita

Cara membuat Clipping Mask di Krita

Cara mengedit seleksi di Krita

Cara blending atau membuat transisi warna di Krita

Cara menggambar ilustrasi di Krita 5.0 | Kursus kilat untuk pemula