Ohjelma aktiivisten sadanpääpainikkeiden luomiseen. DeKnop-painikeeditorin asentaminen. Gradientin täyttöpainike

Hyvin usein verkkosivustoa luotaessa on tarpeen luoda painikkeita yhdelle tai toiselle elementille. Kaikki eivät kuitenkaan osaa tai halua luoda näitä painikkeita käyttämällä Photoshop ohjelmat. Täällä erikoistuneet asiantuntijat tulevat apuun. grafiikkaohjelmat, suunniteltu painikkeiden luomiseen Tässä artikkelissa tarkastellaan useita suosituimpia ja tehokkaita ohjelmia luodaksesi painikkeita.

#1. Kristalli painike.

Tällä ohjelmalla voit luoda 2D-, 3D-, kiiltäviä, metallisia ja peiliefektipainikkeita muutamassa minuutissa. Ohjelmassa on paljon valmiita malleja, joihin voit tehdä muutoksia ohjelman työkaluilla. Työkalujen avulla voit muuttaa tekstiä, värejä, valaistusta, muotoa ja käyttää painikkeisiin erilaisia pintakuvioita.

Voit tallentaa valmiin painikkeen GIF-, PNG-, JPG-, BMP-muodoissa sekä läpinäkyvänä GIF-muoto ja PNG. Vaikka sisään ilmainen versio-ohjelmassa, tallennusvaihtoehto ei ole käytettävissä, voit ottaa kuvakaappauksen valmiista painikkeesta ohjelmaikkunassa ja leikata se sitten Photoshopilla ja määrittää tarvittavan koon. Tämän ohjelman tärkein etu on, että jopa ilmaisessa versiossa on suuri määrä valmiita malleja. Ja muokkaustyökaluja on riittävästi ainutlaatuisen painikkeen luomiseen.

#2. Agama verkkopainikkeet

Tämä ohjelma painikkeiden luomiseen voit luoda painikkeita lasi-, muovi-, metalli-, 2D- ja 3D-tehosteilla. Ohjelma sisältää yli 700 painikemallia. Totta, useimmat niistä eivät ole saatavilla ilmaisessa versiossa. Ohjelman työkalujen avulla voit muuttaa painikkeen kokoa ja väriä, muokata tekstin kokoa ja väriä. Lisäksi on mahdollista luoda painike, joka muuttaa ulkoasuaan, kun viet osoitinta. Molemmat painikkeet ovat muokattavissa.

From lisätoimintoja On huomioitava, että painiketta muokattaessa on mahdollista asettaa linkki tälle painikkeelle, ja myös se, että painiketta tallennettaessa esim. graafinen tiedosto, itse painikkeella, GIF-, PNG-, JPEG- tai BMP-muodossa, on myös mahdollista luoda HTML-sivu, johon tämä painike lisätään. Tällä tavalla, jos olet luonut painikkeen, joka muuttuu osoitinta liikuttaessa, voit esikatsella sen toimintaa. Ja avattuaan Tämä tiedosto avulla HTML-editori, voit kopioida koodin, jolla se on lisätty ja toimii. Tästä voi olla hyötyä niille, jotka eivät ymmärrä HTML:ää ja CSS:ää. Ohjelman avulla voit luoda sekä staattisia että animoituja painikkeita.

Tässä on joitain tässä ohjelmassa käytettävissä olevia painikemalleja.

#3. Ilmaiset verkkopainikkeet

Tässä ohjelmassa on vähemmän muokkaustyökaluja ja valmiita painikemalleja kuin kahdessa yllä mainitussa, mutta se ansaitsee myös huomion. Tämän ohjelman työkalujen avulla voit muuttaa painikkeiden tarran tekstiä, asettaa linkin painikkeelle sekä luoda vaaka- ja pystysuuntaiset valikot painikkeista. Painikkeen kokoa ja väriä ei voi muuttaa. Kaikki tällä ohjelmalla luodut painikkeet ovat aktiivisia ja muuttavat ulkoasua, kun viet osoitinta. Painikkeen tallentaminen on mahdollista vain PNG-muodossa ja se luo HTML-sivu, jonka avaamalla voit tarkistaa painikkeiden toiminnan. Tältä samalta sivulta saat koodin painikkeiden lisäämiseksi sivustosi verkkosivuille.

Tässä on joitain painikemalleja tästä ohjelmasta.

Ohjelman nimi on DeKnop. Graafisen ohjelman DeKnop avulla voit luoda painikkeita sivustovalikkoon.

