# Opacity

Opacity, bir nesnenin mimik ekranlarında şeffaflığının değiştirilmesini sağlamaktadır.

Mimiklerin şeffaflığı iki yöntem ile yapılabilinmektedir.

* **Animation Opacity Type - Tag :** 

Animasyonunuzu hazırlarken şeffaflık değişimi özelliği eklemek istediğiniz mimiği animasyonumuza ekliyoruz. Resim 1 'de gösterilen örneğimizde mimiğimiz kırmızı ile gösterilmiştir. 

![Resim 1 : Animation Opacity](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/GbLqDjCiwCrSX1Y7JUI8/Resim%201%20opacity.jpg)

Tasarımı yapılmış animasyon sayfamızı sisteme yükledikten sonra animation ekranında ilgili mimik seçilerek ekranın sağ üst köşesinde bulunan ![](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/kJg10hjkPGLh1203ky6R/edit.jpg) " edit animation element " ikonu yardımı ile resim 2 'de gösterilen " animation element " menüsü açılır. Burada şeffaflık özelliği eklenecek mimiğin hangi değişkenden değer alıp şeffat olacağı seçilmektedir. 

**Variable** : Mimiğin hangi değişkenden veri alacağını göstermektedir.

**Default** : Değişken bağlantısından değer gelmemesi durumunda alacağı default değeri göstermektedir.

**Min** : Değişkenin minimum alabileceği değeri belirtmektedir.

**Max** : Değişkenin maksimum alabileceği değer belirtmektedir.

Opacity özelliği değişkenden gelen verilere göre min' değerine yaklaştıkta şeffatlığı artacak, max değerine yaklaştıkca daha görünür olacaktır.

![Resim 2 : Animation Opacity Type Tag](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/4SHrrRBJzdBpjinp8WMR/Resim%202%20opacity%20type%20tag.jpg)

* **Animation Opacity Type - Expression :** 

Edit Animation Element sayfasında expression özelliğini seçerek kod yazım alanı açılır. Bu alanda yine min max değerleri arasında dilediğiniz koşul / şarta bağlı olarak kod yazarak opacity özelliğinin çalışmasını sağlayabilirsiniz.

![Resim 2 : Animation Opacity Type Expression](https://content.gitbook.com/content/0WKoYqjGEXoBJmDoxwvm/blobs/ozNP4goz30ktCzVnLLv3/Resim%203%20opacity%20type%20expression.jpg)

## Opacity Visualization, Preview

Opacity tasarım işlemlerini tamamladığınızda " animation preview " ekranında veya ikonu yardımı ile açılan preview ekranında ,  " visualization " ekranında ilgili animasyon seçilerek ilgili alanda belirlediğiniz kural / şart' lara göre seçtiğiniz mimiğin / tagın , şeffaflık durumunun değiştiğini görüntüleyebileceksiniz.