شرح كامل لطريقة تصميم الويب تون من البداية بالصور

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

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

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

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

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

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

السّكتش الذي يساعد في تصميم الويب تون و الفصل كاملاً

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

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

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

  • مجلد تلوين البشرة
  • مجلد تلوين ملامح الوجه
  • مجلد تلوين الشّعر
  • مجلد تلوين الملابس
  • اختياري مجلد تلوين الإضافات و الأكسسّوارات

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

الخلفيّات

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

تأثيرات

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

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

طريقة العرض الخاصة بدرس صناعة الويب تون

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

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

https://youtu.be/vUZOpWVl1K0


و هكذا تكون النّتيجة النّهائية لطريقة تصميم الويب تون ، و بطريقة عرض صفحة كاملة، آمل أنّكم استفدتم ، تذكّروا أن الاستمرارية هو سر النجاح في مجال تصميم الويب تون وبناء جمهور متابع لأعمالكم.

شرح كامل لكيفية تصميم الويب تون من البداية بالصور سمر ارت

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

شارك المقالة مع الآخرين

اترك ردّاً