top of page

شرح كامل لتصميم الويب تون من البداية إلى النّهاية بالصّور


مرحباً في درسٍ و هو الأول من نَوعه في موقعي، و هو عن الويب تون ، وهي نوع القصصّ المصوّرة التي تعرض على الانترنت ، و غالباً ما تكون ملوّنة، لأنها لا تُطبع، على عكس المانجا ، التي تكون بالأسود و الأبيض، لأنّها تٌطبع بتكّلفة منخفضة ، على العموم كان عليّ شرح الفرق باقتضاب قبل الدّخول في الدّرس .


قصّة و سيناريو الويب تون

نكتب القصّة التي سوف تتّحوّل إلى الويب تون ، لديكم الحريّة في كتابتها في أيّ برنامج تريدون ، و نقسّمها في الجدول ، كل رقم يمثّل لقطة معيّنة ، وقربه الوصف و الحوار

صحيح أنّ جدولة السّيناريو اختياريّة، ولكنّها عمليّة من ناحية اختصار الوقت و الجهد
شرح كامل لتصميم الويب تون من البداية إلى النّهاية بالصّور


البالونات و الحوار

نفتح الآن برنامج الرّسم الذّي سنعمل عليه ، أول ما علينا فعله هو تحديد و تقسيم المشاهد التي سوف تظّهر في الصّفحة ، في الويب تون غالباً ما تكون المشاهد تحت بعضها، ولكن يمكننّا ترتيبها مثل المانجا اليابانيّة.


قبل الرّسم ، من الضّروريّ أن نضيف بالونات الحوار للّصفحات، حتى نعرف المساحة المخصصّة لرسم الشّخصيّات


إضافة البالونات بعد الرّسم ، سوف يغطي على ما رسمتموه ، وقد لا تجدون المساحة الكافيّة للّبالونات
شرح كامل لتصميم الويب تون من البداية إلى النّهاية بالصّور

السّكتش

نبّدأ في رسم الخطوط الأساسيّة للّمشاهِد ، باللّون الأخضر الشّكل المبدئيّ للّجسم، الأزرق للّوجه ، الأحمر للّرسم المفصّل

 كيف تصمم الويب تون بشكل بسيط "بالصّور"


التّحبير و التّلوين



شرح كامل لتصميم الويب تون من البداية إلى النّهاية بالصّور

ما بعد السّكتش ، ستأتي مرحلة التّحبير، باللّون الأسود، نخففّ طبقة السّكتش، ومن ثم نبدأ الرّسم فوقها مباشرة













من الضّروريّ أن تحبّروا كل جزأ على حدى ، الشّعر في طبقة منفصلة، و الجسم و كذلك الملابس


شرح كامل لتصميم الويب تون من البداية إلى النّهاية بالصّور


الطّريقة كالتّالي ، أضيف مجلداً جديداً يكون مخصصّاّ للّتّحبير ، و داخله مجلد مخصصّ للّتلوين ، و لكل مجلد طبقة

  • طبقة لرسم الشّعر

  • طبقة رسم الجسم

  • طبقة رسم الملابس و الاكسسّوارات

إضافة طبقة منفصلة لكل جزء ، يساعدنا في تعديل ما نريده، دون أن تتّاثر كل الرّسمة
كيف تصمم الويب تون بشكل بسيط "بالصّور"

في مجلد التّلوين ، أضيف داخله مجلداً لكل جزء في الرّسمة

  • مجلد تلوين البشرة

  • مجلد تلوين ملامح الوجه

  • مجلد تلوين الشّعر

  • مجلد تلوين الملابس

  • اختياري مجلد تلوين الإضافات و الأكسسّوارات


مثال : في مجلد تلوين الشّعر كما هو موضح أسفله ، لونت الشّعر بالأصفر ، وفي طبقة منفصلة أضفت الظّل ، وفي طبقة إضافيّة ، يمكننّا إضافة لمعان الشّعر

كيف تصمم الويب تون بشكل بسيط "بالصّور"


الخلفيّات

كما تعودتّم عليّ ، فأنا لا أرسم الخلفيّات بنفسي ، بل استعين بنماذج ثلاثيّة الأبعاد، و هذا ما يفعله المانجاكا و الـ"يبتونرز" على الدّوام .

كيف تصمم الويب تون بشكل بسيط "بالصّور"

آخذ المكان الذّي أريده، و هو الفصل المدرسيّ، و أحددّ الزّاوية التي أريدها، و من هناك ، أختار خيار تحويل اللّقطة لرسمة انمي.

كيف تصمم الويب تون بشكل بسيط "بالصّور"

و من ثم أضيف تأثير تخفيف حدّة اللّون ، من أجل أن أجعله بطابع أشّبه بالانمي ، لاحظوا الفرق بين الصّورتين اليمنى و اليسرى ، كيف أنّ الفصل في الصّورة "بعد" تبدو أزهى و أجمل من السّابقة التي تبدو قاتمة بالنّسبة لقصة ويب تون.

كيف تصمم الويب تون بشكل بسيط "بالصّور"


تأثيرات

من المهم أن تحتوي بعض اللّقطات على تأثيرات تعبّر عن إنفعال الشّخصيّات ، مثل الصّراخ أو الصّدمة أو الخوف و غيرها من الأحاسيس، و هنا سوف أريكم كيف تفعلون ذلك


نختار من القائمة اليسرى Figure ، و نحددّ الشّكل المناسب من التأثير و مدى شدّته و نضيفه للّبانِل

شرح كامل لتصميم الويب تون من البداية إلى النّهاية بالصّور


ستظهر طبقة تحمل هذا التّأثير ، يمكنكم التّحكم في اللّون و سماكة الخطوط كذلك


كيف تصمم الويب تون بشكل بسيط "بالصّور"


طريقة العرض

من المعروف أن الويب تون يعرض عن طريق التمرير نحو الأسفل، لأنهّا مخصصة للعرض على الهواتف النقالة، لذا علينا اتباع تلك الطريق أثناء النشر

وهنا فيديو سوف يوضّح لكم الأمر





و هكذا تكون النّتيجة النّهائية للّصفحة كاملة، آمل أنّكم استفدتم ، و ترقبوا المزيد من الدّروس المخصصّة للمانجا ، أراكم على خير


لقراء المانجا كاملة من هــــنــــا

كيف تصمم الويب تون بشكل بسيط "بالصّور"

متوسط التقييم هو 1 من 5, على أساس 1 عدد الأصوات, أعجبهم
1
Love it? Rate it
Don’t love itDon’t love itNot greatSatisfiedReally goodLove it
bottom of page