((:* درس رقم 1 *:))

[شيــخة الحـــلا]

http://www2.0zz0.com/2008/03/22/20/819362071.gif

الدرس الاول:

فى هذا الدرس سوف نتعرف على الاتى:
نوافذ برنامج الفوتوشوب وضبط مساحة العمل

بسم الله

لتشغيل برنامج الفوتوشوب يمكننا الوصول اليه عن طريق:
start >programs>Adobe Photoshop CS
كما بالصوره

http://www.alnssa.com/vb/imgcache/6443.imgcache

ويلاحظ انها أكثر من خطوه لذلك يفضل إنشاء إختصار لبرنامج الفوتوشوب على سطح المكتب
(desktop) لسهولة الوصول اليه فيما بعد خصوصا لهواة التصميم او مستخدمى البرنامج بشكل مكثف
ويتم إنشاء إختصار للفوتوشوب على سطح المكتب(الدسكتوب) بالطريقه التاليه:

start >programs>Adobe Photoshop CS

ثم كليك يمين على Adobe Photoshop CS ونختار send to ومنها نختار desktop (create shortcut)
كما بالصوره

http://www.alnssa.com/vb/imgcache/6444.imgcache

بعد أن يفتح البرنامج (وقد يأخذ بعض الوقت لكى يفتح خصوصا على الاجهزه القديمه نسبيا)
سوف نجد شكل البرنامج كالتالى:

http://www.alnssa.com/vb/imgcache/6445.imgcache

مع ملاحظة ان الصوره مصغره لتناسب التصفح هنا فى الموضوع

http://www2.0zz0.com/2008/03/22/20/442464415.gif

نبدأ الان فى التعرف على نوافذ وقوائم البرنامج بالترتيب حتى نتعرف بشكل سريع على مكونات شاشة العمل
الرئيسيه فى الفوتوشوب

يمكننا مجازاً تقسيم واجهة برنامج الفوتوشوب الى ثلاثة أجزاء

أولا:
شريط الادوات

http://www.alnssa.com/vb/imgcache/6446.imgcache

ثانياً:
منطقة نوافذ البرنامج

http://www.alnssa.com/vb/imgcache/6447.imgcache

ثالثاً:
قوائم البرنامج

http://www.alnssa.com/vb/imgcache/6448.imgcache

http://www2.0zz0.com/2008/03/22/20/442464415.gif

أولاً: شريط الادوات:

يعتبر من أهم أجزاء برنامج الفوتوشوب
هو تجميع لأكثر الادوات التى يستخدمها المصممون فى كل أنحاء العالم
أى ان شركة أدوبى تجمع ف هذا الشريط بعض الادوات الموجوده بالفعل فى قوائم البرنامج حتى يتمكن المصمم من
الوصول الى الاداه التى يرغب بها بواسطة صورتها المصغره بشكل سريع

وشريط الادوات مكون من 11 صف وعمودين

علما ان كل أداه من الادوات الموجوده هى ليست أداه واحده بل عدة ادوات مرتبه تحت بعض
بحيث ان كل مجموعه من الادوات التى تؤدى مهام متشابهه تتواجد تحت بعض

على سبيل المثال:
الاداه الموجوده بالصف الاول - العمود الثانى

http://www.alnssa.com/vb/imgcache/6449.imgcache

تسمى أداة الاختيار sellection tool
وهى تسمح لنا بعمل إختيار على جزء معين بالصوره
وعند الضغط على هذه الاداه بالماوس يتم إختيار الاداه المستطيله بشكل إفتراضى
ولكن لأن إختيار دائره وإختيار خط عرضى وإختيار خط طولى هى أدوات تخص أداة الاختيار فسوف نجدها أسفلها
ويمكننا إستخدام أداة إختيار دائره بالضغط بالماوس الايمن على اداة الاختيار فيظهر لنا عدد من الادوات
الاخرى كما بالصوره:

http://www.alnssa.com/vb/imgcache/6450.imgcache

لذلك فإن كل خانه فى شريط الادوات المكون من 11 صف و 2 عمود لا تحتوى أداه واحده فقط
بل قد تحتوى عدة اداوت

ونستطيع تمييز الخانات التى تحتوى عدة أدوات عن الخانات التى تحتوى اداه واحده بأن الخانه التى تحتوى
عدة أدوات سوف نجد بأسفل الركن الايمن منها سهم متناهى الصغر " يدل على انه هناك ادوات
أخرى مخفيه خلف هذه الاداه كما بالصوره

http://www.alnssa.com/vb/imgcache/6451.imgcache


وبعض الخانات فى شريط الادوات تحتوى أداه واحده فقط ونستطيع تمييزها بانها الخانات التى ليست
بأحد اركانها سهم صغير

http://www.alnssa.com/vb/imgcache/6452.imgcache

http://www2.0zz0.com/2008/03/22/20/442464415.gif

الان يمكننا أن نتعرف على أسماء جميع الادوات بالترتيب ونبذه عن وظيفة كل منها

http://www.alnssa.com/vb/imgcache/6453.imgcache

1- أداة التحريك
وهى التى نقوم بتحريك الطبقات بها وعناصر التصميم من مكان الى أخر داخل مساحة التصميم

2-العصا السحريه (magic wand )
أداه تمكننا من إختيار منطقه متجانسه من الصوره : اى انها تمكننا من إختيار لون واحد فى كامل الصوره

3-أداة الشرائح (slice tool )
تمكننا من تقسيم التصميم الى عدة شرائح كل منطقه منه شريحه منفصله
وهى مفيده فى حالة تصميم صفحات الانترنت

4-الفرشاه : من الادوات الهامه حيث انها تسمح لك بإستخدام أنواع وأشكال وأحجام مختلفه من فرش الرسم

5-اداة مسح خطوات الفرشاه (عكس ما تفعله أداة الفرشاه)

6-سطل الالوان (دلو الالوان) أداه تملاء المساحه التى يتم تطبيقها عليها بلون واحد

7-ترجمتها الحرفيه (أداة المراوغه) تعمل على تناغم المساحه التى يتم تطبيقها عليها

8-أداة الكتابه : لكتابة نصوص على الصور

9-أداة الاشكال : لرسم أشكال جاهزه

10-أداة إختيار اللون : لأختيار لون معين من الصوره

11-العدسه : للتكبير

12-أداة الاختيار
وهى التى تمكننا من إختيار جزء معين من الصوره او من الطبقه المختاره سواء إختيار مستطيل
او دائرى او خط واحد طولى او خط واحد عرضى

13-أداة الحبل (lasso tool )
أداه تمكننا من رسم منطقة إختيار سواء بشكل يعتمد على الذكاء الاصطناعى للبرنامج او يدويا

14-أداة التحجيم : تمكنك من تعديل أبعاد الصوره بشكل فورى

15-أداة الإصلاح : تمكنك من نسخ جزء من الصوره الى جزء أخر (تستخدم بشكل مكثف فى ستوديوهات التصوير)

16-أداة النسخ : وظيفتها تشبه الى حد كبير الاداه السابقه ولكن أكثر تأثيراً ويفضلها أغلب محترفى التعديل على الصور

17-الماسحه : تمسح خطوط ومساحات التصميم(أستيكه)

18-أداة الضباب (تأثير ضبابى على الصور) تساعد فى تنعيم حدود الاشكال

19-أداة إختيار نقاط المسار (سوف نتحدث عن المسارات بشكل مفصل جدا)

20-أداة القلم (أداة رسم المسارات) من أهم أدوات الفوتوشوب على الاطلاع وسوف يتم شرحها بمنتهى التفصيل

21-ملاحظات : أداه تمكنك من كتابة ملاحظات على الصوره فى حالة إذا كان سوف يعمل على التصميم أكثر من مصمم ويرغب كل واحد منهم
بترك ملحوظات للأخرين ليكملوا ما بدأه

22-أداة التحريك : للتحرك داخل التصميم

http://www2.0zz0.com/2008/03/22/20/442464415.gif

يتبعـــــ ...

[شيــخة الحـــلا]

http://www2.0zz0.com/2008/03/22/20/819362071.gif

أعلم الان أن ما يدور بذهنك: ماذا يفيدنى كل هذا؟!

للأسف الشديد هذه المقدمه وهذه النبذه عن أسماء ووظائف أدوات البرنامج لابد منها وإن كنت أجد
أنها سبب ترك الكثيرين لمتابعة التعلم .. لذلك فإحرصى فقط على معرفة الاسماء وليس بالضروره الوظائف

بصراحه شديده : كل ما يهمنى فى هذه المرحله مجرد أن تألفى شكل شريط الادوات
هذا يعد 80% من فائدة هذا الدرس

http://www2.0zz0.com/2008/03/22/20/442464415.gif

عرفنا منذ هنيهه أن نافذة الفوتوشوب الافتراضيه تتكون من ثلاثة أجزاء
أولاً: شريط الادوات والذى أسهبنا فى ذكر أسماء ووظائف كل أداه منه
ثانيا:منطقة نوافذ البرنامج
والتى تحتوى النوافذ التاليه:
1- navigator
وهى نافذه تحتوى شكل مصغر للصوره التى نقوم بتصميمها وهى تساعدك على رسم تصور كلى بمخيلتك
التصور الكلى فى خيال المصمم من أهم الاشياء لخروج تصميم ناجح

http://www.alnssa.com/vb/imgcache/6455.imgcache

ومن خلال نافذة المعاينه يمكننا عمل ZOOM على الصوره لنشاهد التفاصيل بشكل أوضح
علما ان الوضع الافتراضى للعرض هو 100% كما تلاحظون:

http://www.alnssa.com/vb/imgcache/6456.imgcache

وفى نافذة المعاينه المذكوره لدينا أداتين للتكبير والتصغير لكى نستطيع تكبير الصوره لنشاهد
أحد التفاصيل الصغيره بشكل أوضح ,, أو تصغير الصوره إذا كانت مقاسات الصوره أكبر من اللازم وأبعاد الشاشه لا تلم
بكل تفاصيل الصوره .

http://www.alnssa.com/vb/imgcache/6457.imgcache

2- نافذة الستايلات
وتحتوى أهم الستايلات (يمكن مؤقتا إعتبار الستايلات معناها تأثيرات جاهزه) التى يمكن إستخدامها
وايضا تحتوى أدوات لأستيراد ستايلات جديده او تعديل خصائص الستايلات الحاليه

http://www.alnssa.com/vb/imgcache/6458.imgcache

3- نافذة الطبقات : layers
وهى التى تحتوى كل طبقات التصميم وترتيبها وأدوات إضافة طبقات جديده ومسح الطبقات
الحاليه والتعديل عليها

http://www.alnssa.com/vb/imgcache/6459.imgcache


4- نافذة الهيستورى
وتحتوى كل الخطوات التى قمنا بها منذ بدأنا التصميم حتى أخر خطوه " وهذه النافذه
مفيده فى حالة أردنا التراجع لعدة خطوات الى الخلف لتصحيح خطأ قمنا به او لتعديل شىء ما

http://www.alnssa.com/vb/imgcache/6460.imgcache

هذه كانت أهم النوافذ تقريبا وسوف نتعرف على النوافذ الاخرى تباعا أثناء الشرح

كما لاحظتى أن كل نافذه الى جوارها عدة نوافذ أخرى فى نفس الصندوق
أى ان الفوتوشوب يعتمد نظام ال tabs (التبويبات)

http://www.alnssa.com/vb/imgcache/6461.imgcache

قد تجدى أن أحد النوافذ التى ذكرتها غير موجوده
ماذا تفعلى؟
لإظهار النافذه تتوجهى الى القائمه المنسدله المسماه window (أى قائمة النوافذ) وتختارى
إسم النافذه التى تريدى ظهورها ولتكن مثلا history وتضغطى بالماوس عليها لتظهر

http://www.alnssa.com/vb/imgcache/6462.imgcache

http://www2.0zz0.com/2008/03/22/20/442464415.gif

وصلنا الان الى الجزء الاخير من هذا الدرس وأعتذر عن الاطاله

ضبط مساحة العمل:


كما نعرف فإنه لكل مقام مقال
وعلى ذلك فإن كل غرض من التصميم وله مقاسات ووحدات قياس معينه

على سبيل المثال لا الحصر:
إذا كنت سوف تستخدمى برنامج فوتوشوب فى تصميم ملصقات أو مطبوعات بحجم كبير
مثل إعلانات الشوارع والميادين (نعم تصمم بالفوتوشوب وياللمفاجأه ) فإنك سوف تحتاجين
لأستخدام الوحدات التاليه:
سم cm
او inches إنشات

السنتيميتر هو وحدة قياس شائعه أكثر أما الإنش فهو سائد لدى الامريكيون (يسمى النظام الامريكى فى القياس إنش - قدم)
أى المختصر أنك فى حالة الملصقات والاعلانات الكبيره والضخمة الحجم سوف تستخدمى ال cm

أما فى حالة التصميم للويب
مثل تصميم مواقع الانترنت وتصميم تواقيع أعضاء المنتدى وتصميم صور للتدريب وكافة الاغراض الاخرى
سوف نستخدم البكسل pixel
لأنه يحدد أبعاد الصور الصغيره بدقه شبه متناهيه لأن تعريف البكسل هو أي نقطة فى الصورة التى بامكانها أن تأخذ أى لون من عدة ملايين من الالوان
أى انه فى النهايه شىء صغير جدا

http://www2.0zz0.com/2008/03/22/20/442464415.gif

فى الدرس القادم سوف نتعرف بإذن الله على:

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

http://www2.0zz0.com/2008/03/22/20/442464415.gif

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

bitmap graphics
vector graphics
رسوميات نقطيه
رسوميات متجهه

(لاحظى أن bitmap graphics ترجمتها رسوميات نقطيه ,, و vector graphics ترجمتها رسوميات متجهه)


الرجاء إستخدام جوجل العالمى وليس جوجل مصر أو جوجل السعوديه .. إلخ
حتى نضمن اننا جميعا نحصل على نفس النتائج


رابط جوجل العالمى هو:
http://www.google.com/ncr

للعلم فقط:
رابط جوجل السعودية:
http://www.google.com.sa/
رابط جوجل مصر:
http://www.google.com.eg/

http://www2.0zz0.com/2008/03/22/20/442464415.gif

يتم تسليم التطبيق كرد على نفس هذا الموضوع او بالطريقه التى ترونها
وهو ليس ضرورى بسبب كوننا فى البدايه ولم نتعمق بعد فى البرنامج

أتمنى ألا أكون أثقلت عليكم فى اول مره
خالص ودى وتقديرى وإحترامى

http://www2.0zz0.com/2008/03/22/20/819362071.gif

[شًِْآدًٍنْ]

الله يعطيك العافيه

[جُـــُِـــود]

ماشاء الله تبارك الله
درس مميز مشرفتنا شيخة الحلا
تم الحفظ بالمفضلة
يسلمووا يالغلا ..

[شيــخة الحـــلا]

شادن

غنى

اشكركم ع مروركم الكريم

منورين

^_^

[الـ ج ــنوبيه]

الله يسعدك يالغالية

ما شاء الله تبارك الله

درس رائع وسلس وجميل استمتعت بالقراءة واستفدت منه

موفقة ياقلبي تألقي وعين الله ترعاك

[لين]

الله يعطيك العافيه يالغلا
جدآ درس مميز ومفيد
يسلمووووووووووووا يالغلا00

[مجنونه لكن عاقله]

الله يعطيك العافيه
وعساكِ على القوه

[شيــخة الحـــلا]

نسيم

لين

مجنونة

الف شكر لكم ولمروركم

اسعدتوني

^_^

[فرفوشه]

الله يعطيك العافيه يالغلا..

[شيــخة الحـــلا]

يعافيكي ربي حبوبة

منورة قلبو

^_^

[وردة شقــــــا]

يسلموووووووووووووو ياقلبي

والله قاعده اطبق واتدرب على الادوات

مشكورررين على الدرس

[شيــخة الحـــلا]

العفو ياعسل

ربي يسعدك

وخليكي معانا درس بدرس

:

انتظرونا

^^