Flash-katalysator og Photoshop - Projektplanlægning

• Kan 3, 2024

Med frigivelsen af ​​Adobe^R Blitz^R Katalysator^TM beta, designere har et nyt værktøj til at oprette Flash-projekter og ved hjælp af Photoshop^R eller Illustrator^R, kan vi gøre vores projekter meget mere visuelt tiltalende. For dem af jer, der ikke har downloadet den gratis betaversion, blev Catalyst udviklet med designeren i tankerne, og med dens visuelt baserede værktøjer kan designeren tilføje brugbare brugergrænsefladekomponenter til et UI-layout uden programmeringsfærdigheder krævet.

Så hvor kommer Photoshop ind i billedet? De fleste UI-layoutdesign begynder i Photoshop, når designeren opretter en mockup. Når mockup'en er godkendt, er det tid til at oprette den faktiske grafik til UI'en. Dette gøres normalt også i Photoshop. Nu med Catalyst kan vi også oprette det endelige layout i Photoshop og importere det layout til Catalyst, hvor vi tilføjer den Flash-baserede navigation til vores portefølje. Alle lag, stilarter og andre aspekter af dit Photoshop-billede vil stadig være der, når filen åbnes i Catalyst. Den smukke ting ved Catalyst er, at vi kan bruge grafikken, ligesom vi har oprettet dem i Photoshop og omdanne dem til UI-komponenter, såsom knapper, uden særlig forberedelse.

I denne tutorial vil vi lave grafikken til en lille portefølje af nogle websæt, som jeg har solgt på DIYeStores.com. Disse websæt er oprettet specifikt til stedets DIY-websitebygger. Utseendet og følelsen af ​​hvert webset afspejles i webset-logoet. Til dette projekt besluttede jeg at oprette en portefølje af disse logoer. Til denne tutorials formål har vi kun tre logoer, men du vil sandsynligvis have flere prøver i din portefølje. Vores første skridt er at beslutte, hvilke logoer vi ønsker at inkludere i vores portefølje og den rækkefølge, vi ønsker, at de skal vises.

Logoerne til websættene er alle 450 x 250 pixels for at matche specifikationerne af webstedsbyggeren. Jeg besluttede den samlede størrelse af applikationen vil være 500 x 500 pixels. Dette giver brug nok plads til en titel øverst, logoerne og miniaturerne under logoerne, som bliver de knapper, der styrer billedvisningsapplikationen. Vi bliver nødt til at oprette en 100 x 100 miniature-grafik til hver af vores logoer. Hvis vi blot reducerer logoets størrelse til størrelsen på vores miniaturebilleder, vil meget af designet være for lille til at værdsætte. Det ville være bedre at vælge et afsnit af hvert logo, der bedst repræsenterer designet og bruge det til vores navigationsknapper. Nu hvor vi har alle prøver til vores portefølje, er det tid til at oprette layout til applikationen.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: 3D interactive animation (Kan 2024).