Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Illustration

كيفية إنشاء أيقونة مصباح كهربائي مع Inkscape

by
Read Time:10 minsLanguages:

Arabic (العربية/عربي) translation by Maryam Saud (you can also view the original English article)

اليوم سوف نتعلم كيفية إنشاء أيقونة مصباح كهربائي مع البرنامج المجاني والمفتوح المصدر للرسوم المتجهية إنكسكيب. سوف نتبع نمط التصميم تانغو tango لهذا المشروع. تابع القراءة لمعرفة المزيد عن "مشروع تانغو سطح المكتب" ولتعلم كيفية إنشاء هذه الأيقونة.

درس معاد نشره

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

معاينة الصورة النهائية

أدناه الصورة النهائية التي سنعمل للوصول إليها. هل تريد الوصول إلى ملفات مصدرية للفيكتور كاملة وتحميل نسخ من كل درس، بما في ذلك هذا الدرس؟ انضم إلى VECTORTUTS مقابل 9 لكل شهر فقط.

مشروع تانغو سطح المكتب

مشروع تانغو سطح المكتب Tango Desktop Project هو مجموعة من القواعد الإرشادية التي يمكن أن يستخدمها منشئو الأيقونات لصنع مظهر متناسق في أيقوناتهم. فإنه يتم عرض أشهرها في توزيعات لينكس، ولكن قد تلاحظها أيضا في التطبيقات المستقلة، مثل GIMP. أدناه، عينة من أيقونات التانغو الرسمية. سنقوم بتكرار هذا المظهر.

الخطوة 1

أنشئ لوحة رسم جديدة مقاس 48px في 48px. بشكل افتراضي يملك إنكسكيب بعض الإعدادات غير المرغوب فيها لإنشاء الأيقونات. انتقل إلى مربع الحوار "خصائص المستند" وحدد علامة تبويب الالتقاط Snap. قم بإلغاء تحديد المربع بجوار تمكين الالتقاط. في هذا الدرس سوف تحتاج من حين إلى آخر استخدام خطوط الشبكة لمحاذاة الأشكال إلى لوحة الرسم. لتمكين الشبكة حدد عنصر القائمة عرض > الشبكة (#) View > Grid. استخدمت خلفية رمادية في هذا الدرس لجعل الأمور تظهر أكثر.

الخطوة 2

الآن أنشئ دائرة صغيرة قرب الجزء العلوي من اللوحة واجعلها في الوسط. لا يجب أن تكون مثالية، يمكنك ضبطها لاحقاً. لاحظ كيف أن تناسبها جيد بين خطوط الشبكة. حوّل الدائرة إلى مسار عن طريق تحديدها ثم الذهاب إلى Path > Object to Path مسار > كائن إلى مسار (Shift + Ctrl + C).

الخطوة 3

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

لإنشاء مسار أسفل المنحنى، حدد أداة Bezier Curves "منحنيات بيزير" (Shift + F6) وتتبع أو أنشئ مسارا مشابه لذلك الذي في الصورة أدناه بتعديل العقد المختلفة.

الخطوة 4

اجمع بين الدائرة التي تم إنشاؤها في وقت سابق والمسار الجديد بضغط Shift باستمرار وبالنقر فوق الكائنات على حدة. بعد ذلك، انقر فوق عنصر القائمة Path > Combine مسار > الجمع (Ctrl + K). تم الآن دمج الكائنين لواحد ويجب أن يبدو نفس الصورة أدناه أثناء وجوده في وضع Paths mode "تحرير المسارات" (F2).

أولِ الاهتمام للماستين الصفراوين المحددتين في الأعلى. سنقوم بجعل التقاطعات في الدائرة بالقرب من هاتين النقطتين. أنشئ التقاطعات بالنقر المزدوج فوق الماستين الصفراوين على حدود للدائرة. يجب أن تظهر عقدتين جديدتين حيث قمت بالنقر المزدوج.

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

النتيجة شكل المصباح مع اثنين من الثغرات في الوسط.

ادمج شبه الدائرة مع المسار السفلي بتحديد إحدى نهايات الدائرة جنبا إلى جنب مع إحدى نهايات المسار السفلي. بالنقر فوق "اربط نهايات العقد المحددة" Join selected endnodes في شريط الأدوات تحرير العقد، يجب أن تلتحم النقطتين معا.

اعمل نفس الشيء للجانب الآخر.

الخطوة 5

الآن حان الوقت لإضافة القليل من الألوان. لقد استخدمتُ لوح ألوان مخصص كما هو موضح أدناه ( pl. مدرجة في الملفات المصدرية لـ VECTORTUTS PLUS ). كما أنها تظهر أدناه.

حدد شكل المصباح وأظهر نافذة التعبئة والحدود (Shift + Ctrl + F). حدد طلاء الحدود Stroke pain ومن ثم التدرج الخطي linear gradient. ينبغي أن يظهر لون أسود عادي إلى متدرج الشفافية في حدود المصباح.. سنقوم بتغيير هذه الألوان. حدد تحرير Edit... وقم بتغيير العقدتين اللونيتين. لقد استخدمت 729fcfff للأول و 3465a4ff كلون ثاني، أكثر قتامة.

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

بعد هذا تكون التعبئة. احتفظ بنافذة التعبئة والحدود مفتوحة وانقر فوق علامة التبويب تعبئة Fill وحدّد التدرج الشعاعي Radial gardient. لقد استخدمتُ ffffff56 كلون داخليّ لي و 729fcfe3 للوني الخارجي. أنت قد تلاحظ أن كلا اللونين شفافان قليلاً. هذا لإعطاء انطباع أن المصباح مصنوع من مادة شفافة.

الخطوة 6

حدد المخطط التفصيلي وانسخه (Ctrl + C) والصقه على نفس الموقع (Ctrl + Alt + V). هذا سيكون العلامة التجارية للضوء المسلط الداخلي الذي يوجد في معظم الأيقونات بنمط التانغو. احذف التعبئة للحد المنسوخ وغيّر الحد إلى أبيض نقي. هذا سيجعله أوضح.

قم بضبط الحد الأبيض بحيث يتناسب بشكل مريح داخل الحد الأزرق. تذكر أن تبقي الشكل والحد 1 px. ربما سيكون من الضروري نقل العقد حوله يدويا لتحقيق الكمال.

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

اضبط الشفافية الشاملة للمخطط الأبيض إلى 75%.

الخطوة 7

حان الوقت لإنشاء السلك الكهربائي. ارسم خطين بالقرب من منتصف المصباح بأداة المنحنيات Bezier. وجهّهم نحو المنتصف منشئا شكل V، ثم أعطِ كل منهما حدا متدرجا. لقد استخدمت 9927aff إلى ffffffff. اللون الأفتح في الأعلى لأنه المكان الذي يشتعل فيه السلك ويعطي لونا ساطعا.

ارجع إلى المصباح المرجعي السابق في هذا المنشور وستلاحظ أن سلك الشُعيرة الفعلية هو المادة بين هذين السلكين. في حين أن 48px في 48px لا تحتاج إلى الكثير من التفاصيل نستطيع محاكاة لفة بإنشاء خط مموج. لذا مرة أخرى حدّد أداة مالنحنيات Bezier وارسم أربع نقاط بين خطوط V التي تم إنشاؤها في وقت سابق. ثم اسحب الخطوط التي تربط كل نقطة نزولا حتى يكون لدينا ثلاثة أوعية ضحلة متصلة ببعضها.

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

افتح مربع حوار التعبئة والحدود وأعطِ المسار الجديد لون الحد d0bfacff. ثم حدد علامة تبويب التعبئة وأعطه "التدرج الخطي" من ffffffff إلى ffffff00 (أبيض إلى أبيض شفاف). غيّر خيار القائمة المنسدلة التكرار إلى المنعكس. الانعكاس يعني عرض التدرج مرتين. واحدة على الجانب الأيسر من النهاية المربعة، وتنعكس على اليمين. قمت بوضع النقطة المربعة قرب المنتصف لتبدو وكأن هناك انعكاس في الزجاج. أيضا، تغيير الشفافية الإجمالية إلى حوالي 50%.

الخطوة 8

حدد المخطط الأزرق الأصلي الذي رسمناه للمصباح في الخطوة 1. ينبغي أن يكون في الطبقة السفلية من الصورة الخاصة بك. انسخ (Ctrl + C) والصقه في مكانه (Ctrl + Alt + V). قم بإزالة الحد. ثم أعطه تعبئة ffc803ff. هذا سيكون توهجًا أصفرًا جميلاً يشبه اللّون المتوهج الذي يعطيه الضوء.

اخفض الشفافية الشاملة للكائن إلى 26% واخفضه إلى الجزء السفلي من الصورة عن طريق الضغط على المفتاح End.

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

الخطوة 9

الجزء الأخير من المصباح هو الموصل المعدني المُتَسمّر في مقبس ضوء. أنشئ مستطيلا متصلا بالجزء السفلي من زجاج المصباح الذي أنشأناه توًا. ثم قم بتحويل الشكل إلى مسار عن طريق الذهاب إلى عنصر القائمة Path > Object to Path مسار > كائن إلى مسار (Shift + Ctrl + C). هذا يجعل الشكل قابل للتحرير.

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

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

نحن نفعل ذلك لإنشاء شكل برغي المصباح. رتّب العقد عن طريق تحريكها ودفعها حتى تشبه الصورة أدناه.

أعطِ شكل البرغي لون حد d59600ff. انسخ والصق في نفس المكان (Ctrl + Alt + V) برغيا جديدا. أزل الحد من شكل البرغي الجديد، وأضف تعبئة متدرجة خطية بالألوان ffd543ff و ffeca9ff. تذكر أن تقوم بتغيير التكرار المنعكس للحصول على اللمعان قرب منتصف البرغي.

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

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

كرّر الكائن وأنزله تحت الكائن الأصلي.

الآن أضف بعض اللمسات النهائية. قم بعمل اثنين من النقاط المتصلة باستخدام أداة المنحنيات Bezier على شكل وعاء. املأه باللون d0bfacff والحد باللون 5a5249ff واخفضه إلى الجزء السفلي من الصورة مع المفتاح End.

ارسم شكلا بيضاويا في الجزء السفلي من الصورة. اجعله عريضا حوالي ست مرات بالنسبة لطوله . افتح نافذة التعبئة والحدود واملأه باللون الأسود (000000ff).

ثم حدد تدرج شعاعي Radial gradient للتعبئة. اخفض الشفافية الشاملة بنسبة 30% وانقل الشكل البيضاوي إلى الجزء السفلي من الصورة. هذا هو الظل الذي يُلقى بواسطة المصباح.

الصورة النهائية

تهانينا، لقد انتهيت من كل شيء! أرجو أنك استمتعت في إنشاء هذا!

اشترك في VECTORTUTS RSS Feed لتبقى على اطلاع على أحدث دروس ومقالات الرسم المتجهي "vector".

One subscription.
Unlimited Downloads.
Get unlimited downloads