Advertisement
  1. Design & Illustration
  2. Spirit Day

Rancang Pola Seamless Spirit Day di Adobe Illustrator

Scroll to top
Read Time: 12 min

() translation by (you can also view the original English article)

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

Tahun ini, Spirit Day jatuh pada 15 Oktober.

Jutaan orang menjadi ungu pada Spirit Day dalam posisi menentang intimidasi dan menunjukkan dukungan mereka untuk remaja lesbian, gay, biseksual dan transgender (LGBT).
Diamati setiap tahun sejak 2010, individu, sekolah, organisasi, perusahaan, dan tokoh publik memakai warna ungu, yang melambangkan 'semangat' pada bendera pelangi.

Ikuti tutorial ini dan ciptakan pola mulus yang jelas dengan elemen datar mewah, melambangkan cinta dan persahabatan dan berdedikasi untuk SYUKURAAN Hari Roh. Kita akan menggunakan bentuk dasar dan efek warp, membuat objek lalu menggabungkannya menjadi tekstur yang rumit, menggunakan Pattern Tool dan beberapa alat pengeditan lainnya. Mari mulai!

1. Buat Cangkir Kopi

Langkah 1

Untuk memulainya, mari kita buat warna ungu yang bagus latar belakang untuk pola mendatang kita.

Buat New Document dengan 400 x 400 px sebagai ukuran. Ambil Rectangle Tool (M) dan buat persegi panjang dengan ukuran yang sama dengan Artboard kita (400 x 400 px), isi dengan warna ungu yang hidup.

make a purple backgroundmake a purple backgroundmake a purple background

Langkah 2

Mari mulai membuat secangkir kopi plastik dari segi empat 65 x 100 px.

make a rectangle for the cup basemake a rectangle for the cup basemake a rectangle for the cup base

Langkah 3

Kita perlu membuat bagian bawah cangkir lebih sempit. Gunakan Direct Selection Tool (A) dan pilih titik jangkar kiri bawah. Tekan tombol Enter untuk membuka Move jendela pilihan dan atur Horizontal narrower. Take the Direct Selection Tool (A) and select the lower left anchor point. Hit theEnter key to open the Move options window and set the H Klik OK untuk memindahkan titik 5 px ke kanan.

Ulangi hal yang sama untuk titik jangkar kanan bawah, tapi kali ini atur Horizontal pindahkan nilai ke -5px, kemudian pindahkan titik ke kiri.

use Move function to form the bottom of the cupuse Move function to form the bottom of the cupuse Move function to form the bottom of the cup

Langkah 4

Sekarang tambahkan topi dengan membentuk persegi panjang 80 x 15 px di atas cangkir. Dan segi empat lainnya di atas, dari 70 x 10 px ukuran. Pilih ketiga bentuk dan pergi ke panel Align. Pilih Align to Key Object dan klik HorizontalAlign Center untuk menyelaraskan bentuk.

add a narrow rectangles for the capadd a narrow rectangles for the capadd a narrow rectangles for the cap

Langkah 5

Mari tambahkan garis kertas ke sekeliling cangkir. Letakkan persegi panjang di pangkal cangkir. Dengan menjaga bentuk yang dipilih, pergi ke Effect > Warp > Arc dan atur nilai Horizontal Bend ke -10% dengan menggerakkan slider ke kanan, membuat bentuk sedikit bengkok.

add arched paper stripeadd arched paper stripeadd arched paper stripe

Langkah 6

Object > Expand Appearance dari garis kertas untuk menerapkan efek Arc. Kemudan pilih kedua garis garis terlengkung dan alas cangkir, ambil Shape Builder Tool (Shift-M) dan hapus yang tidak diperlukan di luarcangkir dengan mengklik mereka, sementara menahan Alt tombol.

use shape builder tool to delete the piecesuse shape builder tool to delete the piecesuse shape builder tool to delete the pieces

Langkah 7

Mari kita memodifikasi pangkal cangkir juga. Pilih dan terapkan efek Arc dengan nilai -5% Horizontal Bend Object > Expand Appearance dari cangkir.

apply arc effect to the cup baseapply arc effect to the cup baseapply arc effect to the cup base

Langkah 8

Hebat, sekarang bagian bawah cangkir sedikit bengkok, tapi kita perlu membuat bagian atasnya lurus lagi. Pilih cangkir dan ambil Scissors Tool (C). Klik kiri atas dan kanan atas titik jangkar dari piala, memotong bagian atas garis. Kemudian hapus saja baris yang tidak diperlukan.

