Turinys:

Sukurkite tinkamus svetainės fono paveikslėlio modelius: 8 žingsniai
Sukurkite tinkamus svetainės fono paveikslėlio modelius: 8 žingsniai

Video: Sukurkite tinkamus svetainės fono paveikslėlio modelius: 8 žingsniai

Video: Sukurkite tinkamus svetainės fono paveikslėlio modelius: 8 žingsniai
Video: CS50 2015 - Week 7 2024, Lapkritis
Anonim
Sukurkite tinkamus svetainės fono paveikslėlio modelius
Sukurkite tinkamus svetainės fono paveikslėlio modelius

Čia yra paprastas ir paprastas (manau) būdas kurti vaizdus, kurie gali būti iškloti plytelėmis, neatrodžius pernelyg „tinkleliai“. Šioje mokymo programoje naudojamas atvirojo kodo vektorinės grafikos redaktorius „Inkscape“(www.inkscape.org). Įsivaizduoju, kad šį metodą galima pritaikyti ir brangioms vektorinės grafikos programoms, tokioms kaip „Adobe Illustrator“. Ei, tai tavo pinigai.

1 veiksmas: nustatykite dokumentą

Nustatykite dokumentą
Nustatykite dokumentą
Nustatykite dokumentą
Nustatykite dokumentą
Nustatykite dokumentą
Nustatykite dokumentą

Atidarę „Inkscape“, norėsite nustatyti dokumento ypatybes. ([Failas -> Dokumento ypatybės]) Pirmiausia pakeiskite dokumento plotį ir aukštį į skaičių, su kuriuo lengviau dirbti. Šiai pamokai aš sukūriau kvadratinį vaizdą, tačiau bet kokia proporcija bus tinkama. Toliau norėsite nustatyti tinklelį. Senesnėse „Inkscape“versijose buvo tik vienas tinklelis. Naujesnėse versijose turėsite sukurti naują tinklelį. Pakeiskite tarpus tarp tinklelio, kad šios reikšmės tolygiai pasiskirstytų į dokumento pločio ir aukščio reikšmes. Paprastai gera idėja yra dirbti su dideliu vaizdu ir, jei reikia, sumažinti mastelį. Kadangi tai yra vektorinis menas, dydis techniškai nesvarbus, tačiau praktiškai kalbant, tai bus lengviau konceptualiai, kai bus naudojami didesni skaičiai. Šioje pamokoje naudojau 500 x 500 pikselių vaizdą, o mano tinklelis yra 10 pikselių intervalais. Galiausiai įsitikinkite, kad pažymėta parinktis „Įgalinti užfiksavimą“.

2 žingsnis: stačiakampio įrankis

Stačiakampio įrankis
Stačiakampio įrankis

Naudodami stačiakampio įrankį nupieškite kvadratą/stačiakampį, kuris užima visą dokumento dydį. Didelė atstumas tarp tinklelio (žr. Ankstesnį veiksmą) leis stačiakampio įrankiui lengvai priglusti prie dokumento sienų.

3 žingsnis: modelio klonavimas

Šablono klonavimas
Šablono klonavimas
Šablono klonavimas
Šablono klonavimas

Grupė]) "," viršuje ": 0,38721804511278196," kairėje ": 0,354," aukštis ": 0,35902255639097747," plotis ": 0,372}]">

Šablono klonavimas
Šablono klonavimas

Pridėkite paveikslėlį, kurį norite įtraukti į savo modelį. Jei jūsų vaizdas yra SVG failas, paprastai galite tiesiog nuvilkti jį ant atviro dokumento. Sukurkite šio vaizdo kloną. ([Redaguoti -> Klonuoti -> Sukurti kloną] arba galite paspausti „Alt“+D) Perkelkite originalų vaizdą, kad jis netrukdytų jūsų darbo sričiai. Perkelkite klonuotą vaizdą į kvadratą ir sukurkite kelias kopijas iš klono. Priežastis, kodėl vietoj originalo kopijų bus naudojami klonai, paaiškės vėliau. Štai paprastas būdas padaryti kopijas rašalinėje erdvėje: vilkite kopijuojamą objektą ir paspauskite tarpo klavišą, kad numestumėte kopiją toje vietoje (laikykite nuspaudę pelės mygtuką). Paprastai, norint sukurti modelį, jums nereikia daugiau nei 2 ar 3 kopijų. Kaip matote, turėjau 3 vaizdo kopijas, bet vėliau galiausiai ištryniau vieną. Kai manote, kad turite pakankamai, sugrupuokite šiuos elementus.

