Використовуйте діаграму кольорів в Adobe Edge Animate

У Adobe Edge Animate CC можна вибрати колір фону та кордону в кількох різних місцях, як показано на цьому малюнку. Ви можете встановити колір фону та межі згори біля головного меню на панелі інструментів або з розділу «Колір» на панелі «Властивості».

Відкрийте властивості кольору на панелі властивостей або біля головного меню.

Вам не потрібно вибирати межу, щоб змінити її колір. Ви встановлюєте колір рамки так само, як і колір фону. Значок кольору межі знаходиться праворуч від кольору фону.

Ви можете вибрати кольори за зовнішнім виглядом або за числовим значенням.

Коли ви клацнете піктограму «Колір фону» або піктограму «Колір рамки», з’явиться кольорова діаграма, як показано. На цьому графіку ви можете вибрати колір фону або межі для вашого елемента.

Використання кольорового графіка.

Колірна діаграма надає багато варіантів для вибору кольору. Коли ви вперше відкриваєте діаграму кольорів, поле у ​​верхньому лівому куті стає сірим. Коли ви вибираєте новий колір, поле розбивається на дві частини, показуючи поточний колір ліворуч і вихідний колір праворуч.

Якщо ви хочете повернутися до початкового кольору, просто клацніть праву частину поля. Коли ви знайдете колір, який вам подобається, ви можете зберегти його для подальшого використання, натиснувши значок + біля збережених кольорів (як показано).

Щоб насправді вибрати колір, ви можете клацнути та перетягнути коло навколо графіка, або ви можете використовувати перший повзунок, щоб змінити відтінок. Другий повзунок впливає на те, наскільки світлим або темним буде колір. Третій повзунок впливає на прозорість, що корисно, якщо ви хочете побачити інші елементи, які можуть бути розміщені під елементом, до якого ви додаєте колір.

Інший варіант — змінити колір, ввівши певні значення кольору RGBa, Hex або HSLa у текстовому полі.

Якщо у вас є зображення або інший елемент на сцені, який має колір, який ви хочете використовувати, ви можете використовувати інструмент «Піпетка», щоб випробувати колір для використання на вибраному елементі. Коли ви вибираєте інструмент «Піпетка», ви побачите ціль з великим кільцем навколо неї, як показано на цьому малюнку.

Коли ціль проходить через сцену, колір, який вона буде зразком, відображається в кільці. Коли ви передаєте колір, який вам подобається, просто клацніть правою кнопкою миші, і цей колір автоматично буде застосовано до вибраного елемента. Ви також можете зберегти цей колір, натиснувши значок +.

Використовуйте піпетку для вибірки кольорів зі сцени.

Ви можете анімувати колір фону та межі, як вказує наявність ромба ключового кадру. Можна, наприклад, анімувати прямокутник, щоб його фон змінився з червоного на чорний. Ось швидка процедура для анімації кольорів:

Намалюйте елемент, наприклад прямокутник, на сцені. Переконайтеся, що ввімкнено режим автоматичного створення ключових кадрів (секундомір червоний).

Використовуйте діаграму кольорів на панелі «Властивості», щоб вибрати колір фону, наприклад червоний.

Переміщуйте індикатор відтворення вниз по часовій шкалі на стільки, скільки ви хочете, щоб анімація тривала.

4. Використовуйте діаграму кольорів, щоб вибрати новий колір, наприклад синій.

• Якщо секундомір червоний, то ви щойно створили анімацію, в якій колір фону прямокутника повільно змінюється з червоного на синій.

• Якщо ви зробили послідовність досить довгою, ви побачите, як елемент стане фіолетовим під час анімації, оскільки кольори змінюються з червоного на синій.

• Для більш точного контролю над кольором, який ви хочете використовувати, ви можете безпосередньо ввести числові значення для значень RGBa, Hex або HSLa, як показано.