Figma'da nasıl yapılır?

Question

Selamlar,
Aşağıdaki avatarlar, borderları bir önceki avatarı kesicek şekilde ve aynı zamanda transparan olacak şekilde yan yana dizilmiş. Figma'da bunu nasıl yapabilirim? Komplike olarak mask ile yapmayı başardım ama eminim daha basit bir yolu vardır?

grafiking · Accepted Answer

Daire çapı 100px olacak diyelim.
2 tane daireyi yan yana konumlandıralım.
2. daireyi aralarındaki boşluk değeri kadar daha büyük yapalım, ör. arasında 10px boşluk kalacaksa 2. daire 110px olmalıdır.
Sonra Subtract Selection ile fazlasını keselim.
3 tane yan yana getirelim.
4. ye ise normal bir daire koyalım.
Son olarak görselleri içine sürükle bırak yapabilirsiniz.

Grappa · Answer

Görsellere sağ menüden 2px border ekleyin ve bunları iç içe geçirerek yan yana hizalayın işlem tamamdır.

Canepe · Answer

Grappa adlı üyeden alıntı: mesajı görüntüle

Aşağıda gösterdiğim araç çubuğu istediğin rengi tasarım üzerinden seçebilirsin. Gradient vermek istiyorsan ise "Custom-Libraries" seçenekleri altında sıralı özellikler var. İkinci seçenek gradient renk seçeneği ona tıklayarak gradient border oluşturabilirsin.

Grappa · Answer

Canepe adlı üyeden alıntı: mesajı görüntüle

Hocam karanlık veya gradyan bir arka planım bulunuyorsa bu borderları arka plana nasıl uyarlayacağım?

Aşağıda gösterdiğim araç çubuğu istediğin rengi tasarım üzerinden seçebilirsin. Gradient vermek istiyorsan ise "Custom-Libraries" seçenekleri altında sıralı özellikler var. İkinci seçenek gradient renk seçeneği ona tıklayarak gradient border oluşturabilirsin.

Canepe · Answer

Grappa adlı üyeden alıntı:						mesajı görüntüle									Aşağıda gösterdiğim araç çubuğu istediğin rengi tasarım üzerinden seçebilirsin. Gradient vermek istiyorsan ise "Custom-Libraries" seçenekleri altında sıralı özellikler var. İkinci seçenek gradient renk seçeneği ona tıklayarak gradient border oluşturabilirsin.
 		Muhtemelen ben anlaşılmadım hocam, yine de çok teşekkür ederim sağolun.

grafiking · Answer

Bir tane bu şekilden oluşturup 3 tane yan yana getirin, sonuncuya tam daire koyun. İçine istediğiniz görseli sonradan ekleyin.

Canepe · Answer

grafiking adlı üyeden alıntı:						mesajı görüntüle									Bir tane bu şekilden oluşturup 3 tane yan yana getirin, sonuncuya tam daire koyun. İçine istediğiniz görseli sonradan ekleyin.
 		Rectangle daire oluşturup, bu şekli nasıl vereceğim. Bu konuda deneyimlerinizi aktarır mısınız? Draw ile çizdikten sonra içini doldurursam simetrik bir şekilde oluşturur muyum? Emin değilim.

Canepe · Answer

grafiking adlı üyeden alıntı:						mesajı görüntüle									Daire çapı 100px olacak diyelim.
2 tane daireyi yan yana konumlandıralım.
2. daireyi aralarındaki boşluk değeri kadar daha büyük yapalım, ör. arasında 10px boşluk kalacaksa 2. daire 110px olmalıdır.
Sonra Subtract Selection ile fazlasını keselim.
3 tane yan yana getirelim.
4. ye ise normal bir daire koyalım.
Son olarak görselleri içine sürükle bırak yapabilirsiniz.

Elinize emeğinize sağlık, ben bunu görselleri direkt kullanarak yapıyordum. Hiç sağlıklı olmuyordu, tekrardan teşekkür ediyorum.