Ako si vyrobiť HTML tlačidlá v aplikácii Photoshop CS5

Ako si zostaviť viac HTML webovej stránky , viesť návštevníkov na vaše on - line doménu , dať im jednoduchý spôsob , ako sa dostať okolo klikacie tlačidlá . Dokonca aj používatelia prvýkrát bude vedieť , že kliknete na tlačidlo sa im niekde inde , ale s Photoshopom , môžete si vytvoriť vlastný zážitok pre tie kliknutia . Využite tlačidlo -vytváranie procesu navrhovania Adobe Photoshop CS5 je , aby tlačidlá , ktoré robí vaše stránky HTML vyniknúť . Návod dovolená 1

Otvorte Photoshop CS5 , kliknite na ponuku " Súbor " a kliknite na " Nový . " Zadajte názov tlačidla , ako napríklad " HelpButton " , alebo vašej preferovanej názov súboru v poli " Meno " box . Zadajte rozmery tlačidla v " width " a " height " škatule , pomocou pixelov alebo palca na požiadavky vášho webu . Kliknite na ponuku " Background Contents " a vyberte možnosť " transparentné " . Kliknite na tlačidlo " OK " otvorte tlačidlom na výrobu plátna .
2

Kliknite na kurzor do stredu farebné štvorce v dolnej časti na " Nástroje " paneli na ľavej strane obrazovky . Vyberte si farbu tlačidla a kliknite na " OK " .
3

Kliknite pravým tlačidlom na ikonu v riadku , šedý kruh , sivý štvorec alebo šedý hviezdu v blízkosti spodnej časti " Nástroje " table na ľavej strane obrazovky . Zvoľte " nástroj zaoblený obdĺžnik " alebo " Ellipse Tool " pre tvar tlačidla .
4

Umiestnite kurzor v ľavom hornom rohu šedej šachovnice plátno . Kliknite na tlačidlo a podržte ľavé tlačidlo myši , presuňte kurzor na pravom dolnom rohu . Dbajte na to , aby pretiahnuť preč do šedej Photoshop pracovným stolom . Na plátne sa objaví tvar tlačidla .
5

Dvakrát kliknite na vrstvu 1 riadok v " Vrstvy " palety . Keď sa otvorí okno " Štýl vrstvy " , kliknite na zaškrtávacie políčko " vrhnutý tieň " . Tento parameter je voliteľný , ale dáva tlačidlo viac zdvihnutý vzhľad, ktorý môže pomôcť sprievodca návštevníkov na vaše HTML stránky . Kliknite na tlačidlo " OK " zatvorte okno .
6

Kliknite na ikonu " T " na " Nástroje " panelu . Vyberte si písmo , veľkosť a farbu textu na paneli nástrojov v hornej časti obrazovky . Pre farbu , vybrať ten , ktorý bude vystupovať proti zvolené tlačidlo na pozadí , ako je biela , ak váš tlačidlo je tma .
7

Kliknite na tlačidlo a zadajte text , tlačidlá , ako napríklad " Help " alebo " Spustiť " . Presuňte text na miesto v strede tlačidla .
8

pravým tlačidlom myši na novú textovú vrstvu v " Vrstvy " palety . Vyberte " Zlúčiť viditeľné . "
9

Kliknite na menu " Súbor " a zvoľte " Uložiť ako . " Kliknite na ponuku " Format " a vyberte " PNG " alebo " GIF " , ktorá sa bude držať tlačidlo je pozadí transparentné , nutné pre HTML stránky . Kliknite na tlačidlo " Uložiť " .

• Predchádzajúca strana: Ako navrhnúť Náhodné Stopy vo Photoshope 
• Ďalšia strana: Ako sa zbaviť medzery medzi riadkami vo formáte HTML z aplikácie Photoshop