Flash Catalyst - rozložení projektu Photoshop

• Smět 5, 2024

V posledním tutoriálu jsme shromáždili obrázky pro naše portfolio, které vytvoříme ve Photoshopu^R a Flash^R Katalyzátor^TM. Nyní pojďme pracovat na rozvržení. Ve Photoshopu byste měli mít otevřená všechna loga a miniatury.

1. Návrhem portfolia bude rozložení jednoduchých zaoblených obdélníků. Dolní obdélník o rozměrech 500 x 500 bude mít jednoduchý přechod z těchto dvou barev - #ffffff a # c9c1a5.
   
   
2. Dále jsem přidal jednu velkou a tři malé rohože pro logo a miniatury. S barvou popředí nastavenou na černou jsem použil nástroj Custom Shape a zaoblený čtvercový tvar k nakreslení čtyř rohoží. Potom jsem přidal kombinaci stylů vrstev Shadow, Inner Shadow a Inner Glow, abych dokončil rohože.
   
   
3. Pomocí písma Engravers MT jsem přidal název na začátek rozvržení portfolia. Dále jsem rastroval text a aplikoval na text stejné styly vrstev jako na rohože.
   
   
4. Dále jsem do rohoží přidal tři miniatury v pořadí, v jakém si přeji zobrazení loga zleva doprava. V Catalystu samozřejmě nastavíme navigační tlačítka, aby si prohlížeč mohl prohlížet loga v libovolném pořadí.
   
   
5. Poté jsem přidal loga na panel Vrstvy ve stejném pořadí.
   
   
6. Nakonec jsem do vrstvy pozadí přidal vržený stín (výchozí nastavení).
   
   Tento projekt je velmi malý a obvykle nepoužívám složky na panelu Vrstvy pro projekt této velikosti. Chci však ukázat, že informace z panelu Vrstvy Photoshopu budou zachovány, když soubor importujeme do programu Catalyst. Za tímto účelem jsem umístil všechny miniatury do složky „Miniatury“, všechna loga do složky „Loga“ a veškerou grafiku na pozadí do složky „Pozadí“.
   
   
7. Nyní jsme připraveni importovat toto grafické rozvržení do Flash Catalyst. Uložte soubor Photoshopu jako PortfolioLayout.psd.
   
   
8. Otevřete Adobe Flash Catalyst. Na úvodní obrazovce použijeme Create New Project from Design File - ze souboru Adobe Photoshop PSD. Vyhledejte svůj soubor PortfolioLayout.psd.
   
   
9. V dialogovém okně si všimněte, že Catalyst již zjistil, že náš projekt bude mít velikost 500 x 500 pixelů, od velikosti souboru PSD. Nastavte možnosti věrnosti na možnost Zachovat upravitelné a barvu pozadí tak, aby odpovídala vaší webové stránce.
   
   Podívejme se na panel Vrstvy v aplikaci Flash Catalyst. Všimněte si, že máme všechny stejné vrstvy a složky jako v našem souboru PSD, spolu s jejich příslušnými jmény. Také si všimněte, že Catalyst vytvořil vrstvy, které obsahují styly vrstev, které jsme použili ve Photoshopu. Pokud klepnete na ikony viditelnosti, uvidíte, že tyto styly stále máme pod kontrolou.

V dalším tutoriálu začneme vyrábět komponenty UI z naší grafiky.

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společ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 / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: От атеиста к Святости (18+) (Smět 2024).