Photoshop Izveidot Web 2.0 pogu

Pogas Photoshop konsultācijas, iespējams, ir viena no karstākajām kategorijām jebkurā Photoshop apmācības vietnē, un kopš Web 2.0 tagad ir tik karstas tēmas, ļauj iet par vienkāršu pogu, kas piemērota jebkurai Web 2.0 tīmekļa vietnes lietošanai. Apmācība pēc lēciena.

Izveidojiet tukšu audeklu aptuveni 500 px (platums) x 400px (augstums), lai sāktu pogas dizainu. Izveidojiet jaunu slāņa zvanubg01“. Atlasiet Noapaļots taisnstūra rīks, turiet SHIFT un centrējiet centrālo kvadrātu. Jebkura krāsa pašreizējā posmā ir labi.

Zvaniet uz Sajaukšanas opcijas nobg01un pielāgojiet šādus stilus:

Drop Shadow

• Dūmainība: 40%
• Attālums: 0px
• Izplatīšanās: 0%
• Izmērs: 6px

Pakāpenisks pārklājums

• Krāsu apstāšanās: 0%, # d00031
• Krāsu apstāšanās: 100%, # ff2b5d

Turiet CTRL, ar kreiso klikšķi uzbg01'Slāņu sīktēls, lai izvēlētos tā formu. Iet Izvēlieties -> Modificēt -> Līgums un ievadiet vērtību2px“. Tas samazinās izvēlēto laukumu par 2 pikseļiem.

Izveidojiet jaunu slāņa zvanubg02'un aizpildīja iezīmēto (pēc saraušanās) apgabalu ar jebkuru krāsu. Šeit es izmantoju # 000000 melnu. Veiciet dubultklikšķi uz "bg02", lai atvērtu Jaukšanas iespēja un izmainīt šādu stilu.

Pakāpenisks pārklājums

• Krāsu apstāšanās: 0%, # c6002f
• Krāsu apstāšanās: 100%, # c6002f

Izveidojiet citu jaunu slāni tekstam, nosauciet to partxt“. Ievietojiet pogas tekstu. Es pārstāvēšu alfabētu. Šeit izmantotie fonta stili ir šādi:

• Noapaļots Arial Bold
• 150pt

Tāpat, kad esat pieņēmis tekstu, divreiz uzklikšķiniet uz "txt", lai palaistu Sajaukšanas opcijas un izsauciet šādus stilus.

Drop Shadow

• Dūmainība: 25%
• Attālums: 0px
• Izplatīšana: 0px
• Izmērs: 5px

Iekšējā ēna

• Dūmainība: 10%
• Attālums: 0px
• Drosele: 0
• Izmērs: 10px

Bevel Emboss

• Dziļums: 1px
• Virziens: uz leju
• Izmērs: 0px
• Softten: 0px
• Iezīmējiet režīma necaurredzamību: 32%
• Ēnu režīma necaurredzamība: 32%

Pakāpenisks pārklājums

• Krāsu apstāšanās: 0% # d2d2d2
• Krāsu apstāšanās: 100% # f0efef

Poga ir gandrīz pabeigta. Piešķiriet tai nedaudz spīdumu augšējā daļā. Turiet CTRL, kreisais klikšķisbg02'Slāņu sīktēls, lai izceltu ārējo formu; izvēlēties Eclipse Marquee rīks. Tagad turiet ALT, izvēloties Eclipse Marquee rīku, velciet pāri, lai noņemtu iezīmētās zonas apakšējo pusi. Skatiet iepriekšējo attēlu.

Kad augšējā daļa ir iezīmēta un Eclipse Marquee rīks joprojām ir atlasīts, ar peles labo pogu noklikšķiniet un izvēlieties Spalvas; ievadiet 15px rādiusam.

Izveidojiet jaunu slāni, nosauciet to parspīd'un aizpildiet izcelto daļu ar baltu [#ffffff]. Tam jāpievieno spīduma efekts jūsu pogas augšējai daļai. Galaproduktam vajadzētu izskatīties līdzīgi attēlam.

Lejupielādēt pamācību

Kaut kas papildus ...

Izmainīt “bg01' un 'bg02'dos jums vairāk interesantu pogu. Šeit ir vēl viena Photoshop apmācība uz pogas, ko esmu darījis iepriekš - Izveidot spīdīgu pogu Web 2.0

Lejupielādēt paraugu