Sizning harakat dizayn san'atingiz odamlarni izidan to'xtatadimi? Buni xohlaysizmi?
Siz namoyishni toʻxtatuvchi harakatlanuvchi grafika yaratmoqchisiz, lekin oʻyiningizda aylanib oʻtishni toʻxtatuvchi bunday noziklik yoʻq. Hibsga olingan san'at asarini yaratishning ko'plab usullari mavjud bo'lsa-da, barchasi asoslardan boshlanadi. Ushbu qo'llanmani tugatganingizdan so'ng, siz bir qismdagi dizayn elementlarini va NEGA ular ishlashini ajratib olishingiz va belgilashingiz mumkin bo'ladi. Tayyormisiz?
Salom, men Jastin Petersonman va men sportdagi raqamli kontent direktoriman. To'g'ridan-to'g'ri efirga uzatiladigan televidenieda ishlash uchun siz turli xil bosh kiyimlarni kiyishingiz kerak. Men aslida videograf sifatida chetda roumingdan boshladim. Harakat dizayni bilan shug'ullanganimda, nima uchun ular jilo ko'rinmayotganiga hayron bo'lib, grafikalarim bilan devorga urildim. Bugun men sizlar bilan meni maydondan chetda qoldirib, o‘yin maydoniga olib chiqishga yordam bergan harakat dizayni saboqlarini baham ko‘rish uchun keldim.
Ushbu videoda siz quyidagilarni o‘rganasiz:
- Dizayn qarorlarini tushuning
- Turingizni tanlang
- Kontrast tamoyillarini aniqlang
- Kamera mahoratingizni CG ga tarjima qiling
- Kesim qiling
How to Design Show-Stopping Sports MoGraph
{{lead-magnet}}
O'z dizayningizni tushunish
Biz boshlaymiz juda tanish sahna bilan: ajratilgan ekran ko'rinishi. Bu tarmoq qumdagi chiziqni chizishni va tomoshabinlarni bir tomonni tanlashni xohlaydi. Bu sportni qiziqarli vaqtga aylantiradigan narsaning bir qismidir.Va men bu erda xuddi shu narsani qilaman. Bunda rang va tekstura muqobil, agar men kadrma-kadr ketsam, men shunchaki rangni o'zgartiraman. Men rangni o'zgartiraman. Va bu sizning ishingizda rangdan foydalanishning juda kuchli usuli. Buning ajoyib namunasi - rang o'zgarishi, katta blokdan to'qimalarning o'zgarishi, siz bu erga kirganingizda ko'rishingiz mumkin, ular zarba bilan boshlanadi. Keyin biz to'ldirishga o'tamiz va keyin ranglarni o'zgartiramiz.
Justin Peterson (08:26): Siz ularni ko'rasiz, ranglarning o'zgarishini va fonda teskari o'zgarishini ko'rasiz. Endi yagona jamoa logotipiga e'tibor qaratamiz. Buni ta'kidlamoqchi bo'lganimning sababi shundaki, u rang va to'qimalarning o'zgarishi qanchalik kuchli rang bo'lishi mumkinligini va tekstura o'zgaruvchan asosiy narsa ekanligini ko'rsatadi. Ochilish va yakuniy logotip paydo bo'lganda, haqiqiy hayotdan CGga o'tadigan juda ko'p ma'lumotlar mavjud. Mana, siz allaqachon ko'rgan va meni past burchak ostida va keng burchak ostida ko'rishingiz mumkin. Buning sababi shundaki, keng burchakli linzali past burchak sportchini hayotdan kattaroq ko'rinishga olib keladi. Shunday qilib, keling, CG ga boraylik. Va bu misolda men sizga past burchakli keng burchakli linzalar va 85 millimetrli linzalar o'rtasidagi farqni ko'rsatish uchun yaratgan o'tishim bor. Katta farq bor.
Justin Peterson (09:23): Men pastman. Va keng burchakli linza elementi ob'ektga haqiqatan ham yaqin bo'lishga imkon beradi. Va men buni o'ynaganimda, sizikkita farqni ko'rish mumkin. Buning foni ancha uzoqroqda ko'rinadi va siz uning ustida bir nechta chiroqlarni ko'rasiz. Va bu, 85 millimetrli ob'ektiv, fon ezilgan va haqiqiy bo'lib, keng burchakli ob'ektivga qaraganda Shamrockga ancha yaqinroq bo'ladi. Gap shundaki, men uning hech birini qimirlamadim. Men qilgan narsa kameraning fokus uzunligini o'zgartirish edi. Shunday qilib, keling, vistech-dan past kamera burchaklarining misoliga o'taylik. Ko'ryapsizmi, ular kamerani haqiqatdan ham pastroq tutib, narsalarni o'zlaridan ko'ra kattaroq his qilishlari uchun
Justin Peterson (10:05): Bu erda bizning qora va oq tasvirlarimizga qayting. Men aylana qo'ydim va uni jonlantirdim, keyin uni takrorlash uchun kuzatib bordim. Bu animatsiyaning etakchi turini kuzatishga o'xshaydi. Va siz buni hamma joyda ko'rasiz. Haqiqatan ham, agar men ushbu oxirgi misolga qaytadigan bo'lsam, agar siz barcha oq elementlarga qarasangiz, ular ekranda qanday paydo bo'lganini ko'ring, keyin u yuqoridan boshlanadi va pastga tushadi. Va keyin ular logotipni kengaytirish va ta'kidlash uchun o'sha oq elementdan foydalanadilar. Keyin u qaytib keladi va o'yinchini ochishga olib keladi. Shunday qilib, siz takrorlash dinamik harakatni amalga oshirish uchun qanday ishlatilishini ko'rishingiz mumkin. Ehtimol, agar siz so'nggi bir yilda ijtimoiy tarmoqlarda bo'lgan bo'lsangiz, ma'lum turdagi videoni ko'rgansiz. Bilasizmi, bizning dunyomizda odamlar oyoq kiyimini tashlab, birdan kiyimlarini o'zgartiradiganlar. Bu gugurt kesish deb ataladi. Biz shunchakito'g'ridan-to'g'ri bu erga sakrab o'tmoqchiman va gugurtni kesish haqida gaplashaman. Shunday qilib, bu qismda men logotipni olaman va chiziq bo'ylab o'lchamini moslashtiraman. Va keyin u chiziqdan o'tib ketganda, o'tadi va keyin men shakllarni almashtiraman. Shunday qilib, u logotipdan to'rtburchakga o'tadi. Va bu siz ob'ektni olayotgan joyning eng muhim qismidir. Va u yo'l bo'ylab harakatlanayotganda, u o'zgaradi yoki boshqa narsaga aylanadi.
Justin Peterson (11:44): Menda katta blokdan bir parcha bor, u haqida gaplashmoqchiman, chunki u ko'p narsalarni ko'rsatadi. Bu yerda misollar, hammasi emas, balki ko'plab misollar, avvalroq o'rgangan ba'zi saboqlarga yordam berish va mustahkamlash uchun. Shunday qilib, keling, biz bu erda ketayotganda ularni chaqiramiz, rang, rang Hajmi kattadan kichikgacha Rang Hajmi, Rang, shakl, chiziqdan takrorlash matni va chiziqlar ichida Fil rangi o'zgarishi. Va Filning teskari rangi. Endi kaskad shakli mavjud. Demak, bu uchburchakda bir oz takrorlanish bor.
Justin Peterson (12:52): Siz bu yerda bir necha qum surfini, matnni, koʻproq kaskadli shakllarni koʻrasiz, ular takrorlanish shakli uchburchakdan toʻrtburchak shaklida takrorlanadi. , to'ldirish va kattaligi kichikdan kattagacha. Va keyin biz bu uchburchakni bu erdan oldik va uni yon tomoniga aylantirdik. Va keyin u aylanadi va biroz rang paydo bo'ladi. Buni boshqarishga yordam berish uchun u erda ham rahbarga ergashingkontrast. Shunday qilib, men buni siz uchun ijro etaman, shunda siz uning kontsertda birgalikda ishlashini ko'rishingiz mumkin. Bu juda oddiy, a? Dizayn asoslarini tushunish harakatni loyihalash o'yiningizni keyingi bosqichga olib chiqishi mumkin, ammo siz YouTube darsliklaridan barchasini ololmaysiz. Agar siz ko'proq bilmoqchi bo'lsangiz, dizayn kickstartni ko'rib chiqing va ushbu sakkiz haftalik kursda siz sanoatdan ilhomlangan loyihalar bilan shug'ullanasiz, shu bilan birga dizayn ishingizni darhol oxirigacha oshiradigan asosiy dizayn tushunchalarini o'rganasiz, sizda barcha asosiy bilimlarga ega bo'lasiz. harakatga tayyor hikoyalar taxtasini yaratishni boshlash uchun zarur bo'lgan bilim. Agar sizga ushbu video yoqqan bo'lsa, ko'proq darsliklar, jonli efirlar va soha yangiliklari uchun kanalga obuna bo'ling va qo'ng'iroq belgisini bosganingizga ishonch hosil qiling. Shunday qilib, keyingi maslahatimizni chiqarganimizda sizga xabar beriladi.
Musiqa (14:13): [outro music].
Uy jamoangizni tanlang va ildiz, ildiz, ildiz!Siz katta, qalin logotiplar va jamoaning ranglari va belgilari fonda ishlashini xohlaysiz. Shuningdek, siz ushbu ajratilgan ekran dizaynidan o'yinchilarni ismlari, raqamlari va yuqori o'lchamli tasvirga qarama-qarshi statistikasi bilan tanishtirish uchun foydalanishingiz mumkin.
Ushbu dizayn muvozanat tufayli ishlaydi. Ikkala jamoaga ham katta vazn berilmaydi, bu esa bo'lajak musobaqani teng kurash sifatida sotadi. Ushbu dizayn tanlovi tasvirni qanday yaxshilashini tushunganingizdan so'ng, matn haqida qaror qabul qilish vaqti keldi.
Turingizni tanlang
Ikkita alohida shrift mavjud va siz ularni yaxshi bilsangiz kerak. : Serif va Sans-Serif. Serifning qo'shimcha "oyoqlari", yuqori va pastki qismida bezakli bitlar mavjud. Sans-Serif... bu oyoqlarsiz. O'zini juda tushunarli.
Yodda tutingki, tipografiya tomoshabinga xabarni ifodalashdan iborat. Siz xabardan chalg'itadigan yoki o'qilishi mumkin bo'lgan narsalarni xohlamaysiz, shuning uchun men har doim Sans-Serif-ga yopishib olishingizni maslahat beraman. Tanlash uchun ko'plab ajoyib shriftlar mavjud va tinglovchilaringiz siz qo'ygan narsani tanlay olishiga amin bo'lishingiz mumkin.
Kontrast tamoyillarini aniqlang
Kontrast grafikda urg'u, ustunlik va dinamik energiya yaratish uchun ishlatiladi. Yuqoridagi videoda biz o'lcham, shakl, to'ldirish va chiziq, rang va tekstura haqida batafsil ma'lumot beramiz.
Kontrast - bu turli xil tasvirlar o'rtasidagi munosabatni ko'rsatishning ajoyib usuli.dizayndagi ob'ektlar. Agar sizda xona to'la kvadratchalar bo'lsa, doira to'satdan ajralib turadi. Agar chiziqdagi har bir qush ko'k bo'lsa, qizil rang to'satdan yanada dinamik va qiziqarli bo'ladi. Sport MoGraph-da siz bo'lajak voqea uchun hikoya yaratish va tomoshabinlar uchun yanada ko'proq qiziqish qo'shish uchun kontrastdan foydalanishingiz mumkin.
Kamera ko'nikmalaringizni CG ga tarjima qiling
Haqiqiy hayotdan suratga olishdan CG kamerasi bilan ishlashgacha o'tadigan ko'plab ko'nikmalar mavjud. Misol uchun, men yon chiziqli videografiyani suratga olganimda, men ko'pincha keng burchakli ob'ektivdan foydalanardim va past burchakdan suratga oldim. Bu sportchilarni hayotdan ko'ra kattaroq qilib ko'rsatdi, bu biz urishga harakat qilgan ohangdir. Xo'sh, sizning grafikangiz bilan ham xuddi shunday.
E'tibor bering, past burchakli logotip sizni qanday qilib ichkariga tortadi va ob'ektni kuch va hurmat hissi bilan taqdim etadi. Boshqa tomondan, tekis tasvir logotipni fonga qaratadi. Garchi u texnik jihatdan ishlashi mumkin bo'lsa-da, u unchalik samarali yoki estetik jihatdan yoqimli emas.
Keyingi safar ESPNni tomosha qilayotganingizda, ularning qancha grafikasi past burchakdan keng burchakli ob'ektiv bilan tasvirlanganiga e'tibor bering. .
Make the Cut
Agar siz o'tgan yili ijtimoiy tarmoqlarda bo'lgan bo'lsangiz, odamlarning poyabzal tashlab, sehrli tarzda o'zgarishi tendentsiyasini ko'rgan bo'lsangiz kerak. ularning liboslari. Sanoatda biz buni Match Cut deb atar edik. Xo'sh, bu siz uchun eng samarali vositalardan biriajoyib kompozitsiyani yaratish uchun bir nechta tasvirlarni birlashtirish uchun foydalanishi mumkin.
[BU YERGA QO'SHIMCHI GIF GIF]
Ko'rib turganingizdek, men logotipdan boshlayman, harakatni chiziq bo'lishi uchun moslashtiraman, so'ngra raqam bo'lish uchun yana shu harakatni moslashtiraman. Men o'zgarishlarni kesishda yashiraman, lekin harakat sehrni sotadi.
Dizayningizni yuqori darajaga ko'tarmoqchimisiz?
Bas! Juda oddiy, a? Dizayn asoslarini tushunish sizning harakatlanish dizayn o'yiningizni keyingi bosqichga olib chiqishi mumkin, ammo siz YouTube qo'llanmasidan hammasini ololmaysiz. Agar siz ko'proq bilmoqchi bo'lsangiz, Design Kickstart-ni tekshiring!
Ushbu 8 haftalik kursda siz sanoatdan ilhomlangan loyihalar bilan shug'ullanasiz, shu bilan birga dizayn ishingizni darhol yuksaltiradigan asosiy dizayn tushunchalarini o'rganasiz. Oxir-oqibat, siz harakatga tayyor bo'lgan hikoyalar taxtasini yaratishni boshlash uchun zarur bo'lgan barcha asosiy dizayn bilimlariga ega bo'lasiz.
------------------- ------------------------------------------------- ------------------------------------------------- -----------
O'quv qo'llanmasining to'liq transkripti Quyida 👇:
Justin Peterson (00:00): Siz ajoyib harakatli grafikalar yaratmoqchisiz, lekin sizning O'yinda shunchaki noziklikni to'xtatuvchi o'sha varaq yo'q. Xo'sh, men sizga u erga borishingiz mumkinligini aytish uchun keldim, lekin siz asoslardan boshlashingiz kerak. Ushbu videoni tomosha qilishni tugatganingizdan so'ng, men sizga a ichida dizayn elementlarini ajratish va belgilash imkoniyatiga ega bo'lishingizni xohlaymanparcha va nima uchun ular ishlaydi. Tayyormisiz?
Justin Peterson (00:25): Salom, mening ismim Jastin Peterson. Men raqamli kontent va sport bo'yicha direktorman. Biz hammamiz bilamizki, siz turli xil bosh kiyimlarni kiyishingiz kerak. Aslida videograf sifatida chetda roumingni boshladim. Ishni boshlaganimda, harakat dizayniga o'tishni boshlaganimda, grafikalarim bilan devorga urilib, nega ular bugun jilo ko'rinmaganiga hayron bo'ldim. Men siz bilan o'yinni chetlab o'tishimga yordam bergan harakat dizayni darslarini baham ko'rish uchun keldim. Ushbu videoda siz dizayn qarorlarini tushunishni, o'zingizning turingizni tanlashni, kontrast tamoyillarini aniqlashni, kamera mahoratingizni CG ga tarjima qilishni va biz boshlashdan oldin qisqartirishni o'rganasiz, tavsifdagi havoladagi materiallarni qo'lga kiritganingizga ishonch hosil qiling.
Justin Peterson (01:10): Buni boshlash uchun. Biz tanish joydan boshlaymiz, lekin birinchi navbatda men Diksonga, orqa o‘rindiq, katta blokli texnologiya va ikkita yangi ijodkorga o‘zlarining ajoyib ishlarini baham ko‘rishlari uchun ushbu qo‘llanmada foydalanamiz. Ajratilgan ekran ko'rinishini barcha muxlislar ko'rgan narsadir, ular uni ajratilgan ekran ko'rinishi sifatida tan oladimi yoki yo'qmi. Bu an'anaviy o'yin grafikasi bo'lib, chap tomonda bitta jamoa, o'ng tomonda bitta jamoa bor. Buni ifodalashning turli usullari mavjud, ammo dizayn qarori asosan chiziq chizish bilan bog'liqqumda va siz chapdagi jamoani yoki o'ngdagi jamoani kimga asoslaysiz, deyishadi. Siz jamoa ranglariga ega fon rasmlarini ko'rasiz va logotiplar katta va qalin bo'ladi. Keling, buni ifodalashning bir nechta turli usullarini ko'rib chiqaylik.
Justin Peterson (01:51): Bizda gorizontal, tepada va pastda vertikal versiya mavjud, keyin bu variantda ham o'zgarishlar mavjud. , bu erda bizda qahramon sifatida rasm kesilgan, keyin esa yuqori va pastki. Boshqa tomondan, bu vakillik. Bu o'ng tomondagi o'yinchilar va chap tomondagi o'yinchilarning yuqori va pastki nomlari bilan sizga ko'rsatganimning teskarisi. Shuningdek, siz o'yinchilar gorizontal tuzilmani chap va o'ngda ifodalashlari uchun bu erda gorizontal tuzilmani amalga oshirganligini ko'rasiz. Va keyin bu erda, ular yuqori va pastki qismini bajaradilar. Shunday qilib, ular asosan bitta grafikda bir nechta turli usullarni birlashtirdilar.
Justin Peterson (02:32): Siz Saraf va San Saraf haqida ikki xil shrift mavjud bo'lsa kerak. Shunday qilib, Saraf bu qo'shimcha bezak elementlari yoki harflarning oxiriga biriktirilgan oyoqlari bo'lgan kishi bo'ladi. Holbuki qum Sara nomidan ko'rinib turibdiki, Sara sovg'alarisiz. Shunday qilib, siz sport bilan shug'ullanadigan ishlarning aksariyati qum Saraf bilan bo'ladi. Turning birinchi raqamli qoidasi o'qilishidir. Va ekran bo'ylab harakatlanadigan tur bilan, sizning yakuniyMaqsad - muloqot qilish va qumda sörf qilish tanlov bo'ladi, chunki u silliq, toza va o'qish oson bo'ladi.
Justin Peterson (03:14): Kontrast urg'u, ustunlik, ingl. ishoralar va eng muhimi, grafika ichidagi dinamik energiya. Biz sport grafikasi, o'lchami, shakli, to'ldirish va kontur, rang va teksturada eng ko'p ishlatiladigan kontrast turlarini ko'rib chiqamiz. Kontrastning birinchi turi - bu o'lcham. Shunday qilib, men ikkita kvadratni yonma-yon qo'ydim va men buni tortib olaman, shunda siz bu yonma-yon ekanligini ko'rishingiz uchun. Menda langar nuqtalari o'rtada. Va agar men ushbu slayderda yonma-yon ishqalasam, kontrast element sifatida o'lchamdan foydalanish ba'zi dinamik harakatlarni yaratishi mumkinligini ko'rishingiz mumkin. Shunday qilib, menda bu slayderda ifoda bor va men nimani nazarda tutayotganimni tushunishingiz uchun buni siz uchun o'ynatmoqchiman. Endi bu biroz aqldan ozdi, lekin bu sizga o'lchamdagi kontrastdan foydalanish siz uchun nima qilishi mumkinligi haqida fikr beradi. Bu qatl paytida qanday ko'rinishini ko'rsatish uchun menda bir misol bor. Hammasi joyida. Demak, bu yerda kadrma-kadr yuradigan bo'lsam,
Justin Peterson (04:25): Bu yerda siz boshqa elementlarga ega bo'lgan katta logotipni va kichikroq logotipni ko'rishingiz mumkin. Bu shunga o'xshash ko'rinadi. Buni ko'ra olasizmi? Shunday qilib, ular jamoalar, logotiplar va nomlarni ochib berishda energiya olish uchun bu erda kontrastdan foydalanmoqdalar. Biz kontrastning navbatdagi turibu erda shakl bor. Shunday qilib, men buni o'ynaganimda, ah, aylana ajralib turadi, chunki u oldindan kvadrat edi, keyin siz aylana olasiz. Shunday qilib, men sizga amalda qanday ko'rinishini ko'rsataman. Men ushbu ikkita kvadratni o'rnatdim, siz o'lchamda ko'rgan narsaga o'xshash, kontrast o'lchami misolida. Va men buni faqat ikkita kvadrat ekanligini ko'rishingiz uchun ko'chirmoqchiman, lekin men uni ko'chirdim. Markaziy nuqta aslida bu erda o'rtada bo'lishi uchun. Men aylana bo‘lishi uchun bu yerdagi dumaloqlikni oshirmoqchiman.
Justin Peterson (05:27): Men buni qayta o‘ynaganimda, bu yerda a, aylana va kvadrat va turli nuqtalarda ko‘rasiz. , siz basketbol maydonining kaliti bu yerda, kvadrat o'rtasidagi kontrast, tepada doira bilan ko'rinishini deyarli ko'rishingiz mumkin. Va men bu misolga qaytmoqchiman va bu erda o'lchamdan tashqari ishlatiladigan o'tish elementlari haqida ham gapirishimiz mumkin. Shunday qilib, siz bu erda uchburchak ko'rinishini ko'rishingiz mumkin. Men aylantirganimda, u boshqa tomondan qaytib kelganida, u aylanib ketdi. Shunday qilib, uchburchak o'ng tomonga yo'naltiriladi va ular logotipning qolgan qismini ochib beradi. Shakllarning o'lcham bilan uyg'unligi haqiqatan ham bu animatsiyani kosmosga qaytayotgandek his qilish uchun harakatga keltiradi, balki u qaytib ketayotganda unga biroz chuqurlik beradi. Um, va keyin aniqki, uchburchaklar qaragan umumiy yo'l harakat va harakat bo'lgan burchaklardir.ramka ichida sodir bo'lmoqda.
Justin Peterson (06:27): Biz allaqachon bunga qaytish turlari haqida gapirgan edik, bu erda qarash va his qilish. Keling, shunchaki bemaqsaddan xalos bo'laylik, chunki biz bilamizki, biz Sara qumidan foydalanamiz, aksariyat hollarda matnni Fildan zarbaga almashtiramiz. Siz dinamik harakatni ko'rishingiz mumkin. Va agar siz buni bir nechta boshqa matn qatlamlari bilan birlashtirsangiz, ushbu turdagi kontrast qanchalik dinamik harakatni yaratishi mumkinligini ko'rishingiz mumkin bo'ladi. Keling, Diksonning orqa o'rindig'idan olingan ushbu misolga o'taylik va u Fil she'rining zarbasiga to'la. Ushbu misoldagi misollar, hamma narsa chizilgan. Rioga yetganingizda esa u to‘lib ketadi. Shunday qilib, boshqa barcha shaharlar, Rio to'ldirilgan, chunki unga qo'shimcha e'tibor, men bu 500 foydalanishni yaxshi ko'raman Fildan insult uchun ketadi, chunki unga qo'shimcha ravishda harakat bor. Shunday qilib, u kirib kelishi va joylashishi bilan 500 raqamiga qo'shimcha e'tibor qaratadigan kaskadli tartibda zarbaga o'tadi.
Justin Peterson (07:28): Agar siz shu paytgacha e'tibor bergan bo'lsangiz , Men misollarimda faqat oq va qora ranglardan foydalandim. Va bu qasddan qilingan edi, chunki men qora va oq rangga nisbatan kontrast yaratmoqchi edim. Va men shuni aniqladimki, ko'pincha kontrast haqida gapirganda, u qora va oq rang qo'shish bilan bir qatorda elementni ko'rish osonroq bo'ladi. Shunday qilib, men oq va qora ranglarni ajratib ko'rsatishga va rangli misollarni ko'rsatishga harakat qildim.