Flash Catalyst - Photoshop-projektin asettelu

• Huhtikuu 25, 2024

Viimeisessä opetusohjelmassa koonnimme kuvia portfolioosi, jota teemme Photoshopissa^R ja Flash^R katalyytti^TM. Nyt työskentelemme asettelun kanssa. Kaikkien logojen ja pikkukuvien pitäisi olla avoinna Photoshopissa.

1. Salkun malli on asettelu yksinkertaisista pyöristetyistä suorakulmioista. Alaosan 500 x 500 suorakulmiossa on yksinkertainen kaltevuus näistä kahdesta väristä - #ffffff ja # c9c1a5.
   
   
2. Seuraavaksi lisäsin yhden suuren ja kolme pientä mattoa logolle ja pikkukuville. Kun etualan väri oli asetettu mustalle, piirrosin neljä mattoa Custom Shape -työkalulla ja pyöristetyllä neliömuodolla. Lisäsin sitten yhdistelmän pudotusvarjo-, sisemmän varjo- ja sisemmän hehkukerroksen tyylejä mattojen viimeistelemiseksi.
   
   
3. Lisäsin otsikon Engravers MT -fontilla salkun asettelun yläosaan. Seuraavaksi rasteroin tekstiä ja levitin tekstiin samat kerrosmallit kuin tein mattoille.
   
   
4. Seuraavaksi lisäsin kolme pikkukuvaa mattoihin siinä järjestyksessä, että haluan, että logoja tarkastellaan vasemmalta oikealle. Tietenkin asetamme navigointipainikkeet Catalyst-sovellukseen, jotta katsoja voi nähdä logot missä tahansa järjestyksessä.
   
   
5. Sitten lisäsin logot Tasot-paneeliin samassa järjestyksessä.
   
   
6. Lopuksi lisäsin pudotusvarjon (oletusasetukset) taustakerrokseen.
   
   Tämä projekti on hyvin pieni, enkä yleensä käytä Tasot-paneelin kansioita tämän kokoiseen projektiin. Haluan kuitenkin osoittaa, että Photoshopin Tasot-paneelin tiedot säilyvät, kun tiedosto tuodaan Katalyytiin. Tätä tarkoitusta varten sijoitin kaikki pikkukuvat "Pikkukuvat" -kansioon, kaikki logot "Logot" -kansioon ja kaikki taustakuvat "Tausta" -kansioon.
   
   
7. Nyt olemme valmiita tuomaan tämän graafisen asettelun Flash Catalyst -sovellukseen. Tallenna Photoshop-tiedostosi nimellä PortfolioLayout.psd.
   
   
8. Avaa Adobe Flash Catalyst. Tervetuloa-näytössä käytämme Luo uusi projekti suunnittelutiedostosta - Adobe Photoshop PSD-tiedostosta. Selaa PortfolioLayout.psd-tiedostoasi.
   
   
9. Huomaa valintaikkunassa, että Catalyst on jo tunnistanut projektimme olevan 500 x 500 pikseliä PSD-tiedoston koosta. Aseta uskollisuusasetukseksi Pidä muokattavissa ja Taustaväri vastaamaan verkkosivusi.
   
   Tarkastellaan Tasot-paneelia Flash Catalyst -sovelluksessa. Huomaa, että meillä on kaikki samat tasot ja kansiot kuin PSD-tiedostossamme, sekä niiden nimet. Huomaa myös, että Catalyst on luonut tasot sisältämään Photoshopissa käyttämämme tasotyyli. Jos napsautat näkyvyyskuvakkeita, huomaat, että meillä on edelleen hallita näitä tyylejä.

Seuraavassa opetusohjelmassa alamme tehdä käyttöliittymäkomponentteja grafiikkaamme.

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: Animator vs. Animation IV (original) (Huhtikuu 2024).