Petunjuk untuk mengimpor dan mengekspor file di Sketch

Perangkat lunak grafik sketsa menyediakan cara yang sangat nyaman untuk mengimpor / mengekspor file. Apakah Anda tahu cara melakukannya? Mari belajar cara mengimpor & mengekspor file dalam Sketsa.

Impor file ke Sketsa

Cara termudah untuk mengimpor file ke perangkat lunak Grafik sketsa adalah dengan menarik dan melepasnya ke ikon kanvas atau dok. Anda bisa masuk:

• Foto bitmap PNG, JPG, TIFF dan WebP
• File SVG dan EPS
• Kode SVG (salin & tempel kode untuk membuat layer baru)
• File AI dan PSD (dukungan terbatas, hanya sebagai lapisan datar)

Ekspor file dalam Sketsa

Cara tercepat untuk mengekspor karya Anda dari Sketsa adalah dengan memilih Bagikan> Ekspor ... di menu atau tekan ⌘+ ⇧+ Euntuk membuka kotak dialog Ekspor . Pilih data yang ingin Anda ekspor, lalu klik Ekspor untuk membuka MacOS Save.

Sketsa mengekspor semuanya sebagai PNG dalam ukuran sebenarnya (default 1x). Untuk mengubah pengaturan ini atau mengekspor dari 2 ukuran atau format, Anda perlu mengatur Preset Ekspor di Inspektur.

Anda juga dapat memilih lapisan apa pun di Daftar Lapisan dan seret ke desktop untuk mengekspor sebagai PNG (atau tahan ⌥sambil menyeret untuk mengekspor sebagai PDF). Atau, Anda dapat memilih kelas, lalu tekan ⌘+ E.

Terakhir, Anda dapat mengekspor dokumen PDF dengan semua Artboards-nya dengan memilih File> Export Artboards ke PDF …. Anda dapat memilih urutan ekspor Artboards melalui Preferensi.

Cara membuat dan menggunakan pengaturan sebelum mengekspor

Untuk mengekspor lapisan dalam dokumen dalam berbagai ukuran atau format, pilih lapisan itu> klik panel Buat Ekspor di bagian bawah Inspektur. Anda akan melihat pengaturan pra-ekspor di sini dengan beberapa opsi:

• Ukuran : Pilih ukuran dari menu tarik-turun atau buat sendiri dengan mengetikkan nomor secara langsung di bidang Ukuran. Silakan menambah (2x, 3x ...) atau mengurangi (0,5x, 0,25x) rasio atau menentukan tinggi / lebar spesifik dalam piksel.
• Awalan / Sufiks:  Jika Anda mempublikasikan pekerjaan Anda pada tingkat yang berbeda, Anda harus menggunakan menu tarik-turun untuk memilih awalan atau sufiks. Anda dapat menyesuaikannya dengan mengetikkan bidang teks sebelum (awalan) atau setelah (akhiran) elipsis mewakili nama file.
• Format : Pilih format dari menu dropdown.
• Hapus preset : Klik Xuntuk menghapus preset ekspor ini.
• Tambahkan preset : Klik +untuk menambahkan preset lain untuk lapisan ini ke pengaturan ekspor.
• Set Preset : Klik tombol Preset untuk memilih satu set preset. Anda juga dapat membuat set Preset baru dan menghapusnya di sini.
• Buat lapisan : Klik ikon pisau untuk membuat lapisan tipis pada lapisan yang dipilih dengan pengaturan yang telah ditentukan.
• Ekspor yang Dipilih ... : Klik tombol ini untuk mengekspor lapisan menggunakan pengaturan di atas.
• Pratinjau : Jendela pratinjau menunjukkan kepada Anda bagaimana lapisan akan terlihat ketika diekspor. Anda juga dapat menarik & melepasnya langsung ke desktop atau aplikasi lain untuk ekspor cepat.
• Berbagi : Opsi ekspor cepat lainnya adalah dengan mengklik tombol Berbagi untuk opsi standar untuk dibagikan melalui Mail, Pesan, AirDrop ...

Cara menggunakan Slice

Iris adalah jenis lapisan yang dapat Anda gambar di atas kanvas yang dapat mengekspor semua yang ada di dalamnya sebagai gambar. Anda dapat memilih, mengubah ukuran, memindahkan, menyembunyikan, atau mengelompokkannya seperti lapisan lainnya.

Bagaimana cara memasukkan irisan?

Pilih Sisipkan> Iris atau klik S, lalu, klik & seret ke mana saja di kanvas untuk menggambar sepotong baru. Atau, klik pada lapisan mana saja untuk membuat irisan di sekitarnya.

Kiat: Saat membuat irisan, berikan nama deskriptif di Daftar Lapisan. Sketsa akan menggunakannya sebagai nama file saat mengekspor. Jika Anda memasukkan / dalam nama, Sketch akan menggunakan apa pun yang ditulis sebelum itu sebagai nama folder, semua yang ada di belakang adalah nama file di folder itu.

Seperti lapisan lainnya, Anda dapat mengatur beberapa pengaturan keluaran sebagai irisan.

Menyesuaikan irisan

Slice memiliki beberapa opsi khusus yang terletak di Inspektur. Kotak centang Trim Transparan Pixel akan menghapus piksel kosong di irisan di sekitar tepi konten.

Jika Anda menempatkan irisan di grup, kotak centang Ekspor Konten Kelompok Saja memastikan bahwa setiap irisan ekspor hanya mencakup konten grup irisan itu.

Periksa Background Color dan pilih warna latar belakang untuk slice.

Bagaimana cara mengekspor kode CSS dan SVG

Pilih dari lapisan yang ada dalam dokumen, Ctrl+ klik dan pilih Salin Atribut CSS untuk menyalin informasi gaya apa pun dari mereka sebagai kode CSS ke clipboard. Sebagai contoh, ini adalah CSS dengan bentuk sederhana:

Menyalin kode SVG serupa. Pilih layer bentuk, Ctrl + klik, lalu pilih Salin Kode SVG .

Format ekspor file sketsa didukung

• Bitmap: PNG, JPG, TIFF, WebP
• Vektor: SVG, PDF, EPS

Cara mencetak Artboard atau Iris

Pilih File> Cetak> Klik Artboard atau Iris yang ingin Anda cetak.

Di atas adalah panduan dasar tentang cara mengimpor / mengekspor file di Sketch . Semoga artikel ini bermanfaat bagi Anda.