Ako vytvoriť Web 2.0 Tlačidlá vo Photoshope

Web 2.0 je populárny štýl v oblasti web dizajnu . Web 2.0 Tlačidlá vyzerajú trojrozmerné a lesklé , ako bublina , ako by to vyskakovanie z obrazovky . Proces vytvárania web 2.0 tlačidiel zahŕňa veľa prechodov a vrstvy práce . Veci , ktoré budete potrebovať
Photoshop
Zobraziť ďalšie inštrukcie Cestuj 1

Otvorte Photoshop , vytvorte nový súbor a nastavte veľkosť plátna na to , čo bude vaša veľkosť tlačidla . Chyť tvaru nástroj z panela nástrojov , vyberte zaoblený obdĺžnik alebo kruh , pretože to je najčastejší vo web 2.0 štýl . Vyberte farbu pre váš tlačidlom a potom kliknite na tlačidlo a ťahaním vytvorte tvar tak , že takmer vyplní plátno . Nechajte niekoľko obrazových bodov okolo neho na hranici . Potom kliknite pravým tlačidlom myši na vrstvu tvaru v paneli Vrstvy a vyberte " rastrové . "
2

Vyberte nástroj prechod . Pozrite sa v rozbaľovacej ponuke prechodom priamo pod v hornej časti obrazovky na paneli ponúk , a nájsť dva - farebný gradient pomocou farbu tvaru a bielej . Ak nevidíte farby , ktoré chcete , kliknite na obrázok prechodu v hornej časti menu miesto . Tým sa dostanete do dialógového okna , kde si môžete upravovať , vytvárať a ukladať vlastné prechody . Urob si svoj ​​gradientu pomocou posuvníkov . Akonáhle budete mať spád , čo potrebujete , nastaviť prechodom krytie na 40 % . Potom , Control - kliknutie alebo Command - kliknúť na ikonu vrstvy do vrstvy paneli vyberte obrazové body v tejto vrstve . Kliknutím a ťahaním zo zhora asi 80 % dole tvare aplikovať gradient . Teraz , pomocou textového nástroja vytvorte textové pole a zadajte text pre vaše tlačidla . Vráť sa do svojej normálnej myši a umiestniť text v centre tlačidla
3

Pridajte 1 - . Zdvih alebo 2 - pixel do textu pomocou štýlov vrstiev . Uistite sa farba zdvih trochu tmavší ako je vaša farba tlačidla . To isté urobte pre tlačidlo vrstvu . Vykonajte nový tvar rovnaký ako pôvodný tlačidlo tvaru , ale asi 90 % , ako široká a 50 % rovnako vysoký ako originál . Umiestnite ich v stredu a v hornej časti príslušné tlačidlo na originálnom tvare . Rastrovanie tvar ako ste to urobili s prvým tvarom . Vyberte obrazové body Riadenie alebo Command - kliknutím na ikonu vrstvy a úplne vymazať vybranú oblasť . Teraz vyberte nástroj prechod znova a vytvoriť prechod , ktorý ide od bielej do priehľadnej . Teraz , keď viete , ako z posledného kroku , by malo byť jednoduché . Naneste prechodu kliknutím a pretiahnutím dole cez tvar , takže biela je na vrchole , a miznú dole do priehľadnej .
4

Vyberte si originálny tlačidlo vrstvu v paneli Vrstvy a dvakrát kliknite na neho otvorte dialógové okno Štýly vrstiev . Odtiaľ vyberte " Vnútorné Žiara " zo stĺpca naľavo a nastavte krytie na 50 % . Make farbu žiara rovnaký odtieň ako vaša tlačidla , ale trochu ľahší . Ak chcete , aby to vyzeralo ešte troch - dimenzionální , pridať vrhnutý tieň do textu pomocou štýlov vrstiev pre textové vrstvy . Toto je text vyzerať , ako keď je to , ktorým sa na vrchole lesklé , polo - priehľadné bubline .

• Predchádzajúca strana: Ako vyprázdniť Recent Files zoznamu v Adobe Photoshop 
• Ďalšia strana: Ako pridať Sweat Korálky na tvár vo Photoshope