Ustvarite razpoložljive vzorce za ozadje spletne strani: 8 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:09

Tukaj je preprosta in enostavna (po mojem mnenju) metoda za ustvarjanje slik, ki jih je mogoče postaviti na ploščice, ne da bi bile videti preveč "mrežaste". Ta vadnica uporablja Inkscape (www.inkscape.org), odprtokodni urejevalnik vektorske grafike. Predstavljam si, da je to metodo mogoče uporabiti tudi za drage programe za vektorsko grafiko, kot je Adobe Illustrator. Hej, to je tvoj denar.

1. korak: Nastavite dokument

Ko odprete Inkscape, boste želeli nastaviti lastnosti dokumenta. ([Datoteka -> Lastnosti dokumenta]) Najprej spremenite širino in višino dokumenta na številko, s katero je lažje delati. Za to vadnico sem ustvaril kvadratno sliko, vendar bo ustrezal kateri koli delež. Nato boste želeli nastaviti mrežo. V starejših različicah Inkscapea je bila možna samo ena mreža. V novejših različicah boste morali ustvariti novo mrežo. Spremenite razmik med mrežami, tako da se te vrednosti enakomerno razdelijo na vrednosti širine in hegihta dokumenta. Na splošno je dobro, da delate na veliki sliki in jo po potrebi pomanjšate. Ker gre za vektorsko umetnost, velikost tehnično ni pomembna, praktično pa bo konceptualno lažje z večjimi številkami. V tej vadnici sem uporabil sliko 500x500px in moja mreža je v intervalih 10px. Nazadnje preverite možnost »Omogoči snapping«.

Korak: Orodje za pravokotnike

Z orodjem pravokotnika narišite kvadrat/pravokotnik, ki zajema celotno velikost dokumenta. Vrednost velikega razmika med mrežami (glej prejšnji korak) bo orodje pravokotnika zlahka zaskočilo do robov dokumenta.

3. korak: Kloniranje vzorca

Group]) "," top ": 0.38721804511278196," left ": 0.354," height ": 0.35902255639097747," width ": 0.372}]">

Dodajte sliko, ki jo želite imeti v svojem vzorcu. Če je vaša slika datoteka SVG, jo običajno lahko preprosto povlečete in spustite na odprt dokument. Ustvarite klon te slike. ([Uredi -> Kloniraj -> Ustvari klon] ali pa pritisnite Alt+D) Izvirno sliko premaknite s poti, da ne bo motila vašega delovnega prostora. Klonirano sliko premaknite v kvadrat in ustvarite nekaj kopij klona. Razlog za uporabo klonov namesto kopij originala bo viden kasneje. Tu je enostaven način za kopiranje v črnilnem prostoru: povlecite predmet, ki ga želite kopirati, in pritisnite preslednico, da spustite kopijo na tisto mesto (pustite gumb miške pritisnjen Na splošno za ustvarjanje vzorca verjetno ne potrebujete več kot 2 ali 3 kopije. Kot vidite, sem imel 3 kopije slike, vendar sem eno kasneje izbrisal. Ko mislite, da imate dovolj, združite te predmete skupaj.

4. korak: Več kloniranja

Znova omogočite snapping, če ste ga v prejšnjem koraku onemogočili, tako kot sem to storil jaz. Na posnetku zaslona ne vidite mreže, vendar je omogočena. Izberite skupino predmetov, ki ste jih pravkar ustvarili, in naredite klon te skupine. Robove klona poravnajte z obrobo strani in nenehno spuščajte kopije klon, dokler okoli originala na sredini nimate vsaj 3x3 mreže klonov.

5. korak: Strokovni premikači

Zdaj, ko ste razširili klone, je čas, da svoj vzorec zgladite. Trenutno je vzorec videti precej blokiran in preveč pravilen, zato želimo stvari nekoliko razpršiti. Če želite premakniti predmete, ki so znotraj skupine, bi bila najbolj preprosta metoda, da najprej razgradite predmete, premaknete zadevni predmet, in nato znova razvrstite predmete. To pa bo prekinilo povezave s kloni. Namesto tega želimo ohraniti skupino nedotaknjeno, medtem ko upravljamo posamezne objekte v skupini. Če želite to narediti, držite gumb Control in kliknite predmet, ki ga želite spremeniti. Če pritisnete tipko Control, izberete posamezne predmete v skupini. Če zdaj premaknete predmete, bodo spremembe odražali tudi okoliški kloni. S to metodo lahko zdaj premikate slike, dokler niste zadovoljni s celotnim vzorcem. Slike lahko tudi spremenite, zavrtite ali izbrišete. Na koncu sem izbrisal eno od slik, ker sem za izpolnitev vzorca potreboval le 2.

6. korak: O uporabi kloniranih slik

V 3. koraku sem omenil, da morate pri ustvarjanju srednjega kvadrata ("izvirnik") uporabiti klone namesto kopij slik. Razlog je v tem, da če je vaša slika skupina predmetov, bo z izbiro združenih elementov s pritiskom na tipko Control izbrani posamezni predmeti slike. Klonov samih ni mogoče urejati (razen velikosti in barve), zato bo metoda »control-click« povzročila izbiro celotnega predmeta kloniranja, ne glede na to, iz koliko predmetov je sestavljena izvirna slika.

7. korak: Zaključni dotiki

Kot izbirni korak izberite kvadrat ozadja (kliknite Ctrl) in nastavite barvo polnila na nobeno (tj. Prozorno) ali katero koli barvo, ki jo želite imeti za ozadje. ([Objekt -> Izpolni in potezi]) Zmanjšal sem tudi motnost skupine kot celote (izberite z rednim klikom), tako da je lahko vzorec v ozadju in ne vsiljiv. Nazadnje pomemben korak izvoza. Odprite okno za izvoz ([File -> Export bitmap]). Kliknite gumb »Stran«. S tem boste izvozili samo dele dokumenta, ki spadajo v meje strani - to je znotraj kvadrata "izvirnika". Če želite, spremenite velikost izvožene bitne slike in kliknite "Izvozi".

8. korak: Končni izdelek

Končali ste! Postavite ga na namizje, uporabite za spletno stran ali natisnite in prodajte kot stenski papir! Uživajte.