Flash Catalyst - Photoshop-projektlayout

• Kan 17, 2024

I den sidste tutorial samlet vi billederne til vores portefølje, som vi laver i Photoshop^R og Flash^R Katalysator^TM. Lad os nu arbejde med layoutet. Du skal have alle logoer og miniaturer åbne i Photoshop.

1. Designet til porteføljen vil være et layout af enkle afrundede rektangler. Det nederste 500 x 500 rektangel har en simpel gradient fra disse to farver - #ffffff og # c9c1a5.
   
   
2. Dernæst tilføjede jeg en stor og tre små måtter til logoet og miniaturerne. Med forgrundsfarven sat til sort, brugte jeg brugerdefineret formværktøj og den afrundede firkantede form til at tegne de fire måtter. Derefter tilføjede jeg en kombination af drop Shadow, Inner Shadow og Inner Glow lagstilarter for at afslutte måtterne.
   
   
3. Ved hjælp af skrifttypen Engravers MT føjede jeg titlen til toppen af ​​porteføljens layout. Dernæst rastrerede jeg teksten og anvendte de samme lagstilarter på teksten, som jeg gjorde på måtterne.
   
   
4. Derefter føjede jeg de tre miniaturer til måtterne i den rækkefølge, at jeg ønsker, at logoerne skal vises fra venstre mod højre. Naturligvis vil vi konfigurere navigationsknapperne i Catalyst, så seeren kan se logoerne i enhver rækkefølge.
   
   
5. Derefter føjede jeg logoerne til panelet Lag i samme rækkefølge.
   
   
6. Til sidst tilføjede jeg en drop Shadow (standardindstillinger) til baggrundslaget.
   
   Dette projekt er meget lille, og jeg bruger normalt ikke mapper i panelet Lag til et projekt af denne størrelse. Jeg vil dog gerne demonstrere, at oplysningerne fra Photoshops panel af lag opretholdes, når vi importerer filen til Catalyst. Til dette formål placerede jeg alle miniaturebilleder i en "Thumbnails" -mappe, alle logoer i en "Logos" -mappe og alle baggrundsgrafik i en "baggrund" -mappe.
   
   
7. Nu er vi klar til at importere dette grafiske layout til Flash Catalyst. Gem din Photoshop-fil som PortfolioLayout.psd.
   
   
8. Åbn Adobe Flash Catalyst. På velkomstskærmen bruger vi Opret nyt projekt fra designfil - fra Adobe Photoshop PSD-fil. Gennemse til din PortfolioLayout.psd-fil.
   
   
9. Bemærk i dialogboksen, at Catalyst allerede har erkendt, at vores projekt vil være 500 x 500 pixels, fra størrelsen på PSD-filen. Indstil Fidelity-indstillingerne til at holde redigerbar og baggrundsfarven, så den passer til din webside.
   
   Lad os undersøge lagpanelet i Flash Catalyst. Bemærk, at vi har alle de samme lag og mapper som i vores PSD-fil sammen med deres respektive navne. Bemærk også, at Catalyst har oprettet lag til at indeholde de lagformater, vi anvendte i Photoshop. Hvis du klikker på synlighedsikonerne, vil du se, at vi stadig har kontrol over disse stilarter.

I den næste tutorial begynder vi at lave brugergrænseflade-komponenter ud af vores grafik.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Flash Catalyst: How to create transitions | lynda.com tutorial (Kan 2024).