Veebisaidi päis Photoshopis

• Aprill 26, 2024

Selles õpetuses ehitame Photoshopis veebisaidi päise^R mida me Flashis animeerime^R Katalüsaator^TM. Animatsioon algab tühja taustaga ja kujunduselemendid libistatakse sisse, et päis meie silme ette "ehitada". Animatsioon programmeeritakse käivituma "laadimisel" ja kestab vaid mõni sekund. Selle veebisaidi päis on mõeldud keerukaks õnnitluskaardiettevõtteks.

Meie esimene samm on päise loomine Photoshopisse. Paneme iga kujunduselemendi eraldi kihile, et saaksime nendega Flash Catalyst koos töötada. Nagu näete, on meil 6 kujunduselementi.

1. Taust
2. Alumine riba kogu päise laiuse ulatuses
3. Ettevõtte nimi
4. Sünnipäevakaart
5. Pumpkin Notecard
6. Jõulukaart

1. Alustame Photoshopis uut projekti. Valige Laiuseks 1000 pikslit, Kõrguseks 225 pikslit ja Taust läbipaistvaks. See suurus sobib kenasti meie veebilehe ülaossa.
   
   
2. Ainus element, mis animatsiooni alguses nähtav on, on valge taust. Täitke pildi esimene kiht valitud taustavärviga. Nimetage see kiht paneelil Kihid ümber "Taust".
   
   
3. Varjutatud serva loomiseks kasutasin sisemise varju kihi stiili. Topeltklõpsake taustkihti ja märkige ruut Sisevari kõrval. Seadke vahemaa ja õhuklapp väärtusele 0 ja suurusele 49.
   
   
4. Järgmisena lisame pildi ümber õhukese ääre joonekihi stiiliga. Olen määranud värvi pruuniks (# 6e674f), suuruse 2 ja positsiooni sees.
   
   Järgmisena lisame kaardid. Olen vähendanud oma õnnitluskaartide suurust 230 x 175 pikslile. See hoiab neid proportsionaalselt päise suurusega.
   
   
5. Kopeerime / kleepige kõrvitsa kaart meie päisesse. Pange uus kiht nimeks "Pumpkin". Kaardi veidi paremale pööramiseks klõpsake nuppu Redigeeri - tasuta teisendus. Klõpsake kõrvitsa kihil ja rakendage Drop Shadow Layer Style, hoides vaikesätteid.
   
   
6. Korrake viimast sammu nii sünnipäeva kui ka jõulukaardi jaoks.
   
   Järgmisena lisame riba päise allosas. Riputame kaarte jäljendama selle kaardi taga olevad kaardid.
   
   
7. Lisage kihtide paneelile uus kiht ja pange sellele nimi "Baar".
   
   
8. Valige ristkülikukujulise telje tööriista abil päise alumine ala, otse pruuni ääre alt. Valige riba jaoks värv ja täitke valik selle värviga.
   
   
9. Topeltklõpsake kihti ja lisage Stroke Layer Style, nagu tegite taustkihile.
   
   
10. Klõpsake tööriista Horisontaalne tüüp ja valige oma ettevõtte nime jaoks font. Olen kasutanud sama pruuni värvi kui äärisevärvi. Tippige päise vasakusse serva ärinimi.
    
    
11. See samm on valikuline. Me rasteriseerime teksti. Paremklõpsake tekstikihil ja valige menüüst Rasterize Type.
    
    
12. Salvestage oma projekt Photoshop .psd-vormingus.
    
    

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. 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 on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: The Band CAMINO - See Through (Official Audio) (Aprill 2024).