Flash Catalyst och Photoshop - Projektplanering

• April 28, 2024

Med lanseringen av Adobe^R Blixt^R Katalysator^TM beta, designers har ett nytt verktyg för att skapa Flash-projekt och med hjälp av Photoshop^R eller Illustratör^R, kan vi göra våra projekt mycket mer visuellt tilltalande. För de av er som inte har laddat ner den kostnadsfria betaversionen, har Catalyst utvecklats med designern i åtanke och med sina visuellt baserade verktyg kan designern lägga till användbara användargränssnittskomponenter till en UI-layout utan programmeringsfärdigheter krävs.

Så var kommer Photoshop in i bilden? De flesta UI-layoutdesigner börjar i Photoshop, när designern skapar en mockup. När mockupen har godkänts är det dags att skapa den faktiska grafiken för användargränssnittet. Detta görs vanligtvis också i Photoshop. Nu med Catalyst kan vi också skapa den slutliga layouten i Photoshop och importera den layouten till Catalyst, där vi kommer att lägga till den Flash-baserade navigeringen för vår portfölj. Alla lager, stilar och andra aspekter av din Photoshop-bild kommer fortfarande att finnas där när filen öppnas i Catalyst. Det vackra med Catalyst är att vi kan använda grafiken precis som vi skapade dem i Photoshop och förvandla dem till UI-komponenter, till exempel knappar, utan någon speciell förberedelse.

I den här tutorialen kommer vi att göra grafiken för en liten portfölj av några webbsätt som jag har sålt på DIYeStores.com. Dessa webbsätt skapas specifikt för webbplatsens byggmästare för DIY-webbplatser. Utseendet och känslan för varje webbset reflekteras i webbsetlogotypen. För detta projekt beslutade jag att skapa en portfölj med dessa logotyper. För denna tutorials syfte har vi bara tre logotyper men du kommer förmodligen att ha fler prover i din portfölj. Vårt första steg är att bestämma vilka logotyper vi vill inkludera i vår portfölj och i vilken ordning vi vill att de ska ses.

Logotyperna för webbserverna är alla 450 x 250 pixlar för att matcha specifikationerna för webbplatsbyggaren. Jag bestämde mig för att applikationens övergripande storlek ska vara 500 x 500 pixlar. Detta kommer att ge tillräckligt med utrymme för en titel överst, logotyperna och miniatyrbilderna under logotyperna, vilket blir de knappar som styr bildvisningsapplikationen. Vi måste skapa en 100 x 100 miniatyrbild för vart och ett av våra logotyper. Om vi ​​bara minskar logotypens storlek till miniatyrernas storlek blir mycket av designen för liten för att uppskatta. Det vore bättre att välja en del av varje logotyp som bäst representerar designen och användningen som för våra navigeringsknappar. Nu när vi har alla prover för vår portfölj är det dags att bygga layouten för applikationen.

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta med tillstånd från 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 och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.