Mendesain Cover Buku Tutorial Komputer di Photoshop

Cover buku harus bisa dengan cepat menampilkan isi di dalamnya. Begitu juga untuk sebuah buku tutorial. Isi buku ini harus langsung dikenali pembaca dalam sekilas. Dalam tutorial ini, kita akan mendesain sebuah cover buku InDesign dari Desaindigital yang diterbitkan oleh PT Elex Media Kompuntindo.

Preview

Berikut adalah hasil cover buku yang kita peroleh.

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Menengah
  • Software yang Digunakan: Adobe Photoshop
  • Teknik yang Dipelajari: Teknik Seleksi dengan Path, Tool Pen, Adjustment Layer
  • Lama Pengerjaan: 75 menit

[hr]

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

[hr]

Tutorial

Langkah 1: Menyiapkan Kanvas dan Latar

Buat file baru (Ctrl + N) dengan ukuran 14 cm %times; 21 cm, ukuran standar buku kecil di Indonesia. Untuk resolusi, kita menggunakan 300 ppi untuk cetak. Namun, untuk latihan ini kita akan menggunakan 150 ppi saja. Resolusi lebih kecil artinya lebih sedikit pixel dan kerja lebih ringan bagi komputer.

Langkah 2

Buat latar dengan klik ikon Add Adjustment Layer dan pilih Solid Color. Pilih warna Orange.

Langkah 3

Tekan Ctrl + R untuk menampilkan ruler di sisi kanvas. Klik kanan ruler dan pilih Centimeters untuk mengubah satuan ukuran yang digunakan. Klik dan geser dari ruler vertikal ke atas kanvas untuk membuat kanvas di jarak 3 cm. Buat juga guide yang menutupi keempat sisi kanvas. Guide berguna untuk mempermudah penempatan objek.

Langkah 4: Judul dan Nama Penulis

Buat sebuah bentuk persegi menggunakan Tool Rectangle. Di atasnya buat tulisan untuk Pemula.

Langkah 5

Seleksi teks untuk dan dari Panel Character, ubah modenya ke Superscript.

Langkah 6

Lakukan lagi untuk menambahkan teks lainnya.

Langkah 7

Ambil gambar bunga dari DeviantArt. Simpan di atas sebagian judul.

Langkah 8

Klik ganda layer bunga. Tambahkan Inner Glow gelap untuk menambahkan kontras warna.

Langkah 9

Tambahkan Adjustment Layer Levels untuk memperkuat kontras. Aktifkan ikon Clipping Mask di bagian bawah panel agar efeknya hanya berpengaruh pada bunga saja.

Langkah 10

Ambil bunga matahari dari DeviantArt.

Langkah 11

Buat path baru di Panel Paths. Dengan Tool Pen, telusuri bentuk bunga.

Langkah 12

Setelah selesai, tekan Ctrl + Enter untuk mengubah path menjadi seleksi. Tekan Ctrl + J untuk menduplikasi bunga ke layer baru.

Langkah 13

Simpan bunga matahari menutupi bunga sebelumnya.

Langkah 14

Tambahkan Adjustment Layer Levels. Aktifkan Clipping Mask.

Langkah 15

Buat layer di atas layer daun. Lukis bayangan bunga pada daun dengan cara melukisnya dengan hitam menggunakan Tool Brush lembut.

Langkah 16

Ambil gambar kupu-kupu. Seleksi latar putih menggunakan tool Quick Selection.

Langkah 17

Simpan kupu-kupu ke atas bunga. Atur ukurannya jika perlu.

Langkah 18

Tambahkan Inner Glow dengan setting seperti berikut.

Langkah 19

Buat layer baru di bawahnya. Lukis bayangan kupu-kupu pada bunga.

Langkah 20

Buat lagi layer baru di bawah daun. Lukis bayangan daun, bunga, dan kupu-kupu di cover. Gunakan Filter Gaussian Blur jika Anda perlu menghaluskan bayangan.

Langkah 21: Nama Penulis

Di bawah, tambahkan nama penulis dengan cara yang sama.

Langkah 22: Elemen Tambahan

Buku ini tentang InDesign. Wajar jika kita tambahkan beberapa desain layout sebagai ilustrasi di dalam buku. Ambil layout brosur sebagai contoh pertama. Perkecil lalu simpan di pojok bawah kanvas.

