ایچ ٹی ایم ایل 5 پر اثرات متحرک تصاویر کے بعد برآمد

ویب پر حرکت پذیری یہاں رہنے کے لئے ہے. یہ ٹھیک ٹھیک تحریکوں سے ہر چیز میں ہے جو ہماری مدد لانے میں مدد کرتی ہے UI ڈیزائن زندگی میں، مکمل طور پر متحرک کینوس کے تجربات اور ویب جی ایل کے تجربات کو جو کہ ہم ایک بار سوچتے ہیں کہ ہم براؤزر میں سوچتے تھے.

جبکہ شیطان کی تخلیقی صلاحیتوں اور براؤزر کی صلاحیتوں میں اضافہ ہوا ہے، ویب پر حرکت پذیری طویل عرصے سے ویڈیو کے لئے ایک غریب تعلق ہے - کچھ ایسی چیز ہے جو موشن گرافکس کمیونٹی نے سالوں کے لئے احتیاط سے رابطہ کیا ہے. یاد رکھیں کہ اگر آپ کو برقرار رکھنے کے لئے ایک پیچیدہ سائٹ مل گیا ہے، تو ویب میزبانی سروس پوائنٹ پر ہونا ضروری ہے.

• UI ڈیزائن کے لئے پراس گائیڈ

ڈویلپرز نے لائبریریوں پر اس طرح کے لائبریری اور سنیپ. ایس وی جی کے طور پر انحصار کیا ہے جو جاوا اسکرپٹ کے ذریعے حرکت پذیری کی تخلیق میں بھاری لفٹنگ کرنے کے لئے. جبکہ ان ٹولز نے بہت زیادہ لچک دیا ہے، وہ ان کی صحت سے متعلق اور مضامین کی موازنہ کا استعمال نہیں کر سکتے ہیں جو استعمال کرتے ہوئے حاصل کرسکتے ہیں اثرات سی سی کے بعد اپنے ٹائم لائن اور گراف کو آسان بنانے کے. ایک ویب نقطہ نظر سے، اثرات کے بعد اس کوڈ کو انجام دینے سے قبل اس سے پہلے موافقت کرنے اور تحریک کی کوشش کرنے کے لئے بہت اچھی طرح سے مناسب ہے.

درج جسمانی ، ایڈوب کے اثرات کے بعد ایک زمانے میں توسیع کی توسیع جس میں براہ راست حرکت پذیری کی برآمدات کے بعد جاوا اسکرپٹ میں دکھائے جانے اور براؤزر میں جوڑی سے نمٹنے کے لئے برآمد کرتا ہے. بنائی گئی ہنن ٹوریسی ، جسمانی اور ڈویلپر کے درمیان بدقسمتی سے بہت سے رکاوٹوں کو ہٹاتا ہے. اس کی بنیاد پر، پلگ ان جادو کے طور پر کام کرتا ہے 'ویب کے لئے رینڈر' خصوصیت ایڈوب بھول گیا. اس کے سب سے زیادہ اعلی درجے میں یہ انٹرایکٹو حرکت پذیری کے لئے نئے امکانات کو کھولتا ہے.

جسمانی بونس ان نئے امکانات میں سے کچھ پورا کرنے کے لئے اوزار، پلگ ان اور نظام کے سلسلے میں ایک لنک ہے. ایئر بی بی بی کی لوٹی اور فیس بک کی keyframes. دونوں ان بنیادوں پر تعمیر کرتے ہیں اور وہ آخر میں ویب کے لئے سب سے زیادہ طاقتور حرکت پذیری کا آلہ لاتے ہیں.

جسمانی طور پر کیوں استعمال کرتے ہیں؟

SVG نے انٹرنیٹ پر لے لیا ہے اور اس کے ساتھ لایا ہے کہ سب کچھ اعلی معیار، روشنی اور توسیع پذیر ہونا چاہئے. Bodymovin آپ کی ساخت میں ہر چیز کو خوبصورت طور پر کرکرا SVG میں دیتا ہے جو کسی بھی سائز میں اپنے ویکٹر معیار رکھتا ہے. اس GIF کو ہلانے کے لئے مزید سمجھنے یا آپ کے صارفین کو بلایا ویڈیو فائلوں کو لوڈ کرنے کے لۓ.

اس کے ساتھ ساتھ آپ کی حرکت پذیری برآمد کرنے کے عمل کو آسان بنانے کے، جسمانی میوونین نے نئے انٹرایکٹو تجربات کے ساتھ تخلیقی حاصل کرنے کے لئے ڈویلپرز کے لئے زیادہ صلاحیتوں کو کھول دیا. توسیع کا استعمال کیا گیا ہے کے کچھ تصوراتی، بہترین طریقوں کے لئے کوڈپین کو چیک کریں - انٹرایکٹو IK رگوں سے متحرک طور پر آپ کی قسم انٹرایکٹو متن.

اپنے ویب ڈی ڈی کے عمل کو مزید آسان بنانے کے لئے، کوشش کریں ویب سائٹ بلڈر .

برآمد کردہ حرکت پذیری براؤزر میں کسی دوسرے عنصر کی طرح کسی دوسرے عنصر میں جوڑا جا سکتا ہے، ہمیں ویب ڈیزائن کے اندر اندر ایک انٹرایکٹو اور تجرباتی آلے کے طور پر حرکت پذیری کے بارے میں سوچنے کے قابل بناتا ہے. اور اب جسمانی کی وجہ سے، ویب پر اپنی حرکت پذیری لانے میں کبھی بھی آسان نہیں ہے. اس سبق میں آپ سیکھیں گے کہ اثرات کے بعد سے ایک حرکت پذیری برآمد کیسے کریں اور ایک سادہ لوپنگ حرکت پذیری بنائیں جو صارف کے کلک کے جواب میں جواب دیں.

اثرات فائلوں کے بعد آپ کی تیاری کیسے کریں

اثرات کی خصوصیات کے بعد کی حمایت بہت بہتر ہے اور آپ کو براہ راست باکس سے باہر بہت اچھا نتائج حاصل کرنے کی توقع کر سکتے ہیں. یہ کہا جا رہا ہے، آپ کی پسند 3D تہوں پرواز کرنے سے پہلے آپ کو شروع کرنے سے پہلے حدود سے آگاہ ہو جائے گا. آپ کو ایک منصوبے شروع کرنے سے پہلے، ہمیشہ Bodymovin کے تازہ ترین ورژن کو ڈاؤن لوڈ کریں اور GitHub صفحے کو چیک کرنے کے لئے چیک کریں کہ اس تصویر کو اس وقت کی حمایت کی جاتی ہے.

مذاق حصہ پر منتقل کرنے کے لئے بہت جلدی مت کرو ... سخت فائلوں کو ایک خوش دماغ بناتے ہیں. اس صورت میں وہ براؤزر سے دور اضافی کام میں سے کچھ بھی لے لے اور آپ کو ریشمی ہموار پلے بیک دے دو. سب سے پہلے، آپ اس بات کو یقینی بنانا چاہتے ہیں کہ آپ کا مواد مکمل ویکٹر پاور کے لئے اثرات کی شکل تہوں کے بعد ہے. کسی بھی Illustrator فائل کو تہوں کو تبدیل کرنے کے لئے تبدیل کرنے کے لئے آپ کو صرف صحیح کلک کر سکتے ہیں اور ویکٹر پرت سے شکلیں تخلیق کریں. کسی بھی تہوں جو اس مرحلے پر شکل نہیں ہیں اس کے بعد تصاویر میں تبدیل ہوجائے گی اور وہ ویکٹر کے طور پر فراہم نہیں کیے جائیں گے.

اگلا، آپ کی تہوں اور sublayers کے ذریعے ایک چیک کریں؛ ایک اچھا موقع ہے کہ آپ کسی بھی قربانی کے بغیر شکل کے مواد کو آسان بنا سکتے ہیں. گروپوں، راستے کی تعداد کو کم کرنے اور صرف ننگی ضروریات کو بھرنے کی کوشش کریں.

ماسک کے ساتھ دیکھ بھال کرو

ماسک اس مرحلے پر پرچی کرنے کا ایک آسان طریقہ ہے. آگاہ رہو کہ الفا ماسک SVG رینجرر کے ساتھ کام کرے گا لیکن آپ کو کینوس میں سوئچ کرنے کا انتخاب نہیں کرنا چاہئے. ماسک کی کارکردگی میں مہنگی ہوسکتی ہے لہذا انہیں مؤثر طریقے سے استعمال کریں.

رینڈرنگ

Bodymovin دو حصوں میں کام کرتا ہے - اثرات کی توسیع کے بعد ایک JSON فائل میں حرکت پذیری کے اعداد و شمار کو تبدیل کرتا ہے اور آپ کے ویب صفحہ میں شامل کرنے کے لئے ایک bodymovin.js پلیئر شامل ہے جو اس فائل کی تشریح کر سکتا ہے اور اسے براؤزر میں پیش کرسکتا ہے.

لگتا ہے کہ آپ کی فائلوں کو جانے کے لئے اچھا ہے؟ ونڈو اور جی ٹی کے ذریعہ جسمانی بونس توسیع کھولیں؛ توسیع اور پھر جسمانی.

ایک بار جب آپ ریفریش مارا تو، آپ اثرات کے منصوبے کے بعد اس میں تمام مرکبات کی ایک فہرست دیکھیں گے. اپنے منتخب کردہ کمپ منتخب کریں اور پھر اپنے ویب منصوبے کے اندر ایک منزل فولڈر منتخب کریں. جب آپ خوش ہوں تو صرف رینڈر پر کلک کریں اور جادو دیکھیں. جب ایسا ہوتا ہے تو آپ کو 'مکمل' پیغام ملے گا. مبارک ہو! آپ نے صرف اس معلومات کے ساتھ ایک JSON فائل برآمد کیا ہے جو کھلاڑی کو حرکت پذیری کو دوبارہ بنانے کی ضرورت ہے.

اپنے نئے برآمد کردہ حرکت پذیری کی جانچ کرنے کے لئے، پیش نظارہ اور GT پر کلک کریں؛ موجودہ رینڈرز اور ٹائم لائن کے ذریعہ صاف کرنے کے لئے یاد رکھیں کیونکہ آپ ایسی چیز کو دیکھ سکتے ہیں جو آپ کو توقع کی جانی چاہئے. اگر آپ کسی بھی مسئلے کو کسی بھی طرح سے چھلانگ لگائیں اور اپنی تہوں کو چیک کریں - یہ اثرات کے بعد استعمال ہونے والی غیر معاون خصوصیت یا ایک اظہار ہوسکتی ہے.

کچھ اثرات پلگ ان کے بعد جیسے ربڑھوس اب جسم کی حمایت کرتے ہیں. ربڑھوس گائیڈ تہوں اور پوشیدہ تہوں کا استعمال کرتا ہے. ان کو چالو کرنے کے لئے، صرف آپ کے منتخب کردہ ساخت کے بعد ترتیبات کی ترتیبات پر کلک کریں اور آپ کی ضرورت کی خصوصیات کو نشان زد کریں.

اگر سب کچھ اچھا لگ رہا ہے، تو آپ کے پیچھے اثرات کے بعد چھوڑنے سے پہلے آپ کو صرف ایک اور چیز ہے. اس مرحلے پر آپ کو آپ کی حرکت پذیری کی وضاحت کرنے کے لئے ایک تازہ ڈیٹا .json فائل ہونا چاہئے، لیکن اس کی تشریح کرنے کے لئے کوئی جسمانی میوے کھلاڑی نہیں. توسیع میں، اوپر دائیں میں 'پلیئر حاصل کریں' کے بٹن پر کلک کریں اور اسے اپنے JSON فائل کے ساتھ محفوظ کریں.

حرکت پذیری لوڈ کریں

اب آپ کو آپ کی ضرورت ہے سب کچھ ہے، چلو براہ راست کوڈ میں کود اور اس صفحے پر دکھانے کے لۓ آپ کی حرکت پذیری حاصل کرنے کے لئے بنیادی طور پر نیچے ڈالیں.

سب سے پہلے ایک نیا کنٹینر بناؤ #anim_container. اپنی حرکت پذیری کو پکڑنے کے لئے. آپ کو بھی شامل کرنے کی ضرورت ہے bodymovin.js. اختتامی جسم ٹیگ سے پہلے فائل. اگلا آپ کی حرکت پذیری کے بارے میں سب کچھ جسمانی طور پر بتائیں اور اسے نئے کنٹینر میں لوڈ کریں.

چلو قدم قدم قدم کے ذریعے چلتے ہیں:

 var کنٹینر = دستاویز. picelementbyid ('anim_container')؛
// ہماری حرکت پذیری قائم

var animdata = {
کنٹینر: کنٹینر،
رینجر: 'SVG'
آٹوپلے: سچ،
لوپ: سچ،
راہ: 'ڈیٹا. json'
}؛
var anim = bodymovin.loadamation (Animdata)؛ 

آپ کو حرکت پذیری کے لئے تمام پیرامیٹرز کی وضاحت کرنے کی ضرورت ہے. جسمانی بنڈل کو بتائیں کہ کنٹینر آپ چاہتے ہیں کہ وہ حرکت پذیری میں لوڈ کریں اور پھر اس کو ایس وی جی عناصر کے طور پر حرکت پذیری کو فراہم کرنے کے لئے بتائیں. اگلا، جلد ہی اس کھیل کو کھیلنے کے لئے حرکت پذیری کو بتائیں اور آپ چاہتے ہیں کہ یہ ختم ہو جائے تو اسے شروع کرنے کے لئے واپس لوپ کرنا چاہتے ہیں.

راہ کی جائیداد جسمانی بوڈین پلیئر کو بتاتا ہے جہاں حرکت پذیری کے لئے JSON ڈیٹا فائل کو تلاش کرنے کے لئے. کراس اصل وسائل کی شرائط کی پالیسی (CORS) کی وجہ سے، آپ JSON فائل تک رسائی حاصل کرنے کے لئے استعمال کریں گے، صرف کام کریں گے اگر آپ سرور یا مقامی سرور پر ہیں. مقامی طور پر کام کرنے کے لئے، آپ اس ڈیٹا کو ایک جاوا اسکرپٹ فائل میں بنا سکتے ہیں جو اعتراض کو متغیر میں تفویض کرتا ہے. اس صورت میں آپ کی سیٹ اپ اس طرح نظر آتی ہے:

& lt؛ سکرپٹ SRC = "js / data.js" & gt؛ & lt؛ / script & gt؛
& lt؛ سکرپٹ اور جی ٹی؛
وار کنٹینر = دستاویز
// ہماری حرکت پذیری قائم
var animdata = {
کنٹینر: کنٹینر،
رینجر: 'SVG'
آٹوپلے: سچ،
لوپ: سچ،
حرکت پذیری: ڈیٹا
}؛
var anim = bodymovin.loadanimation (Animdata)؛
& lt؛ / script & gt؛ 

صفحے کو تازہ کریں اور آپ کی حرکت پذیری کنٹینر کے اندر کھیلنا چاہئے. اپنے ڈی او کے اوزار کے ساتھ منتخب کریں اور آپ دیکھیں گے کہ حرکت پذیری میں ہر عنصر اب میں موجود ہے & lt؛ g & gt؛ ٹیگز، اور اصل وقت میں تبدیل کیا جا رہا ہے.

حیرت انگیز لگتا ہے، ٹھیک ہے؟ اب آپ کو براؤزر میں دکھایا گیا ایک خوبصورت، کرکرا حرکت پذیری (نظر میں ایک ناراض ویڈیو ٹیگ کے بغیر ...). حرکت پذیری ہمیشہ اس کے کنٹینر کو فٹ ہونے کے لئے پیمائش کرے گی، تو آگے بڑھو اور اسے اڑائیں!

جسمانی بونس نے اس کے بعد حرکت پذیری کو کنٹرول کرنے کے لئے طاقتور طریقوں کی ایک حد ہے. ایک طریقہ کی طرح بلا رہا ہے anim.pause () یا Anim.SetDirection () آپ کو مختلف طریقوں سے پلے بیک کو جوڑنے کے قابل بنائے گا. کچھ مثالیں دیکھیں:

• Anim.SetDirection (-1) ریورس میں حرکت پذیری کھیلے گی
• anim.pause () اور anim.play () حرکت پذیری شروع اور بند کرو گے
• Anim.setspeed (0.5) نصف رفتار پر حرکت پذیری کھیلے گی

تعامل شامل کریں

اس اگلے مرحلے میں آپ جاوا اسکرپٹ کے ذریعہ اپنے متحرک تصاویر میں بات چیت کرنے کے مختلف طریقوں میں سے کچھ تلاش کریں گے. اس مثال میں ہم دو حصوں کے ساتھ اثرات حرکت پذیری کے بعد ایک برآمد کرتے ہیں: سیکشن A اور سیکشن B. سیکشن ایک سے 20 سے فریم استعمال کرتا ہے (مثلث اس کے پگو چھڑی رکھتا ہے) سیکشن بی 20 سے 40 تک فریم استعمال کرتا ہے (مثلث کود اور نیچے کود رہا ہے ایک پگو چھڑی پر).

اب، آپ کو ایک لوپ پر سیکشن اے کو کھیلنے کے لئے چاہتے ہیں (صرف صارف کلکس کے بعد) کھیل اور لوپ سیکشن B. آپ اس طرح کے کھیلوں کو متحرک تصاویر کو تقسیم کرنے کے لئے playsegates پراپرٹی کا استعمال کرسکتے ہیں. یہ طریقہ دو دلائل لے جائے گا - آغاز اور اختتامی اقدار اور دوسرا بلین - اسفرم کے ساتھ ایک صف. یہ سچ کرنے کے لئے اس کی ترتیبات کو فریم کے طور پر شروع اور اختتام اقدار کو پڑھنے کے لئے حرکت پذیری کو بتائے گا، جبکہ جھوٹے یہ ان اقدار کو وقت کے طور پر پڑھنے کے لئے بتائیں گے.

 amb.pause ()؛
anim.playsegates ([0،20]، سچ)؛ 

اس نے مزید کہا کہ جسمانی بونس کو پہلے فریم میں روکنے اور 0 سے 20 فریموں سے صرف حرکت پذیری کو کھیلنے کے لئے بتاتا ہے. جیسا کہ آپ نے اے کے ساتھ اپنی حرکت پذیری قائم کی لوپ: سچ پراپرٹی یہ سیکشن کو دوبارہ بار بار کھیلنے کے لئے جاری رکھیں گے.

چلو پوری مثال قائم کرتے ہیں. آپ اس مثال کے لئے ایک حرکت پذیری کے دو حصوں کا استعمال کریں گے، لہذا آپ دو افعال بنائیں گے:

 var کنٹینر = دستاویز. picelementbyid ('anim_container')؛
// ہماری حرکت پذیری قائم
var animdata = {
کنٹینر: کنٹینر،
رینجر: 'SVG'
آٹوپلے: غلط،
لوپ: سچ،
راہ: 'ڈیٹا. json'
}؛
var anim = bodymovin.loadanimation (Animdata)؛
// جب حرکت پذیری بھری ہوئی ہے تو ہماری پہلی لوپ کی تقریب چلتی ہے
Anim.addeventlistener ('Domloaded'، FirstLoop)؛
// ہماری پلے بیک افعال بنائیں
فنکشن FirstLoop () {
anim.playsegates ([0،20]، سچ)؛
}؛
فنکشن دوسرا لوپ () {
anim.playsegates ([20،40]، سچ)؛
}؛
// ایک کلک ایونٹ کے لئے سنیں
کنٹینر. Addeventlistener ('کلک'، فنکشن (ایونٹ) {
anim.addeventlistener ('Loopcomplete'، secondloop)؛
})؛ 

جانے کا راستہ! اب آپ کی حرکت پذیری جب تک صارف کو کلک کرنے تک لوپنگ رکھے گی، تو یہ دوسرا لوپ شروع کرے گا. اب صرف ایک مسئلہ یہ ہے کہ اس طرح کی چھلانگ بہت اچانک ہے اور یہ حرکت پذیری کی ہم آہنگی کو برباد کر سکتا ہے.

ایک مثالی صورتحال کو حرکت پذیری کے تیسرے حصے میں شامل کرنا ہے، جو اس پر کودنے کے لئے پگو چھڑی کو پکڑنے سے ٹرانزیشن. اب آپ کی ساخت اس طرح کچھ نظر آئے گی:

• سب سے پہلے فریم 0 سے 20.
• منتقلی فریم 20 سے 30.
• دوسرا لوپ - 30 سے ​​50 تک فریم

ہم چاہتے ہیں کہ آپ کی حرکت پذیری پہلی لوپ میں رہیں جب تک کہ اس پر کلک نہ ہو. اس وقت آپ لوپ کے اختتام کے لئے انتظار کرنا چاہتے ہیں جو آپ فی الحال ہیں اور منتقلی پر منتقل ہوتے ہیں. منتقلی کے بعد آپ کے دوسرے لوپ پر منتقل ہوتا ہے. یہ پیچیدہ آواز ہے لیکن میرے ساتھ رہو! یہاں آپ کا کوڈ مکمل طور پر ہے:

 var کنٹینر = دستاویز. picelementbyid ('anim_container')؛
// ہماری حرکت پذیری قائم
var animdata = {
کنٹینر: کنٹینر،
رینجر: 'SVG'
آٹوپلے: غلط،
لوپ: سچ،
راہ: 'ڈیٹا. json'
}؛
var anim = bodymovin.loadanimation (Animdata)؛
// جب حرکت پذیری بھری ہوئی ہے تو ہماری پہلی لوپ کی تقریب چلتی ہے
Anim.addeventlistener ('Domloaded'، FirstLoop)؛
// ہماری پلے بیک افعال بنائیں
فنکشن FirstLoop () {
anim.playsegates ([0،20]سچ)؛
}؛
فنکشن کی منتقلی () {
anim.playsegates ([20،30]، سچ)؛
anim.removeventlistener ('Loopcomplete')؛
anim.addeventlistener ('Loopcomplete'، secondloop)؛
}؛
فنکشن دوسرا لوپ () {
anim.playsegates ([30،100]، سچ)؛
anim.removeventlistener ('Loopcomplete')؛
}؛
// ایک کلک ایونٹ کے لئے سنیں
کنٹینر. Addeventlistener ('کلک'، فنکشن (ایونٹ) {
anim.addeventlistener ('Loopcomplete'، منتقلی)؛
})؛ 

کلک پر، آپ استعمال کر رہے ہیں Loopomcplete. سننے کے لۓ جب تک آپ لوپ کے آخری فریم تک پہنچ جائیں تو پھر آپ کو چلائیں منتقلی() فنکشن یہاں آپ آخری سننے والے کو ہٹا دیں، فریم کے اگلے سیٹ کو کھیلنے اور پھر دوبارہ کریں. منتقلی ختم ہونے کے بعد یہ کال کریں گے دوسرا لوپ () .

یہی ہے!

آپ نے آج جسمانی طور پر جسمانی طور پر کام کیا ہے، لیکن اگر آپ پلگ ان کے بارے میں مزید سیکھنے میں دلچسپی رکھتے ہیں، تو آپ معلومات کا بوجھ تلاش کرسکتے ہیں Bodymovin Github. صفحہ. مزید مثال کے طور پر، ہمیشہ متاثر کن جسمانی کوڈپین مجموعہ کو چیک کریں.

امید ہے کہ اس سبق کو آپ کو مختلف قسم کے طریقوں کا خیال دیا جائے گا کہ آپ ویب کے لئے کچھ supercool حرکت پذیری پیدا کرنے کے لئے اثرات اور جسمانی میوے کے بعد استعمال کے استعمال کو یکجا کر سکتے ہیں!

اب آپ ویب کے لئے برآمد کرنے کے لئے حرکت پذیری قائم کر سکتے ہیں، اپنی برآمد کردہ فائلوں کو براؤزر میں لے لو اور اپنی حرکت پذیری کو کلک کرنے کے لئے ذمہ دار بنائیں. اتارنا Mp4 فائلوں سے باہر سوچیں کہ آپ مستقبل میں بہت زیادہ امیر ویب تجربات پیدا کرنے کے لئے پہلے سے ہی استعمال کرتے ہیں اور جسمانی طور پر استعمال کرتے ہیں.

ترقیاتی عمل میں قریبی حرکت پذیروں کو شامل کرنے کے قابل ہونے میں زیادہ سے زیادہ اہم ہو رہا ہے، اور ویب حرکت پذیری کے میدان ناقابل یقین حد تک تیزی سے چل رہا ہے. نئی توسیع، پلگ ان اور فریم ورک، حرکت پذیروں اور ڈویلپرز کے ہمیشہ بڑھتی ہوئی مجموعہ کے ساتھ اس عمل کی توقع کر سکتی ہے کہ اس عمل کو وقت کے ساتھ آسان اور بہتر ہو. میں کسی کے لئے انتظار نہیں کر سکتا مستقبل مستقبل میں کیا کرتا ہے.

بیک اپ کرنے کے لئے بہت سارے فائلیں ہیں؟ ہمارے چیک کریں کلاؤڈ اسٹوریج اٹھاو

یہ مضمون اصل میں شائع ہوا نیٹ میگزین 2017 میں. یہاں سبسکرائب کریں .

مزید پڑھ:

• SVG کثیر قزاقوں کو تخلیق اور متحرک کریں
• 14 حیرت انگیز ایڈوب اثرات پلگ ان کے بعد
• ویب متحرک تصاویر کے لئے کہانی بورڈ بنائیں