use scissors tool to cut off a lineuse scissors tool to cut off a lineuse scissors tool to cut off a line

Langkah 9

Mari tambahkan label biji kopi ke cangkir kita. Mulai dengan membuat elips 30 x 35 px menggunakan Ellipse Tool (L). Kemudian lengkapi diri Anda dengan Pencil Tool (N) dan gambar garis vertikal bergelombang melintasi elips. Pilih kedua bentuk dan gunakan fungsi Divide dari panel Pathfinder untuk memisahkan elips terpisah. Terakhir, pilih bagian kanan bentuk dan gerakkan beberapa piksel kanan, menggunakan tombol panah kanan dari keyboard Anda.

form a coffee beanform a coffee beanform a coffee bean

Langkah 10

Akhiri dengan cangkir dengan menempatkan biji kopi di tengah garis kertas untuk jenis logo.

Bagus! Mari pindah ke elemen selanjutnya pola masa depan kita.

place the coffee label on the cupplace the coffee label on the cupplace the coffee label on the cup

2. Buat Amplop Surat Cinta

Langkah 1

Mulai membentuk amplop dengan membuat persegi panjang 80 x 55 px dan membuat salinan atasnya (Control-C > Control-F).

Pilih salinan teratas dan pergi ke Object > Path > Add Anchor Points untuk membuat titik anchortambahan pada masing-masing sisi persegi panjang.

for the envelope base from a rectanglefor the envelope base from a rectanglefor the envelope base from a rectangle

Langkah 2

Ambil Delete Anchor Point Tool (-) dan hapus bagian bawah kiri dan bawah titik jangkar yang tepat, meninggalkan yang di tengah, sehingga membentuk segitiga terbalik. Pilih titik jangkar bawah dari segitiga dengan Direct Selection Tool (A) dan tarik menunjuk ke atas, meremas bentuknya.

form an upside down triangleform an upside down triangleform an upside down triangle

Langkah 3

Mari bentuk segel berbentuk hati untuk amplop kita.

Buat lingkaran sekitar ukuran 20 x 20 px, menggunakan Ellipse Tool (L) dan tahan tombol Shift. Pilih titik jangkar bawah dengan Direct Selection Tool (A) dan Convert itu to center dengan bantuan Convert berfungsi di panel kontrol atas, membuat bagian bawah bentuknya runcing.

Sekarang pilih titik anchor atas dengan Direct Selection Tool (A). Beralih ke Anchor Point Tool (Shift-C) dan tarik handel jangkar, membuat bentuk V. Tarik titik jangkar atas ke bawah, meremas bentuk dan membentuk hati dengan gaya.

make a heart from a circlemake a heart from a circlemake a heart from a circle

Langkah 4

Segel surat cinta kita dengan menempatkan hati cap di tengah amplop.

place the heart stamp in the center of the envelopeplace the heart stamp in the center of the envelopeplace the heart stamp in the center of the envelope

Langkah 5

Gunakan bentuk hati yang sama untuk membuat tambahan Gunakan bentuk hati yang sama untuk membuat tambahan Sayap berbentuk hati adalah kombinasi sederhana dari bentuk yang dibuat dan sekelompok persegi panjang bulat, dibuat dengan Rounded Rectangle Tool (terletak di menu drop-down yang sama dengan Rectangle Tool (M) di panel Tools)

make additional heart elementsmake additional heart elementsmake additional heart elements

3. Buat Yummy Apple

Langkah 1

Ambil Ellipse Tool (L) dan mulai membentuk apel dari lingkaran 75 x 75 px. Pilih titik anchor atas dengan Direct Selection Tool (A) dan seret bawah, membuat bagian atas bentuknya lebih datar.

form the apple from a circleform the apple from a circleform the apple from a circle

Langkah 2

Gunakan Anchor Point Tool (Shift-C) untuk memposisikan gagang atas titik jangkar, menyeretnya ke atas. Dan lakukan hal yang sama untuk pegangan yang lebih rendah titik jangkar, menyeretnya ke bawah, membuatnya tampak seperti huruf terbalik V.

Akhirnya, pilih kedua sisi jangkar dan pindahkan ke atas sedikit, menggunakan panah atas, sehingga membuat bagian bawah. dari terapan yang lebih sempit.

Jika Anda ingin memastikan kalau Anda memindahkan handel jangkar secara simetris, gunakan Guides. yang akan membantu anda meluruskan ujung handel. Aktifkan Rulers (Control-R) dan cukup seret Guides ke Artboard Anda dari ruler atas. Kemudian Anda bisa dengan mudah menghapus guide yang tidak diperlukan jika Anda memilih dan menghapusnya, atau menghapus guides pada View > Guides > Clear Guides.

edit the anchor handles of the apple shapeedit the anchor handles of the apple shapeedit the anchor handles of the apple shape

Langkah 3

Sekarang mari membentuk daun, lebih membulat. Pilih atas dan bawah titik jangkar dari lingkaran dan Convert mereka ke corners dengan bantuan dari fungsi Convert pada bagian atas kontrol panel. Remas bentuknya, buat lebih tipis dan rotasikan daun, tempatkan itu dia tas potongan kiri apel.

Tambahkan lesung pipit ke apel dengan membuat garis menikung dengan Pencil Tool (N).

make a leaf from a circlemake a leaf from a circlemake a leaf from a circle

Langkah 4

Akhirnya, tambahkan batang ke apel kita.

Bentuk sebuah garis vertikal kecil dengan Rectangle Tool (M) dan buat bagian bawahnya lebih sempit dengan memindahkan jangkar bawah titik lebih dekat ke pusat dari bentuk dengan bantuan tombol panah.

Tambahkan batang ke apel dan bersiaplah untuk elemen dari pola kita!

make a stem from rectanglemake a stem from rectanglemake a stem from rectangle

4. Bentuk Permata Mengkilap

Langkah 1

buat 75 x 18 px rectangle. Gandakan bentuk (Control-C > Control-F), ambil bagian atas persegi panjang dengan Selection Tool (V) dengan mengklik dan tahan, dan menariknya ke bawah membentuk persegi panjang yang lebih besar di bawah yang pertama.

start forming a diamond from rectanglesstart forming a diamond from rectanglesstart forming a diamond from rectangles

Langkah 2

Menjaga bentuk yang lebih besar dipilih, pergi ke Object > Path > Add Anchor Points. Pilih Delete Anchor Point Tool (-) dan hapus titik jangkar kanan kiri bawah dan bawah, membentuk sebuah segitiga terbalik.

turn the lower rectangle into the triangleturn the lower rectangle into the triangleturn the lower rectangle into the triangle

Langkah 3

Sekarang mari kita ubah bagian atas permata. Pilih titik anchor kiri atas dengan Direct Selection Tool (A) dan tekan Enter untuk membuka menu Move. Pindahkan titik 10 px ke kanan dengan mengatur nilai Horizontal ke 10 px dan nilai Vertikal ke 0 px. Lakukan hal yang sama untuk titik jangkar kanan atas, gerakkan ke arah yang berlawanan dengan mengatur nilai Horizontal ke -10 px.

move the upper anchor points closer to each othermove the upper anchor points closer to each othermove the upper anchor points closer to each other

Langkah 4

Sekarang mari kita gambarkan sisi-sisi permata. Ambil Pen Tool (P) dan buat sebuah garis pendek, sejajar dengan sisi kiri bentuk atas. Lanjutkan garisnya, melampirkannya ke titik bawah permata.

Tekan P lagi untuk memulai baris baru dan menggambar garis vertikal lurus bagian tengah berlian, menekan tombol Shift.

Akhirnya, pilih garis faset pertama dan klik dua kali pada Reflect Tool (O). Di menu opsi Reflect, pilih Vertical Axis dan klik Copy untuk membuat salinan duplikat dari garis. Tempatkan salinan di bagian kanan berlian, membuat bentuk simetris.

add lines with pen tool for the facetsadd lines with pen tool for the facetsadd lines with pen tool for the facets

Langkah 5

Mari buat permata kita bersinar! Gambarkan tiga garis vertikal di atas berlian dan Group (Control-G) mereka. Sejajarkan garis ke permata secara horizontal, menggunakan panel Align.

Pilih garis, ambil Rotate Tool (R), tahan Alt dan klik di tengah berlian untuk menempatkan titik pivot. Lepaskan tombol mouse untuk membuka menu Rotate. Dari sini, atur Angle ke 360/30. Dengan cara ini Adobe Illustrator akan secara otomatis menghitung diperlukan nilai sudut untuk 30 salinan, jadi tidak perlu mengatur sudut dengan menebak-nebak. Klik tombol Copy untuk membuat salinan yang diputar.

Dan, akhirnya, tekan Control-D beberapa kali untuk membuat semua 30 salinan, yang menggambarkan efek mengkilap bergaya.

Pekerjaan hebat! Mari lanjutkan.

add shine to the diamondadd shine to the diamondadd shine to the diamond

5. Menggambar Kunci Vintage

Langkah 1

Mari mulai membentuk kunci dari bagian dekoratif atas. Buat lingkaran 30 x 30 px dan tempatkan bagian yang lebih kecil di dalamnya, membentuk cincin. Pilih kedua bentuk dan gunakan fungsi Pathfinder Minus Front untuk memotong lingkaran dalam, membuat lubang pada cincin. Anda tidak akan melihat perbedaan apa pun saat ini, tetapi Anda Anda tidak akan melihat perbedaan apa pun saat ini, tetapi Anda mewarnai objek kita.

Buat dua salinan cincin dan gabungkan mereka menjadi komposisi yang rumit, letakkan satu lingkaran di atas dua lainnya dan buat mereka tumpang tindih.

create the top of the key from circlescreate the top of the key from circlescreate the top of the key from circles

Langkah 2

Gunakan Rounded Rectangle Tool untuk membuat poros panjang dan sempit untuk kunci. Tambahkan dua persegi panjang bulat yang lebih kecil di bagian bawah poros, menempatkan mereka secara horizontal. Kemudian pilih semua persegi panjang bulat dan Unite mereka di Pathfinder, gabungkan menjadi satu bentuk.

Dan itu semua untuk kuncinya! Mari membuat benda berikutnya!

add a key shaftadd a key shaftadd a key shaft

6. Buat Notasi Musik

Langkah 1

Ambil Rectangle Tool (M) dan mulai membentuk catatan dari persegi panjang 30 x 10 px untuk bagian horisontal atas, yang disebut "balok".

Buat garis vertikal tipis untuk batang dari notasi. Pilih kedua bentuk dan klik balok sambil menahan Alt untuk menjadikannya Key Object. Menuju ke panel Align dan sejajarkan batang ke bagian kiri dari sinar.

Tambahkan batang lain di sisi kanan perhatikan, sejajarkan pada sisi kanan balok.

Akhirnya, lampirkan dua lingkaran 15 x 15 px ke bagian bawah batang, membentuk apa yang disebut "Kepala" dari notasi itu.

form the note from rectangles and ellipsesform the note from rectangles and ellipsesform the note from rectangles and ellipses

Langkah 2

Mari kita miringkan sedikit notasi kita. Ambil Direct Selection Tool (A) dan pilih seluruh sisi kanan catatan dengan mengklik dan menyeret bingkai pilihan di atas bagian yang dibutuhkan dari objek.

Tahan tombol kiri mouse dan gerakkan bagian yang dipilih dari catatan itu, membuat bentuknya miring.

Luar biasa! Mari lanjutkan dan warnai objek kita!

make the note skewedmake the note skewedmake the note skewed

7. Terapkan Warna Cerah ke Benda yang Dibuat

Langkah 1

Kami akan menggunakan rentang warna terbatas untuk palet kami, hanya terdiri dari warna ungu dan kuning dan mereka lebih ringan dan bayangan lebih gelap.

Terapkan warna ke cangkir, dan mari kita buat sedikit lebih detail. Pilih pangkal cangkir dan pergi ke Object > Path > Offset Path. Atur Offset ke -5 px, menciptakan bentuk tambahan di dalam cangkir. Isi dengan warna kuning yang lebih terang, tambahkan dimensi ke cangkir flat kita.

color the cup and add details with offset pathcolor the cup and add details with offset pathcolor the cup and add details with offset path

Langkah 2

Sekarang mari kita warna amplop, menggunakan beberapa teknik yang sama untuk membuatnya lebih detail. Gunakan fungsi Offset Path untuk membuat bentuk tambahan di dalam persegi panjang dasar dan di dalam cap hati.

Adapun bagian atas segitiga dari amplop, duplikat (Control-C > Control-F) dan pindahkan salin sedikit. Kemudian pilih kedua segitiga dan gunakan Shape Builder Tool (Shift-M), menekan Alt untuk menghapus potongan yang tidak diinginkan di luar amplop.

color the envelope and add detailscolor the envelope and add detailscolor the envelope and add details

Langkah 3

Mari pindah ke berlian kita dan buat garis facet sedikit lebih tebal, pengaturan Stroke weight ke 4 pt pada atas kontrol panel. Object > Expand Appearance untuk mengubah garis menjadi objek. Warnai pangkal berlian dengan nuansa kuning dan menerapkan warna coklat yang sangat gelap ke faset garis. Atur Blending Mode ke Screen, sehingga membuat garis faset semitransparan.

color the diamondcolor the diamondcolor the diamond

Langkah 4

Warna benda lain dari set kita, menggunakan fungsi Offset Path dan menambahkan minor detail, seperti sorotan lingkaran kecil, membuat elemen tampak mewah.

color all the elementscolor all the elementscolor all the elements

8. Render Seamless Pattern Keren

Langkah 1

Sekarang semua barang sudah siap, mari menggabungkannya menjadi tekstur mulus yang lembut!

Mari sembunyikan Artboard untuk sementara di View > Hide Artboards (Control-H), sehingga tidak ada yang mengalihkan perhatian kita dari pola kita. Pilih semua elemen dan pergi menuju Object > Pattern > Make.

go to Object Pattern Makego to Object Pattern Makego to Object Pattern Make

Langkah 2

Sekarang Anda telah memasuki pembuatan pola mode, arahkan ke Pattern Options jendela dan atur Width dan Height dari Tile menjadi 400 x 400 px (yang sama dengan ukuran Artboard kami). Tinggalkan semua opsi lainnya sebagai default (pastikan bahwa Tile Type diatur ke Grid).

Mulai menempatkan objek di dalam Tile Edge putar mereka dan gabungkan mereka menjadi komposisi seimbang yang bagus tanpa celah atau ruang kosong.

use pattern tool to combine the elementsuse pattern tool to combine the elementsuse pattern tool to combine the elements

Langkah 3

Atur nilai Copies ke 7 x 7 dalam menu Pattern Options dan zoom out untuk memiliki tampilan keseluruhan pada pola Anda. Salinan redup di sekitar tepi Tile akan membantu Anda menemukan titik-titik kosong dan cacat kecil, saat Anda memindahkannya objek sekitar. Salinan-salinan itu akan bergerak bersama dengan elemen asli Anda, muncul preview langsung.

use dimmed copies to edit your patternuse dimmed copies to edit your patternuse dimmed copies to edit your pattern

Langkah 4

Akhirnya, saat Anda senang dengan komposisi, kembali ke mode normal dengan mengklik dua kali di mana saja di luar Tile Edge. Sekarang Anda dapat menemukan pola yang Anda buat di panel Swatch. Mari terapkan pada bentuk!

Alihkan kembali Artboard di View > Tampilkan Artboards (Control-H). Pilih persegi panjang latar ungu yang kami buat di langkah pertama kami, dan ubah ukurannya menjadi 800 x 600 px di panel kontrol di bagian atas. Buat salinan di atas (Control-C > Control-F) dan menerapkan pola mulus kami dengan memilihnya dari panel Swatches.

apply the created patternapply the created patternapply the created pattern

Langkah 5

Mari lakukan beberapa penyesuaian akhir!

Pertama, kita akan membuat skala elemen sedikit lebih kecil. Menjaga bentuk pola yang dipilih, klik dua kali Scale Tool (S) untuk membuka Scale jendela opsi. Atur Uniform nilai hingga 75% dan hapus centang semua kotak, kecuali untuk Transform Patterns checkbox. Klik OK untuk menerapkan perubahan.

use the scale tooluse the scale tooluse the scale tool

Langkah 6

Now double-click the Rotate Tool (R) and from here, set the Angle to 20 derajat. Centang saja kotak Transform Patterns dan klik OK.

use the rotate tooluse the rotate tooluse the rotate tool

Jadilah ungu untuk Spirit Day!

Pekerjaan Hebat! Wajah mulus kita yang berlekuk pola untuk Spirit Day sudah siap! Saya harap Anda menikmati mengikuti tutorial ini dan belajar beberapa tips dan trik baru tentang membentuk objek dari bentuk dasar dan menggabungkannya menjadi tekstur.

Bersenang-senanglah, jadilah kreatif, dan jangan lupa lihat beberapa tutorial lain yang didedikasikan untuk Spirit Day:

spirit day purple seamless patternspirit day purple seamless patternspirit day purple seamless pattern
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads