Mudah 5 x 5 Peti Dengan Tid SVG Cut File

• Mungkin 19, 2024

Kadang-kadang, anda memerlukan kotak ringkas, yang boleh diubah menjadi apa sahaja, sebagai asas projek anda. Dalam tutorial ini, kami akan mencipta Illustrator^R SVG memotong fail untuk kotak 5 x 5 inci.

Seperti yang kita sudah mempunyai dimensi lebar dan panjang untuk bahagian bawah kotak, kita hanya perlu menentukan ketinggian sisi kotak. Satu inci adalah ketinggian yang baik untuk kotak kecil. Dari satu inci itu, kita boleh memutuskan bahawa ketinggian tudung akan menjadi .75 inci, meninggalkan sisi penutup sedikit lebih pendek dari sisi kotak. Akhirnya, tudung perlu sedikit lebih besar supaya ia boleh tergelincir dengan baik di atas kotak. Mari gunakan pelepasan sebanyak .125 inci.

Sekarang kita boleh masuk ke Illustrator dan lukis garisan potong untuk fail pemotongan SVG kami. Saya suka bermula dengan menarik segi empat tepat individu yang membentuk bahagian bawah kotak dan sisi. Pada dua daripada empat sisi, kita perlu menambah tab .5 inci untuk memasukkan kotak bersama-sama.

1. Dalam Illustrator, lukiskan segi empat tepat 5 x 5 inci untuk bahagian bawah kotak.
   
   
2. Lukis segi empat tepat 5 x 1 inci untuk bahagian tepi kotak dan letakkan di bahagian atas segi empat tepat yang lebih besar. Duplikat persegi panjang ini sebagai sisi kedua kotak dan letakkan di bahagian bawah persegi panjang yang lebih besar.
   
   
3. Untuk sisi dengan tab, lukiskan segiempat tepat 6 x 1 inci dan letakkan di sebelah kiri persegi panjang yang lebih besar. Duplikat segiempat tepat dan letak di sebelah kanan segiempat tepat yang lebih besar.
   
   
4. Semua baris laluan ini mestilah dalam Layer lalai dalam tetingkap Lapisan. Kunci lapisan ini.
   
   
5. Tambah lapisan baharu pada anak tetingkap Layers dan namakan bahagian bawahnya.
   
   
6. Menggunakan segi empat tepat pada Lapisan 1 sebagai panduan, lukiskan tepi kotak dengan alat Pen. Sekiranya anda mahu, anda boleh menyilangkan salah satu tepi tab dan lukiskan sudut yang melengkung di tepi yang lain.
   
   Untuk membuat tudung kita perlu menambah pelepasan .125 dan memendekkan sisi ke .75 inci. Kita boleh melakukannya dengan mudah dengan Alat Seleksi Langsung.
   
   
7. Duplikat bahagian bawah kotak dan kunci lapisan bawah kotak.
   
   
8. Tambah lapisan baru dan isikan penutup itu. Tampalkan kotak ke lapisan baru ini.
   
   Mari pindahkan bahagian kiri kotak ke kiri untuk menambah pelepasan .125 hingga lebar tudung kotak.
   
   
9. Pilih semua titik anchor untuk bahagian kiri dan tepi penutup kotak. Seret mata ini .125 inci ke kiri.
   
   
10. Ulangi ini untuk ketinggian tudung. Pilih semua titik anchor untuk bahagian atas penutup kotak dan seret ke atas.
    
    Sekarang tudung kami mempunyai kelulusan yang diperlukan untuk memenuhi bahagian bawah kotak. Mari kita mengurangkan ketinggian sisi.
    
    
11. Kali ini hanya pilih dua titik anchor di pinggir luar satu sisi dengan alat Pemilihan Langsung. Pindahkan kedua mata ke dalam .25 inci.
    
    
12. Ulangi ini untuk ketiga-tiga pihak. Bagi kedua-dua pihak dengan sudut bulat, juga pilih mata anchor yang mencipta lengkung.

Letakkan bahagian bawah kotak dan tudung bersebelahan dan simpan fail ini sebagai fail .svg.

Hak Cipta 2018 Adobe Systems Incorporated. Hak cipta terpelihara. Pukulan skrin produk Adobe (s) dicetak semula dengan kebenaran daripada Adobe Systems Incorporated. Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elemen Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper adalah sama ada [a] tanda dagangan berdaftar atau tanda dagangan Adobe Systems Incorporated di Amerika Syarikat dan / atau negara lain.

Arahan Video: Data Visualization and D3 by David Chouinard (Mungkin 2024).