Sukurkite „Web 2.0“ skirtuką su „Photoshop“
Toliau pateikiamame vadove bandoma suteikti jums idėją, kaip sukurti gražų, elegantišką skirtuką meniu „Photoshop“, „Web 2.0“ stiliuje.
1 žingsnis
Sukurkite naują drobę su baltu [#ffffff] fonu bet kokio dydžio, pageidautina, stačiakampio formos; jie labiau tinka atkreipti skirtukus. Tada pereikite prie Kanalai Tab („Windows“ -> kanalai), spustelėkite Sukurti naują kanalą apačioje dešinėje.
2 žingsnis
Pasirinktame kanalo sluoksnyje pieškite panašią formą su daugiakampiu Lasso įrankiu. Užpildykite jį balta spalva [#ffffff]; panaikinkite daugiakampio regiono pasirinkimą (pasirinkite bet kurį „Marquee“ įrankį ir paspauskite vieną ekraną); suteikti formą Gauso suliejimo su spinduliu 6.0px.
3 žingsnis
CTRL-L iškviesti lygio dialogą ir stumti kairiąją ir dešinę rodyklę, kad atitiktų vidurinę rodyklę, kaip ir aukščiau pateiktas vaizdas. Tai bus “sklandžiai” jūsų neryškus veidas ir gražus apvalios kampo formos.
4 žingsnis
Kanaluose, Laikykite CTRL, spustelėkite Kanalo miniatiūra Alfa sluoksnis 1. Dabar bus pasirinkta nauja forma, vėl įjunkite Sluoksnių skirtukas, Sukurti naują sluoksnį ir užpildykite pasirinktą sritį juodu [# 000000].
5 veiksmas
Nuimkite apvalius kampus, kad botas būtų apačioje kairėje ir apačioje, perkelkite jį į kairę ir padėkite ją kaip parodyta aukščiau. Toliau mes sutelksime dėmesį į juodą spalvą Tab.
| Laikykite CTRL, spustelėkite skirtuką Sluoksnio miniatiūra paryškinti visą skirtuką. | |
| Jei kortelės vaizdas vis dar pažymėtas, pasirinkite Stačiakampis „Marquee“ įrankis, laikykite ALT ir nupieškite stačiakampį regioną, kurį norime pašalinti. | |
| Turėtumėte matyti tik pasirinktą viršutinę dalį. Pasirinkite -> Keisti -> Sutartis, Sutartis pagal 2px ir turėtumėte gauti kažką panašaus į paveikslėlį kairėje. | |
| Sukurkite naują sluoksnį, užpildykite pažymėtą regioną baltuoju [#ffffff]. Dešiniuoju pelės mygtuku spustelėkite, pasirinkite Maišymo parinktys tada Gradiant perdangos. Pakeiskite baltą [#ffffff] spalvos stabdį pilka spalva [# 616161]. Jūsų skirtukas turėtų atrodyti kaip vaizdas kairėje. |
6 veiksmas
Sukurti naują sluoksnį; Pasirinkite Apvalus stačiakampis įrankis (Spindulys 8px), pieškite stačiakampį ir padėkite šį sluoksnį už juodo skirtuko sluoksnio. Dešiniuoju pelės mygtuku spustelėkite ir pasirinkite Maišymo parinktys ir įterpkite šiuos parametrus.
Mesti šešėlį
- Neskaidrumas: 31%
- Atstumas: 0px
- Paskirstymas: 0%
- Dydis: 2px
Bevel ir Emboss
- Gylis: 100%
- Dydis: 0px
- Minkštinti: 0px
Gradiant perdangos
- Čia pateikiami spalvų sustabdymo nustatymai.
- Spalva: #aaaaaa, Vieta: 0%
- Spalva: #ffffff, Vieta 100%
7 žingsnis
Įdėkite tekstą, kad pamatytumėte bendrą „Web 2.0“ išvaizdą. Naudoju šriftą „Lucida Fax“, šrifto dydį 32pt ir 25pt. Ir jūsų kortelė yra padaryta! Nesivaržykite žaisti su „Tab“ spalvų deriniu.
Atsisiųskite pamoką
