Vektorli ko'pburchak fon. Photoshop-da ko'pburchak rasmni qanday qilish kerak

O'ylaymanki, har bir kishi ba'zi veb-saytlarda oddiy geometrik shakllardan iborat rasmlarga duch keldi, lekin ayni paytda ko'zni tortadi va tafsilotlarni o'rganishga majbur qiladi.

Ko'pburchakli rasmlar deb ataladigan narsalar geometrik shakllardan, ya'ni uchburchaklar va kublardan tashkil topgan rasmlardir.

Ko'pburchakli rasmlar juda mashhur, chunki ular g'ayrioddiyligi va ayni paytda soddaligi bilan e'tiborni tortadi. Ko'pburchakli grafikalar veb-dizaynda ham qo'llaniladi; dizayni poligonal uslubda yaratilgan juda ko'p saytlar mavjud. Bundan tashqari, veb-dizaynerlar ko'pincha ko'pburchak naqshlardan foydalanadilar fon e'tiborni tortadigan va saytni yanada qiziqarli qiladigan sayt.

Xo'sh, keling, bunday rasmlar qanday yaratilganligini aniqlaylik? Misol uchun, men xameleyonning tasvirini oldim, undan ko'pburchak rasmni yaratamiz (illyustratsiya).

Xameleon tasvirini kompyuteringizga nusxalaganingizdan so'ng, uni oching Fotoshop dasturi yuqori menyudan "Fayl" - "Ochish" ni tanlab.

Qalam vositasi yordamida butun rasmni, ya'ni barcha ko'pburchaklarni yaratamiz. Ko'pburchakli rasm ko'plab ko'pburchaklardan iborat bo'lishi kerak Ushbu holatda Men ko'pburchak sifatida uchburchak shaklidan foydalanaman. Siz nafaqat uchburchakni, balki 4-5 uchburchakni ham ishlatishingiz mumkin, lekin mening fikrimcha, ko'pburchakli rasm bir nechta emas, balki faqat bitta shakl ishlatilsa, yanada jozibali ko'rinadi.

Dasturning chap yon panelidagi "Qalam" vositasini bosish orqali oling, asosiy rasmimiz ustida yuqori qatlam yarating va rasmni ko'pburchaklar (uchburchaklar) bilan "bo'yashni" boshlang.

Dastur panelining yuqori chap burchagida joylashgan sozlamalarida "Qalam" vositasini tanlashda siz "to'ldirish" ni tanlashingiz va "zarb" ni o'chirib qo'yishingiz kerak, shunda ko'pburchaklarni chizishda ular darhol rang bilan to'ldiriladi. biz tanladik va tashqi chiziq chizig'i yo'q.

"Qalam" vositasini sozlaganimizdan so'ng, biz rasmni uchburchaklar bilan "to'ldirishni" boshlaymiz, mos rangni tanlaymiz, buning uchun dasturning chap panelidagi "ko'z tomchisi" vositasini olib, joyning yonidagi ko'z tomchisini bosing. bo'yalgan bo'ladi (kelajakdagi uchburchakning rangini tanlang). Ko'z tomchisi bilan rang tanlagandan so'ng, yana Qalam vositasini tanlang va uchburchak chizing.

Uchburchaklar bir-biriga bog'langan bo'lishi kerak, siz tomchilar vositasi bilan yoki o'zingizning fikringizga ko'ra ranglarni tanlaysiz, lekin muhim nuqta: rasm quyuqroq bo'lgan joyda, ya'ni. bizning xameleyonning soyasi bor, u erda siz mos ravishda quyuqroq rangni tanlaysiz va quyuq uchburchaklarni chizasiz.

Shunday qilib, siz butun rasmni uchburchaklar bilan "bo'yasiz", albatta, bu erda siz ba'zi joylarda ob'ektning u yoki bu qismini (xameleon) uchburchaklar bilan qanday chizish haqida o'ylashingiz kerak, shuning uchun hammasi sizning tasavvuringizga bog'liq!

Bu xameleonni men tugatdim, uni yanada jozibali qilish uchun, men ham fon qo'shdim.

Shu tarzda siz har qanday tasvir va fotosuratlardan ko'pburchak rasmlarni yasashingiz mumkin, men buni yana bir bor takrorlayman ichida muhim bu jarayon- ular orasida ko'rinadigan bo'shliqlar bo'lmasligi uchun uchburchaklarni aniq birlashtirish. IN Adobe dasturi Photoshop qalam bilan ishlash juda qulay emas, bu vositaning barcha kuchi Adobe Illustrator-da amalga oshiriladi, unda bunday narsalarni qilish ancha oson.

Ko'pburchak grafikasi haqida ko'proq bilmoqchimisiz? U nima uchun ishlatiladi? Ushbu texnikadan foydalangan holda qanday qilib biror narsa qilish mumkin? Ha? Shunda siz professional sifatida rivojlanishga va o'sishga tayyor bo'lgan haqiqiy dizaynersiz!

Albatta, ko'pburchakli grafikani yangi, unchalik inqilobiy deb atash qiyin. Biroq, bu sizning dizayningizni diversifikatsiya qilishga yordam beradi va uni individual va taniqli qiladi. Internetda shiddat bilan tarqalayotgan ko'pburchaklar modasining so'nggi o'sishiga e'tibor bermaslik qiyin.

Ushbu postda siz ko'pburchaklar va ko'pburchak grafikalari haqida bilib olasiz va ulardan qanday foydalanishning ajoyib misollarini ko'rasiz. Shuningdek, biz siz uchun ushbu texnikani o'zlashtirishingizga yordam beradigan bir nechta darslarni to'pladik. Va kim biladi, ehtimol siz bu erda to'plangan asarlar mualliflaridan ham sovuqroq ko'pburchaklar bilan chizasiz!

Ko'pburchak grafikasi nima?

Poligon(yunoncha polygonos — koʻpburchak), koʻpburchak chiziq (matematik), chekli sonli toʻgʻri segmentlardan (bogʻlanishlardan) tashkil topgan siniq chiziq. Ko'pburchak yopiq siniq chiziqni, ya'ni ko'pburchakni ham anglatadi.

Ko'pburchaklar qayerda ishlatiladi?

Javob aniq - raqamli grafikada, albatta! Bu raqamli san'atning bir turi. Ko'pburchakli grafikalar dastlab 3D modellashtirishda video o'yinlar yaratish uchun paydo bo'lgan. Ularning o'lchamlari pastligi sababli, bunday ob'ektlar bor edi yuqori tezlik ko'rsatish. Shuningdek, simli ramka ko'rinishidagi displey kompyuter resurslarini tejash imkonini beradi va model bilan ishlashni osonlashtiradi. Keyin u 2D grafika deb ataladigan narsada mashhur bo'ldi.

Ko'pburchak tasvirlarni qaysi dasturda yaratish mumkin?

Agar siz 3D-da ishlasangiz, buni 3D max, Maya yoki Cinema 4D-da qilishingiz tabiiy bo'ladi. Eng so'nggi dasturiy ta'minot shunchalik samimiyki, hatto bola ham unda chizishi mumkin. Umuman olganda, ko'pburchak grafikasini yaratish juda oson, ayniqsa me'moriy tasvirlar yoki fotorealistik tasvirlar bilan solishtirganda. Bu kompyuterda modellashtirish va animatsiyaning dastlabki kunlarini eslatadi, zamonaviy texnikalar teginish bilan. Va retro uslubi har doim modada bo'lgani uchun deyarli barcha dizaynerlar uni eski texnikadan foydalangan holda yaratadilar.

Ma'lumki, 3D modellar ko'pburchaklar yordamida yaratiladi. Ko'pburchaklar qanchalik ko'p bo'lsa, model shunchalik batafsilroq bo'ladi. Ob'ektni yakuniy qayta ishlash (renderlash) jarayonida u "silliq" ko'rinishga ega bo'ladi. Modellashtirish bosqichida qanchalik kam ko'pburchak ishlatilsa, natija shunchalik mavhum bo'ladi. Aniq effekt uchun siz renderlash sozlamalarida anti-aliasing funksiyasini o'chirib qo'yishingiz mumkin, shunda siz aniq qirralarga ega bo'lasiz. Bularning barchasi siz erishmoqchi bo'lgan effektga bog'liq. Past poli texnologiyasidan foydalanish sahna oddiy bo'ladi degani emas. Siz murakkab teksturalardan, atrof-muhitdagi aks ettirish va sinish uchun real sozlamalardan foydalanishingiz mumkin va hokazo. Ko'pburchak shakllar origamini juda eslatadi va hozirda grafik dizayndagi mashhurlik cho'qqisida.

