Kreirajte dostupne obrasce za pozadinsku sliku web stranice: 8 koraka

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:10

Evo direktne i jednostavne (mislim) metode za stvaranje slika koje se mogu popločati, a da ne izgledaju previše poput mreže. Ovaj vodič koristi Inkscape (www.inkscape.org), uređivač vektorske grafike otvorenog koda. Pretpostavljam da se ova metoda može primijeniti i na skupe programe vektorske grafike poput Adobe Illustrator -a. Hej, to je tvoj novac.

Korak 1: Postavite dokument

Nakon što otvorite Inkscape, poželjet ćete postaviti svojstva dokumenta. ([Datoteka -> Svojstva dokumenta]) Prvo promijenite širinu i visinu dokumenta na broj s kojim je lakše raditi. Za ovaj vodič sam stvorio kvadratnu sliku, ali svaka proporcija će biti dovoljna. Zatim ćete htjeti postaviti mrežu. U starijim verzijama Inkscapea postojala je samo jedna mreža. U novijim verzijama morat ćete stvoriti novu mrežu. Promijenite razmak u mreži 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čno govoreći, konceptualno će biti lakše s većim brojevima. U ovom vodiču koristio sam sliku veličine 500x500px, a moja mreža je u intervalima od 10px. Na kraju, provjerite je li označena opcija "Omogući snapping".

Korak 2: Alat za pravokutnik

Pomoću alata pravokutnika nacrtajte kvadrat/pravokutnik koji zauzima punu veličinu dokumenta. Velika vrijednost razmaka između rešetki (pogledajte prethodni korak) olakšat će alatu pravokutnika da se uskoči do ivica dokumenta.

Korak 3: Kloniranje uzorka

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

Dodajte sliku koju želite da imate u svom uzorku. Ako je vaša slika SVG datoteka, obično je možete jednostavno povući i ispustiti na svoj otvoreni dokument. Kreirajte klon ove slike. ([Uredi -> Kloniraj -> Kreiraj klon] ili možete pritisnuti Alt+D) Pomaknite originalnu 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 porijekla postat će vidljiv kasnije. Evo jednostavnog načina da napravite kopije u inkspace -u: povucite objekt koji želite kopirati i pritisnite razmaknicu da ispustite kopiju na tom mjestu (držite tipku miša pritisnutom Općenito, vjerojatno vam ne trebaju više od 2 ili 3 kopije za kreiranje 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

Ponovo omogućite snapping ako ste ga onemogućili u prethodnom koraku, kao što sam i ja učinio. Na snimku zaslona ne vidite mrežu, 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

Sada kada ste proširili klonove, vrijeme je da izgladite svoj uzorak. Trenutno uzorak izgleda prilično blokiran i previše redovan, 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 sa 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, i okolni klonovi će 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 bile potrebne 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 kreiranju srednjeg kvadrata ("original"). Razlog je taj što ako je vaša slika grupa objekata, metoda odabira grupiranih stavki pritiskom na tipku Control će odabrati pojedinačne objekte slike. Sami klonovi se ne mogu uređivati (osim veličine i boje), pa će metoda kontrolnog klika uzrokovati odabir cijelog objekta kloniranja bez obzira na to koliko se objekata sastoji originalna slika.

Korak 7: 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 da ima pozadinu. ([Objekt -> Ispunjavanje i potez]) Također sam smanjio neprozirnost grupe u cjelini (odabirom redovnim 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]). Kliknite na dugme "Stranica". Ovo će izvesti samo dijelove dokumenta koji spadaju unutar granica stranice - to jest unutar kvadrata "originala". Promijenite veličinu izvezene bitmape ako želite, a zatim kliknite "Izvezi".

Korak 8: Finalni proizvod

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