Kitobingiz uchun illyustratsiyalar yaratish. Tasvirli qo'llanma: Qanday qilib brend uslubingizni taniqli qilish mumkin

Salom! Biz bir-birimizni ko'p vaqtdan beri ko'rmaganmiz va ehtimol uzoq vaqt davomida yozmaganmiz. Bugun men sizga o'tgan yil davomida ushbu blog uchun rasm chizish paytida to'plagan barcha tajribamni aytmoqchiman. Qani ketdik!

Men uning juda ko'p soni bilan maqtanishni istardim va hatto gazetalar, jurnallar, yangiliklar portallari, kitoblar uchun ariza sifatida, har kuni o'n minglab odamlar tomonidan qadrlanishi mumkin ... lekin tajriba kamtarona va iborat pensionerlar uchun bitta gazeta va ushbu blog.

Men sizga aytmayman, "siz buni shunday qilishingiz kerak va boshqa yo'l bilan emas"

Illüstratsiya nima

Keling, bu atamaning erkin talqinini boshimning tubida qoldirib, global tarmoqqa murojaat qilaylik.

Illyustratsiya matnni tushuntiruvchi chizma yoki boshqa rasm boʻlib, u fotosuratlar, gravyuralar va boshqa koʻp narsalarni oʻz ichiga olishi mumkin.

Chizmaning maqsadi odatda muhokama qilinayotgan mavzuni ajratib ko'rsatishdan iborat bo'lib, shaklni ko'rsatish, tushuntirish yoki grafik usullar bilan matn mazmunini ko'rsatish emas.

Tuyg'ularni, matnning atmosferasini, hikoyadagi qahramonlarni tasvirlash, ob'ektlarni namoyish qilish uchun ishlatiladi, bosqichma-bosqich ko'rsatmalar va texnik hujjatlardagi diagrammalar.

Illyustratsiyalar qanday qo'llaniladi

Ularni qayerda tez-tez uchratamiz? IMHO, ustuvorlik bolalar kitoblari, keyin veb-saytlar, gazetalar, jurnallar va boshqa kitoblardir.

Gazetalar, asosan, matnda tasvirlangan vaziyatni masxara qiluvchi karikaturalarni tasvirlaydi, jurnallarda esa ko'proq foto kollajlar va kerak bo'lganda, aktsiyalardan sotib olinadigan chizmalardan foydalaniladi.

Haqiqiy xazina - bu bolalar kitoblari va veb-saytlari. Bir fikr bor, va faqat meniki, portfeli bir xil uslubda qilingan bir kishi va shunga o'xshash mavzular uslublar, texnikalar, mavzular va hokazolarga ega bo'lgan odamga qaraganda.

Va bundan qanday xulosa chiqarish mumkin? To'g'ri, agar siz matnga hamroh bo'ladigan suratlar chizib pul ishlamoqchi bo'lsangiz, bozor sizga emas, bozorga moslashishingiz kerak.

Aslida, siz o'yin qoidalarini tushunib, qarshilik ko'rsatishni to'xtatsangiz, ko'rgazmada "D'Artagnan" ni qo'yib yuborsangiz, bu sohada ishlashga ishonishingiz mumkin.

Veb-saytlar bilan, menimcha, vaziyat boshqacha. Ularning ko'plari bor va siz hali ham mijozga moslashishga majbur bo'lishingizga qaramay, bu erda hech kim sizni taqiqlamaydi va hatto mijoz o'zi xohlagan uslubni tanlashi uchun portfelingizni iloji boricha xilma-xil qilishni tavsiya qiladi. uning portalidagi rasmlarga hamrohlik qiling.

Xulosa qilib aytganda, pullik chizmalar deb ataladigan tijorat illyustratsiyasini chizish uchun siz o'z iste'dodlaringizni qo'llashni xohlagan sohani tanlashingiz, bitta uslubda boy portfel yaratishingiz kerak ( tor maydon uchun, masalan, bolalar kitoblari) yoki boshqacha ( mavzular keng doiradagi veb-saytlar va loyihalar uchun) mijozga tajribangizni ko'rsatish uchun.

Umid qilamanki, bugungi kunda umuman qanday chizish kerakligi haqidagi savol tashlab qo'yilishini ikkalamiz ham tushunamiz va biz shakllar va chiziqlar emas, balki g'oya va tushuncha haqida gaplashamiz. Qani, yana boshladik!

1. Birinchi satrlarda siz tushunishingiz kerak, aniqrog'i mijozning rasmni qanday ko'rishini so'rang . Agar javob "Sizning ixtiyoringiz bilan" uslubida bo'lsa, unda o'zingizni omadli deb hisoblang, boshqalar esa oldindan o'z boshlarida rasm yaratadilar va bu sizning qalamingizdan kelgan narsaga to'g'ri kelmasa, shikoyat qiladilar.

Albatta, men o'zimning mijozim va ijrochiman, lekin agar men "kimdir" ga rasmlarga buyurtma bergan bo'lsam, "matn bor - tasvirla" emas, balki aniq nima chizish kerakligini va uni qanday ko'rishimni aytaman.

2. Qoida tariqasida Mening rasmlarim subtitrlarga asoslangan , lekin aniq tasvirni shakllantirish uchun har doim ham etarli ma'lumot yo'q. Boshqa hollarda, men matnni qayta o'qiyman va jumlani butun bo'limdan ajrataman, yoki yaxshiroq, kontekstdan va qandaydir tarzda u bilan o'ynashga harakat qilaman.

3. Mening blogim bor va kuzatishlarimga ko'ra Internet saytlari uchun chizilgan rasmlarning aksariyati ko'ngilochar xarakterga ega. va ular o'quvchini kuldirishni, muhitni suyultirishni va ularga dam olishni xohlashadi.

Adme, lookatme va shunga o'xshash yirik onlayn nashrlar ko'pincha aniq va kerak ijodiy chizmalar. Kitoblar bilan bu oddiyroq - matnni tasvirlaydigan chizma, hech qanday ishora yoki maxfiy ma'nolarsiz.

4. Veb-saytlardagi rasmlar, birinchi navbatda, ushbu varaqni o'qiyotganda o'quvchi aqldan ozmasligi uchun kerak. Shuning uchun, chizmalar qancha ko'p bo'lsa, shuncha yaxshi bo'ladi. Biroq, ehtiyot bo'ling, bitta maqola uchun sakkizta rasm chizish qiyin, lekin mumkin, va o'nta maqola uchun sakkizta rasm chizish o'z joniga qasd qilishdir (men T_Tni bilaman).

Xuddi shu narsa kitoblar uchun ham amal qiladi. Agar mijoz kvadrat santimetr uchun chizmalar sonini qat'iy belgilasa, unda birinchi navbatda siz buni qila olasizmi yoki yo'qligini baholashingiz kerak. Qanday baholash kerak? Buni qabul qilish sinov, u hatto to'lanmagan ham bo'lishi mumkin, chunki agar sizga mos kelsa, ular siz bilan hamkorlik qiladilar, agar bo'lmasa, kelajakda siz faqat og'riq bilan bog'lanadigan loyihaga qullikdan OZODLIKni sotib olasiz.

5. Rasmdagi rang butun matn uchun kayfiyatni belgilaydi. Nur va yorqin chizmalar bilan bog'liq yaxshi kayfiyat va ular matnni "do'stona" deb aytishadi, depressiv ohanglarda yozilmagan va sizni qo'rqitishga harakat qilmaydi. To'q ranglar aksincha, ular matnda tasvirlangan barcha dahshatni etkazish uchun ranglarni qalinlashtirishi mumkin.

6. Qora va oq chizmalar ranglilarga qaraganda tezroq yaratiladi, lekin birinchi qarashda ko'rinadigan darajada tez emas ... Mayli, bu maslahat foydalidir, ehtimol faqat men uchun (chizish uslubim bilan...), lekin Yaqinda Men ranglarni tez-tez qo'shishni boshlayman va ... Men sezilarli darajada uzoqroq chizganman deb aytmagan bo'lardim. Hali rasm chizishni bilmaganlar va "mening uslubim oq-qora bo'ladi" deb o'ylaydiganlar uchun maslahat - men o'ylaganimdek.

7. Orqa fon rasmlarini optimallashtiring. Ko'pincha rasmda ob'ekt muhim, fon esa umuman muhim emas. Fon mavhum yoki pastel rangda bo'lishi mumkin. Agar mijoz sizdan bunday "Atmosfera" ni talab qilmasa, bezovta qilmang - o'zingizga ko'p vaqtni tejaysiz.

8. Bitta rasmga yopishib olishga harakat qiling . Ha, juda g'alati maslahat, javobi: "Dudak aniq!" Ammo biz boshlang'ich rassommiz (agar bo'lmasangiz, unda nimani unutdingiz?) va har bir chizganimiz bizga yangi narsalarni o'rgatadi va har bir ishdan keyin biz yaxshiroq va yaxshiroq chizamiz.

9. Veb-saytlar, gazetalar, jurnallar uchun: bitta chizilgan uslubni tanlaganingizda, ba'zan sizda xarakterga ega bo'lish imkoniyati mavjud. Agar bolaligimda men doimo izlagan gazeta uchun rasmlarni eslasangiz, Petrovich kabi bir qahramon bor edi. Rostini aytsam, u juda hayratlanarli edi, lekin xuddi o'sha qahramonning qanday qilib kirib borishi qiziq edi turli vaziyatlar.

Men o'z blogim uchun shunday qildim, mening maqolalarimda sodir bo'layotgan hamma narsani tasvirlaydigan ikkita asosiy qahramonim bor (yaxshi, men o'rinbosarman).

10. Agar matn tavsiflovchi bo'lsa, ob'ektni chizing, agar u hikoya bo'lsa, harakatni chizing.. Endi tushuntiraman - agar ular menga qo'shnimning qanday ajoyib vazasi borligini tasvirlashsa, men vazani chizaman, agar ular menga bu vaza qanday etib kelganini aytishsa, men zavoddan uygacha bo'lgan butun yo'lni chizishim mumkin. u qanday ishlab chiqarilgan, qanday tushirilgan, yopishtirilgan, tashilgan va hokazo.

11. Eng qat'iy maslahat emas, mening fikrimcha, qanchalik ko'p tafsilotlar bo'lsa, shuncha yaxshi. Ha katta miqdorda kichik detallar ishlab chiqarish jarayonini uzaytiradi, lekin ayni paytda o'quvchiga rasmni yaxshiroq o'qishga yordam beradi. Ko'zlar u yoki bu narsaga yopishadi va tasvir boshga yotqiziladi. Ammo o'rtacha miqdor va kuchli ortiqcha o'rtasida nozik chiziq bor ... bu chiziqni o'zingiz topishingiz kerak;)

Xo'sh, bu erda ko'p narsa yo'q, lekin men aytganimdek, bu mening illyustratsiyalar yaratishdagi tajribam va shaxsan o'zim payqagan ba'zi fikrlarim.

Umid qilamanki, siz uni qiziqarli deb topdingiz va biroz oldingiz foydali bilim.

Va, ha, nima yaratishni unutmang raqamli illyustratsiyalar sizga grafik planshet kerak)) Men oxirgi paytlarda Aliexpress-ga qarayman, ular juda ko'p tomonidan planshetlar past narxlar . Men xitoyliklardan bir necha marta narsalarni sotib olganman va yaqin kelajakda o'zimga yangi planshet sotib olishni rejalashtiryapman... aks holda mening vakkomim allaqachon butunlay eskirgan T_T

Hamma ijodiy kayfiyat Do'stlar!

Oxirgi bir necha hafta davomida men kul rang filtrlardan foydalanishni sinab ko'rdim, natijalar va ular nima qila olishi bilan qiziqdim. Bundan tashqari, meni hayratda qoldirganimdan, Illustrator CS5 da Width Tool-ni topdim. Ushbu ikkita vositaga ega bo'lgan holda, men ulardan yaxshi foydalanishga va Roy Lixtenshteyn uslubida illyustratsiya yaratishga qaror qildim.

Bunday tasvirni qanday yaratishni aytadigan juda ko'p darsliklar mavjud, ammo men buni o'zim ko'rib chiqishga qaror qildim. Boshqa darslarga qiziqmasdim, chunki... mening kasbim faqat o'yin-kulgi edi. Shuning uchun, agar men to'satdan kimningdir texnikasini ko'chirib olgan bo'lsam, unda men haqiqatan ham bilmasdim. Bundan tashqari, ushbu saytda shunga o'xshash uslubda illyustratsiyalar yaratish bo'yicha darsni joylashtirish juda yaxshi bo'lar edi.

Roy Foks Lixtenshteyn (1923 yil 27 oktyabr - 1997 yil 29 sentyabr) - Amerikalik rassom, estrada san'ati vakili. Rassomning muvaffaqiyatini unga komikslar va jurnal grafikasi mavzularidagi asarlari olib keldi. Vikipediya

1-qadam

Illustrator-da ishlashni boshlaylik.
Illustrator-da siz ishlayotgan fotosuratni oching. Men buni Shutterstockda topdim, lekin siz boshqasini tanlashingiz mumkin.

2-qadam

Qalam vositasini (N) tanlang va uni fon sifatida ishlatib, rasm ustiga chizishni boshlang. Men ko'z bilan boshladim. O'quvchilar uchun men Ellips (L) dan foydalandim.

3-qadam

Kattaroq aniqlikka erishish uchun Qalam asbobi (N) va Qalam vositasi (P) bilan chizishni davom eting, lekin... Bu erda mukammallik talab qilinmaydi.

4-qadam

Qalam vositasidan (N) foydalanib, qizning sochlari konturini chizing:

5-qadam

Keyin, sochlar uchun ba'zi tafsilotlarni kiritish uchun bir xil vositalardan foydalaning:

6-qadam

Natijada, biz qizni yaratish uchun vektor elementlarini oldik. Siz foydalanayotgan fotosuratga qarab, xohlaganingizcha ko'proq elementlarni qo'shishingiz mumkin.

7-qadam

Faqat vektor elementlari bilan ishlash uchun fon rasmini olib tashlang:

8-qadam

Illustrator-dagi eng sevimli asboblarimdan biri bu Width Tool (Shift+W). Bu bizning zarbamizning bir qismining zarba kengligini o'zgartirishga imkon beradi. Qarang, bu shunchaki ajoyib!

9-qadam

Xuddi shu vositadan foydalanib, ba'zi zarbalarning kengligini quyidagicha o'zgartiring:

10-qadam

Bir oz rang qo'shish vaqti keldi. Teri uchun bej, sochlar uchun sariq, ko'zlar uchun oq va tafsilotlar uchun qora rangdan foydalandim. Bluza yashil bo'lsin:

11-qadam

Endi Photoshop-ga o'tamiz. Photoshop-da qog'oz teksturasini oching. Men teksturani qiz bilan bir joyda, Shutterstockda topdim.

12-qadam

Qog'oz teksturasining tepasida qatlam yarating va qizning fotosuratini Ko'paytirishni aralashtirish opsiyalari bilan qoplang. IN Ushbu holatda Illustrator'dan vektorlarni import qilish va yarim ohanglarni yaratish uchun bizga kerak bo'ladi.

13-qadam

Fotosuratning qog'oz to'qimalarining chetlaridan tashqariga chiqadigan ortiqcha qismlarini kesib oling. Eng yaxshi yo'l Buning uchun qatlam niqobidan foydalaning:

14-qadam

Qizning fotosurati qatlami ostida yangi qatlam yarating, lekin bizning niqobimiz bilan bir xil papka ichida. Yangi qatlamning aralashtirish rejimini Ko'paytirishga o'zgartiring va uni ko'k rang bilan to'ldiring:

15-qadam

Nusxalash vektor tasvir Illustrator-da va uni Photoshop-ga joylashtiring. O'rnatishda men "Aqlli ob'ektlar" opsiyasidan foydalandim, chunki... bu sizga vektorni istalgan vaqtda to'g'ridan-to'g'ri Photoshop-da tahrirlash imkonini beradi.
Siz sezganingizdek, men yangi qatlamning shaffofligini 70% ga o'rnatdim, shuning uchun siz kerakli qatlam joyini o'rnatishingiz mumkin:

16-qadam

Kerakli joyni topganingizdan so'ng, qatlamni shaffof holga keltiring (100%):

17-qadam

Qizning fotosurati vektor qatlamining tepasida bo'lishi uchun qatlamlar tartibini o'zgartiring. Shundan so'ng, fotosuratni to'yinganligini o'chiring (Rasm > Sozlamalar > To'yinmagan). Oxir-oqibat, siz menikiga o'xshash qora va oq fotosuratga ega bo'lasiz.
Keyin tahrirlash darajalariga o'ting (Rasm > Sozlamalar > Darajalar).
Qora kanalni 60 ga va oq kanalni 195 ga o'zgartiring.
Qatlamimizni aralashtirish rejimini Ko'paytirishga o'rnating:

18-qadam

Filtr > Pixelate > Color Halftone-ni tanlang. Ochilgan oynada barcha kanallar uchun maksimal radius 15 va 199 qiymatini belgilang.
Eslatma: Rasmning o'lchamiga qarab, maksimal radiusni proportsional ravishda sozlang.

19-qadam

Natijada biz olamiz bu rasm. Tasvir deyarli tayyor, qolgan narsa unga eski, eskirgan ko'rinish berishdir. Shuningdek, tish va ko'zlarni pastki ohanglardan tozalashimiz kerak:

20-qadam

Qog'oz teksturasini rasmimizning barcha qatlamlari ustiga qo'ying va aralashtirish rejimini Linear Burn ga o'rnating:

Xulosa

Tasvir tayyor. Bu erda tishlar va ko'zlar allaqachon yarim tonnadan tozalangan.
Xuddi shu tarzda, siz bizning tajribamizdagi kabi Roy Lixtenshteyn uslubida illyustratsiyalar yaratish uchun yarim tonlardan foydalanishingiz mumkin.
E'tiboringiz uchun rahmat.

Bu mavzu tarjima

Menga hanuzgacha o‘sha izchillikdagi savollar bilan xatlar kelyapti: “Men rassom bo‘lmoqchiman, nimadan boshlashim kerak?”, “Qanday qilib chizishni o‘rganishim mumkin?”, “Agar chiza olmasam nima qilishim kerak, menda bormi? illyustrator bo'lish imkoniyati bormi?"

Bir qarashda, savollar juda g'alati. Agar siz qanday chizishni bilmasangiz, boshlashni va sinab ko'rishni xohlamaysiz, hatto chizishni o'rganishni ham xohlamaysiz - siz qanday illyustratorsiz? Nega bu sizga kerak? Ammo hamma narsa birinchi qarashda ko'rinadigan darajada oddiy emas.

Men yaqinda eng yuqorisiga duch keldim xususiy maktab Gamburgda, u tor doirada faqat rassomlarni tayyorlaydi. "Men haqimda" ning birinchi sahifalarida ular illyustrator chizishni biladigan dizayner ekanligini aytishadi.

Men o'zimni kulgili his qildim, chunki men grafik dizaynerman va u holda qabul qildim soxta kamtarlik, yaxshi ta'lim. Orqada uzoq yillar Trening davomida bizga har qanday dizayner rasm chizish, kamerani boshqarish, tipografiyani tushunish va san'atni tushunishi kerakligi haqida doimo aytilgan.

Bizga tipografiya kabi fanlar bilan bir qatorda rasm chizish va fotografiyani ham o'rgatishdi - bu illyustratsiya haqidagi g'oyalarimda o'z aksini topdi. Men "Kasb - illyustrator. Ijodiy fikrlashni o'rganish" kitobimda fotografiyaning illyustratsiyaga ta'siriga bir nechta bo'limlarni bag'ishlaganman.

Rassom chizishni biladigan dizayner degan gap menga juda g'alati tuyuldi. Avvaliga odamlar zamonaviy dizaynerlar nimani o'rgatayotganini bilishmaydi deb qaror qildim. Ammo keyin ular nima haqida gaplashayotganini tushundim shekilli. Ya'ni, illyustrator ko'plab ko'nikmalar va tasvir texnikasiga ega bo'lgan professional bo'lib, ularni ko'pincha dizaynga o'xshash deb atash mumkin.

Darhaqiqat, zamonaviy illyustrator endi an'anaviy bilan bog'lanmaydi vizual texnika: u qog'ozda faqat bo'yoqlar yoki qalamlar bilan ishlashi shart emas. U juda yaxshi chiza olishi shart emas. Qog'oz va qaychi, yog'och va chisel, mato va tikuv mashinasi bilan ishlov berish, faqat kontur va eskizlar darajasida chizish va shu bilan birga hamkasblaridan kam bo'lmagan muvaffaqiyatli va sotiladigan illyustrator bo'lish kifoya. ichida ishlaydi an'anaviy texnikalar.

Bugun men sizning e'tiboringizni zamonaviy illyustratsiya texnikasiga qaratmoqchiman.

“Kelajak illyustratorni qaerdan boshlash kerak?” kabi savollarga. Men allaqachon javob berdim va quyida mening javobimga havolani kuzatib borishingiz mumkin. Va agar kimdir an'anaviy, akademik rasm chizishni o'rganmagan bo'lsa, illyustrator bo'lib chiqadimi degan savolga men "ha" deb javob beraman. Chunki qog'oz va yorug'lik va soya berilmasa, o'zingizni ba'zilarida sinab ko'rishga arziydi noan'anaviy texnologiya, agar hamma narsaga qaramay, siz illyustratsiyani professional tarzda qilishni istasangiz.

Ilhom olish uchun men sizga chiroyli kitobni ko'rsataman - noan'anaviy illyustratsiya texnikasida ishlaydigan rassomlar va rassomlarning asarlari to'plami.

Amerika Amazonida kitob:
Nemis Amazonidagi kitob: Illustration Play: Favquloddalikka intilish



Muqova haqiqiy stikerlar bilan juda chiroyli, teksturali qog'ozda qilingan.

Va kontent shunday ko'rinadi - taniqli illyustratorlar ro'yxati.

Brülör yordamida qilingan rasmlar. Muallif: Genevieve Dionne

O'rnatish rasmlari dan turli materiallar. Stefani Dotson tomonidan yozilgan

Rasmlar-qog'oz va yog'ochdan tayyorlangan o'rnatish. Muallif: Aj Fosik

Eski qadoqdagi rasmlar, konvertlar va boshqalar. Melvin Galapon tomonidan yozilgan

Veb-dizaynda tavakkal qilishga tayyormisiz? Ehtimol, har biringiz ham ijobiy javob berolmaysiz. Biroq, vaqt o'tishi bilan zamonaviy veb-dizaynning o'ziga xos standarti, tendentsiyasi bo'lib qolish xavfi mavjud. Biz buni "biror narsa" ni xavf deb ataymiz, chunki bu nafaqat mavzuni tasavvur qilish va elementlarning o'zgarishini aralashtirish, balki veb-sayt dizayn loyihangizga qanchalik mos kelishini tasavvur qilish ham muhimdir. Bu fotosuratlar va illyustratsiyalarni bitta dizaynda birlashtirish haqida.

Fotografiya hozirgi vaqt realizmni qo'shish uchun ishlatiladi ko'rinish loyiha, tashrif buyuruvchining e'tiborini nimaga qaratish qobiliyati haqida gapiramiz har bir inson hayotidagi juda muhim va zarur narsalar haqida. Rasm yoki chizma ko'pincha tor yo'naltirilgan loyihalar uchun mos keladi va ongsiz ravishda harakat, "karikatura" yoki hatto beparvolik bilan bog'liq.

Ammo veb-dizayn - bu innovatsiya va professionallik san'ati grafik muharrirlar. Shuning uchun, ikki turdagi tasvirlarni birlashtirish juda mumkin. Bugun biz nafaqat veb-ustalar ushbu turdagi tasvirni ishlatish variantlarini, balki ularni Photoshop-da yaratishning nozik tomonlarini ham ko'rib chiqamiz.

Maxsus aksanlar

Illyustratsiyalarni veb-dizaynga kiritish deyarli oson, chunki ular foydalanuvchi interfeysi elementlarini ifodalaydi. Lekin ular qo'lda chizilgan bo'lishi yoki faqat maxsus tugmalar/strelkalar bo'lishi shart emas. Bu yuqori sifatli vektorli grafikalar bo'lishi mumkin. Quyidagi misollarda siz illyustratsiyalar dizaynni qanday hayotga olib kelganini (www.wittycookie.com) ko'rishingiz mumkin, qahramon qahramoni kompaniyaning imkoniyatlarini ifodalaydi.

Logotip tasviri tasviri

Agar siz illyustratsiyani yaxshi ko'rsangiz va veb-dizayn loyihangizda unga e'tibor qaratmoqchi bo'lsangiz, unda yaxshi variant tasvirlangan logo tasviridan foydalanish bo'ladi. Madebyfew.com birinchi loyihasi buni juda yaxshi ifodalaydi. Bundan tashqari, chizmalar hamma joyda aylanalar, serpantin lentalar, tabassumlar va materiallar uchun miniatyuralar ko'rinishidagi alohida dizayn elementlari sifatida ishlatilgan. Sayt konferentsiyaga bag'ishlangan va uning ishtirokchilari namoyish etilganligi sababli, ishtirokchilarning ommaviy surati o'rniga bunday rasmdan foydalanish mumkin.

onehappycampernj.org saytidan olingan yana bir misol biroz oddiyroq, chunki u teksturadan foydalanadi. o'simlik elementlari. O'ziga xosligi shundaki, tasvir har bir qism uchun faqat bitta bo'lim uchun yaratilgan bosh sahifa. Bu sizga diqqatni ma'lumotga qaratish, saytni jonlantirish va ma'lumotlarning o'ziga xosligini ta'kidlash imkonini beradi. Oldingi materiallarimizdan birida biz katta to'qimalar to'plamlari haqida gapirgan edik. Keyin faqat Photoshop-da rangni, shaffoflikni o'zgartirishingiz kerak.

Belgiyaning konosair.be qurilish kompaniyasi ham surat ustida illyustratsiya yaratishga qaror qildi. Shu bilan birga, veb-sayt dizaynida qo'lda chizilgan rasmlar endi ishlatilmaydi. Biroq, hatto dastlabki sahifada ham bu kombinatsiya juda qiziqarli ko'rinadi.

Tipografiya illyustratsiyasi

Suratga taglavha qo'shishning bir usuli bor. Ammo qo'lda chizilgan tipografiya va hatto animatsion tipografiyani tasavvur qiling (archrival.com). Ushbu "hiyla" mavjud video yoki rasmning tepasida ishlatilishi mumkin.

Steptoandson.co.uk/about/ oddiyroq ko'rinadi, bu erda tipografiya va shrift juftligi illyustratsiya sifatida emas, balki matn qatlami sifatida ishlatilgan. Biroq, to'g'ri uslub fotosurat qo'lda, xattotlik yoki trafaret bilan chizilgan va yozilgan degan taassurot qoldiradi.

Hikoya aytib bering

Mamyfactory.com/fr/ loyihasi qiziqarli, chunki chizmalar tom ma'noda hamma joyda qo'llaniladi, lekin fotosuratlar bilan birlashtiriladi. Bunday dizaynni yaratish qiyinroq. Birinchidan, sizga kerak bo'ladi haqiqiy surat qo'llar to'qish bilan shug'ullanadi, ikkinchidan, siz Photoshop-da magnit lasso bilan iplar va to'qishni diqqat bilan tanlashingiz va keyin hammasini chizilgan shaklga aylantirishingiz kerak bo'ladi. Buning uchun plaginlar, chizmachilik ko'nikmalari yoki fotosuratni chizmaga aylantirish bo'yicha oddiy bilim talab qilinishi mumkin.

Discoveryphototours.com/photo-tours/ loyihasining veb-dizaynini illyustratsiya va fotografiyaning ajoyib kombinatsiyasi deb ham atash mumkin. Bu erda fotosuratlar sahifa tanaffuslarida yaratilgan, nashrlar, sarlavhalar cho'tka zarbalari va tasvirlangan tipografiya shaklida yaratilgan.

Gili-lankanfushi.com o'xshash ko'rinadi, uning dizaynida tasvirlangan piktogramma va yozuvlar Maldiv orollari fotosuratlari tepasida, barglarda, yon panelda va altbilgida chizilgan effektni yanada kuchaytiradi.

Rasmlardan foydalanish qoidalari

Bitta loyihada illyustratsiyalar va fotosuratlardan foydalanish - bu tasavvurni rivojlantirish, loyihaga intriga qo'shish va dizaynga biroz murakkablik kiritish imkoniyatidir. Ammo ba'zi qoidalarga rioya qilish kerak. Ha, ha, afsuski, lekin fotosuratlar va rasmlarning kombinatsiyasi uchun ham ular mavjud.

  • Tasvirlar uslubi umumiy dizaynga mos kelishi kerak. Bu shuni anglatadiki, piktogrammalar va piktogrammalar, shuningdek matn ham umumiy uslubga mos kelishi kerak.
  • Belgilar va tugmalar, qo'shimcha kichik rasmlar uchun rasmlardan foydalanish yaxshiroqdir, lekin vizual urg'u va foydalanuvchilar bilan o'zaro aloqa qilish uchun - faqat fotosuratlar.
  • Illyustratsiyalar bilan shablon yaratishdan boshlang va keyin fotosuratlar va videolarni qo'shish orqali aksanlar qo'shing.
  • Fotosuratlar yonida nafaqat rasmlar, balki jonlantirilgan elementlar ham ajoyib ko'rinadi. Masalan, tmfp.co.uk; ular fotosuratlar yonida deyarli sezilmaydi va foydalanuvchini ma'lumotni o'rganishdan umuman chalg'itmaydi.
  • Chizmalar shaklida yorliq yoki kompaniya logotipini yaratish va ularni fotosuratlar yoniga yoki ustiga qo'yish maqsadga muvofiqdir.
  • Rasmlar tashrif buyuruvchiga saytni kezishda yordam beradi, unga hikoya aytib beradi va foydalanuvchini loyiha sahifalari bo‘ylab yo‘naltiradi.

Illyustratsiyalar yaratishFotoshop

Biz boshida aytib o'tgan "xavf" unchalik dahshatli bo'lmaganiga qaramay, rasmni yaratishning eng oson yo'li nima degan savol tug'iladi. Bir tomondan, siz klipartdan foydalanishingiz mumkin, ulardan Internetda ko'plab bepul litsenziyalanganlar mavjud. Ammo boshqa tomondan, siz o'zingiz chizilgan rasmni yaratishingiz mumkin.

Muhimi shundaki, yakuniy materialning sifati uzoq vaqt davomida yaxshilanishi, yorug'lik, qorong'ilik, kontrast va rang bilan o'ynash mumkin. Ha, illyustratsiya uslublari, qo'lda chizish juda ko'p.

Lekin olib kelamiz kichik misol umumiy illyustratsiyani qanday yaratish va undan keyin qanday foydalanish kerak. Esda tutingki, keyin uni vektorga aylantirish yoki vektorga aylantirish mumkin, keraksiz tafsilotlarni olib tashlash va faqat konturlarni qoldirish uchun silgidan foydalanishingiz mumkin. Masalan, sizga sumka yoki poyafzalning chizilgan rasmi kerak, ammo mos klipart yoki chizma uslubi yo'q. Photoshop-ga o'tkazing va keyin barcha ortiqcha narsalarni olib tashlang, kontur chiziqlarini yanada to'yingan qiling va ... voila, chizilgan tayyor.

Masalan, mushukchani olaylik.

Photoshop-ni oching, fotosuratni yangi qatlamga nusxalash, qatlam nusxasini yaratish. Shunday qilib, fon va fotosurat bilan ikkita qatlam mavjud.

Oxirgi qatlamni tanlang (yuqori) va uni Gauss yordamida xiralashtirish. Parametr "ko'z bilan" tanlanadi, chunki barcha fotosuratlar batafsil va rang jihatidan farq qiladi. Ammo bir necha urinishlardan keyin turli darajalarda loyqalash, siz aniq nima kerakligini ko'rasiz.

Shundan so'ng murojaat qiling ushbu qatlamning xususiyatlari - Split. Siz allaqachon qalam chizish uchun bo'sh joy olasiz.

Endi gap mayda-chuydalar haqida. Tarkibni yangi qatlamga nusxalash (Ctrl+Shift+Alt+E) va Desaturate (Rasmni sozlash-Desaturate).

Endi ushbu qatlamning nusxasini yarating va variantni tanlang Chiziqli dimmer.

Ana xolos. Endi ayniqsa qora joylarni asboblar panelidan yoritish mumkin. Siz ravshanlikka erishib, yanada ko'proq qatlamlarni yaratishingiz mumkin. Dog'lardan qochish uchun kulrang joylarni cho'tka bilan tegizishingiz mumkin. Lekin barchasi aniq materialga va sizning tasavvuringizga bog'liq.

Endi tushunarsiz ko'rinadigan illyustratsiya bilan nima qilish kerak? U shablonga kiritilishi mumkin. Biz mushukchalar bilan birini tanladik, u erda bo'limlari bo'lgan bo'lim bor va mushukchamizni ulardan biriga joylashtirdik. Bundan tashqari, biz ko'proq qatlamlarni qo'shdik va uni aniqroq qildik. Agar siz mushukchalarning boshqa chizmalarini turli xil pozalarda yonma-yon ishlatsangiz, biroz boshqacha uslub bering, mushukchalarni yanada konturli qiling, shunda siz bizning materialimiz mavzusining timsolini olasiz. Manba bu yerdan olingan: templatemonster.com/ru/demo/47111.html.

Panjasi ostidagi matnga kelsak, u bu joyda alohida ko'chirilishi mumkin va mushukchaning fonini sahifa tanaffusi bilan bezash mumkin. Bundan tashqari, chekkasini sozlang, atrofdagi dog‘larni o‘chirgich bilan to‘g‘rilang, o‘tkirlashni qo‘llang yoki hatto kuzatish va vektorga aylantirish uchun Illustrator’ga yuboring. Arxitektura va yuzlarni chizmalarga tarjima qilish qulayroqdir.

Tugallash

Bitta veb-sayt dizayni doirasida illyustratsiyalarni fotosuratlar bilan birgalikda ishlatish juda mumkin. Bu hatto ajoyib ko'rinadi, lekin agar kerakli chizmalar mavjud bo'lmasa va uni grafik muharrirlarda o'zingiz yaratishingiz kerak bo'lsa, yaratish qiyin. Agar siz tabiatan va hayotda rasm chizishda unchalik yaxshi bo'lmasangiz, buni qilish qiyinroq. Biroq, illyustratsiyani yaratish mumkin, faqat siz qanday uslubni xohlayotganingiz haqida tasavvurga ega bo'lishingiz kerak. Agar analog mamyfactory.com/fr/ bo'lsa, u holda siz do'kon binosini o'zingiz chizishingiz mumkin, lekin itni fotosuratdan o'tkazing, konturlarni tanlang va ichidagi barcha narsalarni (nuqtalar, artefaktlar, piksellar) silgi bilan olib tashlang.

Veb-dizayn - bu nafaqat vaqtni, balki tasavvurni, san'atga muhabbat va ilhom izlashni ham talab qiladigan ijodiy kasb. Va bilim ham.

Al Power dizayn studiyasidan nega har qanday brend uchun o'ziga xos illyustratsiya uslubini ishlab chiqish muhimligi va ular uchun qulay ko'rsatma yaratish haqida.

Illyustratsiya dizaynning bir shaklidir. Belgilangan cheklovlarsiz, bu san'atning bir elementidir. Biz rasmlarimizga aniqlik kiritish uchun ko'rsatmalardan foydalanamiz.

Bu nima uchun

Sizning uslubingizni aniqlashning kaliti bu sizning asosiy qadriyatlaringizni aniqlash va rasmlardan foydalanishni asoslashdir. Muayyan stilistik ketma-ketlikni yaratganingizdan so'ng, sizda bo'ladi umumiy uslub, bu sizning tasvirlaringiz bilan uyg'unlashadi. Bu shuni anglatadiki, har qanday illyustrator sizning platformangiz bilan osongina ishlashi mumkin va ular umumiy uslubni buzmasligiga ishonch hosil qiladi.

Barqaror uslubni yaratish uchun asosiy ko'rsatkichlarni aniqlash kerak, masalan rang sxemasi yoki shrift qalinligi. Biroq, sizning umumiy uslubingiz va platformangizda xizmat qiladigan funksiya uchun rasmlarning ahamiyati haqida unutmang.

Tasvir uslubiga misol

Uni olib, chizish mumkin emas

Har qanday loyihani boshlashdan oldin, siz va sizning manfaatdor tomonlaringiz loyiha bilan nimaga erishmoqchi ekanligingizni hal qilish muhimdir.

Men odatda menga va manfaatdor tomonlarga loyihadan nimani olishga harakat qilayotganimizni yaxshiroq tushunishga yordam beradigan bir nechta savollarni beraman.

Maqsadlar

  • Nega rasmlar qo'shmoqchisiz?
  • Loyihani qanday baholaysiz?

Mavjud uslublar bo'yicha qo'llanma

Mavjud uslublar bo'yicha qo'llanma odatda ko'p yordam beradi. Bu rasmlarga asoslanmasligi kerak. Asosiy dizayn yo'riqnomalari va platformada berilgan brendni ajratib turadigan barcha narsalar loyihaga to'g'ri e'tibor qaratishga yordam beradi.

Bundan tashqari, rasmlar mavjud rang sxemasiga qanday mos kelishini tushunishingiz kerak. Kompaniyaning o'z rang sxemasiga ega bo'lishi illyustratsiyalar u bilan uyg'un ishlaydi degani emas. Axir, illyustratsiyalar interfeysning qolgan elementlaridan ajralib turishi kerak, shuning uchun tasvirlarda brend ranglarini ishlatish salbiy ta'sir ko'rsatishi mumkin.

Qiymatlar

Sizningcha, illyustratsiyalar platformangiz uchun qanchalik mos? Sizningcha, ular sizning brendingizning o'ziga xosligini ta'kidlaydimi? Ular aniq, aniq, kulgili, batafsil va hokazo bo'ladimi?

Aslida, bu uslubning asosiy xususiyati. Ishni boshlashdan oldin ham, siz interfeysdagi rasmlarga qanday rolni belgilashingizni tushunishingiz kerak. Siz ulardan qanday foydalanasiz: foydalanuvchi qo'llanmasi sifatida, bo'shliqlarni to'ldirish uchun yoki shunchaki loyihangizga shaxsiyat qo'shish uchun.

Moodboards

Mahsulotingizni yaxshi to'ldiradigan uslubdagi kayfiyat taxtalarini yarating. Bu illyustratorga manfaatdor tomon uslub elementiga ishora qilib, “Men buni xohlayman” degan lahzani tushunishini osonlashtiradi. Albatta, bu yakuniy yechim bo'lmaydi, lekin hech bo'lmaganda dizaynerga undan nimani xohlashlarini tushunish imkonini beradi.

Moodboard yaratishda siz tafsilotlarga kirmasligingiz kerak. Mood taxtalari keyingi ish uchun yo'nalish vektorini o'rnatish uchun ko'proq xizmat qiladi. Bu sohada tadqiqot uchun Behance, Dribbble, Pinterest, iStock yoki o'sha yaxshi eski Google tasvir qidiruvi kabi ko'plab manbalar mavjud. Bularning barchasi birinchi artboardni yaratishni boshlashdan oldin iloji boricha ko'proq ma'lumot to'plash uchun amalga oshiriladi.

Darhol ishga kirishga shoshilmang. Birinchidan, nima qilayotganingizni va nima uchun qilayotganingizni tushuning.

Yeng shimarish vaqti keldi

Yaxshiyamki, men ilgari bunday ko'rsatmalarni yaratganman. Men Globoforce jamoasiga qo'shilganimda, menga oq yorliqli platformamizda foydalanish uchun tasvirlangan uslubni yaratish vazifasi berildi.

Tasvirlarning asosiy maqsadi loyihamiz tugallanmagandek tuyulgan joylarga o'ziga xoslik qo'shish edi. Aslida oddiy daraja Bu shunday yangradi: butun platforma bo'ylab izchillik keltiradigan umumiy tasviriy uslubni yarating.

Sinab ko'ring, urinib ko'ring va qayta urinib ko'ring

Hech kim bu jarayon tez va oson deb aytmaydi. Biz uchun ishlamaydigan ko'plab uslublarni o'rganib chiqdik. Bularning barchasi g'oyalarni o'rganish bilan bog'liq. Hech narsa behuda qilinmaydi, barcha g'oyalar yakuniy qarorni shakllantirishga yordam beradi. Bu marragacha yana bitta to‘siqdan sakrab o‘tishga o‘xshaydi.

Ba'zi uslublar ishlaydi, ba'zilari esa yo'q. Va siz shubhasiz yaxshi, lekin loyihangizga mos kelmaydigan g'oyalarni rad etishga tayyor bo'lishingiz kerak.

Illyustratsiyalar tili

Terminologiyaga kelganda hamma bir tilda gaplashishi muhim. Siz hamma uchun tushunarli va qulay atamalar tilini yaratishingiz kerak. Odamlar tushunadigan atamalarni toping. Tafsilotlarga to‘xtalib o‘tishning hojati yo‘q: sizga shunchaki dizaynerlar va manfaatdor tomonlar o‘rtasida muloqot qilish imkonini beruvchi so‘zlarning aniq to‘plami kerak bo‘ladi.

Bizning ikonalarimiz

Saytimizning qulayligini yaxshilash uchun biz piktogrammalardan foydalanamiz. Bizning uslublar bo'yicha qo'llanmada ulardan foydalanish qoidalari, shuningdek, ularning o'lchamlarini tanlash (12 dan 64 pikselgacha) ko'rsatilgan.

Ikonografiya

Bizning matnli rasmlarimiz

Matn illyustratsiyasi ma'lum bir xususiyatni ko'rsatishga yoki tajribani tasvirlashga yordam beradi. Bunday rasmlar ko'zni quvontiradi, sahifada ko'p joy egallamaydi va interfeysga shaxsiyat qo'shadi.

Matn rasmlari

Bizning ishg'ol qilinmagan davlat haqidagi rasmlarimiz

Bo'sh holatning rasmlari xususiyatni tushuntirish uchun ishlatiladi, lekin hech qachon komponentning asosiy yo'nalishi sifatida. Ko'pgina hollarda, ular bo'sh joyni to'ldirish zarurligini ko'rsatish uchun kerak.

Ishg'ol qilinmagan davlatning rasmlari

Sahna rasmlari

Sahna rasmlari kattaroq joyga joylashtiriladi va foydalanuvchiga xususiyat yoki stsenariyni batafsilroq tushuntirish vazifasini bajaradi.

Sahna rasmlari

Bizning yondashuvimiz

Interfeysni jonlantirish uchun rasmlardan foydalanish mumkin. Ular foydalanuvchini xabardor qilish va uning e'tiborini jalb qilish uchun xizmat qiladi.

Oddiy qilib qo'ying

Mahsulotimiz oq yorliqli bo'lgani uchun rasmlar turli xil mijozlar toifalari uchun ishlatiladi. Shuning uchun biz eng oddiy va passiv uslubga yopishib olishga qaror qildik.

Belgilardan foydalanish

Biz hamma joyda belgilarni ishlatishdan bosh tortamiz. Belgilardan foydalanish irq va jinsga oid savollar tug'diradi va mijozlarimizning xilma-xilligini hisobga olsak, oddiylik eng yaxshisidir.

Rang sxemasi

Bizning rang sxemamiz biznes maqsadlaridan kelib chiqqan holda tanlangan. Uning ko'zga tashlanmaydigan tabiati bizni aks ettiradi. keng doira mijozlar. Bizning maqsadimiz brend ranglarini tushunishga kirishish emas, balki illyustratsiyalar bilan foydalanuvchilarni xursand qilishdir.

Rang balansi

Umuman olganda, biz rasmlarda juda ko'p ranglardan foydalanishni to'xtatdik. Biz sxemadagi boshqa ranglardan faqat muvozanat uchun foydalangan holda, o'zimizning "arvoh oq"imizga e'tibor qaratishga harakat qildik.

Oq rang bizning asosiy rangimiz. Undan rasmdagi asosiy elementlar uchun foydalanishga harakat qiling

Sabablari

Rang sub'ektiv ravishda tanlanmasligi kerak. Rasmlar passiv bo'lishi va ko'p e'tiborni jalb qilmasligi kerak. Ranglardan foydalanish mumkin, lekin tanlab. Uslub toza va bo'ysunishi kerak.

Faol bo'lmagan holatlarni tasvirlash uchun ranglar sxemasi

Faol bo'lmagan holatlar varianti uchun biz "arvoh oq" rangimiz va zarbamizdan foydalandik. Bu erda faqat soya ishlatiladi va ranglar yo'q. Vizual yukni kamaytirish uchun biz 50% shaffoflikdan foydalandik.

Bo'sh holat tasviri

Qon tomir

Odatda biz olti pikselli zarbadan foydalanamiz. huzurida kichik qismlar uch pikselli zarbani tanlang. Biz hamma joyda burchaklardagi yaxlitlashlardan ham foydalanamiz. Strok rangi har doim bir xil - # 8A8EA0.

Shunday qilib

Illyustratsion qo'llanmaning asosiy maqsadi - izchil, taniqli uslub, bu sizning platformangizning asosiy qadriyatlarini aks ettiradi. Buning uchun siz uchta qadamni bajarishingiz kerak:

  1. Illyustratsiyalar nima uchun kerakligini aniqlang.
  2. Sizga va biznes maqsadlaringizga mos keladigan uslubni yarating.
  3. Uslubingizni boshqa tushunchalar uchun osongina klonlashingiz mumkin bo'lgan tarzda hujjatlang.

To'liq o'rganishni ko'rish mumkin.