المحتوى عن '8-بت'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • الإدارة والقيادة
  • السلوك التنظيمي
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
    • React
  • HTML
    • HTML5
  • CSS
  • SQL
  • لغة C#‎
  • لغة C++‎
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • Sass
    • إطار عمل Bootstrap
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • ‎.NET
    • ASP.NET
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
    • منصة Xamarin
  • سهولة الوصول
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • نصائح وإرشادات
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • التسويق بالرسائل النصية القصيرة
  • استسراع النمو
  • المبيعات
  • تجارب ونصائح
  • مبادئ علم التسويق

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 2 نتائج

  1. يمكننا أن نصمّم أمورًا رائعة باستخدام الأشكال الأساسية فقط في برنامج Illustrator كالمستطيلات والمربعات والدوائر وهذا ما قمت به في هذا الدرس حيث صمّمت هذه الشخصية التي تشبه لعبة قديمة من جيل أجهزة أتاري وسيجا القديمة، فقد استخدمت المستطيلات فقط وعلى الرغم من أنه يمكن تصميم هكذا نوع من التصاميم ببرنامج فوتوشوب إلا أن ما يميز Illustrator هو أنه فكتور 100% أي أنه على عكس فوتوشوب بإمكانك تكبير حجم التصميم كما تشاء مع المحافظة على تفاصيل التصميم بدون تشوّهات. الشخصية التي سنرسمها هنا لديها موديل شعر من خمسينات القرن الماضي المميز بأنه أملس ومدهون بالزيت ومرفوع للأعلى وترتدي جاكيت جلدي وسروال جينز أزرق، كل ملامح الشخصية مبسطة للغاية لنتمكن من رسمها بشبكة بكسل، لذلك سنستخدم مربعات ومستطيلات أساسية فقط لرسم هذه الشخصية. إن قمت بتكبير المشهد في فوتوشوب كثيرًا فستحصل على مربعات بكسل مرئية ويمكنك التعامل معها أمّا في الإليستريتور فعليك أن تجهّز الشبكة بنفسك لتظهر وتتمكن من الرسم وفقًا لها، اذهب للقائمة: View > Show Grid وتأكد من أن Snap to Grid مفعّلة. اختر أداة المستطيل rectangle tool وارسم مربع داخل خطوط الشبكة الرئيسية. هذا الشكل ستتم مطابقته snap مباشرة إلى نقاط الشبكة، وهذا ما يجعل من السهل تحقيق التوافق والمحاذاة للأشكال وسيسّهل بناء الشخصية. أعطِ هذا الشكل الذي رسمناه لون الجلد حيث سيكون هو الوجه. أعد لون المقدمة إلى اللون الأسود واستخدم أشكال المستطيلات السوداء لبناء الشعر. إن الرسم بالأشكال المضلّعة الأساسية تمنعنا من استخدام المنحنيات ولكن ما إن تبدأ معالم الشخصية بالظهور فسيكون ما من داعٍ لرسم المنحنيات لأن الأشكال ستكون واضحة وظاهرة. على الرغم من أنه رسم ثنائي الأبعاد إلا أنّ تأثيرات المنظور البسيطة يمكن تحقيقها باستخدام تغيير الحجم فعلى سبيل المثال لجعل الشخصية تبدو وكأنها تنظر إلى الجانب سنقوم برسم العدسة اليسرى للنظارة بعرض مربعين فقط فيما سنرسم العدسة اليمنى بعرض ثلاثة مربعات وبذلك تبدو الشخصية وكأنها تنظر للجانب. ارسم مستطيلًا أسود كبيرًا ليكون هو الجسم. قم بمداخلة الجسم مع الرأس ولكن أرسل الجسم للخلف بالاختصار بالزر الأيمن ثم من القائمة: Arrange > Send to Back مدد الرأس فوق الجسم برسم مستطيل جديد بلون الجلد لتشكيل الرقبة. وارسم باللون الأسود إضافة للجسم لتشكل الياقة. ارسم مستطيلين طويلين على جانبي الجسم ليشكلا الذراعان. بوضع الأشكال السوداء بجانب اللون الأسود أصلًا سيجعل هذه الأشكال متداخلة ولكن تمدد أطراف الأشكال ميّزها عن بعضها البعض. املأ المساحات وسط الجسم باللون الأبيض لتشكيل القميص الأبيض تحت الجاكيت. ارسم مستطيلًا واحدًا رفيعًا على طول خط بعرض مربع واحد مع تلوينه باللون الرمادي الداكن لإضافة بعض التفاصيل للجاكيت. ارسم الساقين بمستطيلات معتدلة بلون الجينز الأزرق واترك مسافة بين الساقين لإعطائه شكلًا نمطيًا أبلهًا. استخدم نفس لون الجلد لتلوين أشكال اليدين التي سنرسمها. وللقيام برسمها سنرسم مستطيلًا كبيرًا مع مربع صغير واحد يمثل الأصبع وسيكون هذا كافيًا لإبراز شكل اليد. قم بإنهاء رسم الشخصية عبر رسم زوجين من الأحذية مع رسم مستطيلين أزرقين فاتحين لتمثيل ثنية ساق البنطال. قم بإخفاء الشبكة عبر الذهاب للقائمة: View > Hide Grid وبذلك ستظهر الشخصية بشكل أوضح. وبما أننا رسمنها بأشكال فكتور فسيكون بمقدورنا تكبير حجمها كما نشاء بدون أن تتشوه التفاصيل. لربما سترغب برسم المزيد من الشخصيات المماثلة بنفس الأسلوب وخصوصًا بعد أن شاهدت بأن العملية سهلة للغاية لا تتطلب سوى بعض الأشكال الأساسية ببعض الألوان. ترجمة -وبتصرّف- للمقال: How To Create an 8-Bit Pixel Character in Illustrator لصاحبه Chris Spooner.
  2. Pac-man لعبة معروفة لدى غالبيّة الناس، وتعدّ اليوم أحد رموز ثمانينيات القرن الماضي، تلك اللعبة التي يتجول فيها باك مان في المتاهات وهو يتناول النقاط، هاربًا من أعداءه الوحوش تارة، وملتهمًا إيّاهم تارة أخرى. سينصبّ تركيزنا على الوحوش: Blinky ،Pinky ، Inky وClyde. سنصنع معًا وحش لعبة باك مان الخاصّ بنا بنظام ألوان 8-بت في برنامج Illustrator، وستتمكن في نهاية الدّرس من صنع وحش إضافي بنظام ألوان 8-بت لتحصل على نقاط إضافيّة. سنصنع اليوم الوحش Pinky والمعروف كذلك باسم Speedy. افتح ملفًّا جديدًا في Illustrator، ولتكون الأمور سهلة قدر الإمكان سنعدّل الشبكة لنتمكّن من العمل في مربعات قياس ضلعها 20px. افتح قائمة Edit ثم اختر: Preferences > Guides & Grid في مربّع حوار Preferences غيّر إعدادت الشبكة إلى خطّ شبكة Gridline لكل 20px والتقسيمات الفرعية Subdivisions إلى 1 ثم اضغط Ok. في حال أردت العودة إلى الإعدادات الافتراضية فإن قيمة خطّ الشبكة الافتراضية هي خطّ شبكة لكل 72pt و التقسيمات الفرعية 8. لعرض الشبكة التي أنشأناها اذهب إلى قائمة View ثم اختر إظهار الشبكة Show Grid. تأكد كذلك ومن خلال قائمة Edit من تحديد خيار الانجذاب نحو الشبكة ("+Snap to Grid (SHIFT+CTRL سيساعدنا هذا الخيار في محاذاة العناصر بالاعتماد على الشبكة. بما أننا سنصنع شخصية الوحش Pinky سنختار اللون الوردي كلون للتعبئة Fill color وحد خارجي Stroke شفاف (استخدمت اللون ذي القيمة #fcbee3، ولكن بإمكانك استخدام اللون الذي يعجبك)، بعدها سنصنع الشكل الأساسي للوحش Pinky بواسطة أداة المستطيل (Rectangle Tool (M لتعبئة المربعات المفردة عن طريق السحب من زاوية معينة باتجاه الزاوية المعاكسة لها. استمر في تعبئة جسم الوحش Pinky حتى تحصل في نهاية المطاف على شكل وحش بنظام 8-بت. اصنع عيني Pinky مستخدمًا اللونين الأبيض والأزرق الغامق للحدقتين (استخدمت اللون ذا القيمة #3b2ea2 للأزرق الغامق). أخيرًا حدّد جميع المربعات التي صنعتها واجمعها ضمن مجموعة واحدة بالضغط على CTRL+G. لقد اكتمل تصميم وحش باك مان بنظام 8-bit، ألم يكن ذلك سهلًا؟ يمكنك الاكتفاء بهذا، أو يمكنك أن تضيف بعدًا إضافيًّا إلى الشكل وذلك بتحويله إلى شكل ثلاثي الأبعاد. لجعل Pinky ثلاثي الأبعاد اذهب إلى قائمة Effect ثم اختر: 3D > Extrude & Bevel وفي مربع الحوار غيّر قيمة Extrude Depth إلى 30pt، وBevel إلى Tall-Round وHeight إلى 3pt واضغط OK. هاهو Pinky بالأبعاد الثلاثة، وإن لم تحصل على هذه النتيجة فقد يعود السبب إلى عدم تجميع الأشكال قبل تحويلها إلى الأبعاد الثلاثة. نقاط إضافية لماذا لا نصنع وحش باك مان على هيئة زومبي، باستخدام الطريقة ذاتها؟ الأمر عائد إليك مرة أخرى في الإبقاء على الشكل مسطّحًا ثنائي الأبعاد أو تحويله إلى غول ثلاثي الأبعاد مستعد لمطاردة باك مان في المتاهة في محاولة لتناول دماغه... أتمنّى أن تكون قد استمتعت بصناعة وحش باك مان حتى بعد إصابته بفيروس الزومبي. ترجمة -وبتصرّف- للمقال Create an 8-bit PacMan Style Ghost in Illustrator لصاحبته Liz Canning.