[ 𝗣𝗖 | 𝗠𝗔𝗞𝗘 𝗧𝗛𝗘 𝗭𝗘𝗥𝗢 𝗔𝗦 𝗔 𝗩𝗔𝗟𝗨𝗘 ] الدَّرْس الأوَّل

نسمع هذه الكلمة في الغالب عند النظر لصورة أو مقطع فيديو فيه جزء غير واقعيّ أو تمّ التعديل عليه بأي طريقة ، فوراً نقول عبارة " هذا فوتوشوب " أو عندما ننظر صدفة إلى إعلان كبير في شارع ما أو نقرأ غلاف كتاب و نتساءل كيف تم تصميمه . ومن هنا يأتي سبب اختيارنا لهذه الكلمة ، نريد أن نعالج صورة ،نقوم بتغييرها ، إضافة تأثيرات فيها، أو قصها ، ألخ ، ببساطة الفوتوشوب برنامج رسوميات شهير من شركة ( أدوبي – adobe ) خاصّ لمعالجة الصور والرسومات ، تحريرها ، تعديلها بأي طرق ، وبجودة عالية ،سواء كان تصاميم طباعيّة من (بطاقات عمل أو دعوة ، إعلانات تجارية ، . . ) أو تصاميم رقمية مثل المتداولة لدينا في المنتدى ، و من واجهات للمواقع وصور فوتوغرافية ، و أي تصاميم تخدم الصفحات الإلكترونية ، وتحرير الفيديو . . ألخ و في الدورة سنقوم بالتركيز على النوع الثاني ، وهو التصاميم الرقميّة . البرنامج يعتبر من أشهرها وأضخمها لمعالجة وتحرير الصور، لماذا ؟ لأنه يتيح لنا الحرية المطلقة والكاملة، لعمل أي شيء على الصورة ، عن طريق نظام الطبقات الموجود فيه ، وهو الlayers ، نظام الlayers يجعلنا نتصوّر أن الصورة عبارة عن طبقة من مجموعة طبقات في مساحة فارغة ،نستطيع بالفوتوشوب تحويل هذه المساحة إلى عمل بصري له هدف ومعنى . ولو عدنا لأصل كلمة التصميم ، فكيف نفسّر معناها ؟ . . مجموعة صور مضاف لها تأثيرات ؟ أو صورة قمنا بالكتابة عليها بعد عمليات دمج وقص وتعديل ؟ في الحقيقة التصميم نوع من أنواع الفنون ، هو فنّ كبير يندرج فيه التصميم لأنواع ، لا تقتصر على برنامج معيّن وصور رقمية، هو عبارة عن عملية ابتكار لِفكرة ما . . عن طريق استغلال عناصر عمل منها أدوات و خصائص ، و بمهارتنا في كيفية توظيفها ، . . إنشاء الصورة بشكل يرضينا من ناحية الوظيفة والمشاعر، إذاً نحن نقوم بصياغة الفكرة في عقولنا ونقوم بإعادة تشكيلها بصورة عمليّة نستطيع رؤيتها . بغض النظر عن أهدافنا من تلك النتيجة البصريّة . . . فلماذا تصممون ؟ ولماذا بالذات اخترتم التصميم كمهارة لكم؟ . . هناك من يملك هدف في الوصول لمستويات رفيعة تنافس المحترفين ومن يصمم بغرض تجاري لكسب الربح و هناك من يعشق الفنون ويملك ميولاً لها ومن يصمم لإفراغ طاقته الفكرية أو إفراغ مشاعر وأحاسيس ، فسواء كانت كـوظيفة ، مكسب ، مادة تعليميّة، أو هوايَة . . ومهما تعددت الأهداف فجميعنا نستخدم واجهة العمل ذاتها ، بلا زيادة أو نقصان سوى مميزات جانبية، أو إضافات ثانوية . . ولكن ما سيختلف هو . . مهاراتنا الشخصية و نظرتنا الخاصة ( هل تراها كواجهة برنامج أو مصنع لتكوين تصوّراتك الذهنية إلى صورة بصريّة مثلاً ؟ ) لا بد أن نشير إلى أن الأساس لنكون مصممين ناجحين ليسَ المهارات فحسب بل ، حسّ الابتكار وتجنب النمطية والتكرار . الفن متجدد لا يحوي أوامر وشروط بل يعطينا ملكيّة الساحة والعدّة ولنا حريّة التصرف، نحن من نملي الأوامر للبرنامج وهو يقوم بتنفيذها، لكن هناك أسس و قواعد ينبغي مراعاتها حتى نتمكن من عمل التصميم ( بجودة مرتفعة قدر المستطاع ، دون عيوب ) ونتذكر دوماً أنه ، كلما زادت معرفة الفنان بخصائص البرنامج والأدوات فيه كلما تمكّن من استغلالها بشكل أكثر اتساع . البرنامج عبارة عن قوائم وأدوات ، وأول قائمة لهذا الأسبوع هي لبداية عمل ، وهي file ما نحتاج معرفته في قائمة file من خلالها ننشأ عمل جديد ، نفتح صورة من أي ملف في الجهاز ، نحفظ العمل أو نغلقه ، . . [ New ] إنشاء عمَل جَديد [ open ] فَتح ملّف عَمل بصيغة psd أو صورة بأي صيغة مِن الجهاز . ما هَو الـ PSD ؟ هي الصيغَة الأساسيَة لحفظ العمل في الفوتوشوب ، حين نعمل على تصميم معيّن يجب علينا حفظه بطريقة لا تُمحي مكوناته و طبقاته لهذا السبب سنحتاج إلى صيغة البي إس دي لحفظ أي تصميم نقوم بالعمل عليه ، هذه الصيغة تتيح حفظ التصميم بجميع خطواته وطبقاته. [ open in bridge ] وهو خيار يتيح لنا استخراج الصور والملفات من برنامج أدوبي بريدج بحيث يعرض الصور على شكل مربعات ويعتبر برنامج تنظيمي . [ New ] إنشاء عمَل جَديد [ close / close all ] لإغلاق عَمَل / لإغلاق كافَة الأعمال [ save ] حفظ العمَل بصيغَة PSD وصيغ أخرى [ save for web ] حفظ العمل بصيغ مختلفة والتحكم بأحجامها وجودتها خيار save for web موجود في إصدارات داخل قائمة export الفرعية بنفس قائمة file [ revert ] يمسَح جميع الإضافات والطبقات التي قمت بها ويعيدك إلى آخر جزء محفوظ مِن العمل بمعنى : حفظت عمل في الحاسوب وفي وقت لاحق فتحته لتعيد إكماله ، قمت ببعض التعديلات والإضافات لكنك لم تقم بحفظها ، هذا الخيار يمسح كل هذه التعديلات ويعيدك لشكل العمل المحفوظ ، ولكن لو حفظت العمل في كل خطوة عن طريق save لن يعمل خيار revert ببساطة ، لأنه يقوم بحذف التعديلات الغير محفوظة فقط . [ Exit ]الخروج مِن البرنامج عند فتح عمل جديد لابد أن تظهر لنا اختيارات لهذا العمل ، اسمه ، قياساته و نوع النظام اللوني فيه . بالنظر إلى هنا نستطيع أن نعرف أن كلّ أمر له اختيارات ، تختلف واجهات البرنامج قليلاً بحسب نوع الإصدار وحداثته لكن الأوامر هي ذاتها . كل مساحة لها عرض وارتفاع،width/height ما هي القياسات المناسبة التي يجب أن نختارها ؟ توجد وحدات عديدة للقياس في البرنامج وهي 6 وحدات ، منها البيكسل ، السنتمتر ، والملليمتر ، ولكن لتصاميمنا يفضّل استخدام وحدة البيكسل ، السبب ؟ أولاً : التصاميم الرقمية التي لا تحتاج إلى طباعة تستخدم هذه الوحدة ثانياً :هي الوحدة الأساسية للفوتوشوب . . كيف ؟ لو فتحنا أي صورة وقمنا بتكبيرها لمرات كثيرة . . سنلاحظ أن الصورة تحولت إلى مربعات صغيرة جداً example هذا ما نعنيه بوحدة البيكسل ، وهي أكثر سهولة في الاستخدام لتحديد القياسات إما لو كنا نرغب بقياس للطباعةمثلاً، ورقة بحجم a4 , a3 , a2 أو أحجام بطاقات شخصية، بطاقات دعوة أو عمل القياس الملائم هو السنتيمتر Cm / centimeter مفيدة للأعمال مطبوعة لأنها سهلة القياس باستخدام المساطر والأشرطة على عكس البيكسل . يفضل استخدامها في التصاميم الطباعيّة Mm / millimeter أصغر من السم 1 cm = 10 mm Inch لقياس شاشات أجهزة الحاسوب والأجهزة الإلكترونية وابعاد الصورة وهي وحدة قياس قديمة ، معنى الانش هو عقلة الاصبع عودة إلى أن القدماء كانو يستخدمون أعضاء الإنسان للقياس . Pica وحدة قياس أصغر من الانش 1 inch = 6 picas من بين الست وحدات ما سنقوم بالتركيز عليه كوحدة أساسية هي كما قلنا البيكسل . Resolution . . / الدقة وهي مدى وضوح الصورة ، ودرجة دقة تفاصيل التصميم في أجزاءه الصغيرة ، أقرب مثال ، هناك صور عديدة عندما ننظر لها نلاحظ أنها مشوشة وغير واضحة ، وذلك يعني أن دقتها قليلة . الدقة وحدة قياسها هو عدد البكسلات لكل بوصة ، ذكرنا وحدة القياس الرئيسية للتصميم عند تكبير الصورة ، الدقة تكمن هناك . . ففي كل بوصة في التصميم هناك مجموعة من البكسلات ، كلما زادت هذه البكسلات كلما ارتفعت دقة التصميم ووضوح تفاصيله / هل هناك علاقة بين دقة التصميم وحجمه ( kb,mb,gb ؟ بالطبع ! فكلما زادت الدقة زاد حجم ملف التصميم ، لنفترض على سبيل المثال تصميم بنر إعلاني ضخم ، يتم وضعه في شارع رئيسي، كلّما اقتربنا من الإعلان سنلاحظ أن الصورة تتحول إلى شيء قريب من المربعات ، وكلما ابتعدنا ونظرنا للإعلان من مسافة بعيدة كلما ظهر بشكل أوضح ، ففي القياسات الضخمة للإعلانات يتم اعتماد دقة أٌقل تناسب طبيعة التصميم نظراً لضخامة قياسه . في تصاميم المعروضة على أجهزة الحاسوب والهواتف نستخدم الدقة عند 72 . . الأنظمة اللونية / colors mode كل نظام لونيّ له ألوان أساسية في تكوينه تختلف عن كل نوع. Rbg صيغة الالوان هذه تستخدم ثلاث قنوات لونية ( الأحمر و الأزرق والأخضر) لإنتاج جميع ألوانها وعددها لامحدود تساوي آلاف بل ملايين من الالوان ( من مجموع القنوات اللونية الثلاثة ) وهي تستخدم في التصاميم الرقمية الموجودة في الأجهزة مثل الحواسيب والهواتف الذكية وكاميرات التصوير الفوتوغرافية . CMYK تستخدم أربع قنوات لونية ( السماوي و الارجواني والاسود والأصفر ) يفضل استخدامها للأعمال المطبوعة وهي صيغة سيتم طباعتها باستخدام ألوان المعالجة موجودة في أحبار الأجهزة ، على سبيل المثال ان كنت ترغب في طباعة اعلانات لجرائد أو مجلات فهذه هي الصيغة المطلوبة وهي تستخدم في الغالب من قبل مصممين الجرافيكس . Lab colors تعمل هذه الصيغة اللونية مثل العين البشرية ، وهي تختلف عن الصيغ السابقة فهي مستقلة عن الجهاز لذلك من مميزاتها أنها سهلة التحقيق في وسائط مختلفة دون تغير درجاتها ، مثلا لو كنا نرغب بطباعة لوغو ( شعار) معين على ملابس و أكواب ( وضع التصميم في أماكن متعددة ) هذه الصيغة هي الخيار الأنسب لظهور ألوان التصميم بلا تغيير . عند استخدامها لا تتفعل كل الفلاتر Bitmap وهي صيغة تستخدم فقط قيمتان لونيتان ، هما الاسود والأبيض ، دون تدراجتهما . Grayscale النظام اللوني الرمادي يستخدم الأبيض والأسود ودرجاتهما وللعلم ان تم اختياره أثناء إنشاء العمل لن نكون قادرين على استخدام قائمة الفلتر ومعظم التأثيرات الموجودة في البرنامج . Background خلفية مساحة العمل قبل البدء فيه ، وتوجد خيارات أما أن تكون بيضاء أو سوداء أو نختار لون حسب ما نرغب ، أما خيار transparent فهو عرض مساحة العمل بلا خلفية . ، والآن للنتقل للمرحلة العملية مِن الدرس ، عبر رابط الفيديو هنا : # ملاحظة : الفيديو يحتوي على موسيقى هادئة. والمطلوب منكم للتطبيق : صورة كبيرة واضحة 1- نقلها لمساحة العمل ،تصغيرها وحفظها بالصيغة المناسبة . 2- اقتطاع الصورة المصغّرة مع إظهار جزء رئيسي منها و حفظها . عبرإتباع الخطوات المعروضة في الفيديو . القياسات إختيارية لكم . - مهلة التطبيق : إلى 26/6 ، 11:59 pm - الموضوع مفتوح والتطبيقات تُنَزّل هنا ، وأود منكم المرور على مناقشات المجموعة كل أسبوع لأن روابط الدروس سأدرجها هناك أي سؤال أو استفسار ملفي مفتوح سبحانك اللهم وبحمدك ، أشهد أن لا إله إلا أنت أستغفرك وأتوب إليك ،

حجز..جاري التطبيق

بسم الله الرحمن الرحيم
اللهم صل على محمد وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
كيفك ميار؟ إن شاء الله تكوني بخيير
بداية الهيدر والتنسيق رهييب ما شاء الله
-فديييت الإبداع-
شكرا على الدرس، طريقتك سهلة و ممتعة في التعلم
و قد تعلمت من درسك الأنظمة اللونية
-صراحة لم يكن لي أي فكرة عنها-
بارك الله فيك
و دام تألقك و طرحك المميز مياروو

و هذا هو التطبيق:

دمت بود دائما

لي عوده

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

الصورة الاصلية



الأجزاء