Flash Catalyst ja Photoshop - projektisuunnittelu

• Saattaa 18, 2024

Kun Adobe on julkaistu^R salama^R katalyytti^TM beeta, suunnittelijoilla on uusi työkalu Flash-projektien luomiseen ja Photoshopin avulla^R tai Illustrator^R, voimme tehdä projekteistamme paljon visuaalisesti houkuttelevampia. Niille teistä, jotka eivät ole ladanneet ilmaista beetajulkaisua, Catalyst kehitettiin suunnittelijan mielessä ja visuaalipohjaisilla työkaluillaan suunnittelija voi lisätä toimivia käyttöliittymäkomponentteja käyttöliittymäasetteluun ilman ohjelmointitaitoja.

Joten missä Photoshop tulee kuvaan? Useimmat käyttöliittymäasettelut alkavat Photoshopista, kun suunnittelija luo mallin. Kun malli on hyväksytty, on aika luoda todelliset grafiikat käyttöliittymälle. Tämä tehdään yleensä myös Photoshopissa. Nyt Catalystin avulla voimme myös luoda lopullisen asettelun Photoshopissa ja tuoda kyseinen asettelu Catalystiin, johon lisäämme Flash-pohjaisen navigoinnin tuotevalikoimaamme. Kaikki Photoshop-kuvan tasot, tyylit ja muut näkökohdat ovat edelleen olemassa, kun tiedosto aukeaa Catalyst-sovellukseen. Catalystin hieno asia on, että voimme käyttää grafiikkaa samalla kun loimme ne Photoshopissa ja muuttaa ne käyttöliittymäkomponenteiksi, kuten painikkeiksi, ilman erityistä valmistelua.

Tässä opetusohjelmassa teemme grafiikkaa pienelle salkulle joitain verkkosivustoja, jotka olen myynyt sivustolla DIYeStores.com. Nämä verkkosivut on luotu nimenomaan sivuston DIY-verkkosivustojen rakentajalle. Kunkin verkkosivun ulkoasu ja tunnelma näkyvät verkkojoukon logossa. Tätä projektia varten päätin luoda salkun näistä logoista. Tätä opastusta varten meillä on vain kolme logoa, mutta haluat todennäköisesti olla enemmän näytteitä portfoliossasi. Ensimmäinen askel on päättää, mitkä logot haluamme sisällyttää portfolioihimme ja järjestyksestä, jonka toivomme niiden katselevan.

Verkkosarjojen logot ovat kaikki 450 x 250 pikseliä, jotta ne vastaisivat verkkosivuston valmistajan määrityksiä. Päätin sovelluksen kokonaiskokoksi 500 x 500 pikseliä. Tämä antaa riittävästi tilaa otsikon yläreunassa, logoille ja pikkukuville logon alla, joista tulee painikkeita, jotka ohjaavat kuvankatseluohjelmaa. Meidän on luotava 100 x 100 pikkukuvakuva jokaiselle logollemme. Jos pelkistämme logon koon pienoiskuvien kokoon, suuri osa suunnittelusta on liian pieni arvostettavaksi. Olisi parempi valita jokaisesta logosta osa, joka kuvaa parhaiten mallia ja käyttää sitä navigointipainikkeillemme. Nyt kun meillä on kaikki näytteet portfoliossamme, on aika rakentaa sovelluksen asettelu.

Tekijänoikeus 2018 Adobe Systems Incorporated. Kaikki oikeudet pidätetään. Adobe-tuotteen näyttökuva (t) uusitaan Adobe Systems Incorporatedin luvalla. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Ilotulitteet, Contribute, Captivate, Flash Catalyst ja Flash Paper on / on joko [a] rekisteröity tavaramerkki (t) tai Adobe Systems Incorporatedin tavaramerkki (t) Yhdysvalloissa ja / tai muissa maissa.

Video-Ohjeita: Flash Catalyst CS5 (フラッシュカタリスト)使い方講座【動学.tv】 (Saattaa 2024).