Flash Catalyst и Photoshop - Планиране на проекти

• Може 2, 2024

С излизането на Adobe^R флаш^R катализатор^TM бета, дизайнерите имат нов инструмент за създаване на Flash проекти и с помощта на Photoshop^R или Illustrator^R, можем да направим нашите проекти много по-привлекателни за визуална гледна точка. За онези от вас, които не са изтеглили безплатната бета версия, Catalyst е разработен предвид дизайнера и със своите визуално базирани инструменти дизайнерът може да добавя работещи компоненти на потребителския интерфейс към оформлението на потребителския интерфейс, без да се изискват умения за програмиране.

И така, къде Photoshop влиза в снимката? Повечето дизайни на потребителски интерфейс започват във Photoshop, когато дизайнерът създава макет. След като макетът е одобрен, е време да създадете действителната графика за потребителския интерфейс. Това обикновено се прави и във Photoshop. Сега с Catalyst можем да създадем окончателното оформление в Photoshop и да импортираме това оформление в Catalyst, където ще добавим Flash-базирана навигация за нашето портфолио. Всички слоеве, стилове и други аспекти на вашето изображение във Photoshop ще продължат да присъстват, когато файлът се отвори в Catalyst. Хубавото на Catalyst е, че можем да използваме графиките точно както ги създадохме във Photoshop и да ги превърнем в UI компоненти, като бутони, без специална подготовка.

В този урок ще направим графиката за малко портфолио от някои уебсетове, които съм продал в DIYeStores.com. Тези уебсайтове са създадени специално за създателя на уебсайта на сам. Външният вид на всеки уебсет се отразява в логото на уебсета. За този проект реших да създам портфолио от тези лога. За целта на този урок ще имаме само три лога, но вероятно ще искате да имате още мостри във вашето портфолио. Първата ни стъпка е да решим кои лога искаме да включим в портфолиото си и реда, по който желаем да бъдат гледани.

Логотата за уебсетовете са всички 450 х 250 пиксела, за да съответстват на спецификациите на уебсайта на строителя. Реших, че общият размер на приложението ще бъде 500 х 500 пиксела. Това ще даде достатъчно място за заглавие в горната част, лога и миниатюрите под логата, които ще станат бутоните, които контролират приложението за преглед на изображения. Ще трябва да създадем графика с размер 100 x 100 за всяко от нашите лога. Ако просто намалим размера на логото до размера на нашите миниатюри, голяма част от дизайна ще бъде твърде малък, за да бъде оценен. Би било по-добре да изберете раздел от всяко лого, който най-добре представя дизайна и да го използвате за нашите навигационни бутони. Сега, когато имаме всички проби за нашето портфолио, е време да изградим оформлението за приложението.

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, 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 в Съединените щати и / или други страни.

Инструкции Видео: Улучшенные возможности интеграции Adobe Flash CS5 (15/19) (Може 2024).