Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako vytvoriť tlačidlo Rollover v CS2

Adobe Photoshop CS2 a jeho spoločník programu ImageReady sú výkonné nástroje pre používateľov , ktorí chcú , aby sa vizuálny prístup k Web design . Používatelia môžu vytvárať efekty prechodu JavaScript , bez toho aby ste museli zadávať žiadny kód kombinovaním grafického dizajnu možnosti Photoshopu a správanie nastavenia schopnosti ImageReady . Kľúčom k úspešnej rollovers spočíva v pochopení vrstiev vo Photoshope . Veci , ktoré budete potrebovať
počítačom
softvér Adobe Photoshop CS2
Zobraziť ďalšie inštrukcie
Vytvorenie tlačidla
1

Otvorte Photoshop a vytvoriť nový dokument výberom " Súbor > Nový" z menu aplikácie . Nastavte veľkosť vášho dokumentu a kliknite na " OK " .
2

Vyberte " Typ nástroja " z panela nástrojov na ľavej strane plátna a kliknite na ľubovoľné miesto na plátne vytvoriť nejaký bodový text váš tlačidlo ( " asi " alebo " portfólio " , napríklad ) . Nastavte požadované nastavenie písma v možnosti nástrojov paneli nad vaším plátnom a zadajte si svoje tlačidlo text . Môžete sa pohybovať Tento text okolo pohybom kurzora po text sám a potom kliknutím a ťahaním v smere , ktorý chcete presunúť .
3

Duplicitné textovú vrstvu kliknutím a pretiahnutím že na ikonu " vytvorte novú vrstvu " v " Vrstvy " palety na pravej plátno . Ikona vyzerá ako štvorec , pes himalájsky stránku .
4

vyberte " copy " vrstvu , ktorú práve vytvorili , a kliknite pravým tlačidlom ( Ctrl + klik na Macu ) na názov vrstvy v " vrstvy " palety . Vyberte " Voľby prelínanie " zo zobrazenej ponuky plávajúce . Tým sa otvorí " Štýl vrstvy " dialógové okno .
5

Kliknite na slovo " vrhnutý tieň " v " Štýly " stĺpci na ľavej strane dialógového okna . Kliknite na políčko "Náhľad " v pravej časti dialógového okna a upravte nastavenie vrženého tieni , ako je požadované .
Nastavenie rollovers v ImageReady
6

Vyberte ImageReady ikonu v dolnej časti panela nástrojov. To spustí samostatný program z Photoshopu , ktorý je dodávaný s ňou na optimalizáciu obrazov Photoshopu pre web .
7

Vyberte " Slice Tool " z panela nástrojov v ľavej časti obrazovky a kliknite na tlačidlo a pretiahnite plátok okolo tlačidla z ľavého horného rohu na pravej dolnej .
8

vyberte " Web Content " palety v pravej časti obrazovky a kliknite na tlačidlo .
9

myš dole na " vrstvy " palety , kde sú zobrazené rôzne vrstvy vášho tlačidla . Kliknite na ikonu oka vedľa hornej vrstvy , ktorá obsahuje vrhnutý tieň vášho tlačidla . To bude vypnúť viditeľnosť tejto vrstvy tak , že sa zobrazí len non - vrhnutý tieň verzia vašej tlačidlá na webovej stránke , keď je myš nie je vznášajúce sa nad ním .
10

Späť na " webe obsah " palety a kliknite na ikonu stránku pes himalájsky na dne vytvoriť nový stav rollover . Objaví sa vedľa nového štátu , čo znamená , že vzhľad vyberiete pre neho sa zobrazí , keď je myš , vznášajúce sa nad ňou na webovej stránke slovo " cez " .
11

Späť na " Vrstvy " Paleta a vypnúť viditeľnosť non - drop shadow vrstvu kliknutím na ikonu oka vľavo . Zapnite viditeľnosť vrhnutý tieň vrstvy .
Prepojenie Váš Presunúť
12

vyberte " Okná > Rez " pre zobrazenie " Slice " Paleta na pravej strane obrazovka . Vyberte túto paletu .
13

Zadajte názov tlačidla v poli " Meno " a zadajte adresu URL pre váš prevráteniu prepojiť , keď sa ľudia na neho kliknite .
14

Zvoľte " Súbor > Uložiť optimalizovaný ako " z menu aplikácie a vytvoriť názov pre prevráteniu . Vyberte " HTML a obrazov " z " Formát " , označte ho a kliknite na " Uložiť " .

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené