ﺍﻟﻮﺣـــﺪﺓ ﺍﻷﻭﻟـﻰ ﺇﺷﺎﺭﺍﺕ ﻭﺗﺼﺎﻣﻴﻢ
1
الوحدة األولى :إشارات وتصاميم ● سيناريو الورشة نشاط : 1مقدمة نشاط : 2التعرف على واجهة
Inkscape
نشاط : 3التصميم النقطي نشـــــاط :العمل على التصميم نشاط : 4طباعة التصميم ● تحديات إضافية ● مناقشة ● الربط بالمواد األخرى ● الفرق بين التصميم الخطي والنقطي ● بطاقات للطالب
3
وصـف الورشــــة تهدف هذه الورشة إلى إثارة إهتمام المشاركين حول التصاميم واإلشارات المختلفة المتواجدة
حولنا في حياتنا اليومية ،سيفهم المشاركون كيفية عمل هذه التصاميم من خالل برامج
التصميم ثنائي األبعاد وطباعتها على آلة قاطعة الفينيل.
األهداف ● التعــــرف علـى برنامــــج inkscapeوطـــريقــــة
المتجــه vector drawing التصميـــم ُ
● كيفيــــــة إنشـــاء تصـــاميـــم متجهــــــة Vector
Drawingباستخــــدام أداة bezier curve
● تمكيـــن المشـــاركين مــــن تصميـــم و عمـــــــل
ملصقات خاصة بهم ونمذجتها باستخدام قاطعة الفينيل.
ملخص أنشطة الورشة ● مقدمة حول التصاميم
● التصميم بإستخدام bezier curve
● التصميم باستخدام شريط األدوات ● طباعة التصاميم ● الخاتمة
الموارد (متطلبات الورشة)
● آلة قطع الفينيل
● مواد خام ( ألواح الفينيل ،ورق مقوى ).
● برامج التصميم الثنائية األبعاد ( .)Inkscap ● البتوب لكل مشارك.
● أدوات ومعدات السالمة واإلسعافات األولية
4
سينــاريــو الــورشــة نشاط
مقدمة
ابدأ بالربط بحياة الطالب اليومية ،اسألهم عن التصاميم واللوح التى نراها في حياتنا اليومية إذا كانت تلفت انتباههم بأي شكل كان ؟ إذا كانت تصاميم معينة تعجبهم.
يوما بكيفية بناء هذه التصاميم والملصقات ؟ اسألهم هل فكروا ً
بينما أنت تتحدث ،اجعل في الخلفية على الشاشة عرض يدور به صور مختلفة من الملصقات والتصاميم. احرص على أن تكون التصاميم متنوعة وتغطي تقنيات مختلفة.
ملصقات السيارات
ديكــورات المـنــــازل
عالمـــــات الطــريــق
5
اإلعالنات
الهدايا والديكورات
● أخبرهم أننا اليوم سندخل عالم مصممي اللوح والديكورات ،وسنعمل كمصمميـن لتصميم لوح وتصاميم مختلفة. ● اسألهم ما هو تخليهم لكيفية عمل هذه التصاميم والملصقات ؟ اسمع كل اإلجابات بدون الحكم عليها إذا كانت
صائبة أم ال بل اطلب منهم توضيح فكرتهم بشكل أكبر.
● ناقش معهم المراحل الثالثة لتحويل الفكرة إلى منتج (فكر ..صمم..اصنع)
الفكرة
تصميم الفكرة
على الحاسوب
طباعة الفكرة على اآللة
● عرف المشاركين على اآللة التي سيستخدمونها اليوم وهي قاطعة الفينيل وأن وظيفتها ببساطة هو إعطائها تصميم
من على الحاسوب وتقوم بقصه على الفينيل
مثل ،اعرض ● اعرض على المشاركين نموذج عملي لفكرة تم تصميمها على الحاسوب وقصها على قاطعة الفينيل اً صورة لفكرة ثم اعرض التصميم النهائي للفكرة على برنامج ال inkscapeثم شغل قاطعة اللفينيل وقص النموذج
على اآللة ليروا الفكرة بطريقة عملية ،تهدف هذه الخطوة إلى إعطاء المشاركين تصور عملي عما سيقوموا به في
نظريا عنها) بدل من الحديث الورشة اً ً
6
تصميم مجموعة من الورود
7
نشاط التعرف على واجهة Inkscape ● عرف المشاركين على ،Inkscapeاألداة التي سيستخدمونها لبناء تصاميمهم.
ومختلفا عما معقدا بعض الشيء اطلب منهم فتح برنامج .Inkscapeيبدو البرنامج ً ً يعرفه المشاركون من محررات الصور العادية (برنامج الرسام كأبسط مثال) ،ولكن مع
االستخدام سيسهل.
● جرب األشكال األساسية الموجودة في شريط األدوات Toolboxالموجود يسار
الشاشة .جرب إضافة مستطيالت ،ودوائر ،ومضلعات أو نجوم.
● الحظ الشريط الذي يظهر فوق لوح الرسم عند اختيار أحد هذه األدوات والذي يمكن
من خالله تحديد أو تغيير خصائص الشكل .جرب تغيير الخصائص المختلفة.
نشاط
التصميم النقطي
● أخبرهم أننا كما ذكرنا فإن الرسم في تصاميم الفيكتور يكون عن طريق الرسم بالنقاط ،لذا فأداة هنا مهمة في البرنامج هي
Bezier Curvveوهي تقوم برسم
النقط و الخطوط كالتالي ،لتفترض أننا نريد رسم شكل قلب
8
نشاط
التصميم النقطي
● إذا الحظنا سنجد أن النقاط كلها حادة ،يمكننا بعد ذلك تعديل خصائص النقاط من Edit Path by Nodes
بعد تعديل نقطة واحدة
بعد تعديل أكثر من نقطة
كما يمكننا ً أيضا بكل سهولة تحريك الخطوط والنقاط وإلضافة نقاط جديدة
9
نشاط
التصميم النقطي
○ ٕادرج صورة File -> Import
أيضا استخدام األشكال األساسية وتغيير النقاط فيها للحصول على ● يمكننا ً مثل : الشكل الذي نريده ، اً
أضفت هنا شكل نجمة من شريط األدوات
10
نشاط
التصميم النقطي
● حولت الشكل لنقاطه األساسية اختر الشكل
اضغط على قائمة Pathواختار Object to Path
● عدلت النقاط كما في الخطوة السابقة اختر الشكل
من قائمة النقاط اختر Make selected node smooth
11
نشاط
التصميم النقطي
يمكن اتباع نفس الخطوات لشكل آخر ، مثل وتعديل الدائرة للحصول على أشكال مختلفة الدائرة اً
● جرب بعد ذلك التعديل على النقاط من قائمة
جرب كلاً من : ● إضافة نقطة
12
● ●إزالة نقطة
ً أيضا جرب :
● فصل نقطة إلى نقطتين
● الوصل بين نقطتين بخط مستقيم
نشاط :العمل على التصميم ● اآلن أخبر الطالب أنهم سيعملون على تصاميم من اختيارهم ،اترك لهم بعض الوقت للعصف الذهني والبحث عن فكرة؟ ● يمكنهم البحث عن أفكار على مواقع مختلفة مثل : Google Imagesأو ) www.pinterest.com ) Pinterest واسخدام مفردات للبحث مثل ( ) vinyl designs, vinyl room decorations, vinyl الطالب يمكنهم البحث عن أفكار وتصاميم مختلفة ● قبل البدء أرشد الطالب لمصادر الدعم الموجودة لديهم وهي البطاقات الموجودة في دليل الطالب ● اترك للطالب وقت للتجريب والعمل ،أثناء العمل ستظهر معهم أسئلة مختلفة حاول إرشادهم لإلجابات إما من البطاقات الموجودة في دليل الطالب أو إذا كانت أحد زمالئهم واجهته نفس المشكلة من قبل أطلب منه التوضيح لزميله.
13
نشاط طباعة التصميم ● بعد إنتهاء المشاركين من التصميم أخبرهم أن هنام بعض الخطوات علينا إعدادها قبل الطباعة:
○ ○
تحديد سماكة الخط
وضع التصميم بالكامل داخلة صفحة الطباعة
● الضغط على الشكل األول و الضغط على Shiftو تحديد الشكل الثاني
و من قائمة Objectاختر األمر Fill and Stroke
بعد ذلك قم بعمل االعدادات التالية : Fill = No Paint -
Stroke paint = Flat color Black -
Stroke Style, width = 0.010 mm -
14
● الخطوة التالية هي وضع التصميم داخل صفحة الطباعة ،نختار التصميم ثم نختار
بعد ذلك نحفظ العمل بصيغة PDF
من قائمة File
أختر األمر Save As وبعدها اختر
صيغة PDF
الخطوة التالية
هي قص التصميم بواسطة
قاطعة الفينيل
15
تحديات إضافية ● عادة تكون ألواح الفينيل بلون واحد ،كيف يمكننا عمل تصاميم بألوان مختلفة ؟ ● ماهي المواد األخرى التي يمكن استعمالها مع قاطعة الفينيل ؟ ماذا يمكننا أن نصنع غير الملصقات والتصاميم ؟
● كيف يمكننا التعديل على النصوص إلنشاء نصوص بتأثيرات مختلفة ؟ (يمكن للطالب البحث على اليوتيوب حيث هناك العديد من الدروس بتقنيات مختلفة )
اطلب من كل مجموعة البحث عن تأثير مختلف ومشاركته مع اآلخرين.
مناقشة ● ناقش مع الطالب ما توصلوا إليه أثناء العمل على التصميم ،ما هي التحديات التي واجهتهم ؟ وما الذي يريدون تحسينه أو تعديله في التصميم ● إذا شعرت أن هناك نقطة مشتركة بين مجموعة من الطالب تحتاج إلى شرح أو توضيح للجميع. ● أخبر الطالب أن هناك مصادر كثير للتعلم الذاتي على اإلنترنت منها : ○● اليوتيوب حيث عليه فيديوهات تعليمية متنوعة ،يكفي كتابة Inkscapeفي قائمة البحث
● ●موقع ( Instructables ( https://www.instructables.comوهو أكبر موقع للصناع حول العالم يشاركون
عليه مشاريع مختلفة وطريق عملها
16
الربط بالمواد األخرى
17
الربط بالمواد األخرى
مثل : ● ●ال تقتصر تصاميم الفينيل على اللوح والدعايات والديكورات ولكن يمكن ربطها بفنون أخري، اً
الخط العربي
الزخارف اإلسالمية
و يمكن الحديث هنا عن كيفية تصميم الزخارف اإلسالمية وكيف كان يعمل
المصممون في العصور الماضية يمكن الرجوع للفيديو
https://www.youtube.com/watch?v=pg1NpMmPv48
18
الفرق بين التصميم الخطي والنقطي
19
معلومة إضافية الفرق بين التصميم الخطي والنقطي
مثـــل ● قد يسأل الطالب ( أو افتح معهم أنت هذا النقــاش ) إذا كـــان هــل بإمكاننا استخــدام برنامـج كالرســـام اً أو الفوتوشوب إلنضاء تصاميم لقاطعة الفينيل
● اسمـع إجابتاهـم وأخبرهـم أن هناك نوعيـن من الصـور أو التصاميـــم :صــور ُمتجهـة Vector Drawingوصور
نقطية ، Rasterاعرض عليهم مثالين لنفس الصــورة ،واحـدة تكون ُمتجه واألخرى تكون راستر ،قـم بتكبيــر كل صورة واسألهم عن الفرق الذي يالحظونه (ضع هذين المثالين على األجهزة أمامهم حتى يستيطيعوا أن يروا الفرق)
صورة ُمتجهة
20
صورة نقطية
اشـرح لهـم الفـرق بيـن الصــورتيـــن في الصور الراستر الصورة تتكون من مجموعة من ال pixelsأو المربعات الصغيرة ،وكل مربع يكون له لون معين
،وكلما زاد عدد ال pixelsزاد مقاء ووضوح الصورة (لذا الكاميرا
7mega pixel
أفضل وأنقي من الكاميرا mega pixel 5
أما الصور الvector فهي تتكون من
مجموعة من النقاط يتم
التوصيل بينهما ،لذا عند تكبير الصورة فإن الصورة ُيعاد رسمها من جديد
بالمقاسات الجديدة
21
بطاقات للطالب
22
لتغيير الطول والعرض
لتغيير اللون واإلطار الخارجي
لتغيير سمك اإلطار الخارجي
الدوران الحر
ﺍﻟﻤﻤﻠﻜـﺔ ﺍﻟﻌﺮﺑﻴـﺔ ﺍﻟﺴﻌـﻮﺩﻳـﺔ، ﺍﻟﺨﺒـﺮ، ﻃﺮﻳﻖ ﻣﻜﺔ22
22nd Mecca road, Khobar 31952 , Saudi Arabia
+966 920 006 882 info@talents.edu.sa
ﺷــﺮﻛــﺔ ﺍﻟﻤــﻮﺍﻫـــﺐ ﺍﻟـﻮﻃـﻨـﻴـــــﺔ
National Talents Company
www.talents.edu.sa