Webstedsoverskrift i Photoshop

• Kan 7, 2024

I denne selvstudie bygger vi en webstedsoverskrift i Photoshop^R som vi vil animere i Flash^R Katalysator^TM. Animationen begynder med en tom baggrund, og designelementerne glider ind for at "bygge" overskriften foran vores øjne. Animationen programmeres til at begynde "ved indlæsning" og varer kun et par sekunder. Denne webstedsoverskrift er beregnet til en anseelig lykønskningskortforretning.

Vores første skridt er at opbygge header i Photoshop. Vi lægger hvert designelement på sit eget lag som forberedelse til at arbejde sammen med dem i Flash Catalyst. Som du kan se, vil vi have 6 designelementer.

1. Baggrund
2. Nederste bjælke på tværs af bredden på header
3. Firmanavn
4. Fødselsdagskort
5. Græskar Notecard
6. Julekort

1. Lad os starte et nyt projekt i Photoshop. Indstil bredden til 1000 pixels, Højde til 225 pixels og baggrunden til gennemsigtig. Denne størrelse passer pænt øverst på vores webside.
   
   
2. Det eneste element, der vil være synlig i begyndelsen af ​​animationen, er den hvide baggrund. Fyld det første lag af billedet med den valgte baggrundsfarve. Omdøb dette lag til "Baggrund" i panelet Lag.
   
   
3. For at skabe den skraverede kant, brugte jeg stil med indre skygge. Dobbeltklik på baggrundslaget, og marker afkrydsningsfeltet ud for Indre skygge. Indstil afstand og choke til 0 og størrelse til 49.
   
   
4. Dernæst tilføjer vi den tynde kant rundt om billedet med streglagstil. Jeg har indstillet farven til en brun (# 6e674f), størrelsen til 2 og positionen til indersiden.
   
   Derefter tilføjer vi kortene. Jeg har reduceret størrelsen på mine lykønskningskort til 230 x 175 pixels. Dette holder dem i forhold til størrelsen på header.
   
   
5. Lad os kopiere / indsætte græskarkortet i vores header. Navngiv det nye lag "Græskar". Klik på Rediger - Gratis transformering for at rotere kortet lidt til højre. Klik på græskarlaget og anvend drop Shadow Layer Style, idet du holder standardindstillingerne.
   
   
6. Gentag det sidste trin til både fødselsdag og julekort.
   
   Dernæst tilføjer vi bjælken i bunden af ​​overskriften. Vi vil gemme vores kort bag denne bar for at efterligne kort på en hylde.
   
   
7. Føj et nyt lag til panelet Lag og navngiv det "Bar".
   
   
8. Med det rektangulære markeringsværktøj skal du vælge det nederste område af overskriften lige inden for den brune kant. Vælg en farve til din bjælke, og udfyld markeringen med denne farve.
   
   
9. Dobbeltklik på laget, og tilføj streglagstil, som du gjorde til baggrundslaget.
   
   
10. Klik på værktøjet Vandret type, og vælg en skrifttype til dit virksomheds navn. Jeg har brugt den samme brune farve som kantfarve. Skriv virksomhedsnavnet i venstre side af overskriften.
    
    
11. Dette trin er valgfri. Vi raster teksten. Højreklik på tekstlaget og vælg Rasterize Type i menuen.
    
    
12. Gem dit projekt i Photoshop .psd-format.
    
    

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.