Bundan tashqari, Adobe Illustrator, CorelDraw va hattoki dasturlarda ko'pburchak asarlar yaratishingiz mumkin. Adobe Photoshop. Ushbu dasturlar, aniq 3D paketlardan farqli o'laroq, ko'pchilik dizaynerlarga tanish.

Tarixiy fon

Ko'pburchak dizayndan oldin san'atning butun harakati bo'lganini bilasizmi? 20-asrning boshlarida ekspressionistik harakat paydo bo'ldi va nihoyatda mashhur bo'ldi. Fotosuratning paydo bo'lishi faqat rassomlarni rag'batlantirdi, chunki endi tasvirni haqiqatda bo'lgani kabi batafsil suratga olish mumkin edi. Ekspressionistlar, aksincha, ob'ektning mohiyatini, kayfiyatini va xarakterini etkazishga harakat qildilar. Ular ataylab tafsilotlardan qochishdi. Bugungi kunda ekspressionizm rasmda ham, raqamli san'atda ham mashhur emas.

Ajoyib misollar

Bu erda zamonaviy raqamli san'atning ba'zi namunalari. Ehtimol, ular sizni yangi asarlar yaratishga ilhomlantiradi:

Darslar

Ushbu qo'llanmada siz Adobe Illustrator dasturida ko'pburchaklardan iborat mozaika yaratasiz. Bepul plagin Scriptographer va sizning tasavvuringiz sizga ushbu oddiy vazifani bajarishda yordam beradi.

Bu erda siz vektorli ko'pburchak mozaikasini qanday yaratishni o'rganasiz bitmap bepul veb-vositasi Triangulator va Adobe Illustrator yordamida.

Ushbu qo'llanmada siz ko'pburchaklar yordamida portretlarni qanday qilishni o'rganasiz. Muallif moda poligonal grafik uslubida chiroyli portret yaratish uchun Photoshop va Illustrator yordamida fotosuratlar bilan qanday ishlashni ko'rsatadi.

3D belgilarni qanday yaratishni o'rgatadigan batafsil video darslik.

Xulosa

Poligonal grafika retro va futurizmning aralashmasidir. O'zgartirilishi, individuallashtirilishi va cheksiz sinovdan o'tishi mumkin bo'lgan abadiy uslub. U har doim zamonaviy, moda va original ko'rinadi. Ko'pburchaklar bilan ishlashga harakat qiling va ularsiz endi yashay olmasligingizni tushunasiz. Agar siz ushbu mavzu bo'yicha o'z fikringizni sharhlarda baham ko'rsangiz, xursand bo'lamiz!

Sayt materiallari asosida: www.onextraixel.com

Yaratishda veb-dizaynda foydalanuvchi interfeyslari piktogramma va teksturalarsiz qilish qiyin. Biroq, agar dizayn boshqa birov tomonidan yaratilgan elementlardan foydalangan bo'lsa, bu uni original bo'lmaydi. Fon har qanday interfeysning eng muhim elementlaridan biridir, shuning uchun uning o'ziga xosligiga alohida e'tibor berilishi kerak. IN yaqinda Fon tasvirlarini yaratish uchun ishlatilishi mumkin bo'lgan uzluksiz teksturalarni yaratish uchun juda ko'p qulay vositalar mavjud. Ushbu vositalarning aksariyati ulardan foydalanish oson va hatto yangi boshlanuvchilar uchun ham ajoyib natijalar berishi mumkin. Ba'zan sichqonchani bir marta bosish professional sifatli teksturani olish uchun etarli. Ixtisoslashgan dasturiy ta'minotdan foydalanib, siz har qanday uslubda fon yaratishingiz va keyin ularni loyihalaringizda ishlatishingiz mumkin. FreelanceToday sizning e'tiboringizga 10 ta bepul tasodifiy fon generatorlarini taqdim etadi.

Trianglify Generator vositasidan Delaunay usuli yordamida yaratilgan gradientlarga qaraganda ancha yumshoq silliq gradientli past poli fonlarni yaratish uchun foydalanish mumkin. Asbob ko'p burchakli teksturalarni yaratish jarayonini sezilarli darajada osonlashtiradigan ko'plab oldindan o'rnatilgan rang kombinatsiyalarini o'z ichiga oladi.

Sozlamalarda foydalanuvchi tuval o'lchamini piksellarda belgilashi, palitrani, hujayra o'lchamini tanlashi va dispersiya darajasini belgilashi mumkin. Shuningdek, siz ko'pburchak entropiyasining og'ishini tanlashingiz mumkin: agar siz qiymatni nolga qo'ysangiz, fon juft qatorlarda joylashgan uchburchaklardan iborat bo'ladi.

Jeneratördan foydalanib, siz professional dizaynerlar tomonidan ishlab chiqilgan 27 ta rang sxemasidan birini tanlashingiz mumkin, ammo agar siz o'zingizning biror narsa qilishingiz kerak bo'lsa, har doim o'zingizning sxemangizni yaratishingiz mumkin. Olingan fonni saqlash mumkin PNG formatlari va SVG.

Trianglify Background Generator vositasi oldingi generator bilan bir xil triangulyatsiya JS plaginidan foydalanadi. Dastur orqasidagi skript COLOURlovers va ColorBrewer'dan bir nechta palitralardan foydalanadi va sizga foydalanishga imkon beradi. qo'shimcha sozlamalar gradient turini tanlash kabi. Asbob shuningdek menyuda ikkita yangi variantga ega: Bleed va Cell Padding, lekin bu funksiya dispersiya darajasini sozlay olmaydi, shuning uchun foydalanuvchi oldindan o'rnatilgan palitralardan birini tanlashi kerak bo'ladi.

Choksiz to'qimalarni yaratish mumkin turli yo'llar bilan, shu jumladan so'zlar yordamida. Geopattern deb nomlangan juda noodatiy vosita aynan shunday ishlaydi. Foydalanuvchi maxsus maydonga so'z yozishi mumkin va dastur teksturani o'zi yaratadi. Minimal harakatlar, maksimal natijalar! Siz faqat bitta yoki ikkita harf yozishingiz va fon sifatida foydalanishingiz mumkin bo'lgan noyob teksturani olishingiz mumkin. Asbob 16 xil shakldan iborat choksiz geometrik naqshlarni yaratuvchi oddiy skript asosida ishlaydi. Geopattern cheksiz miqdordagi ranglardan foydalanadi, shuning uchun u butunlay oldindan aytib bo'lmaydigan natijalarni beradi. Bularning barchasi so'zdagi harflar soniga bog'liq, shuning uchun foydalanuvchi noyob naqsh topmoqchi bo'lsa, tajriba o'tkazishi kerak bo'ladi. Natija PNG formatida saqlanishi mumkin.

Ushbu vosita Delaunay triangulyatsiya usulidan foydalanadi. Natijada juda ta'sirli yuqori kontrastli ko'pburchak fonlar. Xizmat interfeysi juda oddiy, faqat bir nechta slayderlar mavjud bo'lib, ular yordamida siz tuval o'lchamini o'rnatishingiz, yorqinligini, kontrastini va ko'pburchak hajmini o'zgartirishingiz mumkin. Maxsus palitradan foydalanib, kerakli rang sxemasini tanlashingiz mumkin. Tegishli teksturani yaratishning iloji bo'lmasa, "Tasodifiylashtirish" tugmasini bosish orqali fon yaratilishi mumkin va vosita tasodifiy naqsh yaratadi. Tugmani yana bosish orqali siz butunlay boshqacha tasvirni olishingiz mumkin. Jarayon optimal naqsh topilmaguncha takrorlanishi mumkin.

