Inkscape شرح اذافة تأثير زجاجي

5:39 ص | | | 0تعليقات
 

إفتح Inkscape و قم بتعديل الصفحة لتصبح بقياس 200*200 كما أحبها: File >> Document Properties ثم اجعل الطول 200px و العرض 200px.

اضغط على رقم 5 من لوحة المفاتيح لتوسيط الصفحة (هنا هي عبارة عن مربع بطول 200px) في الشاشة او استعمل هذه الأزرار للتحكم في طريقة عرض الصفحة



أرسم دائرة كبيرة في وسط الصفحة تقريبا، و لتحافظ على تناسق الدائرة استعمل Ctrl من لوحة المفاتيح أثناء رسم الدائرة (إضغط Ctrl و أبق عليه مضغوطا ثم بالفأرة أرسم الدائرة، أنقر في أحد أطراف الصفحة و ابق الفأرة مضغوطة و حرك مؤشر الفأرة و حين تصبح الدائرة مناسبة اوقف الضغط على الفأرة و انزع يدك من Ctrl)
اضغط الآن على زر مسافة Space (في لوحة المفاتيح)
هذا ما يجب أن تحصل عليه:





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


و بهذا لن تظهر الحواف المزعجة من جديد إلا إذا أردتها.

علينا الآن تلوين الدائرة بتدرج لوني، اضغط G (من لوحة المفاتيح أو يمكنك استعمال زر التدرج اللوني في شريط الادوات على الجانب الأيسر) و اختر من الاعلى ايقونة تدرج خطّي Linear gradient
اضغط على الدائرة و قم بعمل تدرج لوني بهذا الشكل





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

الآن اختر زر Edit الذي أمام التدرج في الأعلى





و قم بتغيير طريقة عرض الالوان إلى طريقة العجلة بهذا الشكل


في الاسفل تجد مربع النص RVBa اكتب فيه هذا اللون dd8b00ff و هنا نحن نقوم بتحديد اللون الذي يبدأ به التدرج، ثم اجعل ffb333ff هو اللون الذي ينتهي عنده التدرج (في الاعلى اختر ال stop الثاني) بهذا الشكل


و الآن علينا اضفة درجة أخرى في هذا التدرج، اضغط زر add a stop و ستكون الدرجة الجديدة بين الأولى الأخيرة اي في الوسط، قم بتغيير لون هذه الدرجة إلى b67d1eff و قم بتحريك مؤشر Offset قليلا حتى يصبح اللون الداكن في النصف الأسفل من الدائرة
مثلا انا اعطيته القيمة 0.38 بما أني بدأت التدرج من الاعلى و لكن انت يمكنك استعمال القيمة 0.62 لتحصل على نتيجة مثلي تماما (ببساطة لأن الوسط هو 0.50).





اضغط على مسافة (Space) للتحول لأداة التحريك و التحديد (و طبعا بهذا ستغلق أداة التلوين المتدرج)
الآن قم بتكرار الدائرة بالضغط على Ctrl+D و غير لونها (أقصد الدائرة الجديدة) إلى اي لون تريده من أجد أن تكون بازرة مثلا لون أحمر، للتلوين فقط قم بتحديد الدائرة الجديدة و اختر من شريط الألوان في الأسفل اي لون تريده.
الآن اضغط على B لتفعيل أداة الرسم بالخطوط (كما يمكنك اختيارها من قائمة الأدوات على الجانب الأيسر)
و حاول رسم شكل مشابه لهذا (انقر في نقطة ثم حرك الفأرة و انقر في مكان آخر و هكذا) :




لإغلاق الشكل فقط عد لنقطة البداية

اضغط space كالعادة بعد الانتهاء من كل عملية للعودة لأداة التحريك و التحديد
قم بتحديد الشكل الذي رسمته للتو
اضغط N لتفعيل أداة التحكم في النقاط
ستلاحظ ظهور النقاط المكونة للشكل الذي رسمته قم باختيار النقطة التي في الوسط و قم بتحديدها و اضغط زر التحديب (السابع أو السادس من اليمين في الصورة التالية)




ثم قم بتحريك النقطتين (المستقيمات المماسية للمنحنى في هذه النقطة) للحصول على هذا الشكل





عد لأدات التحديد و التحريك عن طريق مفتاح Space و قم بتحديد الشكل الأخير الذي رسمناه و الدائرة (استعمل مفتاح Shift لتتمكن من نحديد أكثر من شكل في نفس الوقت)
من القائمة العلوية للبرنامج اختر Path >> Intersection
سنحصل على شكل يمثل تقاطع الشكلين السابقين (عليك التعود على هذه الاداة و الأدوات الاخرى في قائمة Path لأنها مهمة جدا)
أعط للشكل الناتج لونا ابيضا(من شريط الألوان في الأسفل)، (طبعا قبل هذا اضغط Space ثم قم بتحديد الشكل الناتج إذا لم يكن محدا مسبقا).
الآن إختر أدات التلوين المتدرج بالضغط على G و استعمل التدرج الإفتراضي الذي سيأتي تلقائيا(من الأبيض إلى الشفاف) استعمله بهذا الشكل:


و الآن قم بالضغط على space ثم حدد الشكل الذي لوناه الآن، و من الشريط العلوي للبرنامج اختر Path >> Dynamic Offset
هذه الاداة مميزة جدا لتصغير (أو تكبير) الأشكال مع المحافظة على تناسقها و تناسق حوافها

من النقط البيضاء قم بتصغير الشكل قليلا ليبدوا هكذا:


هذه نهاية الدرس الاول و هذا تطبيق له:



و تحميل الملف SVG الخاص به يكون من هنا


هل أعجبك الموضوع ؟

مواضيع مشابهة :

ضع تعليقا

ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوظة ©2013