„Flash Catalyst“ - „Photoshop“ projekto išdėstymas

• Gegužė 5, 2024

Paskutiniame vadove mes surinkome vaizdus savo aplankui, kuriuos padarysime „Photoshop“^R ir „Flash“^R Katalizatorius^TM. Dabar dirbkime prie maketo. Turėtumėte atidaryti visus logotipus ir miniatiūras „Photoshop“.

1. Aplanko dizainas bus paprastų suapvalintų stačiakampių išdėstymas. Apatiniame 500 x 500 stačiakampyje bus paprastas gradientas iš šių dviejų spalvų - #ffffff ir # c9c1a5.
   
   
2. Toliau pridėjau vieną didelį ir tris mažus kilimėlius logotipui ir miniatiūras. Kai priekinio plano spalva buvo nustatyta juoda, keturiems kilimėliams piešti naudojau įrankį „Custom Shape“ ir apvalią kvadrato formą. Tada aš pridėjau „Drop Shadow“, „Inner Shadow“ ir „Inner Glow“ sluoksnių stilių derinį, kad baigtų kilimėlius.
   
   
3. Naudodamas Engravers MT šriftą, pavadinimą pridėjau prie aplanko išdėstymo viršaus. Toliau rastrinau tekstą ir pritaikiau tekstui tuos pačius sluoksnių stilius kaip ir dembliams.
   
   
4. Toliau pridėjau tris miniatiūras prie kilimėlių tokia tvarka, kad norėčiau, kad logotipai būtų žiūrimi iš kairės į dešinę. Žinoma, naršymo mygtukus nustatysime „Catalyst“, kad žiūrovas galėtų peržiūrėti logotipus bet kokia tvarka.
   
   
5. Tada ta pačia tvarka pridėjau logotipus prie Sluoksnių skydelio.
   
   
6. Galiausiai į fono sluoksnį pridėjau „Drop Shadow“ (numatytieji nustatymai).
   
   Šis projektas yra labai mažas ir dažniausiai tokio dydžio projektui nenaudoju aplankų Sluoksnių skydelyje. Tačiau noriu parodyti, kad importuojant failą į „Catalyst“, „Photoshop“ sluoksnių skyriuje esanti informacija išliks. Šiuo tikslu aš įdėjau visas miniatiūras į aplanką „Miniatiūros“, visus logotipus aplanke „Logos“ ir visą fono paveikslėlį į aplanką „Fonas“.
   
   
7. Dabar mes pasiruošę importuoti šį grafinį išdėstymą į „Flash Catalyst“. Išsaugokite „Photoshop“ failą kaip PortfolioLayout.psd.
   
   
8. Atidarykite „Adobe Flash Catalyst“. Sveikinimo ekrane naudosime „Sukurti naują projektą iš projektavimo failo“ - iš „Adobe Photoshop“ PSD failo. Naršykite savo „PortfolioLayout.psd“ failą.
   
   
9. Dialogo lange atkreipkite dėmesį, kad „Catalyst“ jau pripažino, kad mūsų projektas bus 500 x 500 pikselių nuo PSD failo dydžio. Nustatykite „Fidelity“ parinktis „Redaguoti“ ir „Fono“ spalvą, kad ji atitiktų jūsų tinklalapį.
   
   Išnagrinėsime Sluoksnių skydą „Flash Catalyst“. Atminkite, kad turime visus tuos pačius sluoksnius ir aplankus, kaip ir mūsų PSD faile, kartu su jų atitinkamais pavadinimais. Taip pat atkreipkite dėmesį, kad „Catalyst“ sukūrė sluoksnius, kuriuose būtų sluoksnių stiliai, kuriuos taikėme „Photoshop“. Jei spustelėsite matomumo piktogramas, pamatysite, kad mes vis dar galime valdyti šiuos stilius.

Kitame vadove mes pradėsime daryti UI komponentus iš savo grafikos.

Autorių teisės 2018 m. „Adobe Systems Incorporated“. Visos teisės saugomos. „Adobe“ produkto ekrano kopija (-os) perspausdinta gavus „Adobe Systems Incorporated“ leidimą. „Adobe“, „Photoshop“, „Photoshop Album“, „Photoshop Elements“, „Illustrator“, „InDesign“, „GoLive“, „Acrobat“, „Cue“, „Premiere Pro“, „Premiere Elements“, „Bridge“, „After Effects“, „InCopy“, „Dreamweaver“, „Flash“, „ActionScript“, „Fejerverkai“, „Prisidėkite“, „Captivate“, „Flash Catalyst“ ir „Flash“ popierius yra (yra) registruotas (-i) prekės ženklas (-ai) arba „Adobe Systems Incorporated“ prekės ženklas (-ai) JAV ir (arba) kitose šalyse.