Tutorialul html pentru începători - desenăm un buton voluminos - lecția 39

Butoane, butoane.

Butoane, butoane, te respectăm, dar noi, din păcate, nu știm cum să te atragem!

Ei bine, acum vom completa acest decalaj cu ajutorul aceluiași program Adobe Photoshop.







  1. Deschidem o nouă imagine pe un substrat transparent, la fel ca în ultima lecție de la început. De exemplu, am ales dimensiunea de 200x50 pixeli;
  2. Selectați instrumentul Marquee. De asemenea, puteți să o selectați pur și simplu apăsând tasta M. Puteți selecta o selecție dreptunghiulară sau elipsă. Eu, de exemplu, am ales o elipsă și am umplut-o cu o umplutură îngrozitoare;
  3. Alegeți o culoare (de exemplu albastru);
  4. Completați selecția

Am facut acest lucru:

Și acum vom crea pentru volumul butonului și tot felul de umbre. Pentru aceasta, rulați Layer | Stratul de stil | Bavel și Emboss (Layer | Layer Style | Skos and Relief), apare dialogul Stil de stil și începeți să creați! Deplasând tot felul de motoare, incluzând sau dezactivând diferite casete de selectare, atingeți rezultatul care vă convine. Pentru mine aici am aranjat următoarele rezultate:

Dar asta nu e tot! Putem scrie un cuvânt pe buton, și, de asemenea, face voluminoase! Și, în final, vom tăia spațiul inutil Crop (Image), se optimizează pentru Web cu setările pentru GIF.







Spre deosebire de modelul în ultima lecție, în cazul în care culorile sunt solide, acolo - imagine diferită. De aceea, am ales difuzarea, bine și alte setări sunt selectate vizual. Ce este mai mult ca ea. Singurul lucru pe care vreau să văd, te văd, am ales mat (halo) alb? Acest lucru, în scopul de a obține în jurul valorii de imagine pentru a fi halo văzut, pentru că va fi pe pagina cu un fundal alb. Dar, în cazul în care fundalul din jur este, de exemplu, un roșu, eu făcând clic pe caseta de lângă mată (Halo), selectați din paleta propusă de culoare roșie.

Asta e tot. Deci, iată butonul meu iubit:


Iată un buton

Dar asta nu e tot! Putem face ca atunci când treceți cu mouse-ul peste un buton, acesta își schimbă culoarea, iar acest lucru nu este greu de făcut! Utilizarea imaginii | Ajustări Hue / Saturație (Imagine | Opțiuni | Color / Saturație), putem cu ușurință-a de culoare menit buton și salvați-l sub un alt nume.

Dacă trebuie să schimbăm cursorul când treceți peste buton și când faceți clic pe pagina www.dikarka.ru, atunci vom face acest lucru. Lăsați primul buton pe care îl sunăm: but01.gif. dar schimbat - but02.gif. apoi, pentru a descrie acțiunile butonului, trebuie doar să introduceți următorul cod:

>

Adevărul sălbatic

Dacă ați făcut totul corect, când apăsați butonul, culoarea se modifică!

Dacă doriți să prisobachit câteva butoane, ceea ce va conduce la alte secțiuni, codul părăsi la fel, schimbarea numai valoarea următoarea pereche de pe PM1 pe butoanele PM2. următorul cuplu la pm3 și așa mai departe. Înlocuindu-și numele cu butoanele. asta e tot. Cred că a fost o lecție minunată pentru tine. Și în continuare vom face animație. Și cred că vă voi multumi mai mult!







Articole similare

Trimiteți-le prietenilor: