Sisällysluettelo:

Luo vaihdettavia kuvioita verkkosivuston taustakuvalle: 8 vaihetta
Luo vaihdettavia kuvioita verkkosivuston taustakuvalle: 8 vaihetta

Video: Luo vaihdettavia kuvioita verkkosivuston taustakuvalle: 8 vaihetta

Video: Luo vaihdettavia kuvioita verkkosivuston taustakuvalle: 8 vaihetta
Video: High Density 2022 2024, Marraskuu
Anonim
Luo tilattavia kuvioita verkkosivuston taustakuvalle
Luo tilattavia kuvioita verkkosivuston taustakuvalle

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

Määritä asiakirja
Määritä asiakirja
Määritä asiakirja
Määritä asiakirja
Määritä asiakirja
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

Suorakulmainen työkalu
Suorakulmainen 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

Kuvion kloonaus
Kuvion kloonaus
Kuvion kloonaus
Kuvion kloonaus

Ryhmä]) "," ylhäältä ": 0,38721804511278196," vasen ": 0,354," korkeus ": 0,35902255639097747," leveys ": 0,372}]">

Kuvion kloonaus
Kuvion kloonaus

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

Lisää kloonausta
Lisää kloonausta
Lisää kloonausta
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

Asiantuntijamuuttajat
Asiantuntijamuuttajat
Asiantuntijamuuttajat
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

Viimeistelyt
Viimeistelyt
Viimeistelyt
Viimeistelyt

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

Lopputuote!
Lopputuote!
Lopputuote!
Lopputuote!

Valmis! Laita se työpöydällesi, käytä sitä verkkosivustollasi tai tulosta se ja myy se tapettina! Nauti.

Suositeltava: