المستوى الأول - التعريف بأدوات "الفوتوشوب"

دورة الفوتوشوب Photoshop للمبتدئين:

دورة الفوتوشوب للمبتدئين من الصفر، ستعرض الدروس بطريقة رائعة وسهلة، منهج الدورة كالتالي:
: التعريف بالادوات.
: تطبيق استخدام الادوات.
: التعريف بالتأثيرات وتطبيقها على الكتابة.
: درس عمل بطاقة بسيطة, أوعمل بانر أو توقيع.
: درس أخراج (تصدير) العمل.

00000000000000000000000000000000000000000000000000 000

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

الفوتوشوب العاشر photoshop cs3 extended me الداعم للعربي
http://www.adobe.com/support/downloads/dlm/

وافضل اي نسخه للفوتوشوب منتهيه بـ ME لماذا 000؟ لانها تعني نسخة الشرق الاوسط والتي تستطيع من خلالها الكتابه بالعربي بدون برامج وسيطه مع العلم انني استخدم النسخه السابعه ME الانجليزيه واشير الى الاخوة ان تحميلها من سي دي للجهاز افضل بكثير من النت وهي متوفره بمعظم المحلات الخاصه بالحاسب الالي ولا اخفيكم انني اعمل على النسخه السابعة وبارتياح منذ ظهورها ولا زلت واراها كافية لمتطلبات التصميم
المدخل لمعرفة البرنامج :ـ
كيفية نشاة البرنامج وتاريخه كان هناك بروفيسور يدعى " جلين كنول " في جامعة ميتشيجان ، كان جلين مولع بالصور فأنشأ معمل في سرداب منزله ، كذلك كان يعشق التكنلوجيا و مأسور بظهور الكمبيوتر الشخصي ، كان له إبنان توماس و جون و رثا صفات والدهم
http://eshraqa1.com/vb/imgcache/1364.imgcache
اهتما بالمعمل و اضافا جهاز Apple II plus للمعمل ...
توماس كان يهوى التصوير و إظهار الصور و توازن الألوان ، و بينما كان توماس يتعلم معالجة الصور في معمل والده ، كان جون يعبث بالكمبيوتر الشحصي لوالده الذي تم استبداله بجهاز ماكنتوش في عام 1984 م و ذلك كان إنجاز مهم لجون ، توماس كان مهتما بمعالجة الصور و بدأ باستخدام الكمبيوتر في المعالجة الرقمية ففي عام 1987م اقتنى توماس جهاز Apple Macintosh Plus ليساعده في شهادة الدكتوراه " معالجة الصور الرقمية " هنا بدأ نواة البرنامج الشهير فوتوشوب ، حيث أن الجهاز الجديد لم يلبي احتياجات توماس في تدرج الألوان فقام بكتابة دالة Subroutine لحل مشكلة تدرج الألوان في الصور الرقمية ، بدأ جون و توماس بتكثيف عملهم و توحيد جهودهم في جمع تلك الأكواد المتناثرة لإنشاء برنامج متكامل لمعالجة الصور الرقمية ، سعادة توماس و جون بما حققوه دفعهم لطلب المزيد ، كالقدرة على تخزين الصور بصيغ مختلفة ، و إمكانية فتح ملفات الصور في برماج أخرى و طباعتها ، و غير ذلك من أفكار جديدة ، بعد عدة أشهر من المحاولات تم إنتاج Image Pro في عام 1988 م ، لكن بعد ذلك بدأت بعض العراقيل التي أخرت ظهور الفوتوشوب كانشغال جون بانتظار مولودة الجديد و حاجتهم لدعم المادي ، ظلت محاولاتهم البسيطة الى أن طرح جدن فكرة عرض ما وصلوا إليه للشركات ، شركة واحدة فقط أبدت الاهتمام الجدي بالبرنامج و هي شركة Barney Scan ، و هنا بداية الفوتوشوب حيث تم إصدار أول نسخه من Adobe Photoshop1.0 في فبراير 1990م بعد الاتفاق مع مجموعة Adobe ، و منذ ذلك الحين بدأ تطور البرنامج الى أن تم إصدار Photoshop8 CS هذ العام ولترى الفرق بين اول برنامج للفوتوشوب واخره اليك صندوق الادوات في برنامج الفوتوشوب على مر العصور :ـ
http://eshraqa1.com/vb/imgcache/1365.imgcache
ولكن ماذا تعنى كلمة "فوتوشوب" ؟؟
فوتوشوب هى ترجمة حرفية لكلمة Photoshop و التى تعنى ورشة عمل للصور و المقصود أنك تستطيع صنعها و التعديل فيها و الابداع بها..
ما عمل الفوتوشوب و ما أهميته؟؟
الفوتوشوب يعتبر أقوى برامج تصميم الصور بأشكالها فى العالم , و يعطيك الحرية الكاملة بوضع أى شئ بالصورة أو التغيير فيها اعتمادا على نظام الطبقات Layers الذى يعمل به , و أهمية الفوتوشوب كبيرة حيث أنه مستخدم بين كل أوساط الانترنت
و التصميم فى تصميم الصور , المواقع , المنتديات و غيرهم..اضافة الى توفره وسهولة استخدامه قياسا ببرامج التصميم الكبرى
ما طريقة عمل الفوتوشوب؟؟
الفوتوشوب يعمل على بعض الأساسيات فى تصميم صوره , الشئ الأول و الأهم نظام الطبقات Layer و الى يجعلك تتحكم فى الصور و كأنها أكثر من شريحة فوق بعضها , الشئ الثانى : الفلاتر , الفلاتر هى العامل الأكبر فى التأثير على الصور حيث أن هناك العديد من الفلاتر تجعلنا الأن لا نبذل جهد فيما كنا نبذل به جهد فى الماضى , الفلاتر عبارة عن دخيل يؤثر فى الصورة حسب نوع الفلتر.. والمصمم المحترف لايعتمد عليها بل يبدأ بالتصميم من الصفر وينتهي بعمل متكامل دون الحاجة لها كما الذي امسك بزمام الفوتوشوب يستطيع عمل الكثير من ملحقات البرنامج وعملها كقوالب جاهزه كالستايلات والفرش وخلافها وهنا على سبيل المثال بعض منها :ـ
وهي هديتي لكم لصبركم على مع هذا الشرح الطويل
Patterns
الباترن
------------
Gradients
التدرجات اللونيه
-------------
Filters + Other Plugins
الفلاتر وبعض الإضافات
--------------
Shapes
اشكال جاهزة
-------------
Styles
ستايلات
----------
Brushes
فرش
-----------
كل ماتعمله ان تدخل الكلمات السابقه في محرك البحث قوقل كلمة كلمة لتظهر لك عشرات الروابط
لادوات الفوتشوب المختلفة استمتع بها وسوف نتحدث عنها لاحقا ودورها الفاعل في التصميم
---------------------------------------------
ما هى مكملات برنامج الفوتوشوب؟؟
الفوتوشوب برنامج تصميم الصور بكل أنواعها , و لكن هل هو كافى لتصميم موقع أو منتدى بأكلمه وحده؟؟ كلا , هناك برامج
و مكملات للفوتوشوب لتصميم مواقع كاملة , مثل برامج : والاليستريتر والكرل درو والفرونت بيج والفلاش والثري دي ماكس و الفرونت بيج والدريم وويفر
و كثير من البرامج المساعده التي تساعد في اخراج عمل كبير كموقع انترنت
ومن خلال احتكاكي بكثير من المصممين في الفوتوشوب اكدوا ان تصاميمهم الناجحه تم عملها من خلال عدة برامج وكان سيد
الموقف هو الفوتوشوب ولعل الجميع اطلع على بعض اعمالهم وخاصة الموجود على اغلفة شرائط الكاسيت والاعلانيه وغيرها
أيضا نجد فى الكثير من المواقع صور متحركة , فهل تم صنعها بالفوتوشوب؟؟ لا , بل هى ببرنامج ImageReady رفيق
و تابع و الذى يكون مرفق مع الفوتوشوب , و لكن فى وقتنا الحالى الكثير يرى أن الصور المتحركة تراجعت لسببين
, الأول : الصور المتحركة تكون ذو حركات محدودة و حجم كبير , الثانى : وجود و اشتهار ملفات الفلاش SWF وهذا اختصار لكلمة "Shock Wave Flash" هذه الملفات تكون بها الكثير الكثير من الحركات و لكن فى الأخر لا تجد حجمها يتعدى ال40 كيلوبايت , و هذه أحد مميزات ملفات الفلاش , لذلك الفلاش Macromedia Flash أحد داعمي الفوتوشوب , فالصور نأتيها من الفوتوشوب و نضيف اليها الحركات بالفلاش , و قد تردد أن شركة أدوبى Adobe
منتجة الفوتوشوب تريد دمج الفوتوشوب مع الفلاش.. وستلاحظ من خلال متابعة
دروس الرسام ان هناك تصاميم فلاشيه تم عملها من خلال البرنامج الرديف للفوتوشوب الا وهو الايمج الردي ولكن ثمرة دمج
الفوتوشوب بالفلاش لم تخرج للنور الى الان ولعل الايام حبلى وستلد لاشك كل عجيبة 000000000
و الأن ننتقل بتعريف عن التصميم و توابعه..
ماذا نعنى بالتصميم ؟؟
التصميم ليس فقط تصميم صور و مواقع و منتديات و ليس تصميم بالفوتوشوب فقط ولا حتى تصميم ببرامج الجرافيك , و انما
التصميم له أنواع كثيرة , أساسيات و مشتقات , هناك تصميم برمجى و تصميم جرافيك (صور) و تصميم أكواد للغات الانترنت
و ....الخ , تصميم الصور أو الجرافيك هو أحد فروع التصميم الرئيسية و التى سنتعلمها ان شاء الله فى دورتنا هذه..
نقرا دائما قسم الجرافيكس وجرافيك فماذا تعني هذه الكلمة ؟؟؟؟؟؟؟
فن الجرافيك graphic art في معناه العام هو فن قطع أو حفر أو معالجة الألواح الخشبية أو المعدنية أو أي مادة أخرى بهدف تحقيق أسطح طباعية، والحصول على تأثيرات فنية تشكيلية مختلفة عن طريق طباعتها.
ونستطيع أن نوجز هذا التعريف بأن نسمي هذا الفن "بفن الرسوم المطبوعة". وفن الجرافيك هو طباعة نسخ متماثلة من (كليشيه محفور) يقوم الفنان بأداء كل مراحله من عمل التصميم وتجهيز السطوح الطباعية وحفرها وطباعتها.
وقد استعمل الحفر أو الخدش على السطوح منذ أقدم العصور التي عرف فيها الإنسان الفن
وكي نبدأ بداية صحيحة لابد لنا بمعرفة تفاصيل البرنامج قبل البدء فيه ولابد ان نعرفها بلغتها الرسمية وهي الانجليزية حتى نعتمد على هذه اللغة في دروسنا التالية
الفوتوشوب له قوائم وادوات لابد من المرور عليها لاكتشاف البرنامج ومن ثم فهمه والعمل من خلاله بسهولة واحتراف
ولنبدأ بتعريف بقوائم شريط الفوتوشوب العلوي :ـ
New
يفتح هذا الأمر مربع حوار ملف جديد .. ويستخدم عند إنشاء مستند جديد
Open
يفتح هذا الأمر ملف موجود في جهازك وبالتالي ادراجه في الفوتوشوب للعمل عليه
browes
مستعرض الصور
Open As
يحدد التنسيق او الصيغة الذي تفتح الملف به
Close
يغلق هذا الامر الصورة المختارة حالياً .. وإذا لم تكن قد حفظت كل التغييرات يقوم هذا الامر بإتاحة مجال الحفظ قبل الإغلاق
Save
يقوم هذا الأمر بحفظ الصورة حيث يقوم بحفظ التعديل الأخير على الملف الحالي
اي انك لو حفظت الملف بصيغة الــpsd فهذا الخيار يتيح لك فقط الحفظ فوقه دون ظهور اي مربع حوار
Save As
يسمح هذا الأمر بحفظ صورة باسم ملف جديد
Save a Copy
يحفظ هذا الأمر نسخة من الملف باسم جديد أو في مجلد جديد أو بنسق مختلف
Revert
يستخدم هذا الأمر فيما إذا قمت بتغييرات على الملف ولم تحفظها وترغب بالعودة إلى أحدث نسخة محفوظة
Place
يقوم هذا الامر بوضع الرسوم المنشأة في أدوبي إيليستريتر في طبقة جديدة على صورة فوتوشوب موجودة . ويقوم تلقائياً
بإظهار الصورة
Import
يقوم هذا الامر بفتح الملفات المحفوظة في التنسيقات التي تستخدم وحدات استيراد التوصيل .. ويحتوي على أمر التحرير
السريع بالإضافة غلى لائحة بكل برمجيات المضمنة التي تم تثبيتها
Export
تماما مثل أوامر الاستيراد يقوم هذا الأمر بتصدير الملفات إلى تنسيقات مختلفة باستخدام برمجيات مختلفة ويتضمن الأمر
GIF
لكل المناطق الشفافة ذات الملفات
GIF89a Export
Automate
يقدم هذا الأمر بعض إمكانيات المعالجة الدفعية
File Info
يقدم هذا الأمر كتابة ميزة معلومات المستخدمين الذي يسلمون الصور الأصلية إلى المؤسسات كالصحف ، ويسمح لك بتحديد
وتصنيف الصور بتنسيق قياسي متضمن في الشيفرة الثنائية للصورة والمعلومات ليست مرئية في الصورة نفسها ولكن يمكن
عرضها بفوتوشوب أو البرمجيات الخاصة الأخرى
Page Setup
يستخدم هذا الأمر لإدخال تعاريف الخرج قبل طباعة الصورة
Print
أمر الطباعة
Preferences
تسمح الافضليات للمستخدمين بتعديل المتغيرات العديدة التي تتحكم بعمل البرامج ضمن فوتوشوب لتلائم حاجاتها بالشكل الأمثل
Color Settings
يحتوي هذا الأمر على خيارات لإعداد جهاز العرض أو إعداد أحبار الطابعة وهذا الأمر استخدامه محدود من قبل مصممي الويب
Adobe Online
يؤمن هذا الأمر المعلومات المحدثة ديناميكياً عن الفوتوشوب ويتطلب إتصالاً بالانترنت
Exit
يستخدم هذا الأمر لإغلاق برنامج الفوتوشوب
أذن مانلاحظة في قائمة ملف : تهتم بشكل اجمالي بالفتح والحفظ وادراج ملف جديد وللطباعة ايضاً
---------------------------------------------------------------
قائمة تحرير
Undo
أمر التراجع بالغ الأهمية ويستخدم لإلغاء آخر أمر تم تطبيقه وخلافاً لبعض التطبيقات الأخرى فإن فوتوشوب يقوم بإلغاء خطوة
واحدة من الأوامر فقط وبالاضافة اليه هناك امران بالاسفل:
step forward
step backward
وهو في الاصدار السابع حيث يتيح لك التراجع لعدة خطوات
Cut
يزيل هذا الأمر منطقة محددة من الصورة ويحفظها في الذاكرة
Copy
ينسخ هذا الأمر منطقة محددة وبخلاف الأمر السابق فهذا الأمر ينسخ ما تم تحديده ولا يزيله
Copy Merged
يسمح هذا الأمر بنسخ منطقة محددة من كل الطبقات المرئية ويضعها في الذاكرة وفي جميع الأحوال عندما تلصق ما تم نسخه في
مستند أو طبقة جديدة فإن الطبقات المنسوخة تمزج في طبقة واحدة
Paste
يلصق هذا الأمر ما تم حفظه في الذاكرة في موقع جديد من الصورة نفسها أو ضمن طبقة جديد في صورة أخرى
Paste Into
يلصق هذا الأمر محتويات الذاكرة ضمن منطقة تحدبد نشطة ثم يقوم فوتوشوب بتحويل التحديد إلى قناع طبقة للمحتويات
الملصوقة كما يعطيك هذا خيار نقل أو تحرير الصورة الملصوقة بشكل منفصل عن منطقة التحديد النشط قبل أن تدمج الطبقتين
Clear
يحذف هذا الأمر المنطقة المحددة
Fill
يستخدم هذا الأمر لملئ المنطقة المحددة أو الطبقة بلون حسب الخيارات التالية : أمامي ، خلفي ، أسود ، أبيض ، وبنسب مئوية
مختلفة من الالوان أو بنموذج أو لقطة ويستخدم هذا الأمر أحياناً لاستعادة مناطق محددة من صورة بعد إجراء التغييرات
Stroke
ينشئ هذا الأمر حدود بعرض محدد حول منطقة محددة أو طبقة باستخدام اللون الأمامي
Free Transform
يستخدم هذا الأمر لمعاملة منطقة محددة أو طبقة فعند اختياره يتم إظهار مربع مع مسكات حول المنطقة المحددة أو الطبقة ويمكن
باستخدام المسكات : تدريج ، تدوير ، قلب ، تشويه وإمالة الصورة
Transform
توجد قائمة جزئية لهذا الأمر تسرد مختلف الأوامر المتوفرة لمعاملة المنطقة المحددة أو الطبقة من : تدرج ، وتناسب ، وتدوير
، وقلب ، وتشويه وإمالة الصورة
Define brushs
اذا احببتم ان تصنعوا فرشاة فبهذا الخيار يمكن حفظها ووضعها في قائمة الفرش (الاصدار السابع)
Define Pattern
لعمل نمادج للتعبئة
Purge
يظهر هذا الأمر قائمة جزئية تحتوي خمس خيارات تخديمية : تراجع ، الحافظة ، النموذج ، المحفوظات ، الكل
عند العمل مع الصور الرقمية التي تستهلك الذاكرة بشكل كبير فإن الملفات الحافظة التي تستخدمها هذه الأوامر تخفض من أداء
الحاسب ويسمح هذا الأمر بتحرير الذاكرة بإخلاء الملفات الحافظة بعد انتهاء الحاجة إليها
ملاحظة: بعض الاوامر لم أتطرق لها لعدم اهميتها او لقلة استخدامها
ومانلاحظة في قائمة تحرير :
القدرة على التراجع عن الاوامر مع النسخ واللصق والقص وبالاضافة الى صنع فرش مخصصه او صنع نمودج للتعبئة
------------------------------------------------------------------------
Mode
يستطيع الفوتوشوب استخدام مختلف أنماط اللون للإظهار والطباعة وحفظ الصور وتعتمد هذه الأنماط على نماذج اللون
ـ معايير لوصف اللون ـ RGB ولنشر الويب يستخدم نمط اللون ـ أحمر ، أخضر ، أزرق ـ
وعند العمل نتأكد من ان الخيار يكون على RGB color يعني لو تغير الخيار راح يكون هناك خلل وعدم استجابة في الالوان
ولكثرة الاستفسارات عن هذه النقطه يسعد الرسام ان يفصلها كما يلي :ـ
ماذا تعني كلمة RGB حرفيا
تقنية ألوان ثلاثيه مستخدمه في الإنترنت عادة أو الويب و تطبيقات الكمبيوتر عموما
R = Red
G = Green
B = Blue
وماذا تعني كلمة CYMKحرفيا
CYMK تقنية الأوان رباعيه و هي المستخدمه في الطابعات تعطيك نفس اللون الحقيقي المطبوع في الشاشه .
يعني التصميم الذي تراه بالشاشه سوف يكون بنفس الألوان عندما تتم طباعة التصميم
لو استخدمت RGB سوف تختلف عليك الألوان و ناتج الطباعه سوف تراه مختلف عن التصميم الحقيقي
C = Cyan و هو الأزرق
Y =Yellow و هو الأصفر
M = Magenta و هو الأحمر
K = Black و هو الأسود
Adjust
يظهر قائمة جزئية فيها مجموعة واسعة من الخيارات للقيام بالتصحيحات اللونية على الصورة
شرح القائمة:بالصور
بالاضافة الى خيارات اخرى جربوها بنفسكم
Duplicate
يفيد هذا الأمر عندما تريد تجريب التغييرات على الصورة فبإستخدام مربع حوار مضاعفة الصورة يمكنك إنشاءنسخة عن
الصورة في ملف حفظ ويمكنك أت تجعل النسخة مبسطة ـ الطبقات ممزوجة _ أو تترك منفصلة ـ مضاعفة ـ وتستطيع
إجراء التغييرات على الصورة المضاعفة مع مقارنة هذه التغييرات مع الصورة الأصلية
Apply Image
يستخدم هذا الأمر لتطبيق قنوات وحيدة أو مركبة على الطبقة المحددة للصورة الأمامية ويستخدم بشكل أساسي لمزج الصور
Calculations
مثل الأمر السابق لكنه يفتح لك مربع حوار الحسابات والذي يسمح لك باستخدام مستندي مصدر للمزج في أي منهما
Image Size
هذا الامر مهم
يظهر هذا الأمر مربع حجم الصورة والذي يستخدم لتغيير أبعاد الصورة بالإضافة إلى تغيير أبعاد الطباعة والدقة عند تحضير
الرسوم للويب
Canvas Size
يظهر هذا الأمر مربع حوار يستخدم لتغيير ارتفاع الصورة وعرضها بدون التأثير على الدقة
Crop
هذا الأمر لاقتصاص كل المعلومات خارج نطاق التحديد المستطيلة ويتم تعيين العرض والإرتفاع بالإعتماد على الابعاد الجديدة
أما الدقة فتيقى نفسها
Rotate Canvas
يدور هذا الأمر كامل الصورة وهناك قائمة جزئية تحوي ستة خيارات للتدوير من الدرجات الثابتة إلى الزوايا المخصصة
Histogram
يقيم هذا الأمر الدرجات اللونية للصورة وباستخدام هذا الأمر لا يمكن إجراء تغييرات على الصورة
Trap
يطبق هذا الأمر على الصور المستخدمة في الطباعة وخذخ الميزة غير قابلة للتطبيق في تصميم الويب
أذن نلاحظ : ان هذه القائمة مختصة بالصور وبالالوان وبصيغة العمل وبحجم العمل وتغير هذا الحجم او تدويره
-----------------------------------------------------------------------

الدورة منقوله