Lumikha ng Mga Naihahambing na Mga pattern para sa Imahe sa Background ng Website: 8 Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:16

Narito ang isang straight-forward at simpleng pamamaraan (sa palagay ko) para sa paglikha ng mga imahe na maaaring ma-tile nang hindi masyadong "gridlike" ang pagtingin. Ginagamit ng tutorial na ito ang Inkscape (www.inkscape.org), isang open-source vector graphics editor. Naiisip ko na ang pamamaraang ito ay maaaring mailapat sa mga mamahaling programa ng vector graphics tulad ng Adobe Illustrator din. Hoy, ang pera mo.

Hakbang 1: I-set up ang Dokumento

Matapos buksan ang Inkscape, gugustuhin mong i-set up ang mga pag-aari ng dokumento. ([File -> Mga katangian ng dokumento]) Una, baguhin ang lapad at taas ng dokumento sa isang bilang na mas madaling gumana. Para sa tutorial na ito, lumikha ako ng isang parisukat na imahe, ngunit ang anumang proporsyon ay gagawin. Susunod, gugustuhin mong i-set up ang grid. Sa mga mas lumang bersyon ng Inkscape, mayroon lamang isang grid na posibilidad. Sa mga mas bagong bersyon, kakailanganin mong lumikha ng isang bagong grid. Baguhin ang spacing ng grid upang ang mga halagang ito ay hatiin nang pantay-pantay sa mga halaga ng lapad ng dokumento & hegiht. Sa pangkalahatan, isang magandang ideya na gumana mula sa isang malaking imahe at pagkatapos ay i-scale pababa kung kinakailangan. Sapagkat ito ay vector art, ang laki ng techincally ay hindi mahalaga, ngunit praktikal na pagsasalita, magiging madali ang konsepto na may mas malaking bilang. Sa tutorial na ito, gumamit ako ng isang 500x500px na imahe, at ang aking grid ay nasa pagitan ng 10px. Panghuli, tiyakin na ang pagpipiliang "Paganahin ang pag-snap" ay naka-check.

Hakbang 2: Rectangle Tool

Gamitin ang tool na rektanggulo upang gumuhit ng isang parisukat / rektanggulo na tumatagal ng buong sukat ng dokumento. Ang isang malaking halaga ng spacing grid (tingnan ang nakaraang hakbang) ay mke ang rektanggulo ng tool na madaling mag-snap sa mga hangganan ng dokumento.

Hakbang 3: Pag-clone ng pattern

Pangkat]) "," itaas ": 0.38721804511278196," kaliwa ": 0.354," taas ": 0.35902255639097747," lapad ": 0.372}]">

Idagdag ang imaheng nais mong magkaroon sa iyong pattern. Kung ang iyong imahe ay isang SVG file, kadalasan maaari mo lamang itong i-drag at i-drop sa iyong bukas na dokumento. Lumikha ng isang clone ng imaheng ito. ([Edit -> Clone -> Lumikha ng clone] o maaari mong pindutin ang Alt + D) Ilipat ang orihinal na imahe sa labas ng paraan upang hindi makagambala sa iyong workspace. Ilipat ang na-clone na imahe sa parisukat, at lumikha ng ilang mga kopya ng clone. Ang dahilan para sa paggamit ng mga clone sa halip na mga kopya ng pinagmulan ay magiging maliwanag sa paglaon. Narito ang isang madaling paraan upang gumawa ng mga kopya sa inkspace: i-drag ang bagay na makopya, at pindutin ang spacebar upang mahulog ang isang kopya sa lugar na iyon (panatilihing nalulumbay ang pindutan ng mouse). Pangkalahatan, malamang na hindi mo kailangan ng higit sa 2 o 3 mga kopya upang likhain ang pattern. Tulad ng nakikita mo, mayroon akong 3 mga kopya ng imahe ngunit natapos ko ang pagtanggal sa isa sa paglaon. Kapag naisip mo na mayroon kang sapat, ipagsama-sama ang mga item na ito.

Hakbang 4: Higit pang Pag-clone

Paganahin muli ang pag-snap kung hindi mo ito pinagana sa nakaraang hakbang, tulad ng ginawa ko. Sa screenshot hindi mo nakikita ang grid, ngunit pinagana ito. Piliin ang pangkat ng mga bagay na nilikha mo lang, at gumawa ng isang clone ng pangkat na iyon. I-line up ang mga gilid ng clone na may hangganan ng pahina, at panatilihin ang pag-drop ng mga kopya ng ang clone hanggang sa magkaroon ka ng kahit isang 3x3 grid ng mga clone sa paligid ng orihinal sa gitna.

Hakbang 5: Mga Dalubhasa sa Dalubhasa

Ngayon na mayroon kang pagkalat ng mga clone, oras na upang makinis ang iyong pattern. Sa ngayon ang pattern ay mukhang mabait at masyadong regular, kaya nais naming kumalat nang kaunti. Upang ilipat ang mga bagay na nasa loob ng isang pangkat, ang pinaka-tuwid na pamamaraan ay upang unang i-unroup ang mga bagay, ilipat ang pinag-uusapang bagay, at pagkatapos ay muling pangkatin ang mga bagay. Gayunpaman, masisira nito ang mga link sa mga clone. Sa halip, nais naming panatilihing buo ang pangkat habang nagmamanipula ng mga solong bagay sa loob ng pangkat. Upang magawa ito, pindutin nang matagal ang pindutan ng Control at mag-click sa bagay na nais mong baguhin. Pinipili ng Control-click ang mga solong bagay sa loob ng isang pangkat. Kung ilipat mo ngayon ang mga object, makikita din sa mga nakapaligid na clone ang pagbabago. Gamit ang pamamaraang ito, maaari mo na ngayong ilipat ang mga imahe sa paligid hanggang sa nasiyahan ka sa iyong pangkalahatang pattern. Maaari mo ring baguhin ang laki, paikutin, o tanggalin ang mga imahe. Natapos ko ang pagtanggal ng isa sa mga imahe dahil kailangan ko lamang ng 2 upang matupad ang pattern.

Hakbang 6: Tungkol sa Paggamit ng Mga Cloned Image

Nabanggit ko sa hakbang 3 na dapat kang gumamit ng mga clone sa halip na mga kopya ng mga imahe kapag lumilikha ng gitnang parisukat ("ang orihinal"). Ang dahilan dito ay kung ang iyong imahe ay isang pangkat ng mga bagay, ang control-click na paraan ng pagpili ng mga naka-grupo na item ay pipiliin ang mga indibidwal na object ng imahe. Ang mga clone mismo ay hindi maaaring mai-edit (maliban sa laki at kulay) at sa gayon ang paraan ng pag-click sa pag-click ay magiging sanhi upang mapili ang buong object ng clone anuman ang bilang ng mga bagay na binubuo ng orihinal na imahe.

Hakbang 7: Pagtatapos ng Mga Touch

Bilang isang opsyonal na hakbang, piliin ang background square (Ctrl-click) at itakda ang kulay ng punan sa wala (ibig sabihin, transparent) o anumang kulay na nais mong magkaroon ng background. ([Bagay -> Punan at stroke]) Nabawasan ko din ang kalabuan ng pangkat bilang isang kabuuan (piliin sa pamamagitan ng regular na pag-click) upang ang pattern ay maaaring nasa likuran at hindi mapanghimasok. Panghuli, ang mahalagang hakbang ng pag-export. Buksan ang window ng pag-export ([File -> I-export ang bitmap]). I-click ang pindutang "Pahina". I-export lamang nito ang mga bahagi ng dokumento na nasa loob ng mga hangganan ng pahina - iyon ay, sa loob ng parisukat ng "orihinal". Baguhin ang na-export na laki ng bitmap kung nais mo, at pagkatapos ay i-click ang "I-export".

Hakbang 8: Pangwakas na Produkto

Tapos ka na! Ilagay ito sa iyong desktop, gamitin ito para sa iyong website, o i-print ito at ibenta ito bilang wall paper! Mag-enjoy.