Langkah 23

Ubah blend mode layer ke Screen dan turunkan Opacity-nya.

Langkah 24

Tambahkan lagi desain layout lainnya.

Langkah 25

Perkecil ukurannya. Ubah blend mode layer dan turunkan Opacity-nya.

Langkah 26

Teruslah bereksperimen untuk menambahkan elemen-elemen lainnya.

Langkah 27

Aktifkan tool Type. Tambahkan kotak teks dengan cara klik dan geser di atas kanvas. Tambahkan teks acak dengan klik Text > Paste Lorem Ipsum.

Langkah 28

Tambahkan karakter-karakter secara acak. Di sini dibuat karakter a, Q, dan &.

Langkah 29

Kebetulan, saya juga memiliki foto stock seorang polisi. Tanpa maksud tertentu, kami masukkan juga ke dalam desain.

Desain saat ini.

Langkah 30: Stiker

Ambil stiker dari PSDfreemium. Proses pembuatannya sudah dibahas di tutorial lama.

Langkah 31

Buat shape persegi menutupi seluruh bagian depan kanvas menggunakan Tool Rectangle. Di baris pilihan, kosongkan Fill dengan Stroke putih dan ketebalan 20 pt.

[hr]

Hasil Akhir

Inilah tampilan cover buku yang kita peroleh.

[hr]

Download File PSD

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2014/02/Book%20Cover.zip”%5DDownload PSD[/ilink]

[hr]

Pemesanan Buku

Anda bisa membeli buku ini langsung di toko online Desaindigital. Jika Anda ingin memperoleh tanda tangan pemilik Desaindigital (that’s me) di buku, pastikan untuk memberi catatan di halaman Checkout.

[product id=”5684″]

Menggambar Kamera Leica di Photoshop

Leica sempat menjadi adalah salah satu produsen kamera terbaik di dunia. Salah satu produknya, Leica M1, dianggap sebagai salah satu kamera ikonik dengan bentuk yang menawan. Di tutorial ini, saya akan memperlihatkan cara menggambarnya di Photoshop. Tutorial ini ditulis ekslusif untuk PSDtuts+.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Menggambar Kamera Leica di Photoshop

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini sangat detail dan membahas banyak teknik yang umum digunakan dalam menggambar objek di Photoshop. Di bawah adalah beberapa langkah dalam tutorial.

Menggambar Kamera Leica di Photoshop
Menggambar Kamera Leica di Photoshop
Menggambar Kamera Leica di Photoshop
Menggambar Kamera Leica di Photoshop
Menggambar Kamera Leica di Photoshop
Menggambar Kamera Leica di Photoshop
Menggambar Kamera Leica di Photoshop
Menggambar Kamera Leica di Photoshop

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop (Bagian 1)

Dalam tutorial ini, saya akan memperlihatkan proses pembuatan sebuah logo bergaya retro namun memiliki kesan modern melalui penambahan pencahayaan dan pola-pola lembut. Kita menggunakan Photoshop dan Illustrator dalam proses ini. Di bagian pertama ini, saya akan menunjukkan teknik dasar manipulasi objek sederhana di Illustrator.[hr]

Preview

Di bawah adalah hasil akhir yang akan kita peroleh.

Judul Tutorial

Di bagian pertama tutorial ini, kita akan mendesain rangka (wireframe) logo terlebih dahulu.

Judul Tutorial

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah
  • Software yang Digunakan: Adobe Illustrator
  • Teknik yang Dipelajari: Penggunaan Guide, Type on A Path, Manipulasi Shape Sederhana.
  • Lama Pengerjaan: 30 menit

[hr]

Tutorial

Langkah 1: Menyiapkan Kanvas

Mulai dengan membuat file baru. Tampilkan penggaris dengan menekan Ctrl + R. Geser dari penggaris ke tengah kanvas untuk membuat guide.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 2: Bentuk Dasar Logo

Aktifkan tool ellipse (L). Tahan Shift + Alt lalu geser dari tengah kanvas untuk membuat sebuah lingkaran sempurna..

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 3

Aktifkan tool Star. Klik satu kali di atas kanvas untuk memunculkan kontak dialog tool Star. Isikan Points: 50 lalu klik OK. Hapus bintang yang dihasilkan karena kita tidak akan menggunakannya.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 4

Dengan langkah yang sama seperti pembuatan lingkaran tadi dan kombinasi tombol Ctrl, buat bintang di dalam lingkaran.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 5

Klik Effects > Stylize > Round Corners. Efek ini akan mengubah ujung tajam di bintang menjadi bentuk lingkaran.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 6

Buat lagi lingkaran lebih kecil di dalam. Di panel Stroke, aktifkan Dashed Line untuk menghasilkan garis putus-putus.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 7

Lagi, buat lingkaran lebih kecil.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 8

Buat lagi dua lingkaran lebih kecil. Atur Fill ke None dan isi Stroke dengan hitam. Atur Stroke lingkaran paling dalam menjadi 3 pt..

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 9

Ubah kedua lingkaran menjadi shape dengan cara klik Object > Expand. Mulai saat ini, mereka bukan lagi lingkaran dengan Stroke hitam tapi berbentuk cincin hitam.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 10

Buat sebuah kotak memotong bagian bawah lingkaran.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 11

Seleksi salah satu lingkaran dan persegi yang tadi kita buat. Buka panel Pathfinder dengan klik Window > Pathfinder. Klik ikon Minus Front.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Bentuk cincin akan terpotong.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 12

Lakukan hal yang sama dengan lingkaran satu lagi.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 13

Buat bintang di kedua sisi.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 14

Tambahkan teks 100 percent.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 15: Pita

Buat shape persegi lalu seleksi dua titik di sisi bawah. Aktifkan tool Scale lalu geser ke tengah.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 16

Aktifkan tool pen. Klik bagian tengah sisi atas untuk menambah titik baru. Tahna Alt lalu geser kedua titik untuk mengubahnya menjadi titik lengkung. Seleksi kedua titik tadi dengan tool Direct Selection dan geser ke atas.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 17

Buat persegi, tambahkan titik baru di tengah sisi kiri lalu geser ke tengah. Simpan shape di belakang.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 18

Gambar sebuah segitiga dan simpan di antara kedua bagian pita.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 19

Seleksi bagian belakang pita. Klik kanan dan pilih Transform > Reflect. Pilih Vertical lalu klik Copy.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 20

Simpan shape hasil duplikasi ke sisi pita yang lain.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 21

Duplikasi bagian depan pita. Hapus sisi kiri, kanan, dan atas. Aktifkan tool Type on A Path lalu klik path untuk menambahkan teks.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 22

Simpan teks di atas pita.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 23

Terakhir, saya tambahkan satu lagi lingkaran di bagian luar logo.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

[hr]

Hasil Akhir

Dalam tutorial bagian kedua, kita akan mengimport path vektor logo yang diperoleh ke Photoshop lalu menghiasnya dengan layer style, pencahayaan, dan pola-pola agar terlihat modern.

Judul Tutorial

[hr]

Download Link

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2011/11/tutorial-logo-retro-ps-ai-bag1/logo-retro.ai”%5DDownload File Ai (Adobe Illustrator)[/ilink]

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Dalam tutorial ini, saya akan memperlihatkan cara pembuatan poster dengan elemen utama objek geometris menggunakan Photoshop dan Illustrator. Kita akan menggunakan teknik menggambar sederhana, tekstur, dan permainan blend mode.
[hr]

Preview

Inilah hasil desain poster yang akan kita peroleh.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah
  • Software yang Digunakan: Adobe Photoshop, Adobe Illustrator
  • Teknik yang Dipelajari: blend mode, gradient, duplikasi objek, penggunaan tekstur.
  • Lama Pengerjaan: 30 menit

[hr]

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

[hr]

Tutorial

Langkah 1: Menggambar Objek di Illustrator

Buat file baru dengan ukuran A4 di Illustrator. Gambar sebuah kotak, simpan di luar area kanvas karena kita tidak akan menggunakannya dalam desain. Isi dengan gradasi linear dari putih ke hitam. Kosongkan Stroke.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 2

Buat lagi kotak, kali ini beri gradasi dari #ef4036 ke #fcb040.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 3

Gambar sebuah persegi panjang. Aktifkan tool color picker lalu klik kotak bergradasi putih ke hitam untuk mengambil warnanya.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 4

Seleksi kedua titik di sisi kanan persegi lalu geser ke atas. Lakukan sambil menahan Shift untuk menggeser secara vertikal.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 5

