Izstrādāt Glossy Web 2.0 pogu Photoshop
Meklējat spīdīgu izskata Web 2.0 pogu? Lūk, vienkārša Photoshop apmācība, kas sniedz jums soli pa solim, kā iegūt jauku izskatu sarkanu glancētu pogu.
1. solis - bāzes izveide
Uzspiediet jaunu audeklu un pielāgojiet šādus iestatījumus (atzīmēti ar dzeltenu) atbilstoši zemāk redzamajam attēlam. Pārējās ir jānāk kā noklusējuma. Iespējams, vēlēsities vēlreiz pārbaudīt noklusējuma iestatījumus.
Izveidot jaunu slāņa zvanu “Poga”
Slānī “Poga” atlasiet noapaļoto taisnstūra rīku
Dodiet tai 7px rādiusu
Zīmējiet taisnstūri, kas ir līdzīgs tālāk redzamajam attēlam.
2. solis - sarkanā poga
Ar peles labo pogu noklikšķiniet uz pogas "Pogas" sajaukšanas opcijas
Izmainiet šādus iestatījumus
Drop Shadow
Iekšējā ēna
Bevel un Emboss
Pakāpenisks pārklājums
Jūsu pogai vajadzētu izskatīties šādi
3. solis - Izveidojiet spīdīgu efektu
Izveidojiet jaunu slāni ar nosaukumu “Stikls”
Izvēlieties rīku Retangular marquee, pārliecinieties, ka esat izvēlējies 'Button' slāni. Turiet ctrl taustiņu un noklikšķiniet uz slāņa pogas”s slāņa sīktēls. Tagad jūsu pogai jābūt iezīmētai.
Tagad izvēlieties pogu „Stikls”, turiet nospiestu Alt taustiņu ar Retangular marquee rīku. Zīmējiet (sagrieziet) pāri pogas apakšējai daļai, piemēram, zemāk redzamajam attēlam.
Aizpildiet izvēlēto laukumu ar baltu krāsu #ffffff, izmantojot Paint Bucket Tool
Pielāgojiet necaurredzamību līdz 18%
Jums vajadzētu būt glancētai pogai.
4. solis - Pattern pārklājums
Piešķiram pogai nelielu rakstu pārklājumu. Es izmantošu iepriekš izveidoto pielāgoto stripu5px. Izveidojiet jaunu slāni, kas tiek saukts uz 'Pattern' starp 'Button' un 'Glass' un turpiniet ar Blending Options.
Izvēlieties Pattern Overlay, izvēlieties Stripe5px (vai jebkuru izveidoto modeli) un noklikšķiniet uz Labi, tad aizveriet dialogu.
Pārliecinieties, ka vēl joprojām atrodas taisnstūrveida laukuma rīks, turiet
5. solis - teksta ievietošana
Ievietojiet izlases tekstu baltā krāsā #ffffff krāsu ar šādiem iestatījumiem
Izmantojiet šādus sajaukšanas efektus mana teksta slānī.
Drop Shadow
6. solis - galīgais rezultāts
Jums vajadzētu iegūt šādu attēlu.
