Sadržaj:

Stvorite dostupne obrasce za pozadinsku sliku web stranice: 8 koraka
Stvorite dostupne obrasce za pozadinsku sliku web stranice: 8 koraka

Video: Stvorite dostupne obrasce za pozadinsku sliku web stranice: 8 koraka

Video: Stvorite dostupne obrasce za pozadinsku sliku web stranice: 8 koraka
Video: Стабилизация биохимических показателей крови. Большой восстановительный рефлекторный каскад 2024, Srpanj
Anonim
Stvorite dostupne obrasce za pozadinsku sliku web stranice
Stvorite dostupne obrasce za pozadinsku sliku web stranice

Ovdje je jasna i jednostavna (mislim) metoda za stvaranje slika koje se mogu popločati, a da ne izgledaju previše "rešetkasto". Ovaj vodič koristi Inkscape (www.inkscape.org), uređivač vektorske grafike otvorenog koda. Zamišljam da se ova metoda može primijeniti i na skupe programe vektorske grafike poput Adobe Illustratora. Hej, to je tvoj novac.

Korak 1: Postavite dokument

Postavite dokument
Postavite dokument
Postavite dokument
Postavite dokument
Postavite dokument
Postavite dokument

Nakon otvaranja Inkscapea, htjet ćete postaviti svojstva dokumenta. ([Datoteka -> Svojstva dokumenta]) Prvo promijenite širinu i visinu dokumenta na broj s kojim je lakše raditi. Za ovaj sam vodič stvorio kvadratnu sliku, ali bilo koji omjer će biti dovoljan. Zatim ćete htjeti postaviti rešetku. U starijim verzijama Inkscapea postojala je samo jedna rešetka. U novijim verzijama morat ćete stvoriti novu rešetku. Promijenite razmak rešetke tako da se te vrijednosti ravnomjerno podijele na vrijednosti širine dokumenta i hegihta. Općenito, dobra je ideja raditi na velikoj slici, a zatim je prema potrebi smanjiti. Budući da se radi o vektorskoj umjetnosti, veličina tehnički nije bitna, ali praktički gledano, konceptualno će biti lakše s većim brojevima. U ovom sam vodiču koristio sliku veličine 500x500px, a mreža je u intervalima od 10 piksela. Na kraju provjerite je li označena opcija "Omogući snapping".

Korak 2: Alat za pravokutnik

Alat za pravokutnik
Alat za pravokutnik

Pomoću alata pravokutnika nacrtajte kvadrat/pravokutnik koji zauzima punu veličinu dokumenta. Velika vrijednost razmaka rešetke (vidi prethodni korak) učinit će da se alat pravokutnika lako uskoči do rubova dokumenta.

Korak 3: Kloniranje uzorka

Kloniranje uzorka
Kloniranje uzorka
Kloniranje uzorka
Kloniranje uzorka

Grupa]) "," gore ": 0.38721804511278196," lijevo ": 0.354," visina ": 0.35902255639097747," širina ": 0.372}]">

Kloniranje uzorka
Kloniranje uzorka

Dodajte sliku koju želite imati u svom uzorku. Ako je vaša slika SVG datoteka, obično je možete jednostavno povući i ispustiti na svoj otvoreni dokument. Napravite klon ove slike. ([Uredi -> Kloniraj -> Izradi klon] ili možete pritisnuti Alt+D) Pomaknite izvornu sliku s mjesta tako da neće ometati vaš radni prostor. Premjestite kloniranu sliku u kvadrat i stvorite nekoliko kopija klona. Razlog korištenja klonova umjesto kopija izvornika postat će vidljiv kasnije. Evo jednostavnog načina da napravite kopije u inkspaceu: povucite objekt koji želite kopirati i pritisnite razmaknicu da ispustite kopiju na to mjesto (držite tipku miša pritisnutom). Općenito, vjerojatno vam ne trebaju više od 2 ili 3 kopije za stvaranje uzorka. Kao što vidite, imao sam 3 kopije slike, ali sam kasnije jednu izbrisao. Kad pomislite da imate dovoljno, grupirajte ove stavke zajedno.

Korak 4: Više kloniranja

Više kloniranja
Više kloniranja
Više kloniranja
Više kloniranja

Ponovno omogućite snapping ako ste ga onemogućili u prethodnom koraku, kao što sam i ja učinio. Na snimci zaslona ne vidite rešetku, ali je omogućena. Odaberite grupu objekata koje ste upravo stvorili i napravite klon te grupe. Poravnajte rubove klona s rubom stranice i nastavite ispuštati kopije klon dok ne dobijete barem 3x3 rešetku klonova oko originala u sredini.

Korak 5: Stručni pokretači

Stručnjaci za selidbe
Stručnjaci za selidbe
Stručnjaci za selidbe
Stručnjaci za selidbe

Sada kada ste proširili klonove, vrijeme je da izgladite svoj uzorak. Trenutno uzorak izgleda prilično blokiran i previše redovit, pa želimo malo raširiti stvari. Za premještanje objekata koji se nalaze unutar grupe, najjednostavnija metoda bila bi prvo razgrupiranje objekata, premještanje predmetnog objekta, a zatim ponovno grupirajte objekte. Međutim, ovo će prekinuti veze s klonovima. Umjesto toga, želimo zadržati grupu netaknutom dok manipuliramo pojedinačnim objektima unutar grupe. Da biste to učinili, držite tipku Control i kliknite objekt koji želite izmijeniti. Control-click odabire pojedinačne objekte unutar grupe. Ako sada premještate objekte, okolni će klonovi također odražavati promjenu. Pomoću ove metode sada možete pomicati slike dok ne budete zadovoljni svojim ukupnim uzorkom. Također možete promijeniti veličinu, rotirati ili izbrisati slike. Na kraju sam izbrisao jednu od slika jer su mi trebale samo 2 da ispunim uzorak.

Korak 6: O korištenju kloniranih slika

Spomenuo sam u koraku 3 da biste trebali koristiti klonove umjesto kopija slika pri stvaranju srednjeg kvadrata ("izvornik"). Razlog je taj što ako je vaša slika skupina objekata, metoda odabira grupiranih stavki pritiskom na tipku Control će odabrati pojedinačne objekte slike. Sami klonovi ne mogu se uređivati (osim veličine i boje) pa će metoda kontrolnog klika uzrokovati odabir cijelog objekta kloniranja bez obzira na to od koliko se objekata sastoji izvorna slika.

Korak 7: Završni dodiri

Završni dodiri
Završni dodiri
Završni dodiri
Završni dodiri

Kao izborni korak, odaberite kvadrat u pozadini (pritisnite Ctrl) i postavite boju ispune na nijednu (tj. Prozirnu) ili koju god boju želite imati pozadinu. ([Object -> Fill and stroke]) Također sam smanjio neprozirnost grupe u cjelini (odabirom redovitim klikom) tako da uzorak može biti u pozadini, a ne nametljiv. Konačno, važan korak izvoza. Otvorite prozor za izvoz ([Datoteka -> Izvezi bitmapu]). Pritisnite gumb "Stranica". Ovo će izvesti samo dijelove dokumenta koji spadaju unutar granica stranice - to jest unutar kvadrata "izvornika". Promijenite veličinu izvezene bitmape ako želite, a zatim kliknite "Izvezi".

Korak 8: Finalni proizvod

Finalni proizvod!
Finalni proizvod!
Finalni proizvod!
Finalni proizvod!

Gotovi ste! Stavite je na radnu površinu, upotrijebite je za svoju web stranicu ili je ispišite i prodajte kao zidni papir! Uživajte.

Preporučeni: