Dizains Web 2.0 saskarne Photoshop
Izpratne par zemāk sniegto pamācību ir izpratne par tās tehniku, ar to jūs varat izdarīt kādu grafisku lietotāja interfeisu tīmekļa vietnei. Sānu navigācija, pogas, galvenes, piemēram. Visi Web 2.0 stili.
Uzsākt jaunu audeklu; jebkura izmēra. Kaut kas lielāks par 450x300px būtu labs. Atlasiet Noapaļots taisnstūra rīks un izvelciet taisnstūrveida lielumu, kā parādīts attēlā.
Lai palaistu programmu, veiciet dubultklikšķi uz noapaļotā taisnstūra slāņa Sajaukšanas opcijas. Mainiet šādu stilu iestatījumus.
Drop Shadow
Dūmainība: 31% Attālums: 1px Izplatīšanās: 0% Izmērs: 5px
Bevel un Emboss
Dziļums: 100% Izmērs: 0px Mīkstina: 0px
Pakāpenisks pārklājums
Veiciet dubultklikšķi uz Gradiant un iestatiet šādus apstāšanās punktus. Atrašanās vieta: 0%, # 1378cd Atrašanās vieta: 100% # 4da5f0
Insults
Izmērs: 5px pozīcija: Iekšējā krāsa: # 54abf6
Ievietosim tekstu, tagline, URL vai kaut ko. Vai tas ir vidū un izlīdziniet, lai logotips vēlāk varētu atrasties kreisajā pusē. Stilēsim tekstu. Es izmantoju Lucida Sans Unicode; 55pt; gluda; -120 rakstzīmju izsekošanai (burtu atstatums). Veiciet dubultklikšķi uz teksta slāņa un iestatiet tālāk Sajaukšanas opcijas.
Gradienta pārklājums
Veiciet dubultklikšķi uz Gradiant un iestatiet šādus apstāšanās punktus. Atrašanās vieta: 0%, # 9ec7eb Atrašanās vieta: 100% ecf6ff
Tad jums būs nepieciešams ievietot logotipu teksta kreisajā pusē. Es izmantošu noapaļotu taisnstūri ar rādiusu 5px, lai attēlotu logotipu. Šeit ir Jaukšanas iespēja noapaļota taisnstūra iestatījumi.
Iekšējā ēna
Dūmainība: 45% Attālums: 0px Izmērs: 43px;
Bevel un Emboss
Dziļums: 100% Izmērs: 0px Mīkstina: 0px Izcelsmes režīms Necaurredzamība: 50% ShadowMode Opacity: 100%
Pakāpenisks pārklājums
Veiciet dubultklikšķi uz Gradiant un iestatiet šādus apstāšanās punktus. Atrašanās vieta: 0% # 0e2f4a Atrašanās vieta: 47% # 001a31 Atrašanās vieta: 48% # 002545 Atrašanās vieta: 100% # 0f4b7f
Insults
Izmērs: 5px Veiciet dubultklikšķi uz Gradiant un iestatiet šādus apstāšanās punktus. Atrašanās vieta: 0% # 1468af Atrašanās vieta: 100% # 50abf8
Dodiet tai nedaudz spīdīgu efektu. Turiet CTRL un pa kreisi noklikšķiniet uz noapaļota taisnstūra Slāņa sīktēls. Izvēloties visu apaļo taisnstūri, mainīts uz Taisnstūra Marquee rīks, turiet ALT un izvelk atlasītās teritorijas otro pusi; tāpat kā iepriekšējais attēls.
Izveidojiet jaunu slāni; Velciet to uz augšu, lai tā būtu virs visiem slāņiem; aizpildiet izvēlēto daļu ar baltu [#ffffff]; mainīt necaurredzamību līdz 15%.
Apmācība beigsies šeit. Kā jūs gatavojaties izmantot šo dizainu, tas ir atkarīgs no jums. Nedaudz mainot tā lielumu un krāsas, to var izmantot kā tīmekļa galveni vai pogas. Lūk, daži piemēri.
Mājas lapas virsraksts
Mājas pogas
