اذهب إلى المحتوى

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

000_final_resulte (1).png

في البداية سنزيل الإطار الموجود في الصفحة عن طريق:

File > Document properties

ثم من النافذة المنبثقة نزيل علامة الصح بجانب عبارة: Show page border.

001_ Arrow_Circle.png

002_ Arrow_Circle.png

نرسم دائرة مع الضغط على Ctrl أثناء الرسم لتكون متساوية الأبعاد.

003_ Arrow_Circle.png

نقلل شفافية الشكل Opacity إلى المنتصف أو قريبا منها.

004_ Arrow_Circle.png

نزيل التعبئة من لوحة التعبئة والحدود Fill and stoke من تبويب التعبئة Fill.

005_ Arrow_Circle.png

نضيف حدودا للدائرة من تبويب رسم الحدود Stroke paint من نفس اللوحة، ونتأكد من عدم تفعيل خيار تكبير الحدود عند تكبير الشكل من أعلى الشريط؛ حتى لا يتغير حجم الحد عند تكبير الدائرة.

006_ Arrow_Circle.png

نتجه لتبوب سمة الحد Stroke style ونجعل قيمة العرض Width = 70.

007_ Arrow_Circle.png

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

008_ Arrow_Circle.png

لتحويل الحد إلى مسار سنختار من قائمة المسار Path الخيار Stroke to path.

009_ Arrow_Circle.png

سنرسم مربعا مع الضغط على Ctrl أثناء الرسم للمحافظة على تساوي الطول والعرض للمربع.

010_ Arrow_Circle.png

سنزيل حدود المربع ونلونه باللون الأحمر، ونقلل شفافية للمنتصف.

011_ Arrow_Circle.png

من الشريط العلوي سنجعل عرضه 200 مع التأكد من تفعيل رمز القفل.

012_ Arrow_Circle.png

نحدد المربع ثم نحدد الحلقة بالضغط على Shift لتحديدهما معا، ثم من لوحة المحاذاة والاصطفاف Align and distribute نحاذي الشكلين من جهة الحافة اليسرى، ثم من نفس اللوحة نحاذيهما من جهة الحافة العلوية.

013_ Arrow_Circle.png

014_ Arrow_Circle.png

سنختار المربع ثم من قائمة Path نختار Object to path لتحويل الشكل لمسار.

015_ Arrow_Circle.png

نكرر المربع عن طريق تحديده ومن لوحة المفاتيح نضغط Ctrl+D، ثم بعد ذلك نحدد المربع المكرر ثم نحدد الحلقة، ومن نافذة المحاذاة نحاذيهما من جهة الحافة السفلى.

016_ Arrow_Circle.png

017_ Arrow_Circle.png

نختار الحلقة مع المربع الأول الذي الأصل، ثم من قائمة Path نختار Intersection.

018_ Arrow_Circle.png

019_ Arrow_Circle.png

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

020_ Arrow_Circle.png

نختار أداة التحرير Node tool ونحذف العقدة السفلية باختيارها ثم من لوحة المفاتيح نضغط زر الحذف.

021_ Arrow_Circle.png

نفعل خيار الالتقاط والكبس Enable snapping من الشريط العلوي، ومنه نفعل Snap cusp nodes ثم نسحب أذرع العقدة Node handles إلى العقدة نفسها وسنلاحظ أن العقدة ستلتقط الذراع، نفعل ذلك مع العقدتين السفليتين ثم نلغي خيار الالتقاط حتى نكمل الرسم بحرية.

022_ Arrow_Circle.png

وبهذا نحصل على شكل المثلث.

ملاحظة: يمكن اختصار هذه الخطوات عن طريق أداة النجمة والمضلع Stars and polygons باختيار المضلع وتحديد عدد الزوايا 3 .

023_ Arrow_Circle.png

قم بتدوير المثلث باتجاه عقارب الساعة مع الضغط على Ctrl أثناء التدوير أو اضغط على خيار التدوير من الشريط العلوي.

024_ Arrow_Circle.png

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

025_ Arrow_Circle.png

ثم اختر الجزء المكرر من الحلقة مع المستطيل، واختر الأمر Intersection من قائمة Path.

026_ Arrow_Circle.png

027_ Arrow_Circle.png

اختر المثلث مع المستطيل الصغير في حافة الحلقة الذي حصلنا عليه توًا، ومن لوحة المحاذاة والاصطفاف نحاذيهما أفقيا

028_ Arrow_Circle.png

ثم نختار من نفس اللوحة خيار محاذاة الحافة اليسرى بالحافة اليمنى لتلتصق حافة المثلث اليسرى بحافة المستطيل الصغير اليمنى.

029_ Arrow_Circle.png

نصغر المثلث من السهم الأيمن المتوسط مع الضغط على Ctrl أثناء التصغير.

030_ Arrow_Circle.png

نحذف المستطيل الصغير في حافة السهم لعدم حاجتنا له بعد الآن، ثم نختار المثلث مع جزء الحلقة المتبقي ومن قائمة Path نختار Union لنجعلهما شكلا واحدا.

031_ Arrow_Circle.png

نعيد تفعيل خيارات الالتقاط والكبس التي فعلناها سابقا ونفعل معها خيار Snap other point، ثم نضغط على السهم المستدير مرة أخرى لتظهر أسهم التدوير وليظهر لنا مركز الشكل على شكل علامة +.

032_ Arrow_Circle.png

نسحب المركز من وسط الشكل إلى زاوية المربع العلوية اليمنى، ولكوننا فعلنا خيار الالتقاط والكبس فستلتقطه زاوية المربع.

033_ Arrow_Circle.png

نكرر السهم ثم نقوم بتدويره مع الضغط على Ctrl أثناء التدوير، بحيث يكون طرف السهم المكرر عند قاعدة المثلث.

034_ Arrow_Circle.png

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

035_ Arrow_Circle.png

نكرر السهم الأول ونحدد السهم الذي يليه باتجاه عقارب الساعة ثم من قائمة Path نختار Difference.

036_ Arrow_Circle.png

نفعل الشيء نفسه مع بقية الأسهم بحيث نكرر كل سهم في الحلقة ونحدده مع الذي يليه ونختار الأمر Difference.

037_ Arrow_Circle.png

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

038_ Arrow_Circle.png

039_ Arrow_Circle.png

من تبويب التعبئة سنختار التدرج الخطي Linear gradient ثم من نفس التبويب نختار زر التحرير Edit في أسفل اللوحة.

040_ Arrow_Circle.png

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

041_ Arrow_Circle.png

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

042_ Arrow_Circle.png

043_ Arrow_Circle.png

044_ Arrow_Circle.png

045_ Arrow_Circle.png

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

046_ Arrow_Circle.png

نكرر السهم الأول، ثم من لوحة المفاتيح نضغط على Ctrl+0 ثم نضغط على Shift ونحدد السهم الذي يليه باتجاه عقارب الساعة، ثم من قائمة Path نختار Difference.

047_ Arrow_Circle.png

048_ Arrow_Circle.png

نتجه للسهم الثاني ثم نكرره ونفعل به ما فعلناه بالأول، ثم بتحديده هو والسهم الذي يليه نتبع الأمر Difference ونفعل ذلك مع السهم الثالث والرابع.

نعيد شفافية الأسهم 100 وبذلك نصل للنتيجة النهائية:

049_the_end.png

الدرس مستفاد من مقطع فيديو بعنوان: Inkscape Tutorial: Arrow Circle لصاحبه Nick Saporito.


تفاعل الأعضاء

أفضل التعليقات

لا توجد أية تعليقات بعد



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...