1. Design & Illustration
  2. Affinity Designer

Cara Membuat Ratu Hati Bermain Kartu Dengan Affinity Desainer

by
Read Time:12 minsLanguages:
This post is part of a series called Alice in Wonderland Week.
How to Create an Alice in Wonderland Tea Party Scene in Adobe Illustrator
Create Beautiful Page Layouts and a Striking Cover for a Children’s Fiction Book

Indonesian (Bahasa Indonesia) translation by Muhammad Gufron (you can also view the original English article)

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

Hari ini kita akan menjadi pada sebuah petualangan belajar, menggunakan beberapa alat dasar dan fungsi Affinity Desain, untuk membuat "Queen of Hearts" bermain kartu sederhana dan menyenangkan!

Langkah demi langkah, kita akan melihat bagaimana untuk merancang dan membuat ilustrasi yang lucu, warna-warni yang menggunakan bentuk dasar geometris, dalam kombinasi dengan stroke dan efek, kustom desain kartu bermain pertama kami.

Pada akhir tutorial ini, Anda akan dapat menyesuaikan Anda sendiri "Queen of Hearts" bermain kartu dan menerapkan teknik-teknik baru untuk membuat sisa dek! Jika Anda membutuhkan tambahan grafis, buka GraphicRiver untuk melihat apa lagi yang dapat Anda tambahkan ke ilustrasi!

1. Cara Set Up Artboard & Panduan

Langkah 1

Kita akan mulai dengan menyiapkan ruang kerja kami.

Buat dokumen kartu bermain ukuran poker.

  • Type: Print
  • Page Preset: Custom
  • Document Units: Millimetres
  • Colour: CMYK/8
  • DPI: 300
  • Page Width: 63.5 mm
  • Page Height: 88.9 mm
  • Left Margin: 8.2 mm
  • Right Margin: 8.2 mm
  • Top Margin: 8.2 mm
  • Bottom Margin: 8.2 mm
  • Oke
set up document dimensions affinity designerset up document dimensions affinity designerset up document dimensions affinity designer

Langkah 2

Mari kita setup pusat panduan.

View > Guides Manager untuk membuka panel Guides Manager. Pilih ikon Add New Horizontal Guide dan kemudian ikon Add New Vertical Guide untuk membuat panduan akurat pusat di artboard, dan Close.

View > Show Margins.

File > Save (Command-S), dan beri nama berkas "Queen_of_Hearts". Sekarang kami di semua set up untuk mulai menambahkan karya seni kami!

Create horizontal and vertical Guides in Guides ManagerCreate horizontal and vertical Guides in Guides ManagerCreate horizontal and vertical Guides in Guides Manager

2. Bagaimana Menggambar Desain Border Kartu

Langkah 1

Mari kita mulai dengan membuat border di sekitar kartu kami. Kami akan menarik setengah desain kartu dan me-mirror itu nanti.

Pilih Artistic Text Tool (T) untuk menambahkan teks artistik desain. Text > Show Character (Command-T).

Di sudut kiri atas dari margin, tarik Artistic Tex Tool (T), dan ketik huruf "Q" dengan Fill merah, di 27 pt ukuran font.

Kemudian pindah ke panel Effects, dan menerapkan Inner shadow merah, dengan Radius 9 px.

Use artistic text tool to add text and effects apply inner shadowUse artistic text tool to add text and effects apply inner shadowUse artistic text tool to add text and effects apply inner shadow

Langkah 2

Selanjutnya Mari kita Enable Snapping, sehingga kami dapat memastikan semua objek kami akan diposisikan dan disesuaikan secara akurat dengan benda-benda lain dan dokumen. Untuk mengaktifkan/melumpuhkan gertakan, klik Snapping (magnet ikon) pada toolbar utama atau tombol berdekatan dengan menu pop-up preset dan check Enable snapping.

Dari panel Tools, klik dan tahan ikon Triangle Tool untuk membuka daftar drop-down bentuk kustom. Pilih perangkat bentuk hati.

Gambar hati 6 x 6 mm merah, di bawah "Q". Gunakan Move Tool (V) untuk snap hati 2.1 mm di bawah huruf "Q". Kemudian, dari panel Effects, terapkan Inner shadow merah gelap, dengan Radius 13 px.

enable snapping and add heart with inner shadow effects and radius setenable snapping and add heart with inner shadow effects and radius setenable snapping and add heart with inner shadow effects and radius set

Langkah 3

Pilih Ellipse Tool (M) dan menambahkan lingkaran 1.6 x 1.6 mm jeruk 2.1 mm dari sisi kanan "Q".

Duplicate (Command-J) elips dan menggunakan Move Tool (V) untuk mengambil duplikat 2.1 mm di bawah huruf "Q".

Create Ellipse Tool snap with Move ToolCreate Ellipse Tool snap with Move ToolCreate Ellipse Tool snap with Move Tool

Langkah 4

Selanjutnya Mari kita gambar berbentuk hati corner border.

Pilih Pen Tool (P). Dengan warna yang sama digunakan dalam elips mengisi, menerapkan warna pada Stroke, dengan Width 2 pt.

Catatan: Gunakan pengukuran disorot smart guide untuk memastikan jarak akurat sementara menggambar.

Mulailah dengan elips. Gambar garis 37.4 mm horizontal, 7.8 mm ke bawah, 2,8 mm kiri, 2.3 mm ke atas, 2.3 mm, kiri, 2,8 mm ke atas, 7.5 mm benar, dan ke pusat panduan.

Kemudian tarik garis dari lingkaran kiri ke guide horisontal pusat, seperti yang ditunjukkan di bawah ini.

Draw playing card border line using pen tool P and guidesDraw playing card border line using pen tool P and guidesDraw playing card border line using pen tool P and guides

Langkah 5

Mari kita edit sudut kurva baris kami untuk menciptakan bentuk hati.

Pilih Corner Tool (C) dari toolbar. Pilih node sudut, seperti yang ditunjukkan pada gambar. Tarik kursor untuk mengubah sudut (Anda akan melihat lingkaran merah, atau Anda dapat mengedit Radius untuk sekitar 1.6 pt, dari Context Toolbar).

se corner tool C to curve corner radius se corner tool C to curve corner radius se corner tool C to curve corner radius

Langkah 6

Selanjutnya, pilih Heart dari toolbar. Gambar hati 2.4 x 2.4 mm merah. Menggunakan Move Tool (V) untuk mengambil ke sudut kanan margin.

Kemudian, gunakan handle rotasi untuk menetapkan rotasi -45 derajat, atau Anda dapat memutar dari Transform panel.

heart shape rotation from transform panelheart shape rotation from transform panelheart shape rotation from transform panel

Langkah 7

Pada panel Layers, pilih semua lapisan yang kita buat, dan Group (Command-G). Memberi kelompok judul "Perbatasan".

3. Cara Membuat Wajah Queen's

Langkah 1

Sekarang mari kita membuat wajah Queen, mulai dengan menggambar wajah bulat, berbentuk hati.

Pilih shape tool bentuk hati. Gambar hati dengan warna krem 15.4 x 16,5 mm, bentak ke pusat panduan.

Pilih node pusat merah di tepi berpotongan dan menariknya ke atas sehingga itu tidak terlalu melengkung ke dalam.

transform heart shape thru nodestransform heart shape thru nodestransform heart shape thru nodes

Langkah 2

Kemudian, dengan Node Tool (A), klik pada hati, dan dari dari Context Toolbar, klik Convert to Curves, sehingga objek dapat berubah menjadi garis-garis yang terhubung dan node.

Jadi sekarang gunakan Node Tool (A) dan panduan, menggunakan node untuk mengubah bentuk jantung ke versi yang lebih bulgy, dengan tweaker node sedikit lebih lanjut.

node tool convert shape to curves from context toolbarnode tool convert shape to curves from context toolbarnode tool convert shape to curves from context toolbar

Langkah 3

Mari kita menerapkan efek pada wajah.

Layer > Layer Effects....buka panel Effects.

Terapkan Bevel/Emboss:

  • Type: Inner
  • Radius: 19.7 px
  • Soften: 0.4 px
  • Sorot: Menerapkan warna oranye kuning 75%
  • Shadow: Menerapkan warna oranye gelap 75%
  • Tutup
skew shape with nodes and node tool and apply bevel emboss effect inner typeskew shape with nodes and node tool and apply bevel emboss effect inner typeskew shape with nodes and node tool and apply bevel emboss effect inner type

Langkah 4

Lanjutkan menggambar mata.

Ada beberapa langkah yang diikuti:

  • Pilih Ellipse Tool (M), dan menggambar fill hitam lingkaran 3,5 x 3,5 mm.
  • Kemudian dengan Node Tool (A), klik Convert to Curves dari Context Toolbar.
  • Pilih node kiri dan kanan, dan Convert: Sharp.
  • Setelah itu, gunakan Move Tool (V) untuk mengurangi ketinggian terpisah bawah pegangan kontrol.
  • Akhirnya, Putar itu 30 derajat, dan posisi itu seperti yang ditunjukkan di bawah ini.
create eye from ellipse tool convert to curves and sharpen edges plus rotatecreate eye from ellipse tool convert to curves and sharpen edges plus rotatecreate eye from ellipse tool convert to curves and sharpen edges plus rotate

Langkah 5

Sekarang mari kita lanjutkan dengan ilustrasi mata, dan menambahkan makeup.

Dengan Ellipse Tool (M), gambar sebuah lingkaran 0.8 x 0.8 mm pirus di dalam mata untuk menciptakan beberapa silau. Tambahkan lingkaran 0.4 x 0.4 mm lain, sedikit di bawah kiri elips pertama.

Kedua, menggunakan Vektor Brush Tool (B), ditetapkan pada 1.4 pt dengan stroke hitam, dan menggambar dua bulu mata yang lucu.

Dari panel Tools, klik dan tahan ikon Hati untuk daftar drop-down bentuk kustom, dan pilih alat bentuk bulan sabit. Gambar alis hitam, dan Rotate -97 derajat, horizontal di atas mata.

Dan akhirnya, menggunakan Pen Tool (P) secara manual menambahkan di eyeshadow putih.

Sekarang lapisan eyeshadow akan muncul di depan mata, jadi Move Back One (Command-[), sampai di belakang bentuk mata.

draw ellipse glares lashes using vector brush tool and crecent tool for eyebrow and pen tool for eyeshadow move back one layerdraw ellipse glares lashes using vector brush tool and crecent tool for eyebrow and pen tool for eyeshadow move back one layerdraw ellipse glares lashes using vector brush tool and crecent tool for eyebrow and pen tool for eyeshadow move back one layer

Langkah 6

Pada panel Layers, pilih semua unsur-unsur yang berhubungan dengan mata dan Group (Command-G) bersama-sama. Duplicate (Command-J) kelompok.

Layer > Transform > Flip Horizontally atau klik ikon Flip Horizontal pada Toolbar (biru dan abu-abu segitiga cermin).

Posisi itu di sisi lain, menggunakan Move Tool (V).

group eyes and mirror reflect by flip horizontal icongroup eyes and mirror reflect by flip horizontal icongroup eyes and mirror reflect by flip horizontal icon

Langkah 7

Mari kita tambahkan hidung, bibir, leher, dan bentuk tubuh.

Mulailah dengan hidung, menggunakan Ellipse Tool (M), Width 1 mm dan Height 0.3 mm. menggunakan Move Tool (V) untuk mengambil hidung antara mata.

Gunakan shape tool Heart untuk bibir dan gambar hati dengan Width 1.3 mm dan Height 1 mm, dan snap itu di bawah hidung.

Selanjutnya, membuat hati berwarna putih 2.6 x 2,2 mm untuk leher, dan mengambil pada dasar bentuk kepala. Tambahkan hati berwarna orange untuk headpiece itu 3.9 x 3.2 mm. Snap itu ke bagian tengah atas kepala.

Akhirnya, untuk bentuk tubuh, kita akan membuat hati 6.4 x 5.6 mm. Move Forward One (Command-]) lapisan, hati putih.

create nose neck body and headpiece with heart and ellipse toolcreate nose neck body and headpiece with heart and ellipse toolcreate nose neck body and headpiece with heart and ellipse tool

Langkah 8

Mari kita beri wanita kami blush beberapa pada pipi.

Pilih Ellipse Tool (M). Gambar elips 10 x 6,5 mm, dan posisi itu di bawah mata. Duplicate (Command-J) elips dan pindah duplikat di pipi yang lain, dengan Move Tool (V).

Pilih lingkaran dan menerapkan Add Operation ikon untuk menggabungkan mereka (Layer > Geometry > Add).

Setelah itu, Duplicate (Command-J) bentuk kepala. Kemudian tahan tombol Shift, pilih bentuk kepala digandakan selain elips pipi dan klik Intersect (Layer > Geometry > Intersect).

duplicate add and intersect icons to create cheecksduplicate add and intersect icons to create cheecksduplicate add and intersect icons to create cheecks

Langkah 9

Pipi akan mewarisi efek diterapkan pada wajah sebelum. Jadi uncheck Bevel/Emboss dari panel Effects untuk melepaskan.

Dari panel Layers, terapkan Multiply blend mode.

Uncheck BevelEmboss and apply Multiply Blending ModeUncheck BevelEmboss and apply Multiply Blending ModeUncheck BevelEmboss and apply Multiply Blending Mode

4. Bagaimana Mendesain Rambut & Tubuh

Langkah 1

Mari kita membuat rambut.

Mengambil Ellipse Tool (M) dan membuat elips merah gelap dengan ukuran 17 x 13 mm. memberikan pengaturan Bevel/Emboss berikut dari panel Layer Effects:

  • Type: Inner
  • Radius: 10.1px
  • Soften: 0.8 px
  • Shadow: Multiply dengan warna merah tua
  • Close
create ellipse layer effects panel set emboss type radius and shadowcreate ellipse layer effects panel set emboss type radius and shadowcreate ellipse layer effects panel set emboss type radius and shadow

Langkah 2

Lagi menggunakan Ellipse Tool (M), membuat elips merah terang 17 x 7mm.

Pilih baik pertama dan kedua elips dengan menekan tombol Shift. Menerapkan Align Center dan kemudian Align Middle. Selanjutnya, Group bersama-sama (Command-G) dua elips.

Kemudian dari Transform panel, mengatur sudut rotasi untuk 50 derajat.

apply align center and middle icon and rotation from transform panelapply align center and middle icon and rotation from transform panelapply align center and middle icon and rotation from transform panel

Langkah 3

Menggunakan Move Tool (V) untuk mengambil kelompok atas mata, menyentuh Pusat Panduan.

Move Back One (Command-[), sehingga berlapis di belakang kepala. Duplicate (perintah-J) dan menerapkan Flip Horizontal dari toolbar.

Dengan Move Tool (V), posisi itu di sisi lain.

Apply Move Layers Duplicate and Flip Horizontal Apply Move Layers Duplicate and Flip Horizontal Apply Move Layers Duplicate and Flip Horizontal

Langkah 4

Pindah, mari kita buat kembali rambut bob dan tambahkan desain mahkota itu.

Pertama, buat elips mm 8.2 x 8.8 mm merah gelap dengan Ellipse Tool (M). Untuk mahkota, menggunakan Pen Tool (P), dan menggambar bersegi tiga bentuk seperti ditunjukkan di bawah. Penggunaan Node Tool (A) dan kurva dan kiri, kanan, bawah poin.

Pilih bentuk mahkota dan elips dan menerapkan Align Center, memastikan mahkota atas elips. Kemudian membuat robekan 1.6 x 2.4 mm kuning yang menggunakan Tear Tool dari panel Tools. Set Rotation dari air mata 140 derajat.

Duplicate (Comand-J) air mata dan menerapkan ikon Flip Horizontal dari Context Toolbar. Menggunakan Move Tool (V) dan posisi duplikat di sisi lain, seperti yang ditunjukkan di bawah ini.

use ellipse pen nodes and tear tool to create crownuse ellipse pen nodes and tear tool to create crownuse ellipse pen nodes and tear tool to create crown

Langkah 5

Setelah semua elemen dari bob dibuat, Group (Command-G) mereka bersama-sama. Terapkan Move to Back (Command-shift-[).

Group elements and Move toBackGroup elements and Move toBackGroup elements and Move toBack

Langkah 6

Mari kita menambahkan beberapa detail untuk tubuh.

Pilih Diamond Tool dari toolbar. Membuat berlian merah 1.2 x 1.5 mm dan snap itu panduan pusat di hati hitam.

Duplicate (Command-J), tahan tombol Shift untuk membatasi secara vertikal, dan tarik duplikat di bawah yang lain, seperti yang ditunjukkan.

Ambil Triangle Tool dari toolbar, dan menciptakan sebuah segitiga merah 6.4 x 4.2 mm, menyentuh Pusat Panduan panduan horisontal.

Catatan: Untuk membuat sebuah bentuk dari titik awal, tahan Option-Command-Drag.

Terapkan Move to Black (Command-shift-[).

diamond Tool duplicate shape triangle tool center option command drag then move to backdiamond Tool duplicate shape triangle tool center option command drag then move to backdiamond Tool duplicate shape triangle tool center option command drag then move to back

Langkah 7

Sekarang mari kita menambahkan Queen ruff.

Ambil Ellipse Tool (M) dan menarik pusat elips 22.4 x 18.2 mm pirus selaras dengan panduan pusat. Terapkan Move to Back (Command-shift-[).

Membuat 18.3 x 18.2 mm elips lain, warna biru gelap. Terapkan Move to Back (Command-shift-[) dan kemudian Move Forward One (Command-]).

Ellipse move to back move forward oneEllipse move to back move forward oneEllipse move to back move forward one

Langkah 8

Kita perlu menambahkan tangan dan lengan Queen.

Ambil Rectangle Tool (M). Gambar batu bata merah 9.6 x 2.9 mm. Condong seleksi dari kanan dengan menyeret handle kontrol kotak yang melompat-lompat ke atas.

Kemudian pilih Node Tool (A). Terapkan operation Convert to Curves, dan mulai lengkung sisi kanan bawah, mengangkat kiri bawah ke atas, dan kemudian kurva garis untuk membuat lengan Queen.

Create sleeves using rectangle tool and Nodes to convert to curvesCreate sleeves using rectangle tool and Nodes to convert to curvesCreate sleeves using rectangle tool and Nodes to convert to curves

Langkah 9

Gunakan Move Tool (V) untuk memindahkan seleksi ke tubuh. Menerapkan Move to Back (Command-shift-[). Duplicate (Command-J) lengan.

Layer > Transform > Flip Horizontally atau klik ikon Flip Horizontal di toolbar untuk posisi itu di sisi lain.

Move to Back Layer transform Flip horizontally Move to Back Layer transform Flip horizontally Move to Back Layer transform Flip horizontally

Langkah 10

Mari kita gambar tangan

Mulailah dengan sisi kanan. Pilih perangkat bentuk Hati dari toolbar. Gambar hati merah 2.4 x 2,5 mm.

Kemudian, gunakan Ellipse Tool (M) dengan skintone Stroke 2,5 PT, gambar sebuah lingkaran 2.4 x 2.4 mm, di bawah hati.

Gunakan Node Tool (N), pilih lingkaran yang Anda buat, dan terapkan operasi Convert to Curves. Kemudian klik dua titik dari mana kita akan memotong bagian atas kurva.

Dari Toolbar Context, pilih action Break Curve, dan menghapus bagian seperti ditunjukkan di bawah.

heart shape ellipse tool node tool convert to curves break curve actionheart shape ellipse tool node tool convert to curves break curve actionheart shape ellipse tool node tool convert to curves break curve action

Langkah 11

Mari kita tambahkan beberapa jari.

Memilih Pen Tool (P). Penggunaan skintone sama Stroke 2,5 pt diterapkan pada elips, dan menarik tiga jari seperti yang ditunjukkan.

Group (Command-G) semua tangan. Menggunakan Move Tool (V) untuk memindahkan grup baru ke ujung lengan. Terapkan Move to Back (Command-shift-[)

Pen Tool Stroke set Group elements move and move to backPen Tool Stroke set Group elements move and move to backPen Tool Stroke set Group elements move and move to back

Langkah 12

Mari kita membuat kedua tangan, tinju memegang tongkat.

Memilih Pen Tool (P), dan menggambar garis dengan W: 1 mm dan stroke 3 pt, dan nada kulit yang sedikit lebih gelap.

Duplicate (Command-J) dan bergerak di atas yang lain, dan kemudian tekan Command-J lagi untuk Power Duplicate, untuk membuat tiga jari.

Untuk ibu jari, pilih Rectangle Tool (M) dan gambar persegi panjang atas jari ketiga, dengan ukuran 1.7 mm x 0,9 mm dan mengisi skintone sama yang digunakan untuk sisi lain.

Menarik lain dalam arah tegak lurus, 0,9 x 1,7 mm, di tepi kiri persegi panjang pertama, seperti yang ditunjukkan di bawah ini.

Pen tool and rectangle tool to draw fingers and thumbPen tool and rectangle tool to draw fingers and thumbPen tool and rectangle tool to draw fingers and thumb

Langkah 13

Pilih kedua bentuk persegi panjang, dan menerapkan Add Operation ikon untuk menggabungkan atau Layer > Geometry > Add.

Kemudian pilih Corner Tool (C). Pilih sudut kanan atas node, dan berlaku kurva. Pilih node basis dilihat dalam gambar dan berlaku kurva. Jempol dilakukan.

Mari kita membuat telapak tangan. Pilih Rounded Rectangle Tool dan buat 2.1 x 2.6 mm persegi panjang di skinshade gelap, dari jari atas ke dasar. Menerapkan Move to Back (Command-shift-[).

Group (Command-G) semua tangan dan posisi itu di ujung lengan kedua.

create thumb thru rectangle tool and paalm from rounded rectangle tool group and movecreate thumb thru rectangle tool and paalm from rounded rectangle tool group and movecreate thumb thru rectangle tool and paalm from rounded rectangle tool group and move

Langkah 14

Mari kita tambahkan tongkat.

Menggunakan Pen Tool (P) dan menggambar garis vertikal 9.2 mm Height. Memberikan stroke warna gelap. Kemudian pilih alat bentuk hati, dan ingat bahwa jika Anda ingin membuat sebuah bentuk dari pusat mulai titik, tahan Option-Command-Drag.

Gambar hati merah 4.4 x 4.3 mm garis yang kita buat.

Create Sceptre pen stroke and heart tool Create Sceptre pen stroke and heart tool Create Sceptre pen stroke and heart tool

Langkah 15

Mari kita menambahkan beberapa detail tongkat.

Pilih Heart tool dan menerapkan warna yang lebih gelap dari merah. Gambar hati 1.3 x 1.2 mm di pusat jantung yang besar. Dengan sedikit hati dipilih, tahan Option-Shift-Drag untuk menyalin dan menyisipkan pemilihan.

Salin hati tiga kali di bawah elemen pertama, dan Group (Command-G) semua elemen tongkat.

Pilih group tangan dan group tongkat, dan Move To Front (Shift - Command-]). Kemudian pilih kelompok tongkat dan Move Back One (Command-[).

heart option shift drag group move to Front Move Back Oneheart option shift drag group move to Front Move Back Oneheart option shift drag group move to Front Move Back One

Langkah 16

Mari kita selesaikan.

Group (Command-G) semua bagian Queen.

Pilih lapisan 'Border' dan Queen's group, dan kemudian Layer > Transform > Flip Horizontaly atau klik ikon Flip Horizontal di toolbar, kemudian Flip vertikal.

Snap ke centre guide, dan kami siap untuk bermain!

Flip horizontal flip vertical and snap centreFlip horizontal flip vertical and snap centreFlip horizontal flip vertical and snap centre

Anda Sudah Memainkan Kartu Anda!

Kerja yang bagus! "Queen of Hearts" kami sudah selesai. Saya harap Anda telah menikmati mengikuti tutorial ini baik dan mudah. Mungkin Anda belajar beberapa tips baru yang menarik dan trik, untuk menginspirasi Anda untuk membuat sisa dek!

Saya harap Anda telah berhasil mengikuti setiap langkah. Bersenang-senang, dan posting desain kartu Anda di daerah komentar di bawah ini.

Nikmati dan terus berkreasi!

final design queen of hearts playing card design Miss chatzfinal design queen of hearts playing card design Miss chatzfinal design queen of hearts playing card design Miss chatz
One subscription.
Unlimited Downloads.
Get unlimited downloads