YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Arabic subtitles

Instagram's Kevin Systrom explains pixels and how filters work

Get Embed Code
17 Languages

Showing Revision 7 created 07/22/2016 by Nawzat Sibai.

  1. القليل عن الpixels
  2. (ضغطات كاميرا)
  3. جيد
  4. أنشأت "انستاغرام" مع شريكي المؤسس "مايك"،
  5. بداية رأينا الهاتف الجوال كفرصة
    لإنشاء شيء جديد.
  6. لأنه وللمرة الأولى الناس يحملون جهازا
    أقرب للحاسوب ضمن جيبهم. وقد قررنا
  7. أن مشاركة الصور كان ربما الفرصة الأكبر
    للسنوات الخمس القادمة، وأمرا قريبا
  8. إلى قلوبنا، شيئا أردنا أن نصرف وقتنا عليه.
  9. من العظيم القول بأنك تمتلك تطبيقا أو فكرة
    تقوم ب x أوy أوz ولكن طالما أنها لا تحل
  10. مشكلة حقيقية للناس فلن يستخدموها. والسؤال
    هو: ما المشكلة التي تقوم بحلها؟
  11. (بايبر-مصورة) عندما واجه الناس في البداية
    مشكلة كيفية عرض صورة على الشاشة،
  12. كان عليهم أن يأتوا بطريقة لتجزئة الصور إلى
    بيانات. في 1957، مهندس حاسوب قديم يدعى
  13. "راسل كيرش" أخذ صورة لطفله الرضيع ومسحها.
  14. وقد كانت أول صورة رقمية، صورة رضيع بيضاء
    وسوداء-- وهكذا كانت ولادة البكسل!
  15. البكسلات هي مفهوم مثير للاهتمام لأنك لا
    تستطيع رؤيتها بسهولة كبيرة.
  16. ولكن في الواقع، إذا أخذت عدسة مكبرة
    ووضعتها بالقرب من الشاشة تستطيع
  17. أن ترى فعليا أن شاشتك مكونة من نقاط صغيرة
    جدا من الأضواء الخافتة. والأكثر إثارة هو
  18. أن هذه النقاط الصغيرة من الأضواء، هي
    فعليا عدة نقاط صغيرة من الأضواء
  19. مختلفة الألوان. هناك الأحمر، الأخضر،
    والأزرق. البكسلات معا، من بعيد تخلق صورة
  20. وفي العمق، هي مجرد أضواء صغيرة تضيئ
    وتنطفئ. الدمج بينها يخلق الصور وما
  21. تراه على شاشتك كل يوم تستخدم فيه حاسبك.
  22. لذا ستسمع عن مصطلح "الدقة" كثيرا، في كل من
    علوم الحاسب ومصنعو الأجهزة سيتحدثون
  23. عنها. الدقة هي بشكل أساسي الأبعاد التي من
    خلالها تستطيع قياس عدد البكسلات على
  24. الشاشة. بالعودة إلى اليوم الذي كنت فيه
    طالبا في الثانوية كانت 640x480 بكسل
  25. واليوم هي أكبر بكثير. وأيضا أصبحنا نسأل
    ليس فقط عن الدقة
  26. ولكن أيضا الكثافة.على سبيل المثال على
    الهواتف الذكية يتم ملاءمة نفس العدد من
  27. الأضواء الصغيرة المدعوة بالبكسلات ولكن
    في مساحة أكثف، وهذا ما يسمح لك بالحصول
  28. على صور أوضح. الآن، كيف تخزن هذه القيم من
    البكسلات ضمن ملف. ما تفعله هو تخزين قيم
  29. الأحمر، الأخضر والأزرق في ثلاثيات صغيرة،
    بشكل فعال. بقيم مختلفة يشكل كل منها بكسلا.
  30. القيم تتراوح بين 0 و 255.
    0 سيكون داكنا جدا، و255 ساطعا جدا.
  31. ثلاثيات القيم هذه تشكل بكسلا واحدا.
  32. ملف الصورة، سواء كان jpeg، gif ، png الخ.
  33. يحتوي الملايين من ثلاثيات الRGB هذه
    (red-green-blue).
  34. إذن كيف يخزن الحاسوب كل هذه البيانات؟
    جميع البيانات الحسابية والبصرية يتم
  35. تمثيلها من خلال بتات. البت له حالتان:
    عمل- إيقاف (on-off) ولكن بدلا من
  36. تخزين on أو off ، الحواسيب تستخدم 1 أو 0
    -- ثنائي!
  37. ملف الصورة فعليا مكون من العديد من
    الأصفار والواحدات
  38. ولكن لماذا تتراوح قيم RGB بين 0 و255؟
    يظهر لدينا أن كل قناة لونية، RGB،
  39. يتم تمثيلها ب 8 بتات، والتي تدعى معا بايت.
    إذا كنت تعرف نظام الأعداد الثنائي، ستعرف
  40. أن أكبر رقم يمكن ل 8 بتات أن تمثله هو 255.
    255 يكافئ 8 واحدات ضمن السطر.
  41. والرقم الأصغر 0 أو 8 أصفار ضمن السطر.
    وبالتالي، 0 ل255 تعطي 255 شدة مختلفة
  42. ضمن القناة اللونية. يمكنننا تمثيل بكسل
    اللون السماوي على سبيل المثال،
  43. بنظامنا الثنائي الأساس التقليدي كـ 64
    (القليل من الأحمر)، و224 (الكثير من
  44. الأخضر) ، و208 (لبعض الأزرق). ولكن الحاسب
    سيخزنها ك 0100000111000001101000.
  45. نستخدم 24 خانة رقمية ثنائية لتمثيل هذا
    البكسل الواحد. لذا بدلا من الثنائي،
  46. الفنانون الرقميون غالبا يستخدمون النظام
    الست عشري لتمثيل الألوان. وبالتالي يمكننا
  47. تمثيل اللون السماوي نفسه باستخدام 6 خانات
    رقمية ست عشرية: 40E0D0. وهو أقصر بكثير.
  48. دعنا نقول أننا نريد تعديل ألوان الصورة.
    كيف يمكنك فعل ذلك؟ بشكل أساسي هناك طرق
  49. لتوابع المطابقة التي تأخذ الدخل قيمة
    البكسل. وبالتالي تأخذ دخلا لقيمة الأحمر،
  50. الأخضر والأزرق. والتي تمثل اللون. ثم تطابق
    هذه القيمة باستخدام تابع مع قيمة أحمر،
  51. أخضر وأزرق جديدة. دعنا نقول أنك أردت
    جعل الصورة أغمق. إحدى طرق عمل ذلك
  52. هي أخذ قيم الأحمر،الأخضر والأزرق التي
    تأتي تباعا ودعنا نقول أننا نطرح قيمة ثابتة
  53. من كل منها، ولتكن 50.
  54. من الواضح أنه لا يمكنك أن تذهب لقيم أقل
    من 0، ولكنك فقط تطرح 50 من كل منها وهذا
  55. هو الخرج. أي أن الدخل هو R,G,B والخرج هو
    R-50,G-50,B-50.
  56. الذي ستراه هو أنك أخذت صورة بسطوع معين،
    وحصلت على صورة بسطوع أغمق.
  57. الذي لا يدركه العديد من الناس عن
    "انستاغرام"أن الناس فكرت به في البداية
  58. كطريقة لفلترة الصور، وجعل صورك تبدو جميلة
    بطريقة ما، أواسترجاعها.
  59. وما وصل إليه كان فعليا أكثر أهمية، لقد كان
    طريقة لتواصل الناس.
  60. إنه ليس فقط رؤية صور أصدقائك وعائلتك،
    ولكن فعليا القدرة على استكشاف الأشياء التي
  61. تحدث حول العالم. سواء كانت أعمال شغب
    في الخارج، تحرك اجتماعي، يمكنك أن
  62. تستهلك بشكل أساسي هذه المعلومة بطريقة
    مرئية.
  63. وهذا سمح لنا بالنمو بسرعة كبيرة وأن نكون
    منصة عالمية.
  64. تعلم المزيد في: studio.code.org