Flash Catalyst - Photoshop prosjektoppsett

• Kan 18, 2024

I den siste opplæringen samlet vi bildene til porteføljen vår som vi skal lage i Photoshop^R og Flash^R Catalyst^TM. La oss nå jobbe med oppsettet. Du bør ha alle logoene og miniatyrbildene åpne i Photoshop.

1. Designet for porteføljen vil være en layout av enkle avrundede rektangler. Det nederste rektangelet på 500 x 500 vil ha en enkel gradient fra disse to fargene - #ffffff og # c9c1a5.
   
   
2. Deretter la jeg til en stor og tre små matter for logoen og miniatyrbildene. Med forgrunnen farge satt til svart, brukte jeg verktøyet Custom Shape og den avrundede firkantede formen for å tegne de fire mattene. Deretter la jeg til en kombinasjon av Drop Shadow, Inner Shadow og Inner Glow lagstiler for å fullføre mattene.
   
   
3. Ved hjelp av Engravers MT-font, la jeg tittelen til toppen av porteføljens layout. Deretter raster jeg teksten og brukte samme lagstiler på teksten som jeg gjorde på mattene.
   
   
4. Deretter la jeg de tre miniatyrene til mattene i den rekkefølgen jeg ønsker at logoene skal vises fra venstre mot høyre. Selvfølgelig vil vi sette opp navigasjonsknappene i Catalyst slik at betrakteren kan se logoene i hvilken som helst rekkefølge.
   
   
5. Deretter la jeg logoene til lagpanelet i samme rekkefølge.
   
   
6. Til slutt la jeg en Drop Shadow (standardinnstillinger) til bakgrunnslaget.
   
   Dette prosjektet er veldig lite, og jeg bruker vanligvis ikke mapper i lagpanelet for et prosjekt av denne størrelsen. Imidlertid ønsker jeg å demonstrere at informasjonen fra Photoshops panel blir opprettholdt når vi importerer filen til Catalyst. For dette formålet plasserte jeg alle miniatyrbildene i en "Miniatyrbilder" -mappe, alle logoene i en "Logos" -mappe og all bakgrunnsgrafikken i en "Bakgrunn" -mappe.
   
   
7. Nå er vi klare til å importere denne grafiske utformingen til Flash Catalyst. Lagre Photoshop-filen din som PortfolioLayout.psd.
   
   
8. Åpne Adobe Flash Catalyst. På velkomstskjermen bruker vi Opprett nytt prosjekt fra designfil - fra Adobe Photoshop PSD-fil. Bla gjennom PortfolioLayout.psd-filen.
   
   
9. I dialogboksen, legg merke til at Catalyst allerede har erkjent at prosjektet vårt vil være 500 x 500 piksler, fra størrelsen på PSD-filen. Angi Fidelity-alternativene til Keep Editable og bakgrunnsfargen slik at den samsvarer med hjemmesiden din.
   
   La oss undersøke lag-panelet i Flash Catalyst. Legg merke til at vi har alle de samme lagene og mappene som i PSD-filen vår, sammen med deres respektive navn. Legg også merke til at Catalyst har laget lag for å inneholde lagstiler som vi brukte i Photoshop. Hvis du klikker på synlighetsikonene, vil du se at vi fortsatt har kontroll over disse stilene.

I neste opplæring vil vi begynne å lage brukergrensesnittkomponenter ut av grafikken vår.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.