الوحدة الأولى أشارات وتصاميم

Page 1

‫ﺍﻟﻮﺣـــﺪﺓ ﺍﻷﻭﻟـﻰ‬ ‫ﺇﺷﺎﺭﺍﺕ ﻭﺗﺼﺎﻣﻴﻢ‬

‫‪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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.