1. Design & Illustration
  2. Digital Painting

Cara Membuat Kartu Bertekstur Tulisan Tangan di Adobe Photoshop

by
Read Time:13 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Imam Firmansyah (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dalam tutorial ini, saya akan menunjukkan cara membuat kartu bertulisan tangan dengan Adobe Photoshop menggunakan bentuk vektor dan brush tekstur. Kita akan menggambar kartu Valentine dengan rasa Meksiko, termasuk membaca teks "Te Quiero Mucho" ("Aku sangat mencintaimu") dan banyak hiasan dan dekorasi. Ayo mulai!

1. Cara Mempersiapkan Sketsa Anda

Langkah 1

Huruf bergaya Meksiko sangat dekoratif, jadi bersenang-senanglah dan tambahkan banyak detail. Saya menggambar sketsa kartu pos masa depan menggunakan pensil dan kertas, membuat foto dengan ponsel cerdas saya, dan mengirimkannya ke saya sendiri melalui email. Anda dapat menggambar huruf sendiri atau dapat mengunduh beberapa font atau efek teks yang mengagumkan. Sebagai karakter utama, saya memilih hati bergaya Meksiko dengan wajah tengkorak Meksiko.

Langkah 2

Pertama-tama, kita perlu mempersiapkan alur kerja kita. Buat New Document (Command-N) di Adobe Photoshop dan atur ukurannya menjadi 1800 px x 1500 px dan Resolution menjadi 144 px/inch. Anda dapat mengubah ukuran artboard Anda dengan menggunakan Image > Canvas Size.

Cukup gerakkan foto sketsa dari folder Anda langsung ke artboard, dan tekan Enter untuk meletakkannya. Untuk menyesuaikan ukuran karya seni, Anda dapat menggunakan Transform Tool (Command-T). Jika Anda ingin mengubah ukuran kanvas, pergi ke Image > Canvas Size atau gunakan Crop Tool (C).

Mexican Lettering style sketchMexican Lettering style sketchMexican Lettering style sketch

Langkah 3

Untuk menyiapkan sketsa untuk pewarnaan, saya menggunakan Image > Adjustments > Hue/Saturation (Command-U) dan Levels (Command-L).

Preparing the sketch with HueSaturation and Levels PanelsPreparing the sketch with HueSaturation and Levels PanelsPreparing the sketch with HueSaturation and Levels Panels

Langkah 4

Jika Anda ingin mengubah sesuatu dalam sketsa Anda (misalnya, saya telah memindahkan huruf "Mucho" sedikit), Anda dapat menggunakan Lasso Tool (Q) dan Transform Tool (T). Jika Anda ingin menambahkan beberapa detail, Anda dapat menggambarnya tepat di sketsa Anda dengan Brush Tool (B) dan menghapus sesuatu dengan Erase Tool (E). Anda dapat melakukan apapun yang Anda inginkan!

Sekarang kita bisa memulai proses pewarnaan. Setel mode layer dari sketsa Anda ke Multiply dan atur Opacity menjadi 15-20%. Setelah itu, tambahkan layer baru di bawah layer sketsa. Jangan lupa untuk Lockposisi layer.

Lock the layer Set the Multiply Mode and the OpacityLock the layer Set the Multiply Mode and the OpacityLock the layer Set the Multiply Mode and the Opacity

Langkah 5

Anda dapat melewati langkah ini, tetapi saya selalu memulai warna pekerjaan saya dengan membuat skema warna (tips pro: pilih tiga warna utama dan gunakan mereka dan warnanya di awal). Gaya Meksiko sangat berani dan memiliki warna-warna cerah dan hangat. Saya memilih merah, semacam kuning, dan pirus. Pada layer baru di bawah layer sketsa, saya menggunakan Brush (B) dan mencoba untuk menemukan skema warna yang paling saya sukai. Saya selalu melakukan beberapa varian. Ini adalah proses kreatif, jadi jangan ragu untuk melukis dan mengulang sesuatu.

Pada akhirnya, saya memilih dua varian yang paling saya sukai. Saya lebih suka yang kedua.

Coloring Scheme SamplesColoring Scheme SamplesColoring Scheme Samples

Simpan pekerjaan Anda (saya hanya menyimpan layer dan menggambar varian terakhir saya tepat di atasnya untuk melihat skema warna di seluruh proses).

2. Cara Membuat Bentuk Vektor di Photoshop

Langkah 1

Mari kita mulai dengan karakter hati. Buat Layer baru di bawah sketsa tetapi di atas skema pewarnaan, dan gambar bentuk hati dengan Pen Tool (P).

Draw the heart shape using the pen toolDraw the heart shape using the pen toolDraw the heart shape using the pen tool

Langkah 2

Pada layer baru di atas, gambar bentuk hati bagian dalam. Agar proses pewarnaan lebih mudah, saya membuat salinan layer skema pewarnaan, membuatnya lebih kecil, dan memindahkannya dengan Transform Tool (T) sehingga saya dapat dengan mudah mengambil warna menggunakan Eyedropper Tool (I). Juga, saya mengatur Opacity dari skema pewarnaan utama (yang besar) menjadi 70-80% dan mengunci posisi layer.

Inner red heart shapeInner red heart shapeInner red heart shape

3. Menambahkan Tekstur dan Volume

Langkah 1

Keajaiban dimulai sekarang. Untuk tekstur dan nilainya, saya menggunakan Photoshop Kyle T. Webster Brushes resmi, tetapi Anda dapat memilih salah satu set brush yang mengagumkan lainnya yang tersedia. Detail utamanya adalah bahwa set brush Anda harus memiliki brush dan tekstur brush yang meniru arang atau bahan 'hidup' lainnya.

Buat layer clip di atas layer heart red:

  1. Tahan Alt, posisikan pointer di atas garis yang membagi dua layer di panel Layers (pointer berubah menjadi dua lingkaran yang tumpang tindih), lalu klik.
  2. Di panel Layers, pilih layer teratas dari sepasang layer yang ingin Anda kelompokkan, dan pilih Layer > Create Clipping Mask.

Saya menggunakan Oil Lush Brush dari set Kyle Brush. Anda dapat memilih brush lukis lainnya atau bahkan menggunakan brush Photoshop standar (cukup mengatur Opacity untuk brush Anda untuk menghaluskan warna). Saya menggunakan warna terang dan gelap dari bentuk hati merah untuk menciptakan efek volume.

Tips pro: gunakan Alt ketika melukis untuk mengambil warna sekitarnya untuk transisi warna yang mulus.

Paint over the heart shape to add the volumePaint over the heart shape to add the volumePaint over the heart shape to add the volume

Langkah 2

Buat Clip Layer baru untuk hati merah, di atas layer volume. Menggunakan brush tekstur (saya menggunakan Airbrush - Grainy Opaque), buat bayangan dengan warna coklat gelap. Atur MultiplyMode untuk layer ini.

Gunakan proses yang hampir sama untuk sorotan. Buat layer klip baru di atas layer gelap, gambar sorotan menggunakan warna merah terang dan brush tekstur Anda, dan atur Screen Mode untuknya. Ubah Opacity untuk membuatnya terlihat lebih tenang dan lebih alami (saya menggunakan 50%).

texture by Kyle T Brushestexture by Kyle T Brushestexture by Kyle T Brushes

Jadi alur kerja saya yang biasa untuk jenis gambar ini adalah:

  1. Buat bentuk vektor.
  2. Buat volume dengan brush lukis.
  3. Tambahkan tekstur gelap dan terang dengan brush tekstur dan mode layer yang berbeda.
  4. Tambahkan beberapa detail lainnya jika perlu.

Langkah 3

Gunakan proses yang hampir sama seperti bentuk luar hati kuning — tambahkan saja hiasan sederhana dengan Gouache Round Opaque Brush. Anda dapat menggunakan brush yang lainnya, dan jangan lupa bahwa Anda dapat mengubah mode campuran dan opacity brush Anda di pengaturan brush di dekat menu brush (atau gunakan F5 untuk membuka Pengaturan Brush lanjutan).

Tips pro: gunakan [ atau untuk menambah atau mengurangi ukuran brush Anda.

Texture highlights by Kyle T BrushesTexture highlights by Kyle T BrushesTexture highlights by Kyle T Brushes

Langkah 4

Gunakan proses yang sama untuk mata dan mulut. Jangan lupa tambahkan layer untuk bayangannya (saya menggunakan brush tekstur lagi untuk itu). Pilih semua layer mata dan Group (Command-G).

Drawing the eye in Mexican styleDrawing the eye in Mexican styleDrawing the eye in Mexican style

Copy (Command-J) dan Move (V) kelompok mata. Sekarang hati memiliki dua mata.

Duplication in PhotoshopDuplication in PhotoshopDuplication in Photoshop

Langkah 5

Lanjutkan mewarnai dan menambahkan detail. Buat bentuk hidung dengan Pen Tool dan tambahkan beberapa volume dengan layer Clipdan brush lukis. Untuk mengecat bibir, gunakan Rotate Tool (R) untuk membantu Anda membuat stroke brush yang bagus.

Drawing tips in PhotoshopDrawing tips in PhotoshopDrawing tips in Photoshop

Selesaikan mulut menggunakan teknik yang familiar. Juga, saya menambahkan garis gigi pada layer baru. Saya menggunakan Your New Favorite Inker dari set Kyle Brush. Brush tinta yang lainnya juga akan berfungsi dengan baik. Jangan lupakan bayangan di bawah mulut.

Drawing the details in PhotoshopDrawing the details in PhotoshopDrawing the details in Photoshop

Langkah 6

Untuk menambah hiasan, saya menggunakan warna kuning yang hangat dan brush inker (sama dengan garis gigi). Buat Layer Clip baru di atas layer hati merah dan gambar beberapa ornamen di atasnya. Juga, saya menggambar alis di sini. Wajah hati sudah siap!

Mexican style decoration by inker brushesMexican style decoration by inker brushesMexican style decoration by inker brushes

Langkah 7

Pilih semua layer hati dan layer grup (termasuk mulut, mata, dan hidung) dan kelompokkan mereka (Command-G). Atur layer Anda agar mudah dinavigasi. Jika Anda telah mengelompokkan objek secara tidak benar, Anda dapat membongkar grup (Command-Shift-G).

Group the layers in PhotoshopGroup the layers in PhotoshopGroup the layers in Photoshop

Langkah 8

Sekarang saatnya untuk sayap hatinya. Gambar dua sayap besar pada layer yang sama menggunakan Pen Tool (P).

Mexican style wings by Pen ToolMexican style wings by Pen ToolMexican style wings by Pen Tool

Di layer lain, gambar bentuk sayap dalam. Anda dapat mengedit bentuk Anda dengan Direct Selection Tool (A) dan mengedit anchor point. Pastikan bahwa pointer dari Direct Selection Tool berwarna putih. Anda dapat mengubahnya di panel Tools.

Inner wings in Photoshop by Pen ToolInner wings in Photoshop by Pen ToolInner wings in Photoshop by Pen Tool

Langkah 9

Buat layer tekstur baru di atas layer sayap merah dan gambar bayangan dari sayap bagian dalam dengan brush tekstur dan warna merah gelap. Atur mode layer ke Multiply dan atur Opacity agar terlihat bagus dan alami. Saya menggunakan 60% Opacity.

Shadows by texture brushShadows by texture brushShadows by texture brush

Langkah 10

Buat layer Clip baru untuk layer sayap merah. Dengan brush inker dan warna merah terang, gambar garis-garis bulu. Anda dapat menggambar jenis garis apa pun — tujuannya adalah menambahkan beberapa tekstur dan detail. Saya menggambar garis lurus sederhana. Atur modenya ke Screen lalu atur Opacity yang bagus (Saya atur 80%).

Adding details to wingsAdding details to wingsAdding details to wings

Langkah 11

Untuk bentuk sayap bagian dalam, saya membuat dua layer bayangan gelap menggunakan brush tekstur yang sama. Yang pertama adalah layer oranye gelap di Multiply Mode dan 70% Opacity. Yang kedua adalah layer coklat, juga dengan Multiply Mode. Beberapa layer warna menambahkan beberapa kedalaman pada gambar.

Shadows by Kyle T BrushesShadows by Kyle T BrushesShadows by Kyle T Brushes

Pada layer Clip baru, tambahkan highlight dengan brush tekstur dan warna kuning muda. Modenya adalah Screen. Hapus stroke brush yang tidak perlu (jika ada) dengan Erase Tool (E).

Highlights with texture brushesHighlights with texture brushesHighlights with texture brushes

Langkah 12

Pada layer Clip lain, gambar hiasan dengan brush inker dan kunci layer Opacity. Menggunakan brush tekstur, tambahkan beberapa nilai dengan warna yang lebih gelap seperti wajah hati. Group semua layer sayap, dan sekarang sudah siap.

Decorative wings elementsDecorative wings elementsDecorative wings elements

Langkah 13

Saya memutuskan untuk mengubah rencana saya sedikit dan menggambar mahkota di bagian atas hati saya. Menggunakan Pen Tool (P), saya menggambar beberapa bentuk mahkota. Saya membuat layer skema warna yang tidak terlihat untuk membuat proses menggambar bentuk lebih jelas dan lebih mudah. Cukup klik pada ikon mata di panel Layers.

Mexican hearts crown by Pen ToolMexican hearts crown by Pen ToolMexican hearts crown by Pen Tool

Langkah 14

Menggunakan teknik yang sudah dikenal, tambahkan nilai untuk mahkota. Gunakan layer gelap dalam mode Multiply dengan brush tekstur dan layer cerah di Mode Screen. Bermainlah dengan jumlah layer dan opacity-nya.

Crowns shadows and highlights by texture brushesCrowns shadows and highlights by texture brushesCrowns shadows and highlights by texture brushes

Aturlah layer, dan selamat! Kita selesai dengan hati dan item-itemnya.

Arrange the Photoshop layersArrange the Photoshop layersArrange the Photoshop layers

4. Cara Membuat Vektor dan Mewarnai Huruf

Langkah 1

Sekarang saatnya untuk pita dan huruf. Dengan Pen Tool (P), gambar pita. Saya menggunakan warna pirus. Skema warna sekali lagi dibuat tidak terlihat.

Ribbon for the text by Pen ToolRibbon for the text by Pen ToolRibbon for the text by Pen Tool

Langkah 2

Pada layer baru, gambar huruf dengan Pen Tool (P). Untuk membuat bentuk yang tumpang tindih (seperti ruangan bagian dalam di Q), pilih dua bentuk dengan Direct Selection Tool (A)dan pilih Exclude Overlapping Shapes.

Overlapping vector shapes in PhotoshopOverlapping vector shapes in PhotoshopOverlapping vector shapes in Photoshop

Gunakan panah hitam dari Direct Selection Tool (A) jika Anda perlu memindahkan beberapa bentuk. Edit anchor point menggunakan panah putih dari instrumen yang sama.

Selection vector shapes in PhotoshopSelection vector shapes in PhotoshopSelection vector shapes in Photoshop

Langkah 3

Seperti biasa, tambahkan beberapa volume dengan brush paint dan beberapa tekstur dengan brush tekstur pada layer yang berbeda, dengan Multiply untuk nuansanya dan Screen untuk sorotan.

Painting over the vector shapesPainting over the vector shapesPainting over the vector shapes

Langkah 4

Menggunakan Pen Tool (P), tambahkan beberapa garis putus-putus sebagai hiasan. Saya rasterize semua layer garis putus-putus (Klik kanan Layer > Rasterize) dan merge menjadi satu (pilih semua layer yang dibutuhkan dan Command-E).

Decorative dashed lines in PhotoshopDecorative dashed lines in PhotoshopDecorative dashed lines in Photoshop

Langkah 5

Buat layer clip baru untuk huruf-hurufnya. Saya warnai dengan brush paint: kuning muda di atas, oranye dan oranye gelap di bagian bawah. Ini menambah nilai pada tandanya.

Adding color accent by clip layerAdding color accent by clip layerAdding color accent by clip layer

Langkah 6

Sekali lagi, tambahkan tekstur dengan brush tekstur. Gunakan layer gelap untuk bayangan dan layer terang untuk sorotannya.

Using the texture brush in PhotoshopUsing the texture brush in PhotoshopUsing the texture brush in Photoshop

Langkah 7

Sekarang untuk momen sulap. Duplicate layer huruf (Command-J) dan letakkan di bawah layer huruf. Klik pada layer baru, warnai dengan warna pirus gelap, dan gerakkan ke bawah dan ke kiri (V atau cukup gunakan tombol panah keyboard). Sekarang kita memiliki bayangan di bawah huruf-huruf kita.

Shadows in PhotoshopShadows in PhotoshopShadows in Photoshop

Langkah 8

Buat layer baru di bawah pita dan gambar bagian pita bagian dalam dengan Pen Tool (P). Di sini, saya memutuskan untuk mengubah skema warna pertama dan warnai dengan warna pirus gelap. Pada layer klip baru, tambahkan beberapa volume dengan kuas cat. Pilih semua layer dan grup ribbon dan letters group(Command-G).

Inner ribbon part in PhotoshopInner ribbon part in PhotoshopInner ribbon part in Photoshop

Langkah 9

Duplicate (Command-J) grup pita dan merge bagian dalamnya (Command-E).

Group and arrange the ribbons layersGroup and arrange the ribbons layersGroup and arrange the ribbons layers

Pindahkan layer baru ini di bawah grup pita atas dan klik dua kali miniatur layer (atau klik kanan > Blending Options). Pilih Color Overlay dan atur warnanya menjadi coklat gelap.

Blending options color overlay in PhotoshopBlending options color overlay in PhotoshopBlending options color overlay in Photoshop

Pindahkan layer ini (atau panah keyboard) dan atur mode ke Multiply. Atur Opacity menjadi 40-50%. Kita telah menyelesaikan pita atasnya. Ulangi langkah-langkah untuk pita bawahnya.

Mexican style heart letteringMexican style heart letteringMexican style heart lettering

Langkah 10

Saatnya untuk detailnya. Tambahkan detail baru dan gambar beberapa tepi.

Adding ribbons detailsAdding ribbons detailsAdding ribbons details

5. Cara Menambahkan Warna ke Latar Belakang

Langkah 1

Sudah waktunya untuk latar belakang. Buat layer baru di bawah semua layer yang digambar, dan warnai dengan Paint Bucket Tool (G). Pastikan Anda memilih Paint Bucket Tool bukan Gradient Tool.

Background in Photoshop by Bucket ToolBackground in Photoshop by Bucket ToolBackground in Photoshop by Bucket Tool

Langkah 2

Dengan menggunakan Pen Tool (P), buat garis dekorasi dan warnai mereka dalam warna kuning yang lebih gelap.

Pen tool for the background decorationPen tool for the background decorationPen tool for the background decoration

Langkah 3

Untuk membuat bingkai, gambarkan bentuk bingkai dan bentuk persegi panjang besar (ukuran yang sama dengan artboard penuh) pada layer yang sama. Seleksi dengan Direct Selection Tool (A) dan pilih Exclude Overlapping Shapes.

Background frame by Pen ToolBackground frame by Pen ToolBackground frame by Pen Tool

Langkah 4

Pilih setiap brush tekstur (misalnya, dari set ini) dan tambahkan beberapa butir pada bingkai, buat layer klip baru di atasnya.

Adding the texture to the backgroundAdding the texture to the backgroundAdding the texture to the background

Langkah 5

Klik dua kali layer frame untuk membuka opsi blending dan atur warna Drop Shadow menjadi coklat gelap, 20-35% Opacity, 90 derajat Angle, Distance 15 px, Size 20 px, dan Noise menjadi 16%.

Layer Blending Options Drop shadow settingsLayer Blending Options Drop shadow settingsLayer Blending Options Drop shadow settings

Langkah 6

Saatnya untuk dekorasi bingkai. Dengan Pen Tool (P), gambar hati kecil dan beberapa api kuning pada layer yang terpisah.

Heart frame decorationHeart frame decorationHeart frame decoration

Lakukan Duplicate pada objek ini dan pindahkan ke empat sudut.

Copying the small heart objectsCopying the small heart objectsCopying the small heart objects

Langkah 7

Dengan Pen Tool (P), gambar garis pada sisi bingkai kita. Group (G) semua layer frame.

Decorative line by Pen ToolDecorative line by Pen ToolDecorative line by Pen Tool

Kita sudah selesai dengan pewarnaan utama. Berikut adalah hasil tengahnya. Mari kita selesaikan!

Mexican style lettering card intermediate resultMexican style lettering card intermediate resultMexican style lettering card intermediate result

Langkah 8

Pilih pita dan kelompok layer hati dan naikkan sedikit. Kenyamanan grafis komputer adalah kita dapat dengan bebas mengubah dan memindahkan objek.

Increasing the objectsIncreasing the objectsIncreasing the objects

6. Cara Menambahkan Detail yang Lebih Kecil

Langkah 1

Mari kita bekerja dengan detailnya. Saya telah menambahkan beberapa sorotan di bawah hidung hati. Untuk memilih dengan cepat layer yang Anda butuhkan, gunakan Move Tool (V) dan cek Auto-Select > Layer di panel atas.

Move Tool in Photoshop painting the detailsMove Tool in Photoshop painting the detailsMove Tool in Photoshop painting the details

Langkah 2

Juga, saya telah menambahkan beberapa noise ke latar belakang menggunakan noise dan brush tekstur yang berbeda. Atur ke mode Multiply, dan atur Opacity menjadi 5-15%.

Background texture by texture brushes in PhotoshopBackground texture by texture brushes in PhotoshopBackground texture by texture brushes in Photoshop

Langkah 3

Klik dua kali grup layer utama dan atur Drop Shadow ke warna coklat gelap, mode Multiply90 derajat Angle6 px Distance13 px Size, dan 16% Noise.

Drop Shadow settings in Photoshop for the noise shadowDrop Shadow settings in Photoshop for the noise shadowDrop Shadow settings in Photoshop for the noise shadow

Langkah 4

Saya telah memutuskan untuk mengubah bayangan pita menjadi sama dengan yang ada di hati. Anda bisa menyimpan yang lama. Seleksi grup bayangan lama dan buat tidak terlihat (atau cukup Delete saja). Tahan tombol Alt dan pindahkan efek layer dari grup layer utama hati ke grup layer pita atas. Lakukan hal yang sama dengan pita bawah.

Changing the shadows stylesChanging the shadows stylesChanging the shadows styles

Langkah 5

Sekarang kita bisa menghiasnya sebanyak yang kita mau! Dengan brush inker, saya telah menambahkan beberapa baris bagian dalam untuk tulisannya. Anda dapat menggunakan tool Rotate (R) untuk membuat gambar lebih nyaman. Jangan lupa bahwa Anda dapat menekan Command-Shift-Z untuk Undoaksinya.

Decoration lettering with the inker brushDecoration lettering with the inker brushDecoration lettering with the inker brush

Langkah 6

Menggunakan Pen Tool (P), gambar beberapa bintang. Pada layer klip, buat beberapa stroke dengan brush tekstur.

Drawing stars by the Pen ToolDrawing stars by the Pen ToolDrawing stars by the Pen Tool

Langkah 7

Terapkan bayangan ke layer bentuk bintang. Atur warna merah gelap, mode Multiply, 50% Opacity, 6 px Distance, 10 px Size, 16% Noise.

Stars shadowsStars shadowsStars shadows

7. Cara Menggunakan Penyesuaian Warna

Buat layer penyesuaian level baru di atas latar belakang.

Creating the adjustment layerCreating the adjustment layerCreating the adjustment layer

Gerakkan slider gelap sedikit untuk membuat warna latar belakang lebih berani.

Levels panel in Adobe PhotoshopLevels panel in Adobe PhotoshopLevels panel in Adobe Photoshop

Tambahkan beberapa tetes merah gelap dan ornamen geometris di bawah bingkai dengan Pen Tool (P).

Selesai!

Gaya dekoratif ini memberi Anda banyak kebebasan, dan Anda dapat dengan mudah bermain dengan warna dan elemen dekoratif. Anda dapat menggunakan alur kerja ini sebagai dasar dan membuat desain Anda sendiri. Terima kasih telah berkreasi dan bereksperimen dengan saya. Nikmati prosesnya, dan bagikanlah kreasi Anda!

The Mexican hand lettering Valentine card designThe Mexican hand lettering Valentine card designThe Mexican hand lettering Valentine card design

Lihat beberapa tutorial mengagumkan lainnya dengan desain tulisan lucu langkah-demi-langkah, serta tutorial menggambar Photoshop yang bagus dengan tips-tips brush pro!

One subscription.
Unlimited Downloads.
Get unlimited downloads