Sisällysluettelo:
- Vaihe 1: Määritä asiakirja
- Vaihe 2: Suorakulmio -työkalu
- Vaihe 3: Kuvion kloonaus
- Vaihe 4: Lisää kloonausta
- Vaihe 5: Asiantuntijamuuttajat
- Vaihe 6: Tietoja kloonattujen kuvien käytöstä
- Vaihe 7: Viimeistely
- Vaihe 8: Lopputuote
Video: Luo vaihdettavia kuvioita verkkosivuston taustakuvalle: 8 vaihetta
2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:04
Tässä on suoraviivainen ja yksinkertainen (mielestäni) tapa luoda kuvia, jotka voidaan laatoittaa ilman, että ne näyttävät liian "ruudullisilta". Tässä opetusohjelmassa käytetään Inkscapea (www.inkscape.org), avoimen lähdekoodin vektorigrafiikkaeditoria. Luulen, että tätä menetelmää voidaan soveltaa myös kalliisiin vektorigrafiikkaohjelmiin, kuten Adobe Illustrator. Hei, se on sinun rahojasi.
Vaihe 1: Määritä asiakirja
Inkscapen avaamisen jälkeen haluat määrittää asiakirjan ominaisuudet. ([Tiedosto -> Asiakirjan ominaisuudet]) Muuta ensin asiakirjan leveys ja korkeus numeroksi, jonka kanssa on helpompi työskennellä. Tässä opetusohjelmassa olen luonut neliön muotoisen kuvan, mutta mikä tahansa osa tekee sen. Seuraavaksi haluat määrittää ruudukon. Inkscapen vanhemmissa versioissa oli vain yksi ruudukko. Uudemmissa versioissa sinun on luotava uusi ruudukko. Muuta ruudukon väliä siten, että nämä arvot jakautuvat tasaisesti asiakirjan leveyden ja korkeuden arvoihin. Koska tämä on vektoritaidetta, koolla ei käytännössä ole väliä, mutta käytännössä se on helpompi käsitteellisesti suuremmilla numeroilla. Tässä opetusohjelmassa käytin 500 x 500 kuvapisteen kuvaa ja ruudukkoni on 10 pikselin välein. Varmista lopuksi, että Ota napsautus käyttöön -vaihtoehto on valittu.
Vaihe 2: Suorakulmio -työkalu
Piirrä suorakulmio -työkalulla neliö/suorakulmio, joka vie koko asiakirjan koon. Suuri ruudukon väliarvo (katso edellinen vaihe) saa suorakulmion työkalun napsautumaan helposti asiakirjan reunoihin.
Vaihe 3: Kuvion kloonaus
Ryhmä]) "," ylhäältä ": 0,38721804511278196," vasen ": 0,354," korkeus ": 0,35902255639097747," leveys ": 0,372}]">
Lisää kuva, jonka haluat kuvioon. Jos kuvasi on SVG -tiedosto, voit yleensä vetää ja pudottaa sen avoimeen asiakirjaan. ([Muokkaa -> Kloonaa -> Luo klooni] tai voit painaa Alt+D) Siirrä alkuperäinen kuva pois tieltä, jotta se ei häiritse työtilaa. Siirrä kloonattu kuva neliöön ja luo muutama kopio kloonista. Syy käyttää klooneja alkuperäisten kopioiden sijasta selviää myöhemmin. Tässä on helppo tapa tehdä kopioita musteessa: vedä kopioitava kohde ja pudota kopio kyseiseen kohtaan painamalla välilyöntinäppäintä (pidä hiiren painiketta painettuna Yleensä et välttämättä tarvitse enempää kuin 2 tai 3 kopiota kuvion luomiseen. Kuten näette, minulla oli 3 kopiota kuvasta, mutta poistin yhden myöhemmin. Kun luulet, että sinulla on tarpeeksi, ryhmittele nämä kohteet yhteen.
Vaihe 4: Lisää kloonausta
Ota napsautus uudelleen käyttöön, jos poistat sen käytöstä edellisessä vaiheessa, kuten minäkin. Ruudukkoa ei näy kuvakaappauksessa, mutta se on käytössä. Valitse juuri luomasi objektiryhmä ja tee siitä klooni. kloonia, kunnes keskellä on vähintään 3x3 ruudukko klooneja alkuperäisen ympärillä.
Vaihe 5: Asiantuntijamuuttajat
Nyt kun olet levittänyt klooneja, on aika tasoittaa mallisi. Kuvio näyttää tällä hetkellä melko tukkealta ja liian säännölliseltä, joten haluamme levittää asioita hiukan ympäri. Jos haluat siirtää ryhmän sisällä olevia esineitä, yksinkertaisin tapa olisi ensin purkaa objektit, siirtää kyseinen kohde, ja sitten ryhmitellä objektit uudelleen. Tämä kuitenkin katkaisee linkit klooneihin, vaan haluamme pitää ryhmän koskemattomana, kun käsittelemme yksittäisiä objektia ryhmän sisällä. Voit tehdä tämän pitämällä Control -painiketta painettuna ja napsauttamalla kohdetta, jota haluat muokata. Control-napsautus valitsee yksittäiset objektit ryhmästä. Jos siirrät objektit nyt, myös ympäröivät kloonit heijastavat muutosta. Tällä menetelmällä voit nyt siirtää kuvia ympäri, kunnes olet tyytyväinen yleiseen kuvioosi. Voit myös muuttaa kuvien kokoa, kiertää tai poistaa niitä. Lopulta poistin yhden kuvista, koska tarvitsin vain kaksi kuvion täyttämiseksi.
Vaihe 6: Tietoja kloonattujen kuvien käytöstä
Mainitsin vaiheessa 3, että keskikenttää ("alkuperäinen") luotaessa sinun tulee käyttää klooneja kuvien kopioiden sijasta. Syynä on se, että jos kuvasi on itse objektiryhmä, Control-napsautusmenetelmä ryhmiteltyjen kohteiden valitsemiseksi valitsee kuvan yksittäiset objektit. Itse klooneja ei voi muokata (kokoa ja väriä lukuun ottamatta), joten kontrolliklikkausmenetelmä saa koko klooniobjektin valituksi riippumatta siitä, kuinka monta objektia alkuperäinen kuva koostuu.
Vaihe 7: Viimeistely
Valinnaisena vaihtoehtona valitse taustaneliö (Ctrl-napsautus) ja aseta täyttöväriksi ei mitään (eli läpinäkyvä) tai mikä tahansa väri, jonka haluat taustan saavan. ([Object -> Fill and stroke]) Pienensin myös koko ryhmän opasiteettia (valitse tavallisella napsautuksella), jotta kuvio voi olla taustalla eikä häiritsevä. Lopuksi tärkeä vientivaihe. Avaa vienti -ikkuna ([Tiedosto -> Vie bittikartta]). Napsauta "Sivu" -painiketta. Tämä vie vain asiakirjan osat, jotka ovat sivurajojen sisällä - eli "alkuperäisen" neliön sisällä. Muuta viedyn bittikartan kokoa halutessasi ja napsauta sitten Vie.
Vaihe 8: Lopputuote
Valmis! Laita se työpöydällesi, käytä sitä verkkosivustollasi tai tulosta se ja myy se tapettina! Nauti.
Suositeltava:
Verkkosivuston ohjaama joulukuusi (kuka tahansa voi hallita sitä): 19 vaihetta (kuvilla)
Verkkosivuston ohjaama joulukuusi (kuka tahansa voi hallita sitä): Haluatko tietää, miltä verkkosivustolla ohjattu joulukuusi näyttää? Tässä on video, joka esittelee projektini joulukuusestani. Suora lähetys on nyt päättynyt, mutta tein videon, jossa kerron tapahtumista: Tänä vuonna, keskellä joulukuuta
Puinen RC -vene, jota voit hallita manuaalisesti tai verkkosivuston kautta: 9 vaihetta
Puinen RC -vene, jota voit hallita manuaalisesti tai verkkosivuston kautta: Hei Olen Howestin opiskelija ja rakensin puisen RC -veneen, jota voit ohjata ohjaimen tai verkkosivuston kautta. ja halusin jotain nautintoa, kun asuin merellä
Ensimmäisen verkkosivuston luominen: 10 vaihetta
Ensimmäisen verkkosivuston luominen: Tässä opetusohjelmassa opit rakentamaan perusverkkosivun, joka sisältää linkitetyn tyylitaulukon ja interaktiivisen javascript -tiedoston
Oman verkkosivuston luominen aloittelijoille: 5 vaihetta
Oman verkkosivuston rakentaminen aloittelijoille: Olitpa koskaan haaveillut tietokoneohjelmoijaksi tai olet koskaan käyttänyt verkkosivustoa, mikä on totta, olemme lähes kaikki, tietotekniikasta on tullut liiketoiminnan selkäranka. Vaikka ohjelmointi voi aluksi tuntua hieman pelottavalta, tavoitteeni on
Verkkosivuston luominen (vaiheittainen opas): 4 vaihetta
Verkkosivuston luominen (vaiheittainen opas): Tässä oppaassa näytän sinulle, kuinka useimmat verkkokehittäjät rakentavat sivustojaan ja miten voit välttää kalliita verkkosivustojen rakentajia, jotka ovat usein liian rajallisia isommalle sivustolle. auttaa sinua välttämään joitain virheitä, joita tein aloittaessani