---
description: Şeffaflık
---

# 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 :**&#x20;

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.&#x20;

![Resim 1 : Animation Opacity](https://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FAu3HNeW9L357KT3toORj%2FResim%201%20opacity.jpg?alt=media\&token=24155fe8-e028-4679-9456-dd4e2f032ad4)

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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2F7hLZtKotn0rF0vBSn9vm%2Fedit.jpg?alt=media\&token=2657457f-94d8-44a9-9e39-6e86711d2d2c) " 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.&#x20;

**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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FXpYCD5X0WIROk82TcOW5%2FResim%202%20opacity%20type%20tag.jpg?alt=media\&token=3df7586f-b85b-4d4c-b628-fd097a41166b)

* **Animation Opacity Type - Expression :**&#x20;

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://3345699158-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTAw5164oXHs8oLqwkL2V%2Fuploads%2FHQ0pvuOuOnWiC5viq7fF%2FResim%203%20opacity%20type%20expression.jpg?alt=media\&token=ca88947e-a0ad-4754-8988-c60dc79a6584)

## 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.