Ajoittain jokaisen verkkovastaavan on luotava painikkeita verkkosivuston valikkoa varten. Jokainen meistä ratkaisee tämän ongelman eri tavalla. Kaikki riippuu omasta kokemuksestasi.

Voit löytää ja ladata sopivan painikkeen Internetistä ja muokata sitä myöhemmin itsellesi missä tahansa grafiikkaohjelmassa.

Jos hallitset sujuvasti grafiikkaohjelmia, voit piirtää painikkeen grafiikkaeditorissa.

Valikkopainikkeiden luomiseen ja muokkaamiseen on monia eri monimutkaisia ohjelmia. Jos hallitset jonkin näistä ohjelmista, sinulla on aina käsillä ohjelmistotyökalu, jonka avulla olet valmis luomaan valikkopainikkeita sivustollesi milloin tahansa.

Ilmainen ohjelma erittäin korkealaatuisten graafisten painikkeiden luomiseen, jonka haluan esitellä sinulle, on nimeltään DeKnop.

DeKnop, täysin ilmainen, voit tehdä alla, artikkelin lopussa.

Asennuksen jälkeen DeKnop-ohjelma vie 1,21 Mt levytila kiintolevylläsi. Ohjelman käyttöliittymä on englanninkielinen. Mutta löysin tiedoston, jolla ohjelman voi helposti venäläistää. Puhun ohjelman venäläistämisestä hieman alempana.

Ohjelman käynnistämisen jälkeen Mitat-välilehti avautuu.

Voit aloittaa valikkopainikkeen luomisen heti käyttämällä seuraavia painikevaihtoehtoja:

painike - leveys - korkeus

reuna - leveys

viiste - leveys

reunuksen väri

Näitä tiloja käyttämällä voit valita ulkomuoto valikkopainikkeita sivustosi suunnittelun mukaisesti.

Mitat-välilehden asetuksilla voit säätää painikkeen leveyttä ja korkeutta, reunuksen leveyttä ja kulmaa sekä painikkeen viistokulmaa.

Seuraavaksi valitset DeKnop-ohjelman Värit-valikosta valikkopainikkeen värin. Lisäksi kohta Gradienttitäyttö(gradientti) - kaikenlaisia värigradientit ja graafiset taustalisäkkeet painikkeellesi.

DeKnopilla on paljon mahdollisuuksia, ja ohjelmanhallinta on intuitiivista. Ja jos ajattelet, että kaikki tekemäsi muutokset tapahtuvat silmiesi edessä, reaaliajassa, ohjelman kanssa työskentely tulee mielenkiintoiseksi ja muistuttaa eräänlaista graafista peliä.

Seuraavaksi sinun tarvitsee vain kirjoittaa painikkeen teksti "Teksti"-tilassa ja sijainti (teksti ja sijainti) ja valita tekstin sijainti painikkeessa. Tämän jälkeen valitset tekstin kirjasimen ja tyylin tilassa - Fontti ja tyyli.

Näin voit luoda valikkopainikkeen, jonka ilme sopii nirsoimmalle suunnittelijalle! Samalla muistutan, että DeKnop-ohjelma on täysin ilmainen!

Venäläistääksesi DeKnop-ohjelman, kopioi russian.ini-tiedosto C:\Program Files\DeKnop\languages-kansioon ja valitse sitten DeKnop-ohjelmassa Kieli-valikosta "Russian".

Ja muokataksesi sivustosi graafisia valikkopainikkeita ilmaiseksi, voit täällä:

DeKnop-ohjelman kehittäjän verkkosivusto: http://deknop.sjfrancke.nl/

Ohjelma painikkeiden luomiseen Button_Shop

Ohjelma painikkeiden luomiseen, joita voidaan käyttää erilaisissa Web-sovellukset. Button Shopin käyttäminen ei vaadi erityistä HTML- ja javascript-tietoa. Paketti sisältää yli 200 valmista mallipohjaa ja tekstuuria, joiden avulla voit säveltää nopeasti ja helposti tarvittavat painikkeet. Button Shop luo automaattisesti koodin, joka on valmis käytettäväksi projekteissa. Tukee graafisia muotoja BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON, painikkeiden yksittäisten osien värin mukauttaminen, läpinäkyvyys ja muut tehosteet Button Shop -ohjelman avulla voit luoda uskomattoman värikkäitä, animoituja ja ikimuistoiset painikkeet muutamassa minuutissa Vista- ja WinXP-, Mac- ja Aqua-tyylilläsi. Tämä voimakas työkalu sisältää kaiken mitä tarvitset parantaaksesi kotisivu. Valitse yli 200 ammattimaisesti suunnitellusta painikemallista, muokkaa ja mukauta niitä tarpeidesi mukaan, lisää pintakuvioita ja tehosteita, kuten hehkua, ääriviivaa, aaltoilua, läpinäkyvyyttä, gradienttiväri, kirjasintyyli, varjo ja paljon muuta. Voit tallentaa painikkeesi BMP-, GIF-, JPEG-, PNG-, TIFF-, EXIF-, WMF-, EMF-, ICON- ja animoidut gifit Ja TIFF-tiedostoja. Lisäksi Button Shop voi luoda DHTML-koodin, jota tarvitaan klikattavien, interaktiivisten painikkeiden luomiseen. Tärkeimmät ominaisuudet: - Luo ainutlaatuinen ja tyylikkäät napit kuvista - Luo sekä suorakaiteen muotoisia että pyöristettyjä painikkeita verkkosivustolle - Luo painikkeita sisään Windows-tyyli XP ja Vista - Muuta painikkeen kunkin osan väriä - Aseta tehosteiden läpinäkyvyystaso - Aseta painikkeen pituus ja korkeus pikseleinä - Aseta tekstin, kuvakkeiden, varjojen jne. sijainti - Määritä liukuvärin tyyppi täyttöjä - Käytä yli 200 mukana tulevaa kuviota ja pintakuviota - Useita uskomattomia tehosteita painikkeille - DHTML-koodin luominen interaktiivisille painikkeille - Useita tukia graafisia formaatteja- BMP, GIF, JPEG, PNG, TIFF, EXIF, WMF, EMF, ICON - Lisää kuvakkeita ja kuvia painikkeisiin.

LADATA

Ilmaiset painikkeet--toinen ohjelma.

Oletko kehittäjä, joka etsii laadukasta online-painikesuunnittelupalvelua? Jos kyllä, minulla on sinulle jotain loistava valikoima. Alla on luettelo 10 parhaasta verkkoresurssista painikkeiden rakentamiseen. Painikkeet edustavat tärkeitä elementtejä verkkosivustojemme käyttöliittymä, ja näiden palveluiden avulla voit suunnitella upeita painikkeita.

Lue jokaisesta niistä ja testaa ne huolellisesti. Löydä ne, jotka voivat helpottaa työtäsi.

Painikkeiden valmistaja- ihana ilmainen palvelu luoda CSS-koodeja painikkeillesi. Napin eri osat voidaan maalata eri väreillä. Värivalitsimien yläpuolella olevien liukusäätimien avulla voit muuttaa painikkeen kokoa ja muotoa seuraamalla muutoksia vasemmalla olevassa ikkunassa. Saat koodin napsauttamalla itse painiketta.

Da Button Factory tarjoaa sinulle hienot työkalut rakentaa painikkeita. Voit vaihdella painikkeen kokoa, värejä ja fonttityyppiä, varjostaa sitä ja valita myös lopullisen muodon (PNG / JPEG / GIF / ICO). Kun työskentelet, painiketta päivitetään jatkuvasti tekemiesi muutosten mukaisesti. Kun sen rakentaminen on valmis, voit ladata sen napsauttamalla sitä.

03. Napittimen- resurssia ei ole enää olemassa

Toinen loistava verkkopalvelu painikkeiden rakentamiseen, Napitin, tarjoaa sinulle lähes kaikki mahdollisuudet ratkaista tämä ongelma. Voit aloittaa valitsemalla tietyn painikkeen suunnittelutyylin oikeasta paneelista. Ja sitten voit tehdä siihen muutoksia; mukaan lukien värin ja fontin tyylin/koon muuttaminen. Voit ladata painikkeita GIF-tiedostoina.

Siisti RGB on upea verkkosivusto web-sivun eri elementtien suunnitteluun. Täällä voit luoda logoja, bannereita, paneeleja ja tietysti painikkeita. Painikkeiden rakennekäyttöliittymä on mukautettavissa monilla vaihtoehdoilla - fonttien ja värien valinnasta läpinäkyvyystason ja lineaaristen kulmien asettamiseen.

Palvelu Painikegeneraattorina voit suunnitella painikkeita muokattaessa välilehtikäyttöliittymässä. Muokkausvaihtoehtoja on monia, mikä riittää painikkeiden rakentamiseen. Valmis kuva ladattu PNG-tiedostona.

07. HTML- ja CSS-pyöristetyn kulman painikegeneraattori - ei ole enään olemassa

Sivusto on tarkoitettu kehittäjille, jotka etsivät erittäin yksinkertaista, mutta kaksinkertaisesti hyödyllistä online-painikerakennuspalvelua. HTML- ja CSS-pyöristetyn kulman painikegeneraattori Sen avulla voit paitsi suunnitella painikkeita, myös vaihdella niiden värejä, ja tarjoaa myös ZIP-arkiston, jossa on painikkeen PNG-kuvatiedosto, HTML- ja CSS-koodit.

08. Syötekuvake- ei ole enään olemassa

Jos etsit palvelua yksinkertaisen verkkokanavakuvakkeen rakentamiseen, niin Syötteen kuvake - Paras päätös. Sinun tarvitsee vain kirjoittaa verkkosivustosi URL-osoite ja valita sitten yksi kolmesta tarjotusta HTML-koodivaihtoehdosta. Kolme koodausvaihtoehtoa tarjoavat saman kuvakkeen muodon, mutta eri kokoisia.

U tästä palvelusta Adam Kalseyn painikerakennuksella on hyvin yksinkertainen käyttöliittymä. Voit jakaa kuvakkeen viivalla ja asettaa tämän reunuksen ja painikkeen reunan välisen aikavälin pikseleinä.

10. Button Maker- Ei ole enään olemassa

Palvelu on hyvin samanlainen kuin Edam Kelseyn resurssi, mutta sen tärkeä ero on, että voit valita jakoviivan sijainnin - "vasen", "keski" tai "oikea". Voit myös valita yhden kahdesta ehdotetusta painikkeen kokovaihtoehdosta.

Hyvin usein verkkosivustoa luotaessa on tarpeen luoda painikkeita yhdelle tai toiselle elementille.

Kaikki eivät kuitenkaan osaa tai halua luoda näitä painikkeita Photoshopilla.

Tässä apuun erikoistuneet grafiikkaohjelmat, jotka on suunniteltu painikkeiden luomiseen. Löydät oppitunteja painikkeiden luomisesta Photoshopissa osiosta. Tässä artikkelissa tarkastellaan kolmea suosituinta ja tehokkainta ohjelmaa painikkeiden luomiseen.

#1. Kristalli painike.

Voit tallentaa valmiin painikkeen GIF-, PNG-, JPG-, BMP-muodoissa sekä läpinäkyvä muoto GIF ja PNG. Vaikka ohjelman ilmaisessa versiossa ei ole tallennusvaihtoehtoa, voit ottaa kuvakaappauksen valmiista painikkeesta ohjelmaikkunassa ja leikata se sitten Photoshopin avulla haluttuun kokoon. Tämän ohjelman tärkein etu on, että jopa ilmaisessa versiossa on valtava määrä valmiita malleja. Ja muokkaustyökaluja on riittävästi ainutlaatuisen painikkeen luomiseen.

Tässä on joitain painikemalleja tästä ohjelmasta.

#2. Agama verkkopainikkeet

Tämän painikkeenvalmistusohjelmiston avulla voit luoda painikkeita lasi-, muovi-, metalli-, 2D- ja 3D-efekteillä. Ohjelma sisältää yli 700 painikemallia. Totta, useimmat niistä eivät ole saatavilla ilmaisessa versiossa. Ohjelman työkalujen avulla voit muuttaa painikkeen kokoa ja väriä, muokata tekstin kokoa ja väriä. Lisäksi on mahdollista luoda painike, joka muuttaa ulkoasuaan, kun viet osoitinta. Molemmat painikkeet ovat muokattavissa.

Lisätoimintojen joukossa on syytä korostaa, että painiketta muokattaessa on mahdollista asettaa linkki tälle painikkeelle ja myös se, että tallennettaessa painiketta, grafiikkatiedoston lisäksi itse painikkeella, GIF-, PNG-muodossa , JPEG- tai BMP-muodossa, on myös mahdollista luoda HTML-sivu, johon tämä painike on lisätty.

Tällä tavalla, jos olet luonut painikkeen, joka muuttuu osoitinta liikuttaessa, voit esikatsella sen toimintaa. Ja avaa tämä tiedosto milloin HTML-apu editorissa, voit kopioida koodin, jolla se on lisätty ja toimii. Tästä voi olla hyötyä niille, jotka eivät ymmärrä HTML:ää ja CSS:ää. Ohjelman avulla voit luoda sekä staattisia että animoituja painikkeita.

Tässä on joitain tässä ohjelmassa käytettävissä olevia painikemalleja.

#3. Ilmaiset verkkopainikkeet

Tässä ohjelmassa on vähemmän muokkaustyökaluja ja valmiita painikemalleja kuin kahdessa yllä mainitussa, mutta se ansaitsee myös huomion. Tämän ohjelman työkalujen avulla voit muuttaa painikkeiden tarran tekstiä, asettaa linkin painikkeelle ja luoda myös vaaka- ja . Painikkeen kokoa ja väriä ei voi muuttaa. Kaikki tällä ohjelmalla luodut painikkeet ovat aktiivisia ja muuttavat ulkoasua, kun viet osoitinta. Painikkeen tallentaminen on mahdollista vain PNG-muodossa ja tämä luo HTML-sivun, jonka avaamalla voit tarkistaa painikkeiden toiminnan. Tältä samalta sivulta saat koodin painikkeiden lisäämiseksi sivustosi verkkosivuille.

3

4

Trellian Button Factory

Trellian Button Factory v 3.00 (2003). Käyttöliittymä ja ohje - englanniksi. Kieli. Paino 3,2 MB. Ilmainen ohjelma.
Ohjelman tarkoituksena on luoda painikkeita, navigointipalkkeja ja logoja. bannerit, linkkikartat, html-sivut.

Online-painikegeneraattori

Online-painikegeneraattori - ilmainen online-ohjelma, käytetään painikkeiden luomiseen. Muokattava: painikkeen tyyppi (suorakulmainen, pyöristetyillä kulmilla), painikkeiden koot, syötä oma tekstisi (valitse fontti, sen koko, väri, varjon väri jne.), voit lisätä tekstiin kuvakkeen, muokata reunuksia, väriä ja painikkeen varjon sijainti jne. .
Painike voidaan luoda Rollover-tehosteella - kolmeen tilaan (Normaali - normaali kunto, Hover - kun siirrät kohdistinta, Painetaan - napsautuksen jälkeen). Saatavilla esikatselu luotu painike.
Ohjelman sivu

3D-painikkeiden visuaalinen editori

3D Buttons Visual Editor v 5.0 (2000 - 2009). Käyttöliittymä ja apu englanniksi. Kieli. Paino 8,1 MB.
Ohjelman tarkoitus on luoda painikkeita.
Kun luot painikkeita, voit käyttää suurta joukkoa ohjelman mukana tulevia malleja. Voit luoda oman mallikokoelmasi (käyttäen Tallenna mallina -ominaisuutta). Luomallasi painikkeella on monia asetuksia.

CSS-Tricks on ilmainen online-painikevalmistaja (vain CSS). Muokattava: painikkeen koko, painikkeen muoto (suorakulmainen, pyöristetyillä kulmilla), väri (mukaan lukien liukuväri), reunuksen väri, tekstin väri ja paljon muuta. Mahdollisuus luoda painikkeita Rollover-tehosteella.
Ohjelman sivu

CSS-painikegeneraattori

CSS Button Generator on ilmainen online-painikegeneraattori (vain CSS).
Painikkeen teksti, fontti (tyyppi, väri, fonttikoko), tekstin kohdistus painikkeessa, kulman säde, taustaväri (kääntötehoste -alku- ja loppuväri) ja paljon muuta määritetään.
Ohjelman sivu

Toimintopainikegeneraattori

Action Button Generator on ilmainen online-painikevalmistaja. Painikkeen väri määritetään, tekstiä syötetään, fonttityyppi, sen koko ja väri määritetään, painikkeen reunat (kehykset) määritetään ja paljon muuta.
Tallennus CSS- ja PNG-muodoissa.
Ohjelman sivu

Webestools

Webestools on ilmainen online-palvelu, jonka avulla voit luoda suuren määrän erilaisia elementtejä lisättäväksi verkkosivuille.

Button Maker -työkalun avulla voit luoda HTML-painikkeita (X). Painikkeet luodaan Rollover-tehosteella. Valitse painikkeen tyyli, kirjoita otsikko ja URL-osoite. Napsauta sen jälkeen "Luo" -painiketta. Esikatselu saatavilla. Saat HTML-koodin (X), joka sinun on kopioitava ja liitettävä verkkosivustollesi painikkeen sijoittamiseksi.

CSS3 Button Generator - voit luoda CSS3-painikkeita, joita voit muokata helposti. Voit muuttaa painikkeiden värejä, tekstin kirjasinkokoa, täyttöä, reunuksia, varjoja ja paljon muuta.
Tämä luo CSS3-koodin, jota voit käyttää verkkolomakepainikkeihisi ( lähetä) ja mihin tahansa elementtiin, jolla on "button"-luokka. Tuotettu koodi on yhteensopiva kaikkien yleisimpien selainten kanssa: IE10+, Firefox, Google Chrome, Safari ja Opera.

Flash Button Maker
Flash Button Maker - mahdollistaa Flash (SWF) -painikkeiden luomisen verkkosivuille sijoittamista varten. Anna painikkeen teksti, URL-osoite ja painikkeen tyyli. Napsauta sitten "Luo" -painiketta. Liitä tuloksena oleva koodi verkkosivullesi.

Button Maker on ilmainen online-painikevalmistaja. Värien, tekstin jne. mukauttaminen. Ohjelman haittana on venäläisen tekstin virheellinen näyttö.
Ohjelman sivu

Painikkeiden valmistaja

Button Maker on ilmainen online-ohjelma painikkeiden ja kuvakkeiden luomiseen. Kokoja, värejä, tekstiä voidaan mukauttaa. Ohjelma on helppokäyttöinen. Luotu painike tallennetaan kuvana.
Ohjelman sivu

Painikegeneraattori

Button Generator on ilmainen online-painikevalmistaja. Painiketta luotaessa käytetään malleja. Painikkeen ja tekstin koot ja värit määritetään, painikkeen ja tekstin varjo, reunusten väri ja paksuus jne. konfiguroidaan. Tämän tuloksena tulostetaan CSS- ja HTML-koodi.
Ohjelman sivu

Android Button Maker

Android Button Maker on online-työkalu painikekoodin luomiseen Android-sovelluksille. XML-tiedosto määrittää geometrisen muodon, mukaan lukien värit, reunat ja liukuvärit. Voit mukauttaa painikkeen ominaisuuksia ja saada lähde.
Ohjelman sivu

Flash-painikkeet

FlashVortex-verkkopalvelun avulla voit luoda painikkeita, valikoita (navigointipalkkeja), animoitua tekstiä jne. Flash-muodossa ilmaiseksi.

Vasemmalla on Flash-painike (siirrä osoitin painikkeen päälle).

Ohjelma, jonka avulla voit luoda kauniita suorakaiteen muotoisia painikkeita verkkosivustoille ja ohjelmille.

Periaatteessa voit piirtää painikkeita missä tahansa grafiikkaeditorissa. Mutta edellyttäen, että osaat sen jo sujuvasti. Muussa tapauksessa on parempi aloittaa yksinkertaisemmalla ohjelmalla, joka on räätälöity tähän vaikeaan tehtävään.

Esimerkiksi DeKnop voi luoda suorakaiteen muotoisen painikkeen muutamalla napsautuksella käyttämällä siihen erilaisia tehosteita. Tutustutaanpa häneen paremmin.

Toiminnallisesti DeKnop on hyvin samanlainen kuin sen maksullinen vastine - GifArt's Button Maker:

DeKnop-ohjelman vertailu maksulliseen analogiseen GifArt's Button Makeriin

Kuten jo mainittiin, DeKnopin haittana on, että et voi hallita painikkeen muotoa. Kaikesta tästä huolimatta käytännössä ei mikään maksullisia ohjelmia ei tarjoa mahdollisuutta mukauttaa mitään luodun painikkeen elementtejä.

Rakenne- tasolle tai 3D-hahmolle asetettu kuva.

Yleensä tarjotaan analogeja valmiita malleja sivuston painikkeita, joiden päälle voit peittää minkä tahansa tekstin. DeKnop lähestyy ongelmaa eri tavalla: täällä voit määrittää itsenäisesti kaikki luotujen painikkeiden värit ja tekstuurit.

DeKnop-painikeeditorin asentaminen

DeKnop-asennus koostuu kahdesta osasta. Ensimmäinen on itse asennus: meidän on vain suoritettava exe-tiedosto, jonka löydät ladatusta arkistosta, ja noudatettava kaikkia ohjatun asennustoiminnon ohjeita.

Huomaa, että kielenvalintaikkunassa ei ole venäjää, joten aloitetaan englannista.

