A kezdő oktatóprogramok html bemutatója - egy átfogó gombot rajzolunk le - 39 óra
Gombok, gombok.
Gombok, gombok, tiszteljük, de mi, sajnos, nem tudom, hogyan kell felhívni!
Nos, most kitöltjük ezt a rést ugyanazon program Adobe Photoshop segítségével.
- Egy új képet nyitunk egy átlátszó hordozóra, mint az utolsó lecke elején. Például 200x50 képpontot választottam;
- Válassza ki a Marquee eszközt. Az M gomb megnyomásával is kiválaszthatja a négyszögletes vagy ellipszis kiválasztást. Én például egy ellipszist választottam, és kitágult töltelékkel töltöttem fel;
- Válasszon színt (például kék);
- Töltse ki a választást
Ezt tettem:
És most létrehozzuk a gomb térfogatát és mindenféle árnyékot. Ehhez futtassa a Fóliát Rétegstílus | A Bavel és a Domborítás (Layer | Layer Style | Skos és Relief) megjelenik a Layer Style párbeszédpanel, és elkezd készíteni! Mozgatva mindenféle motort, beleértve a különböző jelölőnégyzeteket is, vagy letilthatja őket, elérheti az Önnek megfelelő eredményt. Számomra itt rendeztem a következő eredményeket:
De ez nem minden! Tudunk írni egy szót a gombot, és azt is terjedelmes! És végül levágjuk a felesleges térképet Crop (Kép), optimalizálja a weben a GIF beállításait.
Az utolsó lecke rajzától eltérően, ahol a színek szilárdak voltak, itt van egy másik kép. Ezért választjuk a diffúziót, de más beállításokat vizuálisan választunk. Mi több, mint. Az egyetlen dolog, amit meg akarok jegyezni, látom, Matte (Halo) fehéret választottam? Így a kép körül nem volt halo, mert fehér háttérrel jelenik meg. De ha a környező háttér például piros, akkor a Matte (Halo) melletti ablakra kattintva válassza ki a piros színt a javasolt palettáról.
Ez minden. Tehát itt van a szeretett gomb:
Itt van egy gomb
De ez nem minden! Meg tudjuk csinálni, hogy amikor egy gomb fölé rakod, megváltoztatja a színeit, és ezt sem nehéz megtenni! A kép használata | Kiigazítások | Színárnyalat / telítettség (Kép | Beállítások | Színes / Telített), könnyen megváltoztathatjuk a gomb színét és menthetjük más nevet.
Ha meg kell változtatnunk a kurzort a gomb felett lenyomva, és ha rákattintunk, akkor menjünk a www.dikarka.ru oldalra, akkor ezt megtesszük. Hívja az első gombot, amit hívunk: but01.gif. de megváltozott - but02.gif. akkor a gomb műveleteinek leírásához csak a következő kódot kell beírnia:
>
Ha mindent helyesen csináltál, a gomb megnyomásakor a szín megváltozik!
Ha további gombokat szeretne felvenni, amelyek más partíciókhoz vezetnek, hagyja el ugyanazt a kódot, megváltoztatva a következő pár gombok pm1 és pm2 értékeit. a következő pár pm3-ban és így tovább. Nos, helyettesítik a nevüket a gombokra. ez minden. Azt hiszem, ez nagy lecke volt számodra. A következő pedig animációt fogunk csinálni. És azt hiszem, még jobban örülök neked!