Cara Crop di Figma

Pemangkasan adalah teknik desain dasar yang digunakan untuk menghapus bagian gambar yang tidak diinginkan, fokus pada area tertentu, atau menyesuaikan rasio aspek.

Pada artikel ini, kami akan memandu Anda melalui proses pemotongan gambar di Figma dan mendiskusikan tip tambahan untuk membantu Anda memanfaatkan alat penting ini sebaik-baiknya.

Ini adalah teknik yang sedikit rumit untuk dikuasai di Figma, karena Anda harus menggunakan topeng, bukan alat pemotong tradisional. Namun kami memiliki beberapa kiat bermanfaat untuk membantu Anda memulai!

Menggunakan Masker untuk Memotong

Figma tidak memiliki alat potong khusus; sebaliknya, ia menggunakan topeng untuk mencapai efek yang serupa. Masker memungkinkan Anda untuk menampilkan atau menyembunyikan bagian dari lapisan, termasuk gambar. Ikuti langkah-langkah ini untuk memotong gambar menggunakan topeng di Figma:

1. Impor gambar yang ingin Anda pangkas ke proyek Figma Anda dengan menyeret dan melepaskannya dari penjelajah file Anda atau menggunakan opsi “Tempatkan Gambar” di bilah alat.
2. Buat bentuk menggunakan alat Rectangle, Ellipse, atau Polygon yang mewakili area yang ingin Anda pertahankan agar tetap terlihat setelah dipotong. Posisikan bentuk di atas area yang ingin Anda pangkas.
3. Pilih gambar dan bentuk dengan menahan tombol Shift dan mengklik masing-masing.
4. Klik kanan pada pilihan, lalu pilih “Gunakan sebagai Topeng” atau gunakan pintasan Ctrl + Alt + M (Cmd + Opt + M di macOS).
5. Gambar sekarang akan dipotong sesuai dengan bentuk yang Anda buat. Anda dapat mengubah ukuran dan memindahkan topeng untuk menyesuaikan pemangkasan sesuai kebutuhan.

Menggunakan masker untuk pemangkasan menawarkan fleksibilitas, karena Anda dapat dengan mudah menyesuaikan area bertopeng atau membuat tanaman non-persegi panjang.

Memotong Objek Vektor

Saat bekerja dengan objek vektor, Anda dapat memangkasnya dengan menggunakan operasi Boolean di Figma. Operasi ini memungkinkan Anda menggabungkan, mengurangi, atau memotong bentuk. Untuk memangkas objek vektor, ikuti langkah-langkah berikut:

1. Buat bentuk menggunakan alat Rectangle, Ellipse, atau Polygon yang mewakili area yang ingin Anda pertahankan agar tetap terlihat setelah dipotong. Posisikan bentuk di atas area yang ingin Anda pangkas.
2. Pilih objek vektor dan bentuknya dengan menahan tombol Shift dan klik masing-masing.
3. Di bilah alat, klik tarik-turun “Operasi Boolean” dan pilih “Bersinggungan”.
4. Objek vektor sekarang akan dipotong sesuai dengan bentuk yang Anda buat.

Memotong objek vektor dengan operasi Boolean memungkinkan Anda membuat pemotongan yang rumit dan tepat.

Tips Cropping di Figma

Memotong secara efektif di Figma dapat menyempurnakan desain Anda dan meningkatkan komposisi keseluruhan. Ingatlah kiat-kiat ini saat bekerja dengan pemangkasan:

1. Pertahankan rasio aspek: Saat memangkas gambar, pertahankan rasio aspek asli untuk menghindari distorsi. Tahan tombol Shift sambil mengubah ukuran topeng untuk mempertahankan proporsi gambar.
2. Gunakan panduan dan kisi: Sejajarkan bentuk pemangkasan Anda dengan panduan dan kisi untuk memastikan pemangkasan yang tepat dan menjaga konsistensi di seluruh desain Anda.
3. Bereksperimenlah dengan bentuk: Jangan membatasi diri Anda pada tanaman persegi panjang. Gunakan berbagai bentuk, seperti elips atau poligon, untuk membuat tanaman yang unik dan menarik.
4. Sesuaikan topeng: Ingatlah bahwa topeng tidak merusak. Anda dapat mengubah ukuran, memindahkan, atau menghapus topeng untuk menampilkan gambar asli atau menyesuaikan pemangkasan tanpa kehilangan informasi apa pun.
5. Gabungkan topeng dan efek: Gunakan topeng dalam kombinasi dengan efek seperti buram atau bayangan untuk menciptakan desain yang lebih menarik secara visual.

Memotong di Figma adalah teknik ampuh yang dapat meningkatkan desain Anda saat digunakan secara efektif. Dengan memahami cara menggunakan masker dan operasi Boolean untuk memotong, Anda dapat berfokus pada area gambar tertentu, menghapus elemen yang tidak diinginkan, atau membuat komposisi unik.

Menskalakan dan Mengubah Ukuran Gambar yang Dipangkas

Setelah memangkas objek gambar atau vektor, Anda mungkin ingin mengubah ukuran atau menskalakannya agar sesuai dengan desain Anda. Berikut cara menskalakan dan mengubah ukuran gambar yang dipangkas di Figma:

1. Pilih gambar yang dipotong atau objek vektor.
2. Klik dan seret pegangan pada kotak pembatas untuk mengubah ukuran gambar. Tahan tombol Shift sambil menyeret untuk mempertahankan rasio aspek.
3. Jika Anda perlu menskalakan seluruh gambar, termasuk topeng, kelompokkan gambar dan bentuk yang disamarkan terlebih dahulu dengan memilih kedua lapisan dan menekan Ctrl + G (Cmd + G di macOS). Kemudian, ubah ukuran grup sesuai kebutuhan.

Menskalakan dan mengubah ukuran gambar yang dipangkas memungkinkan Anda menyesuaikannya ke dalam desain sambil mempertahankan integritas visualnya.

Mengekspor Gambar yang Dipotong

Setelah memotong gambar dan menyesuaikan desain, Anda mungkin perlu mengekspor gambar yang dipotong untuk digunakan dalam aplikasi atau proyek lain. Untuk mengekspor gambar yang dipotong di Figma, ikuti langkah-langkah berikut:

1. Pilih gambar yang dipotong atau grup yang berisi gambar dan topeng yang dipotong.
2. Klik tab “Ekspor” di panel sebelah kanan atau gunakan pintasan Ctrl + E (Cmd + E di macOS).
3. Pilih format file yang diinginkan, seperti PNG, JPEG, atau SVG, dan sesuaikan pengaturan ekspor sesuai kebutuhan.
4. Klik “Ekspor” untuk menyimpan gambar yang dipotong ke komputer Anda.

Mengekspor gambar yang dipotong di Figma memungkinkan Anda untuk menggunakannya di aplikasi lain, membagikannya dengan klien atau rekan tim, atau mengintegrasikannya ke dalam desain situs web atau aplikasi Anda.

Kesimpulannya, menguasai seni cropping di Figma dapat menyempurnakan desain Anda dan membantu Anda membuat proyek yang lebih menarik dan menarik secara visual.

Dengan menggunakan mask untuk memotong gambar, menggunakan operasi Boolean untuk objek vektor, dan mengikuti tip dan teknik yang diuraikan dalam artikel ini, Anda akan berada di jalur yang tepat untuk menjadi pengguna Figma yang lebih mahir dan serbaguna.