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

https://k.top4top.io/p_1632nm4ww3.png

https://h.top4top.io/p_1632mg3701.png

نسمع هذه الكلمة في الغالب عند النظر لصورة أو مقطع فيديو فيه جزء غير واقعيّ أو تمّ التعديل عليه
بأي طريقة ، فوراً نقول عبارة " هذا فوتوشوب " أو عندما ننظر صدفة إلى إعلان كبير في شارع ما أو نقرأ
غلاف كتاب و نتساءل كيف تم تصميمه .
ومن هنا يأتي سبب اختيارنا لهذه الكلمة ، نريد أن نعالج صورة ،نقوم بتغييرها ،
إضافة تأثيرات فيها، أو قصها ، ألخ ، ببساطة الفوتوشوب برنامج رسوميات شهير من شركة ( أدوبي – adobe ) خاصّ
لمعالجة الصور والرسومات ، تحريرها ، تعديلها بأي طرق ، وبجودة عالية ،سواء كان تصاميم طباعيّة من
(بطاقات عمل أو دعوة ، إعلانات تجارية ، . . ) أو تصاميم رقمية مثل المتداولة لدينا في المنتدى ، و من واجهات للمواقع
وصور فوتوغرافية ، و أي تصاميم تخدم الصفحات الإلكترونية ، وتحرير الفيديو . . ألخ و في الدورة سنقوم بالتركيز على النوع الثاني ، وهو التصاميم الرقميّة .
البرنامج يعتبر من أشهرها وأضخمها لمعالجة وتحرير الصور، لماذا ؟ لأنه يتيح لنا الحرية المطلقة والكاملة،
لعمل أي شيء على الصورة ، عن طريق نظام الطبقات الموجود فيه ، وهو الlayers ، نظام الlayers يجعلنا نتصوّر أن الصورة
عبارة عن طبقة من مجموعة طبقات في مساحة فارغة ،نستطيع بالفوتوشوب تحويل هذه المساحة إلى عمل بصري له هدف ومعنى .

ولو عدنا لأصل كلمة التصميم ، فكيف نفسّر معناها ؟ . .
مجموعة صور مضاف لها تأثيرات ؟ أو صورة قمنا بالكتابة عليها بعد عمليات دمج وقص وتعديل ؟
في الحقيقة التصميم نوع من أنواع الفنون ، هو فنّ كبير يندرج فيه التصميم لأنواع ، لا تقتصر على برنامج معيّن وصور رقمية،
هو عبارة عن عملية ابتكار لِفكرة ما . . عن طريق استغلال عناصر عمل منها أدوات و خصائص ، و بمهارتنا في كيفية توظيفها ، . .
إنشاء الصورة بشكل يرضينا من ناحية الوظيفة والمشاعر،
إذاً نحن نقوم بصياغة الفكرة في عقولنا ونقوم بإعادة تشكيلها بصورة عمليّة نستطيع رؤيتها .
بغض النظر عن أهدافنا من تلك النتيجة البصريّة . . .
فلماذا تصممون ؟ ولماذا بالذات اخترتم التصميم كمهارة لكم؟ . . هناك من يملك هدف في الوصول لمستويات رفيعة تنافس المحترفين
ومن يصمم بغرض تجاري لكسب الربح و هناك من يعشق الفنون ويملك ميولاً لها
ومن يصمم لإفراغ طاقته الفكرية أو إفراغ مشاعر وأحاسيس ، فسواء كانت كـوظيفة ، مكسب ، مادة تعليميّة، أو هوايَة . .
ومهما تعددت الأهداف فجميعنا نستخدم واجهة العمل ذاتها ، بلا زيادة أو نقصان سوى مميزات جانبية، أو إضافات ثانوية . .
ولكن ما سيختلف هو . . مهاراتنا الشخصية
و نظرتنا الخاصة ( هل تراها كواجهة برنامج أو مصنع لتكوين تصوّراتك الذهنية إلى صورة بصريّة مثلاً ؟ ) لا بد أن نشير إلى أن الأساس لنكون
مصممين ناجحين ليسَ المهارات فحسب بل ، حسّ الابتكار وتجنب النمطية والتكرار .
الفن متجدد لا يحوي أوامر وشروط بل يعطينا ملكيّة الساحة والعدّة ولنا حريّة التصرف، نحن من نملي الأوامر للبرنامج وهو يقوم بتنفيذها،
لكن هناك أسس و قواعد ينبغي مراعاتها حتى نتمكن من عمل التصميم ( بجودة مرتفعة قدر المستطاع ، دون عيوب )

ونتذكر دوماً أنه ، كلما زادت معرفة الفنان بخصائص البرنامج والأدوات فيه كلما تمكّن من استغلالها بشكل أكثر اتساع .

https://h.top4top.io/p_1632u0tp31.png

البرنامج عبارة عن قوائم وأدوات ، وأول قائمة لهذا الأسبوع هي لبداية عمل ، وهي file

https://g.top4top.io/p_1632ldpec1.png

ما نحتاج معرفته في قائمة 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 ]الخروج مِن البرنامج

عند فتح عمل جديد لابد أن تظهر لنا اختيارات لهذا العمل ، اسمه ، قياساته و نوع النظام اللوني فيه .
بالنظر إلى هنا نستطيع أن نعرف أن كلّ أمر له اختيارات ، تختلف واجهات البرنامج قليلاً بحسب نوع الإصدار وحداثته لكن الأوامر هي ذاتها .

https://h.top4top.io/p_16329c38w2.png

كل مساحة لها عرض وارتفاع،width/height ما هي القياسات المناسبة التي يجب أن نختارها ؟
توجد وحدات عديدة للقياس في البرنامج وهي 6 وحدات ، منها البيكسل ، السنتمتر ، والملليمتر ،
ولكن لتصاميمنا يفضّل استخدام وحدة البيكسل ،

السبب ؟
أولاً : التصاميم الرقمية التي لا تحتاج إلى طباعة تستخدم هذه الوحدة
ثانياً :هي الوحدة الأساسية للفوتوشوب . . كيف ؟
لو فتحنا أي صورة وقمنا بتكبيرها لمرات كثيرة . . سنلاحظ أن الصورة تحولت إلى مربعات صغيرة جداً

example

https://j.top4top.io/p_1632k6slt1.png

هذا ما نعنيه بوحدة البيكسل ، وهي أكثر سهولة في الاستخدام لتحديد القياسات
إما لو كنا نرغب بقياس للطباعةمثلاً، ورقة بحجم 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
- الموضوع مفتوح والتطبيقات تُنَزّل هنا ،
وأود منكم المرور على مناقشات المجموعة كل أسبوع لأن روابط الدروس سأدرجها هناك قلب8
أي سؤال أو استفسار ملفي مفتوح قلب8

سبحانك اللهم وبحمدك ، أشهد أن لا إله إلا أنت أستغفرك وأتوب إليك

،