Bir qarashda Flat Surface Shader avvalgi tasodifiy fon generatoridan farq qilmaydi. Biroq, bu xizmat Delaunay triangulyatsiyasiga nisbatan ko'proq tasodifiy va dinamik yondashuvdan foydalanadi; Ko'pburchaklarning paydo bo'lishi biroz xaotikdir, chunki bu vositadagi yorug'lik manbalari doimiy harakatda. Aslida, foydalanuvchi yakuniy natijaga hech qanday ta'sir ko'rsata olmaydi, lekin u rang sxemasini tanlashi mumkin va to'g'ri o'lcham poligonlar. Fon rasmi PNG rastr formatida yoki SVG vektor formatida saqlanishi mumkin.

Ko'pburchak fonlar bugungi kunda trendda, shuning uchun bu kabi generatorlar tobora ko'payib borayotgani ajablanarli emas. Ammo bunday naqshlar hamma joyda mos ko'rinmaydi, ba'zida boshqa narsa kerak bo'ladi. Bunday holda siz Waterpipe.js vositasidan foydalanishingiz mumkin. Ushbu generator tutun effekti bilan tasvirni yaratishga imkon beradi. Foydalanuvchi oldindan o'rnatilgan variantlardan birini yuklab olishi yoki sozlamalarni qo'lda sozlash orqali o'z fonini yaratishi mumkin. Siz fon rangini tanlashingiz mumkin va siz gradientni ham tanlashingiz mumkin. Tutun puflari 3D ob'ektlarga o'xshash bo'lishi kerakligi sababli, siz boshlash va tugatish gradienti yordamida kerakli effektga erishishingiz mumkin. Yengil va quyuq soyalarning kombinatsiyasi haqiqiy tutun effektini yaratadi.

Rangli CSS Gradient Background Generator vositasi veb-saytlar va ilovalar yaratadigan dizaynerlar, ayniqsa iOS bilan ishlaydiganlar uchun foydali bo'lishi aniq. Ushbu veb-xizmat sizga go'zal gradient fonlarni tom ma'noda tezda yaratishga imkon beradi. Asbobning asosiy afzalligi shundaki, u yaratgan gradientlar uchun avtomatik ravishda CSS kodini yaratadi. Bundan tashqari, kichik bir kamchilik bor, chunki chiqish faqat koddir, tasvir emas, shuning uchun fon tasviri faqat Internet loyihalari uchun ishlatilishi mumkin. Agar siz rastr formatida gradient fonini olishingiz kerak bo'lsa, siz uchinchi tomondan foydalanishingiz kerak bo'ladi dasturiy ta'minot. Phantom.JS bu maqsad uchun juda mos keladi, bu vosita ba'zi kodlash ko'nikmalarini talab qiladi, lekin vazifani engish uchun etarlicha moslashuvchan va sodda.

Noyob Gradient Generator vositasidan foydalanib, siz istalgan rastrli tasvirdan fon yaratishingiz mumkin. Tasvirning o'lchami deyarli muhim emas, hatto 7x3 pikselli tasvir ham generator uchun etarli. Asbob Adobe Photoshop-dagi Gauss xiralashtirish effektiga o'xshash manbani butunlay tanib bo'lmaguncha xiralashtiradi. Istalgan natijaga erishish uchun foydalanuvchi manba tasvirini tanlashga biroz vaqt sarflashi kerak bo'ladi, aks holda manbada juda ko'p quyuq soyalar mavjud bo'lsa, ranglar sxemasi biroz loyqa ko'rinadi.

Generatorda 33 ta foydalanishga tayyor tasvirlar kutubxonasi mavjud, biroq siz oʻz fayllaringizni ham yuklashingiz mumkin. Tayyor fonni rastr formatida yoki CSS kodi sifatida yuklab olish mumkin.

Material Design Background Generator vositasi mashhurlik cho'qqisida bo'lgan xizmatdir, chunki yordam bilan ushbu asbobdan ko'p harakat qilmasdan yaratilishi mumkin fon rasmlari Google dizaynerlari va veb-ishlab chiquvchilari tomonidan yaratilgan Material Design uslubida. Bu tasodifiy generator bo'lgani uchun, ba'zi natijalar juda g'alati ko'rinishi mumkin. Shunday qilib, foydalanuvchi mos tasvirni olish uchun biroz vaqt sarflashi kerak bo'ladi. Bu tasodifning narxi, ammo natijada siz loyihangiz uchun chinakam noyob fon yaratishingiz mumkin.

K ning akvarel fon tasvirini yaratish vositasi yaratadi choksiz tekstura akvarel effekti bilan. Jeneratör akvarel dog'larini birlashtirib, taqlid qiluvchi shaffof doiralar yordamida tasvirni yaratadi. Bu haqiqiy akvarelga o'xshamaydi, lekin fon juda qiziq. Teksturani yaratish uchun foydalanuvchi doiralar sonini va ularning o'lchamini ko'rsatishi va rang sxemasini tanlashi kerak. Keyinchalik murakkab to'qimalarni yaratish uchun siz bir nechta qatlamlardan foydalanishingiz mumkin, bu esa yakuniy natijaga ta'sir qiladi.

Polygon yoki Low Poly trendi Internetda tobora ommalashib bormoqda. Ko'proq saytlar bu tendentsiyani asosan sayt fonida ishlatmoqda. Asosan ko'pburchak oddiy kafel shaklidir, lekin to'g'ri burchaklarni ishlatish o'rniga, bu uslub ko'pburchak shakllaridan foydalanadi. Shuningdek, trend asosan uchburchak shakllardan foydalanadi, bu uslub triangulyatsiya deb ham ataladi.

Ushbu to'plam ushbu ko'pburchak uslubini yaratadigan eng mashhur generatorlarni o'z ichiga oladi. Ushbu to'plam bilan siz shunga o'xshash narsalarni juda oson yaratishingiz mumkin.

Poligon uslubidagi fon generatori - Trianglify

Past Poly uslubidagi fonlarni yaratishga imkon beradigan juda oddiy va oddiy generator. Bu erda juda ko'p sozlamalar mavjud emas, ular saytingiz uchun mos va chiroyli fon yaratish uchun etarli. Bundan tashqari, SVG formatida tayyor ko'pburchak fonini bepul yuklab olishingiz mumkin.

Poligon uslubida tasvirlarni yaratish uchun generator

Uchburchak tasvirlarni yaratish uchun ajoyib va ​​funktsional generator. Ko'pgina sozlamalar sizga kerakli tasvirni yaratishga imkon beradi. Tasodifiy natijalarga erishish uchun tasodifiy tugmachadan ham foydalanishingiz mumkin, menimcha, bu ham juda foydali xususiyat. Rasm tayyor bo'lgach, uni PNG va SVG formatlarida yuklab olishingiz mumkin.

Poligon tasvirlarini yaratish uchun oflayn vosita

Ushbu vosita sizga haqiqiy ko'pburchak tasvirini yaratishga imkon beradi, ammo bu erda siz ko'proq qo'lda ishlashingiz kerak bo'ladi va sizga ozgina mahorat kerak bo'ladi. Ushbu vosita bilan ishlashni boshlashdan oldin, men sizga ushbu vositani yuklab olishingiz mumkin bo'lgan muallifning sahifasida joylashtirilgan o'quv videosini tomosha qilishingizni maslahat beraman.

DMesh past poli tasvirlarni yaratish uchun ajoyib dasturdir

Ko'pburchak uslubida chiroyli tasvirlarni yaratish uchun kerak bo'lgan hamma narsani aniq sozlash imkonini beradigan ajoyib va ​​ko'p funktsiyali dastur. Bu dastur bepul, lekin bir nechtasini o'z ichiga olgan pullik versiyasi ham mavjud qo'shimcha funktsiyalar. Bundan tashqari, foydalanishdan oldin trening videosini tomosha qilishni tavsiya etaman.

Tasvir triangulyatsiyasi uchun Java ilovasi

Ajoyib va ​​shu bilan birga oddiy Java ilovasi, uning yordamida Poligon uslubida hech qanday qiyinchiliksiz rasm yaratishingiz mumkin. Ilova bilan ishlashni boshlashdan oldin uni yuklab olishingiz kerak.