Flash Catalyst - Photoshop projekta izkārtojums

• Aprīlis 19, 2024

Pēdējā apmācībā mēs apkopojām sava portfeļa attēlus, kurus mēs izveidosim Photoshop^R un Flash^R Katalizators^TM. Tagad strādāsim pie izkārtojuma. Jums vajadzētu būt atvērtiem visiem logotipiem un sīktēliem Photoshop.

1. Portfeļa dizains būs vienkāršu noapaļotu taisnstūru izkārtojums. Apakšējam 500 x 500 taisnstūrim būs vienkāršs gradients no šīm divām krāsām - #ffffff un # c9c1a5.
   
   
2. Tālāk es pievienoju vienu lielu un trīs mazus paklājus logotipam un sīktēliem. Kad priekšplāna krāsa bija iestatīta uz melnu, četru paklāju uzzīmēšanai izmantoju rīku Pielāgota forma un noapaļotu kvadrāta formu. Pēc tam es pievienoju Drop Shadow, Inner Shadow un Inner Glow slāņu stilu kombināciju, lai pabeigtu paklājus.
   
   
3. Izmantojot Engravers MT fontu, portfeļa izkārtojuma augšpusē pievienoju virsrakstu. Tālāk es rasterizēju tekstu un tekstam piemēroju tos pašus slāņu stilus, kā es to darīju paklājiem.
   
   
4. Tālāk paklājiem pievienoju trīs sīktēlus tādā secībā, ka es vēlos, lai logotipi tiktu apskatīti no kreisās uz labo pusi. Protams, mēs Catalyst iestatīsim navigācijas pogas, lai skatītājs logotipus varētu skatīt jebkurā secībā.
   
   
5. Pēc tam pievienoju logotipus Slāņu panelim tādā pašā secībā.
   
   
6. Visbeidzot, fona slānim pievienoju Drop Shadow (noklusējuma iestatījumi).
   
   Šis projekts ir ļoti mazs, un es parasti neizmantoju slāņu paneļa mapes šāda lieluma projektam. Tomēr es vēlos parādīt, ka, importējot failu Catalyst, informācija no Photoshop slāņu paneļa tiks saglabāta. Šim nolūkam visus sīktēlus ievietoju mapē “Sīktēli”, visus logotipus mapē “Logotipi” un visu fona grafiku mapē “Fons”.
   
   
7. Tagad mēs esam gatavi importēt šo grafisko izkārtojumu Flash Catalyst. Saglabājiet savu Photoshop failu kā PortfolioLayout.psd.
   
   
8. Atveriet Adobe Flash Catalyst. Sveiciena ekrānā mēs izmantosim iespēju Izveidot jaunu projektu no dizaina faila - no Adobe Photoshop PSD faila. Pārlūkojiet savu PortfolioLayout.psd failu.
   
   
9. Dialoglodziņā ievērojiet, ka Catalyst jau ir atzinis, ka mūsu projekts būs 500 x 500 pikseļi no PSD faila lieluma. Iestatiet uzticamības opcijas, lai saglabātu rediģēšanu un fona krāsu, lai tā atbilstu jūsu vietnei.
   
   Pārbaudīsim Slāņu paneli Flash Catalyst. Ievērojiet, ka mums ir visi tie paši slāņi un mapes kā mūsu PSD failā kopā ar to attiecīgajiem nosaukumiem. Ņemiet vērā arī to, ka Catalyst ir izveidojis slāņus, lai saturētu slāņu stilus, kurus mēs piemērojām Photoshop. Noklikšķinot uz redzamības ikonām, jūs redzēsit, ka mēs joprojām kontrolējam šos stilus.

Nākamajā apmācībā mēs sāksim padarīt UI komponentus no mūsu grafikas.

Autortiesības 2018 Adobe Systems Incorporated. Visas tiesības aizsargātas. Adobe produkta ekrānuzņēmums (-i) ir pārpublicēts ar Adobe Systems Incorporated atļauju. 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 and Flash Paper ir / ir vai nu [a] reģistrēta preču zīme (-es), vai Adobe Systems Incorporated preču zīme (-es) Amerikas Savienotajās Valstīs un / vai citās valstīs.