4 žingsnis: daugiau klonavimo

Daugiau klonavimo
Daugiau klonavimo
Daugiau klonavimo
Daugiau klonavimo

Iš naujo įgalinkite užfiksavimą, jei jį išjungėte atlikdami ankstesnį veiksmą, kaip aš. Ekrano kopijoje nematote tinklelio, bet jis įjungtas. Pasirinkite ką tik sukurtų objektų grupę ir sukurkite tos grupės kloną. Išdėstykite klono kraštus su puslapio kraštu ir toliau mesti kopijas klonas, kol viduryje aplink originalą bus bent 3x3 klonų tinklelis.

5 žingsnis: ekspertai

Ekspertai
Ekspertai
Ekspertai
Ekspertai

Dabar, kai jau pasklidote klonai, laikas išlyginti savo modelį. Šiuo metu modelis atrodo gana uždaras ir pernelyg taisyklingas, todėl norime šiek tiek paskleisti dalykus. Norėdami perkelti grupės viduje esančius objektus, paprasčiausias būdas būtų pirmiausia išgrupuoti objektus, perkelti atitinkamą objektą, ir tada iš naujo sugrupuoti objektus. Tačiau tai nutrauks nuorodas į klonus. Vietoj to, mes norime, kad grupė būtų nepažeista, kai manipuliuojame atskirais grupės objektais. Norėdami tai padaryti, palaikykite nuspaudę valdymo mygtuką ir spustelėkite norimą keisti objektą. „Control“klavišu pasirenkami atskiri grupės objektai. Jei dabar perkelsite objektus, pasikeitimą atspindės ir aplinkiniai klonai. Naudodami šį metodą, dabar galite perkelti vaizdus, kol būsite patenkinti bendru modeliu. Taip pat galite keisti vaizdų dydį, pasukti arba ištrinti. Galiausiai ištryniau vieną iš vaizdų, nes šiam modeliui įgyvendinti reikėjo tik 2.

6 žingsnis: Apie klonuotų vaizdų naudojimą

3 veiksme minėjau, kad kurdami vidurinį kvadratą („originalą“) turėtumėte naudoti klonus, o ne vaizdų kopijas. Priežastis ta, kad jei jūsų vaizdas yra objektų grupė, sugrupuotų elementų pasirinkimo valdymo klavišo metodas pasirenka atskirus vaizdo objektus. Pačių klonų negalima redaguoti (išskyrus dydį ir spalvą), todėl naudojant valdymo klavišo metodą bus pasirinktas visas klono objektas, neatsižvelgiant į tai, kiek objektų sudaro pradinis vaizdas.

7 žingsnis: Apdailos darbai

Apdailos darbai
Apdailos darbai
Apdailos darbai
Apdailos darbai

Pasirinktinai pasirinkite fono kvadratą (paspauskite „Ctrl“klavišą) ir nustatykite užpildymo spalvą į jokią (ty permatomą) arba bet kokią spalvą, kurią norite turėti. ([Objektas -> Užpildymas ir brūkšnys]) Taip pat sumažinau visos grupės neskaidrumą (pasirinkite reguliariai spustelėdami), kad modelis būtų fone ir nebūtų įkyrus. Galiausiai, svarbus eksportavimo žingsnis. Atidarykite eksportavimo langą ([Failas -> Eksportuoti bitkartę]). Spustelėkite mygtuką „Puslapis“. Taip bus eksportuojamos tik tos dokumento dalys, kurios patenka į puslapio ribas - tai yra „originalo“kvadrato viduje. Jei norite, pakeiskite eksportuoto bitlapio dydį, tada spustelėkite „Eksportuoti“.

8 žingsnis: galutinis produktas

Galutinis produktas!
Galutinis produktas!
Galutinis produktas!
Galutinis produktas!

Baigėte! Įdėkite jį į savo darbalaukį, naudokite savo svetainėje arba atsispausdinkite ir parduokite kaip sieninį popierių! Mėgaukitės.

Rekomenduojamas: