Ako vytvoriť rolloverov vo Photoshope CS3

Pred Photoshop CS3 , web dizajnérov vytvoril rollover tlačidla pomocou Photoshopu a Image Ready , ktoré boli predtým zabalené dohromady . Adobe prerušiť pomocou Image Ready , keď to kúpil Macromedia Dreamweaver , za predpokladu , že webdesignérov by sa použiť tento špecializovaný program Photoshop vytvoriť svoje rolloverov . Môžete vytvoriť rollover tlačidiel v Photoshope rovnakým spôsobom . Potom môžete použiť Dreamweaver , iné webové editory alebo textového editora vytvoriť prevráteniu kód . Naučte sa, ako vytvoriť rollover tlačidla vo Photoshope CS3 . Veci , ktoré budete potrebovať klipart webový editor
Zobraziť ďalšie inštrukcie Cestuj 1

Otvorte nový dokument , ktorý má veľkosť vhodná pre vaše tlačidla . To môže byť veľkosť internetových stránok či veľkosti pútač tlačidlo . Kliknite na " Súbor > Nový" a zadajte veľkosť do príslušných polí .
2

Vytvorte prvé tlačidlo , ako to bude vyzerať , keď to nie je vybraná . Vyberte správny tvar nástroja z " paleta " a nakreslite tlačidlo . Potom vyberte " Typ " nástroj a zadajte text vnútri tlačidla .
3

Aplikujte požadované účinky na tlačidlo alebo textu . Spoločnosť Adobe poskytuje niekoľko spôsobov , ako aplikovať efekty . Ak chcete použiť svoje vlastné efekty , vyberte vrstvu z " vrstvy " palety . Potom vyberte požadovaný efekt z " FX " drop - dole baliť do krabice , ktorá je umiestnená na spodnej strane " vrstva " palette.Photoshop CS3 poskytuje prednastavené webové štýly určené špeciálne pre web tlačidiel . Je - li " Štýly " paleta nie je viditeľná , vyberte " Windows > Štýly . " Z " Štýly " drop - down menu , vyberte " Web štýly . " Uistite sa , že je vybrané tlačidlo vrstvu a vyberte požadovanú vrstvu z " Štýly " palety .
4

Vytvorte zostávajúce tlačidla . Podržaním tlačidla " Control " a vyberte text a tlačidlo . Pravým tlačidlom myši kliknite na " Layer " palety a vyberte možnosť " Duplikovať vrstvu . " Pohyb skopírované vrstvy k umiestneniu ďalšieho tlačidla . Zmena textu na meno nového tlačidla . Opakujte tento krok pre vytvorenie všetkých tlačidiel .
5

Slice tlačidla . Vyberte funkcia " rez " a nakreslite rámček okolo každého tlačidla . Dvakrát kliknite na každé tlačidlo pre pridanie možnosti rezov . Uistite sa , že " Image " je zvolené v " Typ Slice " drop - dole baliť do krabice . Zadajte názov , ktorý popisuje tlačidlo vypnutia , ako je napríklad " [ tlačidlo ] _off . " Zadajte akékoľvek informácie týkajúce sa webových stránok vo zvyšných oknách .
6

Zvoľte " Súbor > Uložiť pre web ... " Stlačte tlačidlo " Uložiť " . V " Uložiť optimalizovaný ako " dialógovom okne vyberte umiestnenie pre vaše obrázky . Vytvoriť novú zložku s názvom " Off " . Ak ste zadali informácie na webových stránkach , meniť " formát " na " HTML a obrazy . " Kliknite na tlačidlo " OK " .
7

Zvoľte " Windows > Vrstva Comp . " Vytvorte novú vrstvu comp pomocou tlačidla " vytvorte novú vrstvu Comp " . Meno to niečo , čo opisuje súčasnú sadu tlačidiel , ako je " Off " .
8

Úprava tlačidiel aplikovať stav rollover . Použiť štýly , farby alebo efekty súčasných tlačidiel . Vytvorte ďalšiu vrstvu comp a pomenujte ju " ON " . Opakujte krok 7 pre uloženie tlačidiel v novej zložke s názvom " On " . Otvorte zložku , ktorá obsahuje tieto tlačidlá a premenujte ich tak , aby odrážali " on " stave .
9

Vytvoriť rollover kód vo webovom editore . Použitie aplikácie Dreamweaver , iný webový editor alebo textový editor na vytvorenie prevráteniu kód . Tu je JavaScript kód pre tlačidlo Domov v tomto tutoriále : < a href = " index.html " onmouseover = " home_off.src = ' images /o /home_on.jpg " ; " onmouseout = " home_off.src = ' obrázky /off /home_off.jpg " ; " > < img alt = " home_off " name = " home_off " src = " images /off /home_off.jpg " width = " 130 " height = " 47 " class = " style9 " border = " 0 " /> < /a >

• Predchádzajúca strana: Ako extrahovať vo Photoshope 
• Ďalšia strana: Ako Vyplňte vo Photoshope