શું તમારી મોશન ડિઝાઇન આર્ટ લોકોને તેમના ટ્રેકમાં રોકે છે? શું તમે ઇચ્છો છો?
તમે શો-સ્ટોપિંગ મોશન ગ્રાફિક્સ બનાવવા માંગો છો, પરંતુ તમારી ગેમમાં સ્ક્રોલ-સ્ટોપિંગ ફીન્સ નથી. જ્યારે અરેસ્ટિંગ આર્ટવર્ક બનાવવાની ઘણી રીતો છે, તે બધી મૂળભૂત બાબતોથી શરૂ થાય છે. જ્યારે તમે આ ટ્યુટોરીયલ સાથે પૂર્ણ કરી લો, ત્યારે તમે ભાગની અંદર ડિઝાઇન તત્વોને તોડી અને વ્યાખ્યાયિત કરી શકશો અને તે શા માટે કાર્ય કરે છે. તૈયાર છો?
![](/wp-content/uploads/history/725/wvsgpwtp93.jpeg)
હાય, હું જસ્ટિન પીટરસન છું અને હું રમતગમતમાં ડિજિટલ કન્ટેન્ટનો ડિરેક્ટર છું. લાઇવ બ્રોડકાસ્ટ ટેલિવિઝનમાં કામ કરવા માટે, તમારે ઘણી જુદી જુદી ટોપીઓ પહેરવી પડશે. મેં વાસ્તવમાં વિડીયોગ્રાફર તરીકે બાજુમાં રોમિંગ કરીને શરૂઆત કરી. જ્યારે હું મોશન ડિઝાઇનમાં આવ્યો, ત્યારે મેં મારા ગ્રાફિક્સ વડે એક દિવાલને ટક્કર મારી, આશ્ચર્ય થયું કે તેઓ શા માટે પોલિશ્ડ દેખાતા નથી. આજે, હું તમારી સાથે મોશન ડિઝાઇન પાઠો શેર કરવા આવ્યો છું જેણે મને સાઇડલાઇન્સથી દૂર અને રમતના મેદાનમાં લાવવામાં મદદ કરી.
આ વિડિઓમાં, તમે આ શીખી શકશો:
- ડિઝાઇનના નિર્ણયોને સમજો
- તમારો પ્રકાર પસંદ કરો
- કોન્ટ્રાસ્ટના સિદ્ધાંતો ઓળખો
- તમારા કૅમેરા કૌશલ્યનો CG માં અનુવાદ કરો
- કટ કરો 8
શો-સ્ટોપિંગ સ્પોર્ટ્સ મોગ્રાફ કેવી રીતે ડિઝાઇન કરવો
{{lead-magnet}}
તમારી ડિઝાઇનને સમજવું
![](/wp-content/uploads/history/725/wvsgpwtp93.gif)
અમે શરૂઆત કરવા જઈ રહ્યા છીએ ખૂબ જ પરિચિત દ્રશ્ય સાથે: સ્પ્લિટ-સ્ક્રીન દેખાવ. આ તે છે જ્યાં નેટવર્ક રેતીમાં રેખા દોરવા અને પ્રેક્ષકોને એક બાજુ પસંદ કરવા માંગે છે. તે રમતોને આવા મનોરંજક મનોરંજન બનાવે છે તેનો એક ભાગ છે.અને હું અહીં એ જ વસ્તુ કરવા જઈ રહ્યો છું. તો આમાં, રંગ અને પોત, વૈકલ્પિક, જો હું ફ્રેમ દ્વારા ફ્રેમમાં જઈશ, તો હું ફક્ત રંગ બદલી રહ્યો છું. હું રંગ ઉલટાવી રહ્યો છું. અને તમારા કાર્યમાં પણ રંગનો ઉપયોગ કરવાની આ એક ખૂબ જ શક્તિશાળી રીત છે. આનું એક ઉત્તમ ઉદાહરણ કારણ કે મોટા બ્લોકમાંથી રંગ પરિવર્તન, ટેક્સચરમાં ફેરફાર, તમે અહીં પ્રવેશતા જ જોઈ શકો છો, તે સ્ટ્રોકથી શરૂ થાય છે. પછી આપણે ભરવા જઈએ છીએ અને પછી આપણે રંગોને ઉલટાવીએ છીએ.
જસ્ટિન પીટરસન (08:26): તમે તે જુઓ છો, તમે પૃષ્ઠભૂમિમાં રંગો બદલાતા અને ઉલટાતા જુઓ છો. હવે ચાલો એક ટીમના લોગો પર ધ્યાન કેન્દ્રિત કરીએ. હું આને પ્રકાશિત કરવા માંગતો હતો તેનું કારણ એ છે કે તે દર્શાવે છે કે કેવી રીતે શક્તિશાળી રંગ અને ટેક્સચર ફેરફાર રંગ અને ટેક્સચર એ પ્રાથમિક વસ્તુ છે જે બદલાઈ રહી છે. જેમ જેમ તે જાહેર કરવા માટે ખુલે છે અને અંતિમ લોગો, ત્યાં ઘણી બધી ટ્રાન્સફરેબલ માહિતી છે જે વાસ્તવિક જીવનથી CG સુધી જાય છે. આ તે છે જે તમે પહેલાથી જ જોઈ લીધું છે અને તમે મને નીચા ખૂણેથી વાઈડ એંગલથી જોઈ શકો છો. અને તેનું કારણ એ છે કે વાઈડ એંગલ લેન્સ સાથે લો એંગલ એથ્લેટ લાર્જર ધેન લાઈફ દેખાડવા જઈ રહ્યું છે. તો ચાલો CG પર જઈએ. અને આ ઉદાહરણમાં, મારી પાસે એક સંક્રમણ છે જે મેં તમને 85 મિલીમીટરના લેન્સ વિરુદ્ધ નીચા ખૂણાવાળા વાઈડ એંગલ લેન્સ સાથે જેવો દેખાય છે તે વચ્ચેનો તફાવત બતાવવા માટે બનાવ્યો છે. ત્યાં ઘણો તફાવત છે.
જસ્ટિન પીટરસન (09:23): હું નીચો છું. અને વાઈડ એંગલ લેન્સ તત્વ મને ખરેખર ઑબ્જેક્ટની નજીક રહેવા દે છે. અને જ્યારે હું આ પાછું રમું છું, ત્યારે તમેબે તફાવતો જોઈ શકે છે. આની પૃષ્ઠભૂમિ ઘણી દૂર લાગે છે અને તમે તેની ઉપર કેટલીક લાઇટ્સ જુઓ છો. અને આ એક, 85 મિલીમીટર લેન્સ, બેકગ્રાઉન્ડ કચડાઈ ગયેલું લાગે છે અને વાસ્તવિક છે, વાઈડ એંગલ લેન્સ કરતા શેમરોકની વધુ નજીક લાગે છે. વાત એ છે કે મેં તેમાંથી કોઈ ખસેડ્યું નથી. મેં માત્ર કેમેરાની ફોકલ લેન્થ બદલી હતી. તો ચાલો vistech માંથી નીચા કેમેરા એંગલના ઉદાહરણમાં જઈએ. તમે જુઓ છો કે કેવી રીતે તેઓ કૅમેરાને ખરેખર નીચા રાખે છે, વસ્તુઓને તેઓ કરતાં વધુ મોટી લાગે છે
જસ્ટિન પીટરસન (10:05): અહીં અમારા કાળા અને સફેદ દ્રશ્યો પર પાછા જાઓ. મેં એક વર્તુળ નાખ્યું છે અને તેને એનિમેટ કર્યું છે, અને પછી મેં પુનરાવર્તન માટે તેને અનુસર્યું છે. તે એનિમેશનના લીડર પ્રકારને અનુસરવા જેવું છે. અને તમે આ બધી જગ્યાએ જોશો. વાસ્તવમાં, જો હું આ છેલ્લા ઉદાહરણ પર પાછા જાઉં, જો તમે બધા સફેદ તત્વોને જુઓ, જુઓ કે તેઓ અહીં સ્ક્રીન પર કેવી રીતે આવે છે, તો તે ઉપરથી શરૂ થાય છે અને નીચેની તરફ આવે છે. અને પછી તેઓ લોગોને વિસ્તૃત કરવા અને હાઇલાઇટ કરવા માટે તે જ સફેદ તત્વનો ફરીથી ઉપયોગ કરે છે. પછી તે પાછું આવે છે અને ખેલાડીને જાહેર કરવા તરફ દોરી જાય છે. તેથી તમે જોઈ શકો છો કે તે ગતિશીલ ચળવળને ચલાવવા માટે પુનરાવર્તનનો ઉપયોગ કેવી રીતે થાય છે. સંભવ છે કે, જો તમે છેલ્લા વર્ષમાં સોશિયલ મીડિયા પર છો, તો તમે ચોક્કસ પ્રકારનો વીડિયો જોયો હશે. તમે જાણો છો, જ્યાં લોકો જૂતા ફેંકે છે અને અચાનક તેમના કપડાં આપણા વિશ્વમાં બદલાઈ જાય છે. આને મેચ કટ કહેવામાં આવે છે. અમે માત્ર છીએઅહીં જ કૂદી જઈશ અને મેચ કટ વિશે વાત કરીશ. તેથી આ ભાગમાં, હું લોગો લઈ રહ્યો છું અને તે લાઇનની સાથે જાય તેમ સાઇઝ એડજસ્ટ કરી રહ્યો છું. અને પછી જ્યારે તે લાઇન તોડે છે અને પછી હું આકાર બદલી રહ્યો છું. તેથી તે લંબચોરસને સંરેખિત કરવા માટે લોગોમાંથી સંક્રમણ કરી રહ્યું છે. અને આ અદભૂત મેચ કટ છે, જ્યાં તમે કોઈ વસ્તુ લઈ રહ્યા છો. અને જ્યારે તે કોઈ પાથ પર આગળ વધે છે, ત્યારે તે બદલાઈ જાય છે અથવા કંઈક બીજામાં મોર્ફ કરે છે.
જસ્ટિન પીટરસન (11:44): મારી પાસે અહીં મોટા બ્લોકમાંથી એક ભાગ છે જેના પર હું વાત કરવા માંગુ છું કારણ કે તે ઘણા અહીંના ઉદાહરણો, બધા નહીં, પરંતુ તમે અગાઉ શીખેલા કેટલાક પાઠોને મદદ કરવા અને મજબૂત કરવા માટે અહીંના ઘણા ઉદાહરણો છે. તો ચાલો તેમને બોલાવીએ જેમ આપણે અહીં જઈએ છીએ, રંગ, રંગનું કદ મોટાથી નાના સુધી રંગનું કદ, રંગ, આકાર, સ્ટ્રોકમાંથી પુનરાવર્તન ટેક્સ્ટ અને સ્ટ્રોકની અંદર ફિલનો રંગ બદલાય છે. અને ફિલનો ઇન્વર્ટેડ કલર. હવે એક કેસ્કેડીંગ આકાર છે. તેથી અહીં આ ત્રિકોણમાં થોડું પુનરાવર્તન છે.
જસ્ટિન પીટરસન (12:52): તમે ત્રિકોણથી લંબચોરસ પુનરાવર્તન સ્ટ્રોકમાં આકારમાં પુનરાવર્તન સાથે કેટલાક સેન્ડ સર્ફ, ટેક્સ્ટ, વધુ કેસ્કેડિંગ આકારો જુઓ છો , નાનાથી મોટા સુધી ભરણ અને કદ સાથે. અને પછી આપણે આ ત્રિકોણને અહીંથી લીધો, આ ત્રિકોણ જે અહીં હતો અને તેને તેની બાજુએ પલટી નાખ્યો. અને પછી તે ફેરવાઈ જશે અને ત્યાં થોડો રંગ હશે. ખરેખર તે ચલાવવામાં મદદ કરવા માટે ત્યાંના નેતાને પણ અનુસરોવિપરીત તેથી હું તે તમારા માટે પાછું રમીશ જેથી તમે તેને કોન્સર્ટમાં એકસાથે કામ કરતા જોઈ શકો. તે ખૂબ સરળ છે, હહ? ડિઝાઇનની મૂળભૂત બાબતોને સમજવાથી તમારી મોશન ડિઝાઇન ગેમને આગલા સ્તર પર લઈ જઈ શકાય છે, પરંતુ તમે આ બધું YouTube ટ્યુટોરિયલ્સમાંથી મેળવી શકશો નહીં. જો તમે વધુ જાણવા માંગતા હો, તો ડિઝાઇન કિકસ્ટાર્ટ તપાસો, અને આ આઠ અઠવાડિયાના અભ્યાસક્રમમાં તમે મુખ્ય ડિઝાઇન ખ્યાલો શીખતી વખતે ઉદ્યોગ પ્રેરિત પ્રોજેક્ટ્સ પર ભાગ લેશો જે તમારા ડિઝાઇન કાર્યને અંત સુધીમાં ઉન્નત બનાવશે, તમારી પાસે તમામ પાયાની વસ્તુઓ હશે. ગતિ માટે તૈયાર સ્ટોરીબોર્ડ બનાવવા માટે જરૂરી જ્ઞાન. જો તમને આ વિડિયો ગમ્યો હોય, તો ખાતરી કરો કે તમે હજી પણ વધુ ટ્યુટોરિયલ્સ, લાઇવ સ્ટ્રીમ્સ અને ઉદ્યોગના સમાચારો માટે ચેનલને સબ્સ્ક્રાઇબ કરો છો અને ખાતરી કરો કે તમે બેલ આઇકોનને દબાવો છો. તેથી જ્યારે અમે અમારી આગલી ટિપ રજૂ કરીશું ત્યારે તમને સૂચિત કરવામાં આવશે.
સંગીત (14:13): [outro music].
તમારી હોમ ટીમ પસંદ કરો અને રુટ, રુટ, રુટ!તમે મોટા, બોલ્ડ લોગો અને ટીમના રંગો અને પ્રતીકો પૃષ્ઠભૂમિમાં કામ કરવા માંગો છો. તમે આ સ્પ્લિટ-સ્ક્રીન ડિઝાઇનનો ઉપયોગ પ્લેયરના પરિચય માટે પણ કરી શકો છો, તેમના નામ, નંબરો અને આંકડાઓ હાઇ-રિઝોલ્યુશન ઇમેજની સામે છે.
![](/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)
કોન્ટ્રાસ્ટ ગ્રાફિક્સમાં ભાર, વર્ચસ્વ અને ગતિશીલ ઊર્જા બનાવવા માટે વપરાય છે. ઉપરોક્ત વિડિયોમાં આપણે કદ, આકાર, ભરણ અને સ્ટ્રોક અને રંગ અને ટેક્સચર પર વિગતવાર જઈએ છીએ.
વિરોધાભાસ એ વિવિધ વચ્ચેનો સંબંધ દર્શાવવાની એક સરસ રીત છે.તમારી ડિઝાઇનમાં વસ્તુઓ. જો તમારી પાસે ચોરસની જગ્યા હોય, તો વર્તુળ અચાનક બહાર આવે છે. જો લીટી પરનું દરેક પક્ષી વાદળી છે, તો લાલ એક અચાનક વધુ ગતિશીલ અને રસપ્રદ છે. સ્પોર્ટ્સ MoGraph માં, તમે આવનારી ઇવેન્ટ માટે વર્ણન બનાવવા માટે કોન્ટ્રાસ્ટનો ઉપયોગ કરી શકો છો અને તમારા પ્રેક્ષકો માટે વધુ રસ ઉમેરી શકો છો.
તમારા કૅમેરા કૌશલ્યોનો CGમાં અનુવાદ કરો
![](/wp-content/uploads/history/725/wvsgpwtp93-5.jpeg)
અહીં વાસ્તવિક જીવનની ફોટોગ્રાફીથી લઈને CG કૅમેરા વર્કમાં ટ્રાન્સફર કરી શકાય તેવી ઘણી કુશળતા છે. ઉદાહરણ તરીકે, જ્યારે હું સાઇડલાઇન વિડિયોગ્રાફી શૂટ કરતો હતો, ત્યારે હું ઘણીવાર વાઇડ-એંગલ લેન્સનો ઉપયોગ કરતો હતો અને નીચા કોણથી શૂટ કરતો હતો. આનાથી એથ્લેટ્સને લાર્જર-ધર-લાઇફ તરીકે દર્શાવવામાં આવ્યું, જે બરાબર તે જ સ્વર છે જે અમે પ્રહાર કરવાનો પ્રયાસ કરી રહ્યા હતા. ઠીક છે, એ જ તમારા ગ્રાફિક્સ સાથે સાચું છે.
![](/wp-content/uploads/history/725/wvsgpwtp93-1.gif)
ઓબ્જેક્ટને શક્તિ અને આદરની ભાવના સાથે રજૂ કરીને, લો-એંગલ લોગો તમને કેવી રીતે ખેંચે છે તેની નોંધ લો. બીજી બાજુ, ફ્લેટ ઇમેજ, બેકગ્રાઉન્ડ સામે લોગોને કચડી નાખે છે. જ્યારે તે તકનીકી રીતે કામ કરી શકે છે, તે અસરકારક અથવા સૌંદર્યલક્ષી રીતે આનંદદાયક ક્યાંય પણ નથી.
આગલી વખતે જ્યારે તમે ESPN જોશો, ત્યારે ધ્યાન આપો કે તેમના કેટલા ગ્રાફિક્સ નીચા કોણથી વાઈડ-એંગલ લેન્સ વડે રેન્ડર કરવામાં આવ્યા છે. .
મેક ધ કટ
![](/wp-content/uploads/history/725/wvsgpwtp93-6.jpeg)
જો તમે પાછલા વર્ષમાં સોશિયલ મીડિયા પર હતા, તો તમે કદાચ લોકોનો જૂતા ફેંકવાનો અને જાદુઈ રીતે પરિવર્તન કરવાનો ટ્રેન્ડ જોયો હશે તેમનો પોશાક. ઉદ્યોગમાં, અમે આને મેચ કટ કહીશું. ઠીક છે, તે તમારા માટે સૌથી અસરકારક સાધનોમાંનું એક પણ છેએક મહાન રચના માટે છબીઓના સમૂહને એકસાથે બાંધવા માટે ઉપયોગ કરી શકો છો.
[અહીં ગુમ થયેલ GIF ઉમેરો]
જેમ તમે જોઈ શકો છો, હું એક લોગોથી શરૂઆત કરું છું, ચળવળને મેચ કરું છું જેથી તે એક રેખા બની જાય, પછી સંખ્યા બનવા માટે તે ચળવળને ફરીથી મેચ કરો. હું કટમાં પરિવર્તન છુપાવી રહ્યો છું, પરંતુ ગતિ જાદુ વેચે છે.
તમારી ડિઝાઈનને એક ઉંચાઈ પર લઈ જવા માંગો છો?
બસ! ખૂબ સરળ, હહ? ડિઝાઇનની મૂળભૂત બાબતોને સમજવાથી તમારી મોશન ડિઝાઇન ગેમને આગલા સ્તર પર લઈ જઈ શકાય છે, પરંતુ તમે આ બધું YouTube ટ્યુટોરિયલમાંથી મેળવી શકશો નહીં. જો તમે વધુ જાણવા માંગતા હો, તો ડિઝાઇન કિકસ્ટાર્ટ તપાસો!
આ 8-અઠવાડિયાના કોર્સમાં, તમે મુખ્ય ડિઝાઇન ખ્યાલો શીખતી વખતે ઉદ્યોગ-પ્રેરિત પ્રોજેક્ટ્સ પર ભાગ લેશો જે તરત જ તમારા ડિઝાઇન કાર્યને ઉન્નત કરશે. અંત સુધીમાં, તમારી પાસે મોશન તૈયાર હોય તેવા સ્ટોરીબોર્ડ બનાવવાનું શરૂ કરવા માટે જરૂરી તમામ મૂળભૂત ડિઝાઇન જ્ઞાન હશે.
---------------------- -------------------------------------------------- -------------------------------------------------- -----------
ટ્યુટોરીયલ સંપૂર્ણ ટ્રાન્સક્રિપ્ટ નીચે 👇:
જસ્ટિન પીટરસન (00:00): તમે શોસ્ટોપિંગ મોશન ગ્રાફિક્સ બનાવવા માંગો છો, પરંતુ તમારા રમતમાં ફક્ત તે સ્ક્રોલ અટકાવવાની ચાતુર્ય નથી. ઠીક છે, હું તમને કહેવા માટે અહીં છું કે તમે ત્યાં પહોંચી શકો છો, પરંતુ તમારે મૂળભૂત બાબતોથી શરૂઆત કરવાની જરૂર છે. જ્યારે તમે આ વિડિયો જોવાનું પૂર્ણ કરી લો, ત્યારે હું ઈચ્છું છું કે તમે એમાં ડિઝાઇન તત્વોને તોડી અને વ્યાખ્યાયિત કરી શકોભાગ અને તેઓ શા માટે કામ કરે છે. શું તમે તૈયાર છો?
જસ્ટિન પીટરસન (00:25): હાય, મારું નામ જસ્ટિન પીટરસન છે. હું રમતગમતમાં કામ કરતી ડિજિટલ સામગ્રી અને રમતોનો નિર્દેશક છું. આપણે બધા જાણીએ છીએ કે તમારે ઘણી જુદી જુદી ટોપીઓ પહેરવી પડશે. વાસ્તવમાં વિડીયોગ્રાફર તરીકે બાજુમાં ફરવાનું શરૂ કર્યું. જ્યારે મેં શરૂઆત કરી, જ્યારે મેં મોશન ડિઝાઇનમાં સંક્રમણ કરવાનું શરૂ કર્યું, ત્યારે મેં મારા ગ્રાફિક્સ સાથે એક દિવાલને ટક્કર મારી, આશ્ચર્ય થયું કે તેઓ આજે શા માટે પોલિશ્ડ દેખાતા નથી. હું તમારી સાથે મોશન ડિઝાઈનના પાઠો શેર કરવા માટે અહીં છું જેણે મને રમતમાંથી બહાર આવવામાં મદદ કરી. આ વિડિયોમાં, તમે ડિઝાઈનના નિર્ણયોને સમજવાનું, તમારો પ્રકાર પસંદ કરવાનું, કોન્ટ્રાસ્ટના સિદ્ધાંતોને ઓળખવાનું, તમારા કૅમેરા કૌશલ્યોને CGમાં અનુવાદિત કરવાનું શીખવા જઈ રહ્યાં છો અને અમે શરૂ કરીએ તે પહેલાં કટ બનાવવાનું શીખવા જઈ રહ્યાં છો, ખાતરી કરો કે તમે વર્ણનમાંની લિંક પરની સામગ્રીને પકડો છો.
જસ્ટિન પીટરસન (01:10): આને શરૂ કરવા માટે. અમે એક પરિચિત જગ્યાએથી શરૂઆત કરવા જઈ રહ્યા છીએ, પરંતુ પહેલા હું ડિક્સન, બેકસીટ, બિગ બ્લોક વિઝ ટેક અને બે નવા સર્જનાત્મકને તેમના અદ્ભુત કાર્યને શેર કરવા માટે એક અવાજ આપવા માંગુ છું જેનો અમે આ ટ્યુટોરીયલમાં ઉપયોગ કરીશું. સ્પ્લિટ-સ્ક્રીન દેખાવ એ કંઈક છે જે બધા ચાહકોએ જોયું છે, પછી ભલે તેઓ તેને સ્પ્લિટ-સ્ક્રીન દેખાવ તરીકે ઓળખતા હોય કે ન હોય. તે પરંપરાગત મેચઅપ ગ્રાફિક છે જ્યાં ડાબી બાજુએ એક ટીમ છે, જમણી બાજુએ એક ટીમ છે. આને રજૂ કરવાની વિવિધ રીતો છે, પરંતુ આવશ્યકપણે ડિઝાઇનનો નિર્ણય રેખા દોરવા માટે આવે છેરેતીમાં અને કહે છે, તમે ડાબી બાજુની ટીમ અથવા જમણી બાજુની ટીમ માટે કોણ છો. તમે ટીમના રંગો સાથે બેકગ્રાઉન્ડ જોશો અને લોગો મોટા અને બોલ્ડ હશે. તો ચાલો આને રજૂ કરવાની કેટલીક અલગ-અલગ રીતો જોઈએ.
જસ્ટિન પીટરસન (01:51): આપણી પાસે હોરીઝોન્ટલ છે, આપણી પાસે ઉપર અને નીચે વર્ટિકલ વર્ટીકલ છે, અને પછી આમાં પણ ભિન્નતા છે. , જ્યાં અમારી પાસે હીરો તરીકે ફોટો કટઆઉટ છે, અને પછી ઉપર અને નીચે. બીજી બાજુ, આ એક રજૂઆત છે. તે જમણી બાજુના ખેલાડીઓ સાથે અને ડાબી બાજુના ઉપર અને નીચે ખેલાડીઓના નામો સાથે મેં તમને જે બતાવ્યું તેનાથી વિપરીત છે. તમે એ પણ જોશો કે તેઓએ આડું માળખું અહીં અમલમાં મૂક્યું છે જેથી ખેલાડીઓ ડાબે અને જમણે આડી રચનાનું પ્રતિનિધિત્વ કરે. અને પછી અહીં, તેઓ ઉપર અને નીચે કરે છે. તેથી તેઓએ મૂળભૂત રીતે આને એક ગ્રાફિકમાં પહોંચવાની કેટલીક અલગ-અલગ રીતોને જોડી.
જસ્ટિન પીટરસન (02:32): ત્યાં બે અલગ-અલગ ટાઈપફેસ છે જે તમે કદાચ સરાફ અને સાન સરાફ વિશે જાણતા હશો. તેથી સરાફ તે હશે કે જેમાં અક્ષરોના અંતમાં આ વધારાના સુશોભન તત્વો અથવા પગ જોડાયેલા હોય. જ્યારે નામ સૂચવે છે તેમ રેતી સારાહ સારાહ ભેટ વિના છે. તેથી તમે રમતગમતમાં જે કામ કરવા જઈ રહ્યા છો તે મોટા ભાગનું કામ રેતી સરાફ સાથે થવાનું છે. પ્રકારનો નંબર એક નિયમ સુવાચ્યતા છે. અને સ્ક્રીન પર ફરે તેવા પ્રકાર સાથે, તમારું અંતિમધ્યેય વાતચીત કરવાનો છે અને સેન્ડ સર્ફ એ પસંદગી હશે કારણ કે તે આકર્ષક, સ્વચ્છ અને વાંચવામાં સરળ હશે.
જસ્ટિન પીટરસન (03:14): કોન્ટ્રાસ્ટનો ઉપયોગ ભાર, પ્રભુત્વ, દ્રશ્ય બનાવવા માટે થાય છે સંકેતો, અને સૌથી અગત્યનું, ગ્રાફિક્સમાં ગતિશીલ ઊર્જા. અમે સ્પોર્ટ્સ ગ્રાફિક્સ, કદ, આકાર, ભરણ અને સ્ટ્રોક અને રંગ અને ટેક્સચરમાં સૌથી સામાન્ય રીતે ઉપયોગમાં લેવાતા કોન્ટ્રાસ્ટના પ્રકારોને આવરી લઈશું. પ્રથમ પ્રકારનો કોન્ટ્રાસ્ટ જે આપણે આવરી લેવા જઈ રહ્યા છીએ તે કદ છે. તેથી મેં બે ચોરસ બાજુ-બાજુ નાખ્યા છે અને હું આને બહાર ખેંચીશ જેથી તમે જોઈ શકો કે તે ખરેખર બાજુ-બાજુ છે. મારી પાસે અહીં મધ્યમાં એન્કર પોઈન્ટ છે. અને જો હું આ સ્લાઇડર પર બાજુથી બાજુમાં સ્ક્રબ કરું, તો તમે જોઈ શકો છો કે કદનો ઉપયોગ કરીને કોન્ટ્રાસ્ટ એલિમેન્ટ કેટલીક ગતિશીલ હલનચલન બનાવી શકે છે. તેથી મારી પાસે અહીં આ સ્લાઇડર પર એક અભિવ્યક્તિ છે, અને હું ફક્ત તમારા માટે આ પાછું રમવા જઈ રહ્યો છું જેથી તમે જોઈ શકો કે મારો અર્થ શું છે. હવે તે થોડું ઉન્મત્ત છે, પરંતુ તે તમને ખ્યાલ આપે છે કે સાઈઝ કોન્ટ્રાસ્ટનો ઉપયોગ તમારા માટે શું કરી શકે છે. અને એક્ઝેક્યુશનમાં આ કેવું દેખાય છે તે બતાવવા માટે મારી પાસે અહીં એક ઉદાહરણ છે. ઠીક છે. તેથી જો હું અહીં ફ્રેમ દ્વારા ફ્રેમમાં જઈશ,
જસ્ટિન પીટરસન (04:25): તમે અહીં કેટલાક અન્ય ઘટકો સાથેનો એક મોટો લોગો અને એક નાનો લોગો જોઈ શકો છો. તે આના જેવું જ લાગે છે. શું તમે તે જોઈ શકો છો? તેથી જ્યારે ટીમો, લોગો અને નામો જાહેર કરવાની વાત આવે છે ત્યારે તેઓ ઊર્જા ચલાવવા માટે અહીં કોન્ટ્રાસ્ટનો ઉપયોગ કરી રહ્યાં છે. કોન્ટ્રાસ્ટ આગામી પ્રકાર કે અમેઅહીં આકાર છે. તેથી જ્યારે હું આ વગાડું છું, આહ, વર્તુળ અલગ દેખાય છે કારણ કે તે પહેલા બધા ચોરસ હતા, અને પછી તમને વર્તુળ મળશે. તો ચાલો હું તમને બતાવું કે વ્યવહારમાં તે કેવું દેખાય છે. મેં આ બે ચોરસ સેટ કર્યા છે, જે તમે સાઈઝ પર જોયા છે, કોન્ટ્રાસ્ટ સાઈઝનું ઉદાહરણ છે. અને હું ફક્ત આને બહાર ખસેડવા જઈ રહ્યો છું જેથી તમે જોઈ શકો કે તે બે ચોરસ હતા, પરંતુ મેં તેને અંદર ખસેડ્યું છે. જેથી કેન્દ્ર બિંદુ અહીં મધ્યમાં બરાબર છે. અને હું એક વર્તુળ બનવા માટે અહીં ગોળાકારતા વધારવા જઈ રહ્યો છું.
જસ્ટિન પીટરસન (05:27): તો હું આ પાછળ રમું છું, તમે એક, એક વર્તુળ અને એક ચોરસ અને અહીં વિવિધ બિંદુઓ પર જોશો , તમે લગભગ જોઈ શકો છો કે બાસ્કેટબોલ કોર્ટની ચાવી અહીં જેવી દેખાશે, ચોરસ વચ્ચેનો વિરોધાભાસ, ટોચ પર એક વર્તુળ સાથે. અને હું આ ઉદાહરણ પર પાછા જઈશ, અને આપણે કદ ઉપરાંત અહીં ઉપયોગમાં લેવાતા પરિવર્તનીય તત્વો વિશે પણ વાત કરી શકીએ છીએ. તેથી તમે અહીં ત્રિકોણ દેખાવ જોઈ શકો છો. અને જેમ જેમ હું સ્ક્રોલ કરું છું, એકવાર તે બીજી બાજુથી પાછું આવે છે, તે પલટી જાય છે. તો પછી ત્રિકોણ જમણી તરફ જાય છે, અને આ રીતે તેઓ બાકીના લોગોને પ્રગટ કરે છે. અને કદ સાથે આકારોનું સંયોજન ખરેખર આ એનિમેશનને એવું લાગે છે કે તમે અવકાશમાં પાછા જઈ રહ્યા છો, પરંતુ તે પાછું જઈ રહ્યું હોવાથી તેને થોડી ઊંડાણ પણ આપે છે. અમ, અને પછી દેખીતી રીતે તે સામાન્ય રીતે ત્રિકોણનો સામનો કરવામાં આવે છે તે કોણ છે જેમાં ગતિ અને ચળવળ છેફ્રેમની અંદર થઈ રહ્યું છે.
જસ્ટિન પીટરસન (06:27): અમે પહેલાથી જ તેના પર પાછા ફરવાના પ્રકારો વિશે વાત કરી છે, અહીં જુઓ અને અનુભવો. ચાલો ફક્ત સર્ફથી છૂટકારો મેળવીએ કારણ કે આપણે જાણીએ છીએ કે આપણે સેન્ડ સારાહનો ઉપયોગ કરવા જઈ રહ્યા છીએ, મોટાભાગે, ફક્ત ફિલથી સ્ટ્રોક સુધીના ટેક્સ્ટને બદલીને. તમે ગતિશીલ ચળવળ જોઈ શકો છો. અને જો તમે આને બહુવિધ અન્ય ટેક્સ્ટ સ્તરો સાથે જોડો છો, તો તમે જોઈ શકશો કે આ પ્રકારનો કોન્ટ્રાસ્ટ કેટલી ગતિશીલ ચળવળ બનાવી શકે છે. તો ચાલો ડિક્સનની પાછળની સીટ પરથી આ ઉદાહરણ તરફ આગળ વધીએ અને તે ફિલ શ્લોક સ્ટ્રોકથી ભરેલું છે. આ ઉદાહરણમાં ઉદાહરણો, બધું સ્ટ્રોક થયેલ છે. અને જ્યારે તમે રિયો પહોંચો છો, ત્યારે તે ભરાઈ જાય છે. તેથી આ બધા અન્ય શહેરોમાંથી, હકીકત એ છે કે રિયો ભરાઈ ગયો હતો કારણ કે તેના પર વધુ ધ્યાન આપવામાં આવ્યું હતું, મને ફિલથી સ્ટ્રોક તરફ જતા આ 500નો ઉપયોગ ગમે છે કારણ કે તે ઉપરાંત હિલચાલ પણ છે. તેથી જેમ તે અંદર આવે છે અને જેમ જેમ તે સ્થિર થાય છે, તેમ તેમ તે કાસ્કેડિંગ ક્રમમાં સ્ટ્રોક પર સ્વિચ કરે છે જે 500 નંબર પર વધુ ધ્યાન દોરે છે.
જસ્ટિન પીટરસન (07:28): જો તમે આ બિંદુ સુધી નોંધ્યું હોય , મેં મારા ઉદાહરણોમાં માત્ર કાળા અને સફેદનો ઉપયોગ કર્યો છે. અને તે ઈરાદાપૂર્વક હતું કારણ કે હું કાળો અને સફેદ વિરુદ્ધ રંગ શું છે તેનો થોડો વિરોધાભાસ બનાવવા માંગતો હતો. અને મેં શોધી કાઢ્યું છે કે જ્યારે તમે કોન્ટ્રાસ્ટ વિશે વાત કરી રહ્યાં હોવ ત્યારે જ્યારે તે કાળો અને સફેદ હોય અને રંગ ઉમેરવાની હોય ત્યારે ઘણી વખત તેને જોવાનું સરળ બને છે. તેથી મેં કાળા અને સફેદની રૂપરેખા આપવાનો પ્રયાસ કર્યો છે અને તમને રંગના ઉદાહરણો બતાવવાનો પ્રયાસ કર્યો છે.