Sadržaj:
- Korak 1: Postavite dokument
- Korak 2: Alat za pravokutnik
- Korak 3: Kloniranje uzorka
- Korak 4: Više kloniranja
- Korak 5: Stručni pokretači
- Korak 6: O korištenju kloniranih slika
- Korak 7: Završni dodiri
- Korak 8: Finalni proizvod
Video: Stvorite dostupne obrasce za pozadinsku sliku web stranice: 8 koraka
2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:38
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
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
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
Grupa]) "," gore ": 0.38721804511278196," lijevo ": 0.354," visina ": 0.35902255639097747," širina ": 0.372}]">
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
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
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
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
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:
Prilaganje Google kalendara na Google web stranice: 5 koraka
Prilaganje Google kalendara na Google web stranice: Ovo je instrukcija koja će vas naučiti kako stvoriti, koristiti i uređivati Google kalendare, a zatim ih priložiti na Google web mjesto pomoću mogućnosti dijeljenja. To može biti korisno za mnoge ljude jer se Google web lokacije mogu koristiti za koordinaciju i distribuciju
Povucite i ambijentalno prikažite podatke s bilo koje web stranice putem Wi -Fi -ja (indikator sjevernog svjetla) s NodeMcu: 6 koraka
Povucite i prikazujte podatke s bilo koje web stranice putem Wi -Fi -ja (indikator sjevernog svjetla) s NodeMcu: Moja motivacija: Vidio sam mnogo instrukcija o postavljanju/ korištenju NodeMCU -a (izgrađenog na modulu ESP8266) za izradu IoT (internet stvari) projekata . Međutim, vrlo mali broj ovih vodiča imao je sve pojedinosti/ kod/ dijagrame za vrlo početnike
Kontrola Led -ove svjetline pomoću Raspberry Pi i prilagođene web stranice: 5 koraka
Kontrola Led -ove svjetline pomoću Raspberry Pi -a i prilagođene web stranice: Koristeći apache poslužitelj na svom pi s php -om, pronašao sam način za kontrolu svjetline LED -a pomoću klizača s prilagođenom web stranicom koja je dostupna na bilo kojem uređaju spojenom na istu mrežu kao i vaš pi .Postoji mnogo načina na koje se to može učiniti
IO vodič za IO web upravljačkog programa Korištenje web stranice uživo i primjeri rada: 8 koraka
IO vodič za IO web upravljačkog programa Korištenje web stranice uživo i primjeri rada: IO vodič za upravljački program web upravljačkog programa Korištenje web stranice uživo i primjeri rada Zadnje ažuriranje: 26.7.2015. (Često provjeravajte dok ažuriram ove upute s više detalja i primjera) Pozadina Nedavno sam imao zanimljiv izazov koji mi je predstavljen. Trebao sam
Kako ukloniti pozadinsku buku iz videa?: 3 koraka (sa slikama)
Kako ukloniti pozadinsku buku iz videa?: Video često snimamo telefonom. Oni nam pomažu zabilježiti trenutak koji želimo zapamtiti. Ali uvijek ćete naići na to da prilikom gledanja videozapisa ima jaku pozadinsku buku. Možda je to manji ili uništava vaš video. Kako