Flash Catalyst - rozloženie projektu Photoshop

• Apríl 25, 2024

V poslednom návode sme zhromaždili obrázky pre naše portfólio, ktoré vytvoríme vo Photoshope^R a Flash^R katalyzátor^TM, Teraz poďme pracovať na rozložení. Vo Photoshope by ste mali mať otvorené všetky logá a miniatúry.

1. Dizajnom portfólia bude rozloženie jednoduchých zaoblených obdĺžnikov. Dolný obdĺžnik s rozmermi 500 x 500 bude mať jednoduchý prechod z týchto dvoch farieb - #ffffff a # c9c1a5.
   
   
2. Ďalej som k logu a miniatúram pridal jednu veľkú a tri malé rohože. S farbou v popredí nastavenou na čiernu som použil nástroj Vlastný tvar a zaoblený štvorcový tvar na kreslenie štyroch rohoží. Potom som pridal kombináciu štýlov vrstiev Shadow, Inner Shadow a Inner Glow na dokončenie rohoží.
   
   
3. Použitím písma Engravers MT som titul pridal na začiatok rozloženia portfólia. Ďalej som rastroval text a na text aplikoval rovnaké štýly vrstiev ako na rohože.
   
   
4. Ďalej som do rohoží pridal tri miniatúry v poradí, v akom si želám, aby sa logá zobrazovali zľava doprava. V Katalyzátore samozrejme nastavíme navigačné tlačidlá, aby si prehliadač mohol prezerať logá v ľubovoľnom poradí.
   
   
5. Potom som do panelu Vrstvy pridal logá v rovnakom poradí.
   
   
6. Nakoniec som pridal vrstvu tieňov (predvolené nastavenie) do vrstvy pozadia.
   
   Tento projekt je veľmi malý a zvyčajne nepoužívam zložky na paneli Vrstvy pre projekt tejto veľkosti. Chcel by som však preukázať, že informácie z panela Vrstvy Photoshopu sa zachovajú, keď súbor importujeme do programu Catalyst. Za týmto účelom som umiestnil všetky miniatúry do priečinka „Náhľady“, všetky logá do priečinka „Logá“ a všetku grafiku na pozadí do priečinka „Pozadie“.
   
   
7. Teraz sme pripravení importovať toto grafické usporiadanie do programu Flash Catalyst. Uložte súbor Photoshopu ako PortfolioLayout.psd.
   
   
8. Otvorte program Adobe Flash Catalyst. Na uvítacej obrazovke použijeme príkaz Create New Project from Design File - zo súboru Adobe Photoshop PSD. Prejdite do svojho súboru PortfolioLayout.psd.
   
   
9. V dialógovom okne si všimnite, že program Catalyst už zistil, že náš projekt bude mať veľkosť 500 x 500 pixelov, od veľkosti súboru PSD. Nastavte možnosti vernosti na možnosť Upraviť a farbu pozadia tak, aby zodpovedali vašej webovej stránke.
   
   Pozrime sa na panel Vrstvy v aplikácii Flash Catalyst. Všimnite si, že máme všetky rovnaké vrstvy a priečinky ako v našom súbore PSD, spolu s ich príslušnými názvami. Tiež si všimnite, že program Catalyst vytvoril vrstvy, ktoré obsahujú štýly vrstiev, ktoré sme použili vo Photoshope. Ak kliknete na ikony viditeľnosti, uvidíte, že tieto štýly máme stále pod kontrolou.

V nasledujúcom návode začneme vyrábať komponenty používateľského rozhrania z našej grafiky.

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.