Да ли ваша уметност дизајна покрета зауставља људе на путу? Да ли то желите?
Желите да направите графику покрета која зауставља представу, али ваша игра једноставно нема ту финоћу која зауставља померање. Иако постоји много начина да се створи запањујуће уметничко дело, све почиње од основа. Када завршите са овим водичем, моћи ћете да разбијете и дефинишете елементе дизајна унутар дела и ЗАШТО функционишу. Спремни?
![](/wp-content/uploads/history/725/wvsgpwtp93.jpeg)
Здраво, ја сам Џастин Питерсон, и ја сам директор дигиталног садржаја у спорту. Радећи на телевизији уживо, морате носити много различитих шешира. Заправо сам почео лутајући по страни као видеограф. Када сам се бавио мотион дизајном, ударио сам у зид својом графиком, питајући се зашто не изгледају углађено. Данас сам овде да поделим са вама лекције о дизајну покрета које су ми помогле да се склоним са стране и на терен за игру.
У овом видеу ћете научити да:
- Схватите одлуке о дизајну
- Одаберите свој тип
- Идентификујте принципе контраста
- Преведите своје вештине камере у ЦГ
- Направите рез
Како дизајнирати спортски МоГрапх који зауставља појаву
{{леад-магнет}}
Разумевање вашег дизајна
![](/wp-content/uploads/history/725/wvsgpwtp93.gif)
Почећемо са веома познатом сценом: изглед подељеног екрана. Ово је место где мрежа жели да повуче црту у песку и да публика изабере страну. То је део онога што спорт чини тако забавном разонодом.И ја ћу урадити исту ствар овде. Дакле, у овом, боја и текстура, наизменично, ако идем оквир по кадар, само мењам боју. Инвертујем боју. И ово је веома моћан начин да користите боју иу свом раду. Одличан пример овога као што је промена боје, промена текстуре од великог блока, можете видети како уђете овде, почињу са потезом. Онда идемо да попунимо и онда инвертујемо боје.
Џастин Питерсон (08:26): Видите те, видите да се боје мењају и инвертују у позадини. Сада се фокусирајмо на лого једног тима. Разлог због којег сам ово желео да истакнем је зато што показује колико моћна промена боје и текстуре може бити боја, а текстура је примарна ствар која се мења. Како се отвара за откривање и коначни лого, постоји много преносивих информација које иду из стварног живота у ЦГ. Ево што сте већ видели и могли сте да ме видите под ниским углом нагоре, широким углом. А разлог за то је зато што ће мали угао са широкоугаоним сочивом учинити да спортиста изгледа већи од живота. Па идемо на ЦГ. И у овом примеру, имам прелаз који сам направио да вам покажем разлику између тога како изгледа са широкоугаоним сочивом са малим углом у односу на сочиво од 85 милиметара. Постоји огромна разлика.
Џастин Петерсон (09:23): Слабо сам. А елемент широкоугаоног сочива ми омогућава да будем заиста близу објекта. А кад ја ово пустим, тимогу видети две разлике. Позадина на овој је много удаљенија и видите нека светла изнад ње. А ово, сочиво од 85 милиметара, позадина је згњечена и стварна је, чини се много ближом Схамроцку него широкоугаони објектив. Ствар је у томе што ништа од тога нисам померио. Све што сам урадио је да променим жижну даљину камере. Дакле, хајде да скочимо на пример ниских углова камере из Вистецх-а. Видите како држе камеру заиста ниско, да би се ствари осећале веће него што јесу
Џастин Питерсон (10:05): Вратимо се на наше црно-беле визуелне слике. Положио сам круг и анимирао га, а затим сам га пратио за понављање. То је као тип анимације за праћење лидера. И видећете ово свуда. У ствари, ако се вратим на овај последњи пример, ако погледате све беле елементе, видите како наилазе на екран овде, онда почиње горе и спушта се према дну. А онда поново користе тај исти бели елемент да би се проширили и истакли лого. Затим се враћа и води горе да открије играча. Дакле, можете видети како се понављање користи да се заиста покрене тај динамички покрет. Велике су шансе да сте, ако сте били на друштвеним мрежама у последњих годину дана, видели одређену врсту видеа. Знате, оне у којима људи повраћају ципелу и одједном им се одећа промени у нашем свету. Ово се зове шибица. Ми смо самоскочићу овде и причати о резу шибице. Дакле, у овом делу узимам лого и прилагођавам величину како иде дуж линије. И онда када се пробије, линија се пробије и онда мењам облике. Дакле, прелази са логотипа на поравнавање у правоугаоник. А ово је типичан рез који се подудара, где узимате предмет. И док се креће дуж пута, мења се или претвара у нешто друго.
Џастин Питерсон (11:44): Имам овде део из великог блока о којем желим да причам јер показује многе примери овде, не сви, али многи примери овде да помогну и учврсте неке од лекција које сте раније научили. Дакле, хајде да их назовемо док идемо даље, боја, величина боје од велике до мале Величина боје, боја, облик, текст понављања од потеза и Филова боја се мења унутар потеза. И Филова обрнута боја. Сада постоји каскадни облик. Дакле, постоји нешто понављања овде у овом троуглу.
Џастин Питерсон (12:52): Овде видите мало пешчаног сурфања, текста, више каскадних облика са променом облика понављања у, од троугла до правоугаоног потеза понављања , са пуњењем и величином од мале до велике. И онда смо узели овај троугао одавде, овај троугао који је био овде и окренули га на страну. А онда ће се преокренути и има мало боје. Пратите вођу и тамо да бисте заиста помогли у томеконтраст. Тако да ћу вам то одсвирати како бисте могли да видите како све ради заједно на концерту. То је прилично једноставно, а? Разумевање основа дизајна може да подигне вашу игру дизајна покрета на следећи ниво, али нећете све то добити из ИоуТубе туторијала. Ако желите да сазнате више, погледајте почетак дизајна, а овог осмонедељног курса ћете се бавити пројектима инспирисаним индустријом док ћете научити кључне концепте дизајна који ће унапредити ваш рад на дизајну одмах до краја, имаћете све основне знање неопходно за почетак израде сторибоард-а који су спремни за кретање. Ако вам се допао овај видео, обавезно се претплатите на канал за још више туторијала, стримова уживо и вести из индустрије и обавезно притисните икону звона. Тако да ћете бити обавештени када објавимо наш следећи савет.
Музика (14:13): [оутро мусиц].
Изаберите свој домаћи тим и роот, роот, роот!Желите велике, подебљане логотипе и боје и симболе тима који раде у позадини. Такође можете користити овај дизајн подељеног екрана за представљање играча, са њиховим именима, бројевима и статистикама насупрот слике високе резолуције.
![](/wp-content/uploads/history/725/wvsgpwtp93-1.jpeg)
Овај дизајн функционише због равнотеже. Ни једном тиму се не придаје већа тежина, што предстојеће такмичење продаје као битку равноправних. Када схватите како овај избор дизајна побољшава слику, време је да одлучите о тексту.
Одаберите свој тип
![](/wp-content/uploads/history/725/wvsgpwtp93-2.jpeg)
Постоје два различита слова и вероватно их довољно добро познајете : Сериф и Санс-Сериф. Сериф има додатне "стопице", украсне делове на врху и на дну. Санс-Сериф је...без тих стопала. Прилично само по себи разумљиво.
![](/wp-content/uploads/history/725/wvsgpwtp93-3.jpeg)
Запамтите да је типографија искључиво у изражавању поруке гледаоцу. Не желите ништа што одвлачи пажњу од поруке или читљивости, па вам увек препоручујем да се држите Санс-Серифа. Постоји много сјајних фонтова које можете изабрати, и можете бити сигурни да ће ваша публика моћи да покупи оно што постављате.
Идентификујте принципе контраста
![](/wp-content/uploads/history/725/wvsgpwtp93-4.jpeg)
Контраст користи се за стварање нагласка, доминације и динамичке енергије унутар графике. У видео снимку изнад идемо у детаље о величини, облику, испуни и потезу и боји и текстури.
Контраст је одличан начин да се покаже однос између различитихобјеката у вашем дизајну. Ако имате просторију пуну квадрата, круг се изненада истиче. Ако је свака птица на линији плава, црвена је одједном динамичнија и занимљивија. У спортском МоГрапх-у можете користити контраст да бисте креирали нарацију за предстојећи догађај и додали још више интересовања за своју публику.
Преведите своје вештине камере у ЦГ
![](/wp-content/uploads/history/725/wvsgpwtp93-5.jpeg)
Постоје многе преносиве вештине које се крећу од фотографије из стварног живота до рада са ЦГ камером. На пример, када сам снимао видео снимке са стране, често сам користио широкоугаоно сочиво и снимао из ниског угла. Ово је на крају показало да су спортисти већи од живота, што је управо тон који смо покушавали да постигнемо. Па, исто важи и за вашу графику.
![](/wp-content/uploads/history/725/wvsgpwtp93-1.gif)
Приметите како вас лого са ниским углом привлачи, представљајући објекат са осећајем моћи и поштовања. Равна слика, с друге стране, руши лого у позадини. Иако технички може да функционише, није ни приближно тако ефикасан или естетски пријатан.
Следећи пут када будете гледали ЕСПН, обратите пажњу на то колико је њихових графика приказано широкоугаоним сочивом из ниског угла .
Направи рез
![](/wp-content/uploads/history/725/wvsgpwtp93-6.jpeg)
Ако сте били на друштвеним мрежама прошле године, вероватно сте видели тренд да људи повраћају ципелу и магично се трансформишу њихова одећа. У индустрији бисмо ово назвали Матцх Цут. Па, то је такође један од најефикаснијих алата за васможете користити да повежете гомилу слика заједно за одличну композицију.
[ОВДЕ ДОДАЈТЕ ГИФ КОЈИ НЕДОСТАЈЕ]
Као што видите, почињем са логотипом, подударам покрет тако да постане линија, а затим поново подударам тај покрет да постане број. Скривам трансформацију у резу, али покрет продаје магију.
Желите да унапредите свој дизајн?
То је то! Прилично једноставно, а? Разумевање основа дизајна може да подигне вашу игру дизајна покрета на следећи ниво, али нећете све то добити из ИоуТубе водича. Ако желите да сазнате више, погледајте Десигн Кицкстарт!
У овом 8-недељном курсу ћете се бавити пројектима инспирисаним индустријом док учите кључне концепте дизајна који ће одмах унапредити ваш рад на дизајну. На крају ћете имати сво основно знање о дизајну неопходно да почнете да правите табле са причама које су спремне за кретање.
------------------- -------------------------------------------------- -------------------------------------------------- -----------
Пуни транскрипт водича испод 👇:
Џастин Питерсон (00:00): Желите да направите графику која зауставља приказивање покрета, али игра једноставно нема ту финоћу заустављања скроловања. Па, овде сам да вам кажем да можете стићи тамо, али морате почети од основа. Када завршите са гледањем овог видеа, желим да будете у могућности да разложите и дефинишете елементе дизајна унутар акомад и зашто раде. Да ли сте спремни?
Џастин Петерсон (00:25): Здраво, моје име је Џастин Питерсон. Ја сам директор дигиталног садржаја и спорта који ради у спорту. Сви знамо да морате носити много различитих шешира. Заправо је почео да лута по страни као видеограф. Када сам почео, када сам почео да прелазим на мотион дизајн, ударио сам у зид својим графикама, питајући се зашто данас не изгледају углађено. Овде сам да поделим са вама лекције о дизајну покрета које су ми помогле да се склоним са стране и уђем у игру. У овом видеу ћете научити да разумете одлуке о дизајну, изаберете свој тип, идентификујете принципе контраста, преведете своје вештине камере у ЦГ и направите резове пре него што почнемо, побрините се да зграбите материјале на линку у опису
Џастин Петерсон (01:10): За почетак. Почећемо на познатом месту, али прво желим да похвалим Дикона, задње седиште, биг блоцк вис тецх и двојицу свежих креативаца да поделе свој невероватан рад који ћемо користити у овом водичу. Изглед подељеног екрана је нешто што су сви фанови видели, без обзира да ли су га препознали као изглед подељеног екрана или не. То је традиционална графика утакмица где је један тим на левој страни, један тим на десној страни. Постоје различити начини да се ово представи, али у суштини одлука о дизајну се своди на повлачење линијеу песку и говорећи, ко навијаш за тим са леве или за тим са десне стране. Видећете позадину са бојама тима, а логотипи ће бити велики и смели. Па хајде да погледамо неколико различитих начина да ово представимо.
Џастин Петерсон (01:51): Имамо хоризонталну, имамо вертикалну верзију одозго и доле, а онда постоје варијације и на овом , где имамо изрез фотографије као јунака, а затим врх и доњи део. С друге стране, ово је репрезентација. То је обрнуто од онога што сам вам показао са играчима на десној страни и именима играча на врху и дну на левој страни. Такође ћете видети да су овде имплементирали хоризонталну структуру тако да играчи представљају хоризонталну структуру лево и десно. А онда овамо, раде врх и дно. Дакле, они су у основи комбиновали неколико различитих начина приступа овоме у једну графику.
Џастин Петерсон (02:32): Постоје два различита слова за која вероватно знате за Сараф и Сан Сараф. Дакле, Сараф ће бити тај који има ове додатне украсне елементе или ноге причвршћене на крајеве слова. Док је песак Сара, као што име каже, без Сариних поклона. Дакле, већина посла који ћете радити у спорту биће са песком Сарафом. Правило број један типа је читљивост. А са типом који се креће по екрану, ваш ултимативнициљ је комуникација и сурфовање песком ће бити избор јер ће бити углађено, чисто и лако за читање.
Џастин Питерсон (03:14): Контраст се користи да би се створио нагласак, доминација, визуелност знакови, и што је најважније, динамичка енергија унутар графике. Покрићемо најчешће коришћене типове контраста у оквиру спортске графике, величину, облик, испуну и потез и боју и текстуру. Први тип контраста који ћемо покрити је величина. Тако да сам поставио два квадрата један поред другог и извући ћу овај само да видите да је то заиста један поред другог. Имам тачке сидрења овде тачно у средини. И ако трљам један до другог на овом клизачу, можете видети да коришћење величине као контрастног елемента може да створи неке динамичке покрете. Дакле, имам израз на овом клизачу овде, и само ћу вам ово пустити да видите на шта мислим. Сада је мало лудо, али вам даје идеју о томе шта употреба контраста величине може учинити за вас. И овде имам пример да покажем како ово изгледа у извршењу. У реду. Дакле, ако погледам оквир по кадар овде,
Јустин Петерсон (04:25): Можете видети велики лого са стране са неким другим елементима и мањи лого овде. То изгледа слично овоме. Видите ли то? Дакле, овде користе контраст да би покренули енергију када је у питању откривање тимова, логотипа и имена. Следећа врста контраста коју миовде је облик. Дакле, када играм ово, ах, круг се истиче јер су претходно били квадрати, а онда добијете круг. Дозволите ми да вам покажем како то изгледа у пракси. Поставио сам ова два квадрата, слично ономе што сте видели на величини, пример величине контраста. И само ћу да померим ово само да видите да су то била два квадрата, али ја сам то померио унутра. Тако да је централна тачка заправо тачно у средини овде. И повећаћу заокруженост овде да буде круг.
Џастин Петерсон (05:27): Дакле, док играм ово, видите а, круг и квадрат и на различитим тачкама овде , скоро да видите како би овде изгледао кључ кошаркашког терена, контраст између квадрата, са кругом на врху. И вратићу се на овај пример, а можемо говорити и о прелазним елементима који се овде користе поред величине. Дакле, овде можете видети троугао. И док скролујем, када се врати на другу страну, преокренуо се. Дакле, онда троугао иде удесно, и тако откривају остатак, лого. А комбинација облика са величином заиста покреће ову анимацију да се осећа као да се враћате у свемир, али јој такође даје дубину док се враћа. Хм, а онда је очигледно да је општи начин на који су троуглови окренути су углови у којима је кретање и кретањедешава унутар кадра.
Џастин Питерсон (06:27): Већ смо причали о врстама повратка томе, изглед и осећај овде. Хајде да се решимо сурфања јер знамо да ћемо користити песак Сара, углавном, само мењајући текст од Фила до потеза. Можете видети динамично кретање. А ако ово комбинујете са више других слојева текста, моћи ћете да видите колико динамичног покрета овај тип контраста може да створи. Дакле, хајде да пређемо на овај пример са Диксоновог задњег седишта и пун је потеза Филовог стиха. Примери у овом примеру, све је поглађено. А када стигнете у Рио, пун је. Дакле, од свих ових других градова, чињеница да је Рио попуњен због додатне пажње на њега, волим коришћење ових 500 који иду од Фила до можданог удара, јер поред тога постоји и кретање. Дакле, како уђе и како се слегне, прелази на ход у каскадном редоследу који скреће додатну пажњу на број 500.
Џастин Питерсон (07:28): Ако сте приметили до сада , користио сам само црно-бело у својим примерима. И то је било намерно јер сам желео да створим неки контраст онога што је црно-бело у односу на боју. И открио сам да је често лакше видети елемент када говорите о контрасту када је црно-бео у односу на додавање боје. Зато сам покушао да оцртам црно-бело и покажем вам примере боја.