كيفية إنشاء الرسوم التوضيحية المتجهة الدرامية

نشرت: 2022-03-10
ملخص سريع ↬ لقد كنت أرسم خلفيات سطح المكتب للمجموعات الشهرية لمجلة Smashing Magazine منذ أكثر من عام ، وفي كل مرة تكون مهمة ممتعة وصعبة للغاية. في هذه المقالة ، أود أن أشارك كيف أتعامل مع جميع مراحل العملية وأقدم تقنيات عامة لإنشاء الرسوم التوضيحية المتجهة في Adobe Illustrator. نأمل أن تجد هذه التقنيات مفيدة. أثناء الإشارة إلى رسم معين - الرسم التوضيحي لخلفية سطح المكتب "فهم نفسك" ، والذي تم عرضه في مجموعة ورق الحائط الخاصة بشهر مايو هذا العام - سأقوم أيضًا بتسليط الضوء على النقاط الرئيسية من تجربتي كرسام ومصمم.

لقد كنت أرسم خلفيات سطح المكتب للمجموعات الشهرية لمجلة Smashing Magazine منذ أكثر من عام ، وفي كل مرة تكون مهمة ممتعة وصعبة للغاية. في هذه المقالة ، أود أن أشارك كيف أتعامل مع جميع مراحل العملية وأقدم تقنيات عامة لإنشاء الرسوم التوضيحية المتجهة في Adobe Illustrator. نأمل أن تجد هذه التقنيات مفيدة.

أثناء الإشارة إلى رسم معين - الرسم التوضيحي لخلفية سطح المكتب "فهم نفسك" ، والذي تم عرضه في مجموعة ورق الحائط الخاصة بشهر مايو هذا العام - سأقوم أيضًا بتسليط الضوء على النقاط الرئيسية من تجربتي كرسام ومصمم.

how to create illustrations
الرسم التوضيحي "فهم نفسك" ، المعروض في مجموعة خلفيات سطح المكتب لشهر مايو 2016 (عرض النسخة الكبيرة)

استمدت فكرة "افهم نفسك" من فضولي حول العلاقة المستقبلية بين الروبوتات والبشر (أصبح الذكاء الاصطناعي شيئًا مؤخرًا). كيف يمكن للروبوت أن يتفهم المشاعر البشرية؟ من خلال القيام بنفس الأشياء التي يفعلها الناس بالطبع. ومن ثم ، فإن روبوت متأمل يحدق في غروب الشمس.

دعنا نلقي نظرة فاحصة عليها ونرى كيف تم صنعها.

المزيد بعد القفز! أكمل القراءة أدناه ↓

الأشياء التي يجب مراعاتها قبل البدء

  • القرار . على الرغم من أن العمل الفني المتجه قابل للتطوير دون المساومة على الجودة ، إلا أنه يتعين عليك تحديد النسبة. أفضل 4: 3 و 16: 9 لأن هذه معايير شائعة إلى حد ما لمعظم الشاشات. أيضًا ، ضع في اعتبارك أنه على الرغم من قابلية التوسع المثالية للرسومات المتجهة ، فإن العمل باستخدام أدوات تثبيت المنحنيات والألوان في المساحات الصغيرة يكون أحيانًا مرهقًا.
  • التكوين . القواعد مصنوعة للكسر. لكن يجب أن نعرف أيهما من المفترض أن ينكسر ، أليس كذلك؟ واحد يعجبني حقًا هو قاعدة الأثلاث. إنه سهل ويعمل بشكل جيد. الفكرة الأساسية هي أن الأشياء الرئيسية يجب أن تكون موجودة عند تقاطعات خطوط الشبكة. إذا كنت على استعداد لمعرفة المزيد عن التكوين ، فلا يمكنني أن أوصي بأي شيء أفضل من كتاب Framed Ink .
  • العمق . لجعل الرسم التوضيحي يبدو أكثر طبيعية ، قم بإنشاء العمق. يمكنك تحقيق ذلك عن طريق وضع بعض العناصر بالقرب من العارض وبعضها بعيدًا.
  • تأطير . لا تقلق من أن بعض الأعمال الفنية الخاصة بك سيتم قصها ؛ حساب لذلك أثناء الرسم. القاعدة الأساسية هي التفكير في الرسم التوضيحي الخاص بك على أنه قصاصة من صورة أكبر بكثير. أثناء الرسم ، لا تحاول ضغط كل الكائنات في اللوحة القماشية ؛ دعهم يتسكعون. يعد هذا أكثر صلة إذا كنت تخطط لتحويل عملك الفني إلى خلفية بإصدارات متعددة.
  • التفاصيل . تعد إضافة التفاصيل طريقة رائعة لجعل الرسم التوضيحي أكثر جاذبية. كلما كان العمل أكثر شمولاً ، زاد رغبة المرء في استكشافه ، وكلما كان البحث أكثر صدقًا. من ناحية أخرى ، قد تستغرق إضافة التفاصيل (وفي معظم الأحيان) وقتًا أطول بكثير من إنشاء رسم توضيحي لائق يرضيك.
  • الكمال . لا تخف من ارتكاب الأخطاء. هناك دائمًا شخص ما (مستقبلك أيضًا) أفضل في التركيب والتلوين. لن يكون الرسم الخاص بك خاليًا من العيوب ، وبمرور الوقت ستلاحظ الكثير من الأشياء التي لم تنتبه لها أو فاتتك. في الوقت نفسه ، الطريقة الوحيدة لتعلم شيء ما هي ارتكاب الأخطاء. هذه هي الطريقة التي يعمل.

كل شيء عن القص

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

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

فكر فيما حدث قبل الإطار الذي تعمل عليه وما قد يحدث بعد ذلك. دعنا نفكر في ما يحدث في الوقت الحالي أيضًا. ما الذي أدى إلى إطارنا؟ ما هي الاسباب والعواقب؟

لا يتعلق فن سرد القصص بما تخبر به المشاهد ، بل يتعلق بكيفية إدراك الناس لما تقوله. القصة الجيدة مصدر قوتها من عواطف الناس وذكرياتهم. يتردد صداها مع المشاهد.

كمثال سريع ، يوجد أدناه إحدى الخلفيات المعروضة في مجموعة خلفيات أغسطس.

وقت التخييم التوضيح
الرسم التوضيحي لـ "Camping Time" (عرض النسخة الكبيرة)

وهذه رسالة تلقيتها بعد وقت قصير من نشرها ، من باول مونتويل في بولندا:

ذهبت مؤخرًا إلى موقع تخييم مع أطفالي وقضينا بعض الوقت في خيمة ، لذا فهي تناسب مزاجي تمامًا.

هناك احتمالات ، ما يثير اهتمامك حقًا سيقدره الآخرون أيضًا.

توليد الأفكار

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

حاول ألا تربط عملك الفني بموضوع معين إذا لم يكن ضروريًا تمامًا. التوضيح القوي يعمل من تلقاء نفسه. في حالتنا ، بينما يرتبط المفهوم بالطقس اللطيف في شهر مايو وبداية موسم جديد ، يمكن بسهولة حرمانه من هذا السياق دون أن يفقد معناه.

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

رسم

سوف يلتقط الرسم التخطيطي الورقي فكرتك الأولية (تجسدها ، إذا صح التعبير). سيساعدك الرسم الورقي السائب على تقييم النسب والتركيب أيضًا. أفضل عدم تتبع رسوماتي لاحقًا ولكن أن أرسم وألقي نظرة خاطفة على الرسم من وقت لآخر. إذا لم تلتزم بالرسم بنسبة 100٪ ، فسيكون لديك المزيد من الحرية لتجربة التفاصيل ومعرفة أين يأخذك الرسم التوضيحي.

رسم تخطيطي أولي للورق الإيضاحي.
رسم تخطيطي ورقي أولي للرسم التوضيحي الخاص بنا (عرض النسخة الكبيرة)

خلفية

الخلفية مهمة للغاية لأنها تحدد الحالة المزاجية وتؤثر على الألوان التي ستختارها لاحقًا للبطل والمناطق المحيطة.

افتح برنامج Adobe Illustrator ، وأنشئ مستندًا جديدًا بالضغط على Cmd/Ctrl + N اكتب 2560px في حقل "العرض" و 1440px في حقل "الارتفاع". اختر صيغة ألوان RGB ، لأننا نقوم بإنشاء رسم توضيحي سيتم استخدامه على الشاشات الرقمية فقط. (ملاحظة: ينشط Shift + O وضع تحرير لوح الرسم ، بحيث يمكنك تغيير أبعاد لوح الرسم إذا كنت تريد تغييرها أو في حالة كتابتها بشكل خاطئ.)

اضغط على M لتحديد أداة المستطيل ، وانقر في أي مكان على لوح الرسم. اكتب نفس قيم العرض والارتفاع مثل لوح الرسم الخاص بك ( 2560px و 1440px ).

كتابة عرض الخلفية وارتفاعها

(عرض النسخة الكبيرة)

الطريقة الأكثر أمانًا لمحاذاة المستطيل لدينا هي استخدام خيار "Align to Artboard" من القائمة المنسدلة في شريط التحكم العلوي. بدلاً من ذلك ، يمكنك تحريك المستطيل وانتظار الأدلة الحية لمساعدتك في محاذاته.

محاذاة لوح الرسم
(عرض النسخة الكبيرة)

دعونا نستخدم التدرج كخلفية لتمثيل السماء. حدد أداة التدرج من شريط الأدوات (إذا كانت أداة التدرج مفقودة في شريط الأدوات ، فانتقل إلى القائمة العلوية وحدد Window → Gradient ). بشكل افتراضي ، يكون التدرج اللوني أبيض إلى أسود.

تدرج من الأبيض إلى الأسود
(عرض النسخة الكبيرة)

إذا كنت تريد أن تبدو ألوانك أكثر واقعية ، فابحث عن بعض الصور المرجعية لموضوعك. احصل على نظرة ثاقبة للمنظور والإضاءة والتكوين والعمق وكل شيء آخر. اختر الألوان من الصورة ، وتلاعب بها حتى تشعر بالرضا عن النتيجة.

دعنا نرى ما يجب أن يقدمه Unsplash:

غروب الشمس
يمكن أن تساعدك صورة مرجعية مثل هذه في جعل الرسم التوضيحي يبدو أكثر طبيعية. (صورة: Heejing Kim) (عرض نسخة كبيرة)

قم بتعيين أول نقطة توقف لونية من التدرج اللوني لدينا على FEE904 :

ضبط أول توقف لوني للتدرج اللوني
(عرض النسخة الكبيرة)

وقم بتعيين آخر توقف لوني على 6B51A8 .

تعيين آخر توقف لوني للتدرج اللوني
(عرض النسخة الكبيرة)

إذا أضفت توقفًا بينيًا لونيًا ، فسيكون التدرج أكثر ثراءً وسلاسة. دعنا نقوم بتسخين التدرج D65A7C الوردي:

الاحترار التدرج مع اللون الوردي
(عرض النسخة الكبيرة)

يمكنك ضبط الألوان عن طريق تحديد الوتد المعني الموجود أسفل معاينة التدرج في لوحة التدرج. أفضل وضع ألوان HSB لأنه يمكّنني من التحكم في تدرج اللون والتشبع والسطوع بشكل أكثر توقعًا من RGB أو CMYK.

حدد "شعاعي" كنوع التدرج اللوني من القائمة المنسدلة "النوع" الموجودة أعلى لوحة التدرج.

تدرج شعاعي
(عرض النسخة الكبيرة)

يمكن تعديل قيم شكل التدرج بضرب G قم بتمديد التدرج اللوني وتغيير حجمه وتحريكه حتى يتم الوصول إلى التأثير المطلوب. في الرسم التوضيحي الخاص بنا ، أريد أن ينتقل ضوء الشمس من الزاوية اليمنى السفلية إلى أعلى اليسار بطريقة دائرية.

تعديل شكل التدرج
(عرض النسخة الكبيرة)

أوصي بضرب Cmd/Ctrl + 2 بمجرد أن تكون على ما يرام مع القيم ، حتى نقوم بقفل رسم الخلفية ولا نقوم بتحديده عن طريق الخطأ لاحقًا. بالإضافة إلى ذلك ، يمكننا تحديد كائنات متعددة على لوح الرسم بسهولة أكبر عن طريق النقر على المؤشر وسحبه فوق هذه الكائنات.

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

نصيحة: احفظ نسخًا من عملك الفني. سيساعدك هذا على تتبع تقدمك وحتى الرجوع إذا واجهتك مشكلة في مرحلة ما.

رسم الأشكال

في Adobe Illustrator ، يمكنك الاختيار من بين عدة أدوات رسم. أوصي بالرسم باستخدام أداة Pencil ( N ) وتعديل المسارات باستخدام أداة Pen ( P ). أداة Pen أكثر دقة وتمكنك من إضافة وحذف وتحويل نقاط الربط على المسار.

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

دعونا نضيف بعض قمم الجبال إلى مشهدنا. كما نعلم من مصادر الصور المرجعية ، فإن الأشياء الأقرب إلينا تكون أكثر قتامة. سأجعلهم ليسوا من السود ، ولكن الأزرق الداكن بدلاً من ذلك. سنوفر اللون الأسود للأشياء الأقرب.


(عرض على Vimeo)

لماذا لا نضع بعض المساحات الخضراء أمام الجبال لخلق مزيد من العمق؟ حسنًا ، "خضرةنا" ستكون سوداء.


(عرض على Vimeo)

إذا قمت بالضغط على Shift أثناء الرسم باستخدام أداة القلم الرصاص ( N ) ، فسيكون الخط مستقيمًا تمامًا. دعنا نرسم سحابة ونرى كيف يكون الخط المستقيم مفيدًا في بعض الأحيان. BD5886 للسحابة. إن التلاعب في عتامة الكائن أمر جيد ، لكنني أفضل ضبط اللون يدويًا. (في معظم الحالات ، لا يكون تقليل العتامة كافيًا لأن الكائنات الحقيقية تميل إلى عكس الألوان من حولها).


(عرض على Vimeo)

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

ومع ذلك ، يكون الاستنساخ مقبولاً في بعض الحالات. قد يكون رسم كل ورقة بشكل مستقل لإنشاء أوراق الشجر ، على سبيل المثال ، مؤلمًا. بدلاً من ذلك ، قم بإنشاء أكبر عدد ممكن من الأوراق ، ثم قم بتغيير حجم النسخ أو قلبها أو تدويرها لجعلها تبدو مختلفة.

استنساخ أوراق الشجر
يُقبل نسخ ولصق عناصر الرسم التوضيحي في بعض الحالات ، ولكن تعامل بحذر. لا حرج في استنساخ أوراق الشجر ، على سبيل المثال. (عرض النسخة الكبيرة)

بالنسبة لجسم الروبوت ، دعنا نختار الألوان الباردة. لكن ضع في اعتبارك أن الجو العام دافئ ، لذلك سنمزج اللون الرمادي البارد مع القليل من اللون الأحمر.

الإنسان الآلي يجلس على غصن الشجرة
(عرض النسخة الكبيرة)

اضغط على Ctrl + G لتجميع طبقات متعددة تنتمي إلى نفس الكائن (مثل الرأس أو القدم). سيكون من الأسهل تدوير أو تغيير حجم أو تغيير موضعها لاحقًا إذا لزم الأمر. أرسل المجموعات إلى الخلف أو أحضرها إلى الأمام باستخدام Cmd/Ctrl + [ أو Cmd/Ctrl + ] ، على التوالي.

تجميع طبقات متعددة
(عرض النسخة الكبيرة)

العمل مع Bezier Curves And Anchors

كما ذكرت ، فإن أداة Pencil هي محاكاة رائعة لقلم رصاص حقيقي (خاصة إذا كنت تستخدم جهازًا لوحيًا بقلم رصاص). وأداة القلم مفيدة لتعديل المنحنيات.

أداة أخرى مفيدة هي أداة Smooth ، والتي تمكنك من تنعيم المنحنيات.


(عرض على Vimeo)

قم بتجهيز نفسك بأداة Pen ( P ) ، واضغط على Alt ، وحوم فوق المنحنى ، واسحبه. سيؤدي هذا إلى إنشاء قوس بين أقرب المراسي.


(عرض على Vimeo)

حدد نقطة ارتساء على المنحنى باستخدام أداة التحديد المباشر ( A ) ، واضغط باستمرار على Alt ، وستكون قادرًا على التحكم في نقاط الاتجاه بشكل مستقل.


(عرض على Vimeo)

شيء جميل آخر حول أداة Pencil ( N ) هو أنه يمكنك بسهولة تعديل مسار موجود ببساطة عن طريق الرسم أعلى المنحنى. هذه الميزة مفيدة جدًا لإغلاق مسار مفتوح ، وتنعيم الزوايا وإضافة المساحات دون الحاجة إلى رسم شكل إضافي.


(عرض على Vimeo)

الظلال

لجعل الأشياء أكثر واقعية ، دعنا نضيف الظلال (المناطق الأكثر قتامة) ، حيث يصل الضوء بالكاد إلى السطح. من الواضح أن بعض لحاء الشجر وبعض الأوراق على الفرع يجب أن تكون أغمق من بقية الأوراق.

لنرسم بعض الأشكال التي تحاكي لحاء الشجر.


(عرض على Vimeo)

هل لاحظت أن المسار المرسوم يصبح أكثر سلاسة تلقائيًا؟ يمكنك ضبط النعومة عن طريق النقر المزدوج على أداة القلم الرصاص. سيظهر هذا مربع حوار يحتوي على "الإخلاص" وبعض الخيارات الأخرى.

ضبط نعومة المسار
نصيحة سريعة: تحتوي كل أداة تقريبًا على خيارات مخصصة. فقط حاول النقر المزدوج عليها. (عرض النسخة الكبيرة)

أضف المزيد من الظلال على طول شكل الفرع وجسم الروبوت وأوراق الشجر باستخدام نفس تقنية الرسم.

مضيفا الظلال
(عرض النسخة الكبيرة)

يسلط الضوء

الإبرازات (أي المناطق التي ينعكس فيها الضوء عن سطح كائن ما) لا تقل أهمية عن الظلال. دعونا نضيف بعض البقع المضيئة على طول منحنى فرع الشجرة.

ارسم شكلاً على طول الفرع. اضغط على Cmd/Ctrl + C لنسخ شكل الفرع و Cmd/Ctrl + Shift + V للصق الشكل في نفس المكان فوق كل الكائنات الأخرى. الآن ، حدد كلا الشكلين (الفرع والتمييز) ، وانتقل إلى لوحة Pathfinder ، واضغط على "Unite". يدمج "Unite" شكلين في شكل واحد حيث يتداخلان. وبالتالي ، سيكون لدينا نفس المنحنى بالضبط حيث يتبع الإبراز شكل الفرع. يتيح لك الضغط على Shift أثناء استخدام منتقي الألوان اختيار لون واحد من التدرج اللوني. إذا لم تكن تضغط على Shift ، فسيتم تعبئة الشكل بتدرج لوني للكائن المصدر.


(عرض على Vimeo)

سنستخدم نفس الأسلوب لكل تسليط الضوء أو الظل الذي "يلامس" حدود الشكل تحتها. يمكن تحقيق هذا التأثير باستخدام الأقنعة ؛ ومع ذلك ، تحافظ الأقنعة على كلا الشكلين سليمين. قد يكون تحديد الأشكال المقنعة لاحقًا أمرًا صعبًا إذا كان لديك أشكال متعددة بنفس القناع (في حالتنا ، الفرع عبارة عن قناع ، والإبرازات والظلال هي أشكال مقنعة).

مضيفا النقاط البارزة
(عرض النسخة الكبيرة)

تفاصيل

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

رسمنا التوضيحي جاهز تقريبًا.
رسمنا التوضيحي جاهز تقريبًا. (عرض النسخة الكبيرة)

اللمسات الأخيرة

أحيانًا أضع بعض الحبوب فوق الرسم التوضيحي عن طريق إنشاء طبقة بضوضاء أحادية اللون في Adobe Photoshop. يضيف القليل من الملمس إلى الرسم التوضيحي وينعم التدرجات اللونية. إنه مفيد بشكل خاص عندما يكون للتدرجات أسافين خطوة ملحوظة.

لاستيراد الرسم المتجه إلى Adobe Photoshop ، حدد كل رسوماتك بالضغط على Command + A ، واسحبها وأفلتها في Photoshop. قم بالتضمين كـ "كائن ذكي" ، والذي سيمكنك من توسيع نطاق العمل الفني المتجه لأعلى ولأسفل دون فقدان الجودة.

قم بإنشاء طبقة جديدة باستخدام Command + Shift + N ، واملأها باللون الأبيض. بعد ذلك ، انتقل إلى Filters → Noise → Add Noise في القائمة الرئيسية. اضبط مستوى الضوضاء على 100% ، واضغط على "موافق". في لوحة الطبقات ، اضبط "وضع المزج" على "تراكب" و "التعتيم" حسب رغبتك (عادةً ما أختار 3 إلى 5٪).

الرسم التوضيحي مع طبقة ضوضاء وبدونها.
إضافة طبقة ضوضاء يعطي الرسم التوضيحي بعض النسيج الإضافي ويقلل التدرجات اللونية. اليسار: رسمنا التوضيحي بدون طبقة الضوضاء. اليمين: بعد إضافة طبقة الضوضاء. (نسخة الجعة)

الآن يمكننا تصحيح الألوان. اضغط على Cmd/Ctrl + M في Photoshop لفتح مربع حوار المنحنيات. حدد القناة "الأحمر" أو "الأخضر" أو "الأزرق" من القائمة المنسدلة والعب مع المنحنيات.

أفكار الاستحمام

الأسلوب مقابل الحل

في حين أن معظم الفنانين والمصممين والرسامين حريصون على تطوير أسلوبهم المميز ، فكر دائمًا في الغرض والهدف و "السبب". الأسلوب هو مجرد وسيلة لتحقيق هدفك. الأسلوب يبيع بلا شك - سيتعرف عليك العملاء بأسلوبك. في الوقت نفسه ، سيحد من توقعات المشاهد منك كفنان أو مصمم أو رسام.

النيون مقابل الضوء

بينما يكون اختيار الألوان من صورة حقيقية أمرًا منطقيًا في بعض الأحيان ، إلا أنه يعتمد بشكل كبير على النمط الذي تريده. أبيض وأسود مع بقع ملونة حمضية هنا وهناك؟ شاحب وخفيف؟ يتطلب كل نمط منهجه الخاص للون. ما يصلح لغلاف الكتاب (الجذاب والاستفزازي) قد لا يعمل مع ورق الحائط (تخيل أنك تحدق في ألوان زاهية للغاية كل يوم).

فكرة مقابل التنفيذ

رسم الأشكال

في Adobe Illustrator ، يمكنك الاختيار من بين عدة أدوات رسم. أوصي بالرسم باستخدام أداة Pencil ( N ) وتعديل المسارات باستخدام أداة Pen ( P ). أداة Pen أكثر دقة وتمكنك من إضافة وحذف وتحويل نقاط الربط على المسار.

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

دعونا نضيف بعض قمم الجبال إلى مشهدنا. كما نعلم من مصادر الصور المرجعية ، فإن الأشياء الأقرب إلينا تكون أكثر قتامة. سأجعلهم ليسوا من السود ، ولكن الأزرق الداكن بدلاً من ذلك. سنوفر اللون الأسود للأشياء الأقرب.


(عرض على Vimeo)

لماذا لا نضع بعض المساحات الخضراء أمام الجبال لخلق مزيد من العمق؟ حسنًا ، "خضرةنا" ستكون سوداء.


(عرض على Vimeo)

إذا قمت بالضغط على Shift أثناء الرسم باستخدام أداة القلم الرصاص ( N ) ، فسيكون الخط مستقيمًا تمامًا. دعنا نرسم سحابة ونرى كيف يكون الخط المستقيم مفيدًا في بعض الأحيان. BD5886 للسحابة. إن التلاعب في عتامة الكائن أمر جيد ، لكنني أفضل ضبط اللون يدويًا. (في معظم الحالات ، لا يكون تقليل العتامة كافيًا لأن الكائنات الحقيقية تميل إلى عكس الألوان من حولها).


(عرض على Vimeo)

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

ومع ذلك ، يكون الاستنساخ مقبولاً في بعض الحالات. قد يكون رسم كل ورقة بشكل مستقل لإنشاء أوراق الشجر ، على سبيل المثال ، مؤلمًا. بدلاً من ذلك ، قم بإنشاء أكبر عدد ممكن من الأوراق ، ثم قم بتغيير حجم النسخ أو قلبها أو تدويرها لجعلها تبدو مختلفة.

استنساخ أوراق الشجر
يُقبل نسخ ولصق عناصر الرسم التوضيحي في بعض الحالات ، ولكن تعامل بحذر. لا حرج في استنساخ أوراق الشجر ، على سبيل المثال. (عرض النسخة الكبيرة)

بالنسبة لجسم الروبوت ، دعنا نختار الألوان الباردة. لكن ضع في اعتبارك أن الجو العام دافئ ، لذلك سنمزج اللون الرمادي البارد مع القليل من اللون الأحمر.

الإنسان الآلي يجلس على غصن الشجرة
(عرض النسخة الكبيرة)

اضغط على Ctrl + G لتجميع طبقات متعددة تنتمي إلى نفس الكائن (مثل الرأس أو القدم). سيكون من الأسهل تدوير أو تغيير حجم أو تغيير موضعها لاحقًا إذا لزم الأمر. أرسل المجموعات إلى الخلف أو أحضرها إلى الأمام باستخدام Cmd/Ctrl + [ أو Cmd/Ctrl + ] ، على التوالي.

تجميع طبقات متعددة
(عرض النسخة الكبيرة)

العمل مع Bezier Curves And Anchors

كما ذكرت ، فإن أداة Pencil هي محاكاة رائعة لقلم رصاص حقيقي (خاصة إذا كنت تستخدم جهازًا لوحيًا بقلم رصاص). وأداة القلم مفيدة لتعديل المنحنيات.

أداة أخرى مفيدة هي أداة Smooth ، والتي تمكنك من تنعيم المنحنيات.


(عرض على Vimeo)

قم بتجهيز نفسك بأداة Pen ( P ) ، واضغط على Alt ، وحوم فوق المنحنى ، واسحبه. سيؤدي هذا إلى إنشاء قوس بين أقرب المراسي.


(عرض على Vimeo)

حدد نقطة ارتساء على المنحنى باستخدام أداة التحديد المباشر ( A ) ، واضغط باستمرار على Alt ، وستكون قادرًا على التحكم في نقاط الاتجاه بشكل مستقل.


(عرض على Vimeo)

شيء جميل آخر حول أداة Pencil ( N ) هو أنه يمكنك بسهولة تعديل مسار موجود ببساطة عن طريق الرسم أعلى المنحنى. هذه الميزة مفيدة جدًا لإغلاق مسار مفتوح ، وتنعيم الزوايا وإضافة المساحات دون الحاجة إلى رسم شكل إضافي.


(عرض على Vimeo)

الظلال

لجعل الأشياء أكثر واقعية ، دعنا نضيف الظلال (المناطق الأكثر قتامة) ، حيث يصل الضوء بالكاد إلى السطح. من الواضح أن بعض لحاء الشجر وبعض الأوراق على الفرع يجب أن تكون أغمق من بقية الأوراق.

لنرسم بعض الأشكال التي تحاكي لحاء الشجر.


(عرض على Vimeo)

هل لاحظت أن المسار المرسوم يصبح أكثر سلاسة تلقائيًا؟ يمكنك ضبط النعومة عن طريق النقر المزدوج على أداة القلم الرصاص. سيظهر هذا مربع حوار يحتوي على "الإخلاص" وبعض الخيارات الأخرى.

ضبط نعومة المسار
نصيحة سريعة: تحتوي كل أداة تقريبًا على خيارات مخصصة. فقط حاول النقر المزدوج عليها. (عرض النسخة الكبيرة)

أضف المزيد من الظلال على طول شكل الفرع وجسم الروبوت وأوراق الشجر باستخدام نفس تقنية الرسم.

مضيفا الظلال
(عرض النسخة الكبيرة)

يسلط الضوء

الإبرازات (أي المناطق التي ينعكس فيها الضوء عن سطح كائن ما) لا تقل أهمية عن الظلال. دعونا نضيف بعض البقع المضيئة على طول منحنى فرع الشجرة.

ارسم شكلاً على طول الفرع. اضغط على Cmd/Ctrl + C لنسخ شكل الفرع و Cmd/Ctrl + Shift + V للصق الشكل في نفس المكان فوق كل الكائنات الأخرى. الآن ، حدد كلا الشكلين (الفرع والتمييز) ، وانتقل إلى لوحة Pathfinder ، واضغط على "Unite". يدمج "Unite" شكلين في شكل واحد حيث يتداخلان. وبالتالي ، سيكون لدينا نفس المنحنى بالضبط حيث يتبع الإبراز شكل الفرع. يتيح لك الضغط على Shift أثناء استخدام منتقي الألوان اختيار لون واحد من التدرج اللوني. إذا لم تكن تضغط على Shift ، فسيتم تعبئة الشكل بتدرج لوني للكائن المصدر.


(عرض على Vimeo)

سنستخدم نفس الأسلوب لكل تسليط الضوء أو الظل الذي "يلامس" حدود الشكل تحتها. يمكن تحقيق هذا التأثير باستخدام الأقنعة ؛ ومع ذلك ، تحافظ الأقنعة على كلا الشكلين سليمين. قد يكون تحديد الأشكال المقنعة لاحقًا أمرًا صعبًا إذا كان لديك أشكال متعددة بنفس القناع (في حالتنا ، الفرع عبارة عن قناع ، والإبرازات والظلال هي أشكال مقنعة).

مضيفا النقاط البارزة
(عرض النسخة الكبيرة)

تفاصيل

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

رسمنا التوضيحي جاهز تقريبًا.
رسمنا التوضيحي جاهز تقريبًا. (عرض النسخة الكبيرة)

اللمسات الأخيرة

أحيانًا أضع بعض الحبوب فوق الرسم التوضيحي عن طريق إنشاء طبقة بضوضاء أحادية اللون في Adobe Photoshop. يضيف القليل من الملمس إلى الرسم التوضيحي وينعم التدرجات اللونية. إنه مفيد بشكل خاص عندما يكون للتدرجات أسافين خطوة ملحوظة.

لاستيراد الرسم المتجه إلى Adobe Photoshop ، حدد كل رسوماتك بالضغط على Command + A ، واسحبها وأفلتها في Photoshop. قم بالتضمين كـ "كائن ذكي" ، والذي سيمكنك من توسيع نطاق العمل الفني المتجه لأعلى ولأسفل دون فقدان الجودة.

قم بإنشاء طبقة جديدة باستخدام Command + Shift + N ، واملأها باللون الأبيض. بعد ذلك ، انتقل إلى Filters → Noise → Add Noise في القائمة الرئيسية. اضبط مستوى الضوضاء على 100% ، واضغط على "موافق". في لوحة الطبقات ، اضبط "وضع المزج" على "تراكب" و "التعتيم" حسب رغبتك (عادةً ما أختار 3 إلى 5٪).

الرسم التوضيحي مع طبقة ضوضاء وبدونها.
إضافة طبقة ضوضاء يعطي الرسم التوضيحي بعض النسيج الإضافي ويقلل التدرجات اللونية. اليسار: رسمنا التوضيحي بدون طبقة الضوضاء. اليمين: بعد إضافة طبقة الضوضاء. (نسخة الجعة)

الآن يمكننا تصحيح الألوان. اضغط على Cmd/Ctrl + M في Photoshop لفتح مربع حوار المنحنيات. حدد القناة "الأحمر" أو "الأخضر" أو "الأزرق" من القائمة المنسدلة والعب مع المنحنيات.

أفكار الاستحمام

الأسلوب مقابل الحل

في حين أن معظم الفنانين والمصممين والرسامين حريصون على تطوير أسلوبهم المميز ، فكر دائمًا في الغرض والهدف و "السبب". الأسلوب هو مجرد وسيلة لتحقيق هدفك. الأسلوب يبيع بلا شك - سيتعرف عليك العملاء بأسلوبك. في الوقت نفسه ، سيحد من توقعات المشاهد منك كفنان أو مصمم أو رسام.

النيون مقابل الضوء

بينما يكون اختيار الألوان من صورة حقيقية أمرًا منطقيًا في بعض الأحيان ، إلا أنه يعتمد بشكل كبير على النمط الذي تريده. أبيض وأسود مع بقع ملونة حمضية هنا وهناك؟ شاحب وخفيف؟ يتطلب كل نمط منهجه الخاص للون. ما يصلح لغلاف الكتاب (الجذاب والاستفزازي) قد لا يعمل مع ورق الحائط (تخيل أنك تحدق في ألوان زاهية للغاية كل يوم).

فكرة مقابل التنفيذ

أواجه دائمًا معضلة أهمها: الفكرة أم تنفيذ الفكرة. قد يحتوي الرسم التوضيحي الخاص بك على فكرة مثيرة للاهتمام ، ولكن إذا تم رسمها بشكل سيئ ، فلن تكون مقنعة بدرجة كافية. على العكس من ذلك ، إذا كان عملك الفني رائعًا وغنيًا بالتفاصيل ولكنه يفتقر إلى فكرة ، فهل يؤدي وظيفته؟ هل تحرك الناس؟

الكمال مقابل التقدم

ليس هناك ما هو مثالي باستثناء البيتزا ، لذلك لا تتعثر في السعي وراء الكمال. دع الغبار يهدأ ، وعد إلى عملك الفني بعد يوم أو يومين من الانتهاء منه. لكن لا تترك الأمر غير مرئي لفترة طويلة. هل تفضل القيام بذلك والمضي قدمًا ، أو تحسينه بدقة بكسل تلو الآخر؟

خاتمة

يعد الرسم التوضيحي طريقة رائعة لتعزيز العديد من مهاراتك ولتجربة تقنيات الرسم والألوان والتكوين. ستجعلك هذه المهارات متخصصًا بشكل أفضل في أي مجال إبداعي (مثل الرسوم المتحركة وتصميم الويب ، على سبيل المثال لا الحصر). فقط تذكر أن الرسم التوضيحي القوي يتطلب الصبر ونادرًا ما يتم إجراؤه بسرعة. والخبر السار هو أنه يؤتي ثماره.