Flash Catalyst та Photoshop - Планування проектів

• Може 4, 2024

З виходом Adobe^R Спалах^R Каталізатор^TM бета, дизайнери мають новий інструмент для створення Flash-проектів та за допомогою Photoshop^R або Ілюстратор^R, ми можемо зробити наші проекти значно привабливішими. Для тих із вас, хто не завантажив безкоштовну версію бета-версії, Catalyst був розроблений з урахуванням дизайнера, і за допомогою своїх візуальних інструментів, дизайнер може додати працездатні компоненти користувальницького інтерфейсу до макета інтерфейсу, не вимагаючи навичок програмування.

Тож де фотограф потрапляє до малюнка? Більшість дизайнів інтерфейсу починається у Photoshop, коли дизайнер створює макет. Після затвердження макету настав час створити фактичну графіку для інтерфейсу користувача. Зазвичай це також робиться у Photoshop. Тепер, використовуючи Catalyst, ми також можемо створити остаточний макет у Photoshop та імпортувати цей макет у Catalyst, куди ми додамо Flash-базування для нашого портфоліо. Усі шари, стилі та інші аспекти вашого фотошопа залишаться там, коли файл відкриється в Catalyst. Найкраще про Catalyst - це те, що ми можемо використовувати графіку так само, як ми створили їх у Photoshop та перетворити їх на компоненти інтерфейсу, такі як кнопки, без особливої ​​підготовки.

У цьому підручнику ми будемо робити графіку для невеликого портфоліо деяких веб-наборів, які я продав на DIYeStores.com. Ці веб-набори створені спеціально для розробника веб-сайтів "Зробіть сам". Вигляд кожного веб-набору відображається на логотипі веб-набору. Для цього проекту я вирішив створити портфоліо цих логотипів. Для цього підручника у нас буде лише три логотипи, але, ймовірно, ви захочете мати більше зразків у своєму портфоліо. Наш перший крок - визначитися, які логотипи ми хочемо включити до нашого портфоліо та в порядку, яким ми бажаємо їх перегляду.

Логотипи веб-наборів - це всі 450 х 250 пікселів, щоб вони відповідали специфікаціям розробника веб-сайту. Я вирішив, що загальний розмір програми складе 500 x 500 пікселів. Це дасть можливість використовувати достатньо місця для заголовка вгорі, логотипів та ескізів під логотипами, які стануть кнопками, які керують програмою для перегляду зображень. Нам потрібно створити мініатюрну графіку розміром 100 х 100 для кожного з наших логотипів. Якщо ми просто зменшимо розмір логотипу до розміру ескізів, значна частина дизайну буде занадто малою, щоб оцінити його. Було б краще вибрати розділ кожного логотипу, який найкраще відображає дизайн та використовувати його для наших навігаційних кнопок. Тепер, коли у нас є всі зразки для нашого портфоліо, прийшов час скласти макет для програми.

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

Відео Інструкція: Setting up a project in Flash Builder | lynda.com tutorial (Може 2024).