Flash Catalyst - робоча область

• Квітня 19, 2024

У нашому портфельному проекті ми створили графіку для нашого портфельного інтерфейсу у Photoshop^R та імпортував файл PSD в Adobe^R Спалах^R Каталізатор^TM. Тепер ми готові зробити кнопки (звані інтерактивні компоненти), які зроблять портфоліо навігаційним. Відкрийте свій файл PortfolioLayout.psd в Catalyst і давайте оглянемось. З першого погляду ви побачите, що робоча область не така страшна, як робоча область Flash.

Вгорі - панель Сторінки / Держави, де ви знайдете мініатюру для кожної сторінки нашого проекту. Зараз у нас одна сторінка з першим логотипом видно. Але для того, щоб ми відобразили два інших логотипи в портфоліо, нам потрібно буде створити ще дві сторінки (Штати).

На панелі «Сторінки / Етапи» розміщено представлення нашого проекту, який називається «Artboard», а під ним - панель «Часові рамки». Ті, хто з вас знайомий із Flash, помітять, що Часова шкала дещо відрізняється від Catalyst. Як видно на вкладках "Державні переходи" та "Послідовність дій", ми все ще використовуємо "Шкала", щоб контролювати те, що відбувається, але у "Тимчасової шкали" немає цих звичних ключових кадрів. Це тому, що Catalyst приймає більшість рішень про те, що відбувається з нами, коли ми додаємо компоненти інтерфейсу.

Праворуч у нас є панель «Інструменти» та піктограми, подібні до всіх програм Adobe. Під цим у нас є панель "Шари". Це працює так само, як Photoshop та Illustrator^R Панелі шарів і не схожі на шари Flash, які є частиною шкали часу.

Далі ми маємо панелі даних компонентів Wireframe, компоненти бібліотеки та час проектування. Перейдіть на вкладку «Бібліотека», і ви побачите список графіки та стилів із нашого імпортованого файлу PSD. Поверніться до панелі "Компоненти дротяного кадру". Це панель, яка містить усі компоненти, які ми можемо додати до нашого проекту. Їх називають "каркасною рамкою", оскільки ці компоненти "голі кістки". Вони призначені для додавання до нашої імпортної графіки для створення візуальних компонентів.

Панель властивостей у Catalyst - це як панель властивостей у Flash. Коли ви вибираєте об'єкт у нашому проекті, властивості для редагування цього об’єкта відображаються на цій панелі. Оскільки ми працюємо над навігацією для цього проекту, ми познайомимося з новою панеллю каталізатора під назвою HUD. Зараз саме ця сіра вкладка під назвою "Без вибору". Як тільки ми почнемо працювати, він розшириться і надасть нам потрібні нам елементи керування на основі активного об’єкта.

Нарешті, для цих цікавих типів ми можемо перейти з робочої області за замовчуванням Design у робочу область Code. Просто натисніть "Вікно - робоча область коду" в меню. Як бачите, це схоже на панель Flash Actions, але замість ActionScript ми бачимо код MXML, який Catalyst генерує у фоновому режимі, коли ми працюємо.

Авторські права 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 у США та / або інших країнах.

Відео Інструкція: Clash of Clans: How Do We Get Over There? (Update Teaser) (Квітня 2024).