Klik kanan objek dan pilih Transform > Reflect. Pilih Vertical lalu klik Copy.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 6

Klik kanan objek dan geser hingga berdampingan dengan bentuk lama, membentuk V terbalik.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 7

Seleksi kedua bentuk tadi lalu geser sambil menahan Alt. Atur posisinya hingga berdekatan seperti terlihat di bawah.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 8

Terus ulangi langkah ini hingga diperoleh satu baris memenuhi seluruh kanvas.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 9

Gandakan objek pertama, ambil setting Fill dari persegi berwarna.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 10

Lakukan transformasi refleksi dan atur posisinya.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 11

Ulangi proses ini hingga diperoleh datu baris bentuk yang sama.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 12

Seleksi kedua baris bentuk lalu geser ke bawah sambil menahan Alt untuk menduplikasinya.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 13

Tekan Ctrl + D beberapa kali untuk mengulangi proses duplikasi dan memenuhi kanvas dengan objek geometris. Seleksi semua objek di kanvas, tekan Ctrl + C. Kita akan memasukkannya ke Photoshop.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 14: Membuat Poster di Photoshop

Buat file baru berukuran A4 di Photoshop. Ubah Background menjadi layer biasa dengan cara klik ganda. Di panel Layers, klik ganda thumbnail layer untuk membuka kotak dialog Layer Style. Tambahkan Pattern Overlay pola kertas dari WeGraphics.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 15

Buat layer baru lalu isi dengan berbagai warna. Silakan bereksperimen sendiri, tidak perlu membatasi diri dengan mengikuti tampilan di bawah.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Ubah blend mode ke Normal dengan Opacity 16%.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 16

Tekan Ctrl + V untuk memunculkan objek geometris dari Illustrator. Dalam pilihan Paste, pilih Smart Object. Ubah Blend Mode layer objek geometris ke Screen.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator
Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Ini adalah tampilan detail poster dalam ukuran lebih besar.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 17

Duplikasi layer objek geometris dengan cara menekan Ctrl + J. Ubah blend mode layer ke Multiply.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 18

Geser layer ke atas dengan mengaktifkan tool move lalu tekan panah atas beberapa kali. Turunkan Opacity layer ke 26%.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Di bawah adalah tampilan detail poster dalam ukuran lebih besar. Bisa Anda lihat bahwa bentuk geometris kita menjadi lebih banyak diakibatkan penurunan Opacity layer.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 19

Ambil beberapa tekstur noise dari WeGraphics. Simpan ke atas kanvas dan ubah blend mode-nya ke Screen.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 20

Ayo kita tambahkan beberapa warna ke dalam poster. Buat layer baru lukis warna lalu turunkan Opacity-nya. Anda bisa melihat warna-warna yang saya tambahkan dan Opacity yang digunakannya di bawah.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator
Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator
Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Langkah 21

Gabungkan layer-layer warna ini ke dalam group dengan cara memilihnya lalu tekan Ctrl + G. Ubah blend mode group layer ke Color Dodge.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

[hr]

Hasil Akhir

Terakhir, saya merasa warna objek geometrisnya kurang menonjol jadi Opacity-nya dinaikkan menjadi 75%. Di bawah adalah hasil akhir tutorial yang kita peroleh.

Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Menggambar Gitar Listrik Klasik dengan Photoshop

Ini adalah tutorial terbaru saya untuk Design Instruct. Dalam tutorial ini, saya memperlihatkan cara menggambar gitar listrik legendaris, Gibson Les Paul, di Photoshop.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Menggambar Gitar Listrik Klasik dengan Photoshop

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini sangat detail dan membahas banyak teknik menggambar.

Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop

[hr]

Link Tutorial

Tutorial ini ditulis ekslusif untuk Design Istruct.
[unordered_list style=”bullet”]

[/unordered_list]

Menggambar Laptop dengan Photoshop

Steven Snell, pemilik situs Vandelay Design dan pendiri Designm.ag, sekarang mendirikan situs penyedia resource bagi para desainer, Vandelay Premier. Saya beruntung menjadi salah kontributor awal untuk pembuatan mockup PSD. Tutorial kali ini akan memperlihatkan pembuatan mockup laptop untuk Vandelay Premier.

Di tutorial ini kita akan menggunakan tool-tool sederhana seperti tool rectangle, rounded rectangle, dan pen untuk menggambar sebuah laptop. Anda diharapkan sudah mengenal dasar-dasar penggunaan vektor di Photoshop. Continue reading “Menggambar Laptop dengan Photoshop”

Membuat Kartu Nama Bertekstur Siap Cetak

Tutorial kali ini akan mengambil proses pembuatan kartu nama terbaru saya. Kartu nama saya mengikuti ciri khas situs ini, sedikit bertekstur. Di tutorial ini, saya akan membahas secara lengkap proses di Photoshop hingga kartu nama siap dicetak.

[hr]

Preview

Sebelumnya, lihat terlebih dahulu desain kartu nama yang akan kita buat. Perhatikan bahwa kartu nama ini didominasi dengan header DesainDigital. Untuk menjaga konsistensi desain kartu nama dengan desain situs, kita akan menggunakan color scheme dan font yang sama.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

[hr]

Source yang Dibutuhkan

[hr]

Langkah 1: Mempersiapkan File, Guide, dan Bleed

Kita mulai dengan membuat file baru berukuran tepat sesuai kartu nama standar, 8,5 x 5 cm. Karena akan dicetak, pastikan bahwa kita menggunakan resolusi 300 dpi. Untuk mode warna, gunakan RGB agar proses kerja di Photoshop tetap maksimal.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 2

Aktifkan ruler dengan menekan Ctrl + R. Klik dan geser dari ruler ke semua sisi kanvas untuk membuat guide di sekelilingnya.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 3

Untuk keperluan cetak, kita tidak bisa menggunakan ukuran tepat dengan hasil akhir. Kita perlu menambahkan bleed yaitu area di luar luar kertas. Bleed ini berfungsi mencegah agar tidak muncul garis putih kosong di salah satu sisi hasil desain kita.

Untuk menambah bleed, klik Image > Canvas Size. Aktifkan relative dan isikan 1 cm untuk width dan height. Perintah ini akan memperbesar ukuran kanvas 1 cm ke semua arah atau 0,5 cm ke setiap sisi. Daerah 0,5 cm ini akan menjadi bleed. Pihak percetakan akan memotong hasil cetak kurang lebih tepat pada area guide.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 4: Memberi Sedikit Tekstur

Ambil tekstur grunge dan turunkan opacity layer ke 20%.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 5

Ambil lagi tekstur kain. Simpan di atas tekstur sebelumnya. Ubah blend mode ke Multiply untuk mempertahankan bagian gelapnya.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 6

Tahan Alt lalu klik ikon Add Layer Mask untuk menyembunyikan tekstur. Pilih warna depan putih dan lukis mask dengan brush beropacity rendah. Anda bisa melihat mask yang saya buat di bawah. Selanjutnya turunkan opacity tekstur ke 50% untuk menjaganya tetap minimal.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 7

Sekarang saya akan menambahkan tekstur grid. Kita mulai dengan membuat polanya. Buat file baru dengan ukuran 33 x 33 px, background transparan.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 8

Dengan tool marquee persegi, seleksi 2 pixel di sisi kanan dan 2 pixel di sisi bawah. Isi dengan hitam.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 9

Simpan gambar sebagai pola. Klik Edit > Define Pattern.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 10

Kembali ke kartu nama, buat layer baru. Klik Edit > Fill. Pilih Use: Pattern dan pilih pola grid yang tadi kita buat. Klik OK, Turunkan opacity layer ke 50%.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 11

Mirip dengan Langkah 6, Alt-klik ikon Add Layer Mask. Lukis dengan warna putih dan brush ber-opacity rendah.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 12

Sebelum menambahkan teks, kita perlu membuat jarak antara teks dengan sis luar kartu nama. Ini mencegah agar teks tidak seperti mau keluar dari kertas. Sekali lagi buat guide sekitar 1 cm dari sisi luar kanvas.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 13: Desain Belakang

Kita akan mulai membuat bagian belakang kartu nama yang berisikan informasi nama saya dan sebuah poligon. Buat group layer baru dan beri nama Belakang.  Semua elemen berikutnya akan disimpan dalam group layer ini.

Aktifkan tool pen dan buat shape poligon seperti di bawah. Saya menggunakan warna #302003 karena warna ini memang cukup dominan di header situs.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 14

Tambahkan nama dan kontak yang diinginkan. Untuk nama saya menggunakan font Bauhaus sesuai dengan jenis font dalam teks DESAIN di header. Warna teks yang digunakan diambil dari warna latar. Ini memberi kesan seolah poligon berlubang dan memberinya lebih banyak kontras. Siapa pun yang melihat desain ini, pasti dia akan langsung melihat nama saya baru kemudian detail info di bawahnya.

Untuk kontak saya pilih courier new sesuai dengan teks Digital di header. Warnanya disamakan dengan warna poligon. Tergantung kebutuhan, Anda mungkin ingin menambahkan data lain seperti nomor telepon atau fax.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 15: Desain Depan

Bagian belakang sudah selesai. Kita lanjutkan dengan mendesain bagian depannya. Buat group layer baru dengan nama Depan. Gandakan poligon dari desain belakang lalu geser ke sisi kiri kartu nama. Ini memberi kesan seolah-olah poligon ini menyambung ke bagian belakang kartu nama. Inilah yang kita namakan kesinambungan desain.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 16

Ambil header DesainDigital lalu simpan di tengah-tengah kanvas.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 17: Menyembunyikan Bleed

Saat ini, ukuran kanvas yang kita lihat sudah termasuk dengan bleed. Bleed akan dibuang, jadi ada baiknya kita sedikit bekerja ekstra. Kita akan membuat layer untuk menyembunyikan bleed secara sementara.

Aktifkan tool marquee persegi lalu seleksi bagian kanvas sesuai dengan ukuran akhir. Balikkan seleksi dengan menekan Ctrl + Shift + I. Buat layer baru dan isi dengan putih.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Sekarang kita bisa melihat hasil akhir desain yang akan kita peroleh. Perhatikan bahwa layer ini hanya untuk membantu kita melihat hasil akhir. Layer ini tidak diperlukan dalam proses cetak.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 18: Menyiapkan File untuk Percetakan

Saat ini kita bekerja dengan mode RGB untuk memaksimalkan fungsi Photoshop. Percetakan bekerja dengan mode yang berbeda, CMYK. Klik Image > Mode > CMYK. Kita akan diberi pilihan untuk flatten image, yaitu meratakan semua layer. Klik Don’t Flatten untuk mempertahankan semua informasi layer.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

Langkah 19

Percetakan belum tentu memiliki Photoshop. Kewajiban kita untuk menyediakan file yang bisa  mereka kenali. Pilihan terbaik adalah TIFF. Sebelumnya simpan dulu file dalam format PSD untuk backup. Jika ada perubahan, kita bisa kembalike file ini.

Untuk keperluan ini, kita perlu membuat dua file TIFF. Satu untuk desain depan dan satu lagi untuk desain belakang. Untuk menyimpan file TIFF desain depan, aktifkan group layer Depan dan sembunyikan group layer Belakang. Klik File > Save As dan pilih TIFF. Kosongkan pilihan Layer untuk meratakan semua layer dan klik Save. Di pilihan compression pilih LZW. LZW adalah tipe kompresi lossless, yaitu bisa memperkecil ukuran data tanpa mengubah pixel sehingga kualitas gambar tidak berkurang. Jangan pilih JPEG, karena ini adalah kompresi lossy, artinya mengurangi ukuran data dengan mengubah pixel. Tipe kompresi ZIP juga tidak disarankan karena tidak didukung semua software.

Ulangi proses ini untuk membuat file belakang.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

[hr]

Hasil Akhir

Setelah selesai, kita tinggal membawa kedua file TIFF ke percetakan. Jangan lupa, jelaskan padanya bahwa kita sudah menyiapkan bleed 0,5 cm di semua sisi. Bayar uang muka. Tunggu beberapa hari dan inilah hasilnya.

Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak
Tutorial Photoshop Membuat Kartu Nama Bertekstur Siap Cetak

[hr]
Dari tutorial ini saya harap Anda belajar banyak hal, seperti penggunaan bleed dalam proses cetak, mengubah mode warna, dan menambah subtle texture. Semoga Anda menyukainya.

[hr]

Link Download

[ilink style=”download” url=”http://dl.dropbox.com/u/7116487/desaindigital/tutorial/kartu-nama-jeprie.zip”%5DDownload File PSD[/ilink]