Перетворення графіки на кнопки у Flash Catalyst

• Квітня 30, 2024

Тепер ми імпортували наш файл проекту портфоліо PhotoshopLayout.psd в Adobe^R Спалах^R Каталізатор^TM і дослідили робочу область Catalyst, ми готові працювати над навігацією для нашого портфоліо.

На даний момент у нас є лише одна сторінка або держава нашого проекту. Нам потрібно створити ще дві сторінки, щоб ми могли відображати різний логотип на кожній сторінці.

1. На панелі "Сторінки / Стани" ми двічі натиснемо кнопку "Дублікати станів". Це дасть нам сторінку2 та Page3. Але, вони всі схожі. Давайте подбаємо про це.

2. Клацніть піктограму Page1 та перейдіть до панелі «Шари». Відкрийте папку Logos. Нам потрібно лише, щоб логотип 1 був видно на цій сторінці. Вимкніть видимість для логотипів 2 і 3.

3. Клацніть піктограму Page2 та вимкніть видимість логотипу 1 та 3. Увімкніть видимість для логотипу 2.

4. Клацніть піктограму Page3 та вимкніть видимість логотипу 1 та 2. Увімкніть видимість для логотипу 3.

Далі ми створимо кнопки для нашого портфоліо. У нас є мініатюра для кожного логотипу. Це будуть кнопки.

5. Поверніться до сторінки1, натиснувши на іконку на панелі "Сторінки / Стани". На панелі "Шари" відкрийте папку "Ескізи". На панелі аркушів натисніть на ескіз для логотипу 1. Коли ви це зробите, ви побачите HUD відкритим і панель властивостей зміниться.

Давайте спочатку попрацюємо в HUD. Тут ми скажемо Catalyst, що ми хочемо перетворити це растрове зображення на кнопку.

6. У розділі Перетворити твір натисніть кнопку Перетворити твір у компонент і виберіть кнопку зі списку компонентів. HUD зміниться, щоб дати нам нові елементи керування нашою кнопкою. Розгорніть список спеціальних взаємодій та натисніть на значок Плюс. Виберіть "Увімкнути" зі списку. Ви отримаєте ще одне спадне меню під назвою "Діяти". У цьому меню виберіть Відтворити перехід до стану. У спадному меню Select State виберіть Page1, оскільки ми хочемо, щоб ця кнопка перенесла глядача на сторінку1.

7. Клацніть на ескізі логотипу 2 і повторіть попередній крок. Встановіть Вибрати стан на сторінку2.

8. Клацніть на ескізі логотипу 3 і повторіть попередній крок. Встановіть Вибір стану на сторінку3.

Спробуємо наші кнопки. У меню виберіть пункт Файл - запустити проект. Він відкриється у вашому веб-браузері. Під час натискання кожної кнопки має бути видно правильний логотип.

У наступному посібнику ми затьмаримо кнопку видимого логотипу та додамо перехід між сторінками.

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: [geekdays.log] #9 - прокачиваем NES Classic Mini, часть #2 (Квітня 2024).