# Конически градиент

Слой конического градиента создает эффект взгляда на вершину конуса, освещенного фоновым цветом с определенного направления, задаваемого направлением проведенной линии.

### **Создание слоя "Конический градиент"**

Существует несколько способов создать "Конический градиент":

* С помощью [инструмента создания градиентов](../../osnovnye-principy/instrumenty#instrument-gradient), выбрав на панели настройки инструмента "конический градиент".

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2FCaByb0NXrbPceqdCdzD7%2F2024-05-20_11-47.png?alt=media&#x26;token=370cf29c-a85a-44b4-a23b-04e0c9a0be90" alt=""><figcaption></figcaption></figure>

* На панели слоёв с помощью кнопки "создать слой" вызовите контекстное меню, выберите "градиенты" - "Конический градиент";

<figure><img src="https://1199379288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe9XVEXa2X3Uhr8yAecH3%2Fuploads%2F8UlSyzkGjBhCcW0WPRUm%2Fkonic.png.PNG?alt=media&#x26;token=a9155bb8-0fa9-49e9-ad0d-e97e4ea82f6f" alt="" width="375"><figcaption></figcaption></figure>

### Параметры "Конического градиента" <a href="#docs-internal-guid-1e91b7bd-7fff-4878-6d16-6aed9eaba744" id="docs-internal-guid-1e91b7bd-7fff-4878-6d16-6aed9eaba744"></a>

Параметры "Конического градиента" следующие:

| Имя                                                                                                                                                                                                                                                               | Значение                                                                                                                                                                                                              | Тип          |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ |
| <img src="https://lh7-us.googleusercontent.com/mfZCS0CXvfsdhNFIjzeZSs01fAMRhqVD1sXE_QPX88DvRy9wgRg4I3DRheEbdXVwo4mHEFZ6UPi-f9YZOyH1xlncEs4wcUXmX3adv3MgADw8yIdl358GyyS2NyDXUgCQgkzpQWiW65uJuVt4EmnTcSQ" alt="Real_icon.png" data-size="line"> Глубина Z           | 0.000000                                                                                                                                                                                                              | реальный     |
| <img src="https://lh7-us.googleusercontent.com/UjltGb9Z8F3okw322TML-_S23h7lQivdIn3_SW7ze2WpegxdQ1Eg1Ob3KeE8YdrsvWGIEp16iX4xmnqEFJnOLJc5tBhIRTReBTfaaIMQ8CKCB0fAEVo8xcQ2DnSTOgr0HgL0AfPwOYwpL-76kN1PTgI" alt="Real_icon.png" data-size="line"> Непрозрачность      | 1.000000                                                                                                                                                                                                              | реальный     |
| <img src="https://lh7-us.googleusercontent.com/NnrrWpn6dhPreRX3Y3SG9AYTYXRPgcmhN7yQvhl7WoeS9-zpWG4xeqW8vPde6tCxNszatLc5RUiqfP2n_Z4oe8s9_hZAmOtvIXhVrRRfuh6QA5Xz9eGCvwCqpfmHJyc3qRtW9tZffACUOtbwrR6dRXg" alt="Integer_icon.png" data-size="line"> Метод смешивания | Совмещение                                                                                                                                                                                                            | целое число  |
| <img src="https://lh7-us.googleusercontent.com/EDDHYjUrPQyEkreIzHf6AnA6KLvtYmXT4JSMYS4iCHHiiWx3hraMItqo4C9K40CcM8e9y3931zfJAyvX0NwnFw2y3bPbwVqTpfpQLQwrvkPKl9FJL8cFd8dTDHvYUwvp26vRFWBaEtcgGStH9dUBXQA" alt="gradient_icon.png" data-size="line"> Градиент        | ![p\_gradient.png](https://lh7-us.googleusercontent.com/9DlskQLKQvm_GbGZazWXeoUTXMTgBrlOAb1mvKKMuAYc5Eill0x9m5XYChiwJMyDouTlP1-QRa67dnejl4vN2WSR9YzisvoEBJ5uS2JTUJoBF1wrrSBrWwv5VBD7ttc2R3mi8kL6VCnsKZXolRBcgCI)      | градиент     |
| <img src="https://lh7-us.googleusercontent.com/6cQmL9dXjKiFRLOtNhraIMI1T5q5lhbNY-ISOlTQuxt5zdmoBBCrcpfz-FTgnwHWhZGHJ7wAQGtjZCxz69KzDPi5mlLLMGK3YXnftxPAYIDvWV2gpu6M7z_D6XSUQZav7zTb0KcSwrA7mqMI_mP2GBI" alt="Vector_icon.png" data-size="line">Центр              | 0,000000px, 0,000000px                                                                                                                                                                                                | векторный    |
| <img src="https://lh7-us.googleusercontent.com/B5HoDXm5wt13Kv0bWusT_LTlPp1LuX5C_UkesbwJA6U5xPPB4AFmEaIgBmbpx1VPqEFwv23foetM6ZTk61AUokh8zOGGXYc0pdv7vim3_DOOWu8ZDwO6LwQl0RJ8DfZODd-EYHNp9KJfkN--vaBYGo8" alt="Angle_icon.png" data-size="line"> Угол               | 0,00°                                                                                                                                                                                                                 | угол наклона |
| <img src="https://lh7-us.googleusercontent.com/tbQeZmCoGkcwpuG_42pmi3dJ2NEeFQiuSsOMPSjWAu-1ScPFVQ_kOrlUs52shZyYJshAZQMXQP0c7oDwrFd8XPCqWGyPEbWbq4cLkYV2RyzimO4OELDiZTKKylbqbuF1AnRCz8vjLQyEJSZo_9xLEF8" alt="Bool_icon.png" data-size="line"> Симметрично         | ![p\_checkbox\_off.png](https://lh7-us.googleusercontent.com/WkvxGerRltubVJ0iV9nDXzYPaztZotTQtYsgbfuV27ch-yStc_eLhrlMTqFBFwZjElBkwLnZJ4WctM98Js4WwIkQEYznVr4MZxnYlpUVH5WPMhZ_tZVL9CQ7XSf2bk1T5ujO65g1wtOtNYdA9N_F25A) | bool         |

**Различие между коническим симметричным и асимметричным градиентом:**

* **Конический (симметричный) градиент:** Создает плавный переход цвета по кругу, имитируя освещенный конус без видимого ребра.
* **Конический (асимметричный) градиент:** Создает эффект конуса с ребром. Переход цвета происходит по кругу, но в месте проведения линии образуется видимое ребро, разделяющее области с разным градиентом.

