Vietnes galvene Photoshop

• Maijs 7, 2024

Šajā apmācībā mēs izveidosim vietnes galveni Photoshop^R kuru mēs animēsim Flash^R Katalizators^TM. Animācija sākas ar tukšu fonu, un dizaina elementi tiek iebīdīti, lai "izveidotu" galveni mūsu acu priekšā. Animācija tiks ieprogrammēta tā, lai sāktu "uz slodzes", un ilgs tikai dažas sekundes. Šīs vietnes galvene būs paredzēta pamatīgam apsveikuma kartīšu biznesam.

Mūsu pirmais solis ir izveidot galveni Photoshop. Katru dizaina elementu mēs uzliksim uz sava slāņa, gatavojoties darbam ar tiem Flash Catalyst. Kā redzat, mums būs 6 dizaina elementi.

1. Vispārīga informācija
2. Apakšējā josla visā galvenes platumā
3. Uzņēmuma nosaukums
4. Dzimšanas dienas karte
5. Ķirbju piezīme
6. Ziemassvētku kartīte

1. Sāksim jaunu projektu Photoshop. Iestatiet platumu uz 1000 pikseļiem, augstumu uz 225 pikseļiem un fonu uz caurspīdīgu. Šis izmērs labi iederēsies mūsu tīmekļa lapas augšdaļā.
   
   
2. Vienīgais elements, kas būs redzams animācijas sākumā, ir baltais fons. Pirmo attēla kārtu aizpildiet ar izvēlēto fona krāsu. Slāņu panelī šo slāni pārdēvējiet par "Fons".
   
   
3. Lai izveidotu ēnoto malu, es izmantoju iekšējā ēnu slāņa stilu. Veiciet dubultklikšķi uz fona slāņa un atzīmējiet izvēles rūtiņu blakus Iekšējā ēna. Iestatiet Distance un Choke uz 0 un Size uz 49.
   
   
4. Tālāk mēs pievienosim plānu attēlu ap attēlu ar Stroke Layer stilu. Esmu iestatījis krāsu uz brūnu (# 6e674f), lielumu uz 2 un pozīciju uz iekšpusi.
   
   Tālāk mēs pievienosim kartes. Esmu samazinājis savu apsveikuma kartīšu izmēru līdz 230 x 175 pikseļiem. Tas saglabās tos proporcionāli galvenes lielumam.
   
   
5. Kopēsim / ielīmēsim Ķirbju karti mūsu galvenē. Nosauciet jauno slāni "Ķirbis". Noklikšķiniet uz Rediģēt - bezmaksas pārveidošana, lai karti nedaudz pagrieztu pa labi. Noklikšķiniet uz Pumpkin slāņa un piemērojiet Drop Shadow Layer stilu, saglabājot noklusējuma iestatījumus.
   
   
6. Atkārtojiet pēdējo darbību gan dzimšanas dienas, gan Ziemassvētku kartītē.
   
   Tālāk mēs pievienosim joslu galvenes apakšā. Mēs novietosim savas kartes aiz šī stieņa, lai līdzināties kartēm plauktā.
   
   
7. Pievienojiet jaunu slāni Slāņu panelis un nosauciet to par "Bar".
   
   
8. Izmantojot rīku Taisnstūrveida telts, atlasiet galvenes apakšdaļu tieši brūnās malas iekšpusē. Izvēlieties joslas krāsu un aizpildiet atlasi ar šo krāsu.
   
   
9. Veiciet dubultklikšķi uz slāņa un pievienojiet Stroke Layer Style tāpat kā fonam.
   
   
10. Noklikšķiniet uz rīka Horizontālais tips un izvēlieties sava uzņēmuma nosaukuma fontu. Esmu izmantojis to pašu brūno krāsu kā apmales krāsu. Ievadiet uzņēmuma nosaukumu galvenes kreisajā pusē.
    
    
11. Šis solis nav obligāts. Mēs rasterizēsim tekstu. Ar peles labo pogu noklikšķiniet uz teksta slāņa un izvēlnē izvēlieties Rasterize Type.
    
    
12. Saglabājiet projektu Photoshop .psd formātā.
    
    

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.

Video Instrukcijas: PHOTOSHOP THIS! - LWIAY #0002 (Maijs 2024).