Toinen vaihe on venäläistäminen. Asennusohjelman arkistosta löydät tiedoston venäjä.ini, joka tulee sijoittaa samaan kansioon, johon olet aiemmin asentanut DeKnopin.

Nyt käynnistämme ohjelman ja "Kieli"-valikosta löydämme "venäläisen" -kohdan, jonka valitsemme viimeistelemään venäläistämisen.

DeKnop-käyttöliittymä

Edessämme tulee DeKnop-ikkuna venäläisellä käyttöliittymällä. Suosittelen katsomaan "taistelukenttää" :).

Valikkopalkki sijaitsee perinteisesti yläosassa. Emme käytännössä käytä sitä, joten mielestäni ei ole mitään järkeä jäädä kuvaukseen. Alla on pieni työkalurivi painikkeilla projektien tallentamista ja esikatselua varten.

Huomio nyt! Työkalupalkin alla on kokonainen välilehtien arsenaali, jonka ansiosta voimme luoda painikkeita sivustoille.

Näitä välilehtiä on vain seitsemän ja ne on jaettu osiin, vaikkakin joskus sisään eri osiot Samat vaihtoehdot ovat kerta toisensa jälkeen, mikä voi joskus olla hieman hämmentävää. Lisäksi välilehtien alla on toinen työkalurivi, joka sisältää useita painikkeita nopea editointi projektin ulkonäkö.

Ja lopuksi aivan alareunassa on esikatseluikkuna, joka näyttää painikkeen ulkonäön reaaliajassa, jonka avulla voit kokeilla sen eri parametreja ja tarkkailla muutoksia välittömästi.

Verkkosivuston tulevaisuuden painikkeen koon asettaminen

Aloitetaan ohjelman hallitseminen ensimmäisestä välilehdestä - "Mitat".

Tällä välilehdellä voimme asettaa painikkeiden mitat, reunuksen leveyden ja viisteen sekä valita painikkeen tyypin ja värin voimakkuuden. Lisäksi täällä voit valita reunusten ja viisteiden värit.

Siihen kannattaa kiinnittää erityistä huomiota alapaneeli työkaluja. Oikealla puolella on vaihtoehtoja tekstin varjojen ja fontin tasoitusikkunan kytkemiseksi päälle. Tässä ikkunassa voit syöttää arvoja, jotka vastaavat haluttua merkinnän laatua.

Painikkeen värin asettaminen

Seuraava välilehti on "Väri".

Täällä voit määrittää luodun painikkeen kaikkien elementtien värit. On totta, että käännöksen epätarkkuuden vuoksi joskus on vaikea ymmärtää, mihin elementtiin tietty väri kuuluu. Katsotaan järjestyksessä:

1. "Värit"-ryhmä vastaa yleisestä fontin väristä ("tasainen" tyyli), taustaväri painikkeet sekä taustaväri, jolla luotu painike sijaitsee.

2. ”Skos” on meille jo tuttu, mutta ”Väri”-ryhmä hämmentää meitä. Jos käännös olisi tarkempi, nimi kuulostaisi tältä "Tekstityyli", joka on paljon lähempänä totuutta. Tämän ominaisuuden avulla voit luoda tekstistä kauniin ääriviivan sen äänenvoimakkuuden simuloimiseksi.

Vastaavasti täällä voit valita ala- ja yläviivojen värit.

Kaltevuus- yhden värin tasainen virtaus toiseen.

3. "Button"-ryhmä olisi hyvästä syystä pitänyt kääntää "gradientiksi". klo aktivoitu vaihtoehto Liukuvärin täyttöpainikkeen taustalla tässä voit asettaa haluamasi värit.

4. "Kirjaus"-ryhmä edellyttää tekstin liukuväritäytöntä (jos vastaava vaihtoehto on käytössä).

Tällä välilehdellä voimme aktivoida koko painikkeen läpinäkyvyyden (Transparency scale) tai määrittää käytön läpinäkyviä värejä yhdelle painikeelementistä (ryhmä " Läpinäkyvä väri"). Mene eteenpäin…

Teksti ja sen sijainti

Ja seuraava välilehti on "Teksti ja asettelu".

Täällä kaikki on mielestäni selvää. Kirjoitamme vasemmalla olevaan ikkunaan painikkeessa näkyvän tekstin ja asetamme sitten tekstin tasauksen. Kiinnitä huomiota "Word Wrap" -kohtaan. Jos tämä on käytössä, tekstin tasausominaisuudet eivät ole käytettävissä.

Fontti ja tyyli

"Fontti ja tyyli" -välilehti on tarkoitettu painikkeen tarran ulkoasun mukauttamiseen.

Kuulokkeet- kirjasinperheen yleinen tyyli.

"Fontti"-ryhmässä voimme valita fontin tyypin ja kirjasintyypin. Tässä tapauksessa tyyppi voidaan valita kahdella tavalla: pika (pudotusvalikko) ja edistynyt ("Fontti"-painike).

Muuten, setti kauniita fontteja voidaan ladata.

Jälkimmäisessä tapauksessa se avautuu järjestelmäikkuna"Fontti", jossa tyypin lisäksi voit muokata fontin kokoa, väriä ja muotoilua.

"Tekstityyli" -ryhmä vastaa kirjoituksen ulkonäöstä: tasainen (litteä), kupera tai painautunut.

Kun valitset kaksi uusimmat vaihtoehdot tulee käytettävissä oleva mahdollisuus tekstin ääriviivavärien asetukset. "3D Style" ja "Shadow" ovat kaksi samanlaista vaihtoehtoa tekstin koristeluun, joten kun valitset yhden niistä, toinen ei ole käytettävissä. Molemmat kopioivat kirjoituksen ja muodostavat valitun värin taustan.

Tässä tapauksessa varjo luo sumean hämärtynyt tausta, kun taas 3D-efektillä on selkeät ääriviivat.

Gradientin täyttöpainike

Tavallisen näppäintäytön lisäksi voimme käyttää gradienttipainikkeita. Voit tehdä tämän siirtymällä "Gradient Fill" -välilehteen.

Täyte on saatavilla sekä painikkeen pääalueelle että kirjoituksen tekstille. Aktivoi gradientti valitsemalla Käytä täyttöä -valintaruutu. Nyt on jäljellä vain liukuvärien ja täyttötavan määrittäminen.

Täyte tekstuurilla

Lisäksi voit käyttää täyttämiseen paitsi värejä ja gradientteja, myös tekstuureja. Voit tehdä tämän siirtymällä seuraavaan samannimiseen välilehteen.

Käytä pintakuviota aktivoimalla "Käytä" -valintaruutu, napsauttamalla sitten "Lataa" -painiketta ja valitsemalla haluttu kuva tietokoneella. Tässä tapauksessa painikkeelle on käytettävissä useita täyttövaihtoehtoja:

Sijainti - lisää valitun kuvion kerran vasempaan yläkulmaan.
Stretch - täyttää painikkeen koko tason valitulla kuviolla. Tässä tapauksessa sen koko säädetään painikkeen koon mukaan.
Mosaiikki - myös täyttää painikkeen valitulla kuvalla, mutta ei muuta sen kokoa, vaan kopioi sen tarvittavan määrän kertoja.

Tulosten tallentaminen

Ja nyt on totuuden hetki koittanut :). Tarkoitan, että olemme vihdoin luoneet sivuston painikkeen ja voimme säästää työmme tulokset. Jatketaan viimeinen välilehti— "Tallenna ja lataa."

"Painiketiedoston nimi" -ryhmässä voit määrittää painikkeiden nimet maskin avulla käyttämällä määritetyn nimen etu- ja/tai jälkiliitteitä.

Olemme siis luoneet painikkeen tyhjästä DeKnop-ohjelmassa.

Ainoa asia, johon voit vielä kiinnittää huomiota, on esikatselupainike yläpaneeli työkaluja. Se näyttää näytöllä vaaka- ja pystysuorat rivit luotuja painikkeita, jotta voit arvioida, miltä ne näyttävät sivuston sivulla (muistatko, että voit vaihtaa taustaa?).

Mitä muuta on hyödyllistä tämä toiminto, tämä johtuu siitä, että painikkeiden alla on taulukko, joka näyttää kaikkien painikkeiden koot.

johtopäätöksiä

Siinä se, hyvät herrat :). Toivon, että DeKnop on hyödyllinen sinulle, jos haluat luoda oman verkkosivustosi. Tämän ohjelman avulla voit luoda melko kauniita ja alkuperäisiä painikkeita verkkosivustoille, vaikka sinulla ei olisi riittäviä taitoja työskennellä graafiset editorit tai haluat säästää aikaasi ;).

P.S. Lupa vapaasti kopioida ja lainata tätä artikkelia edellyttäen, että avoin aktiivinen linkki lähteeseen ilmoitetaan ja Ruslan Tertyshnyn kirjoittaja säilyy.