دروس الفوتوشوب

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

قبل كل شيء ! لنضع النقاط على الحروف لكي لا تحذث بعض المفاجات في الاخِر : أنا لست قادرا على تطوير قدراتك الإبداعية . فالإبداع غير مرتبط بالأدوات كما يعلم الجميع . بابلو بيكاسو إستخدم أدوات بسيطة ، فرشاة رسم و لوحة و ألوان . و مع ذلك خلق ثورة في عالم الإبداع . لذلك فقدراتك الإبداعية مرهونة بك و تنميتها ليست هدف هذه الدروس أبد .

هدف هذه الدروس هو تعريفك و تمكينك من طريقة عمل الفوتوشوب ، و توضيح خباياه و قدراته إنطلاقا من تعريفك بالأدوات وصولا إلى التحويل 3D ...

فهرس الفصل
الفوتوشوب
منصة العمل
مساحة العمل
البكسل
الفوتوشوب

قبل البدأ في استعمال برنامج كامل مثل الفوتوشوب ، أقترح عليك وصفا صغيرا للبرنامج .
من أجل ذلك وجدت بعض المساعدة من أكبر مكتبة في الويب ، ويكيبيديا .

فوتوشوب هو برنامج رسوميات أنتجته شركة أدوبي من أشهر البرامج لصنع وتعديل الصور النقطية ويستخدم أيضا في التصوير الرقمي، لتحسين الصور وتعديلها. ويعتبر المنتج الأكثر مبيعاً في هذا المجال الآن، وقام بتطويره الشقيقان توماس كنول وجون كنول عام 1987 وأصدرت النسخة الأولى في فبراير 1990 والنسخة الثانية عشر منه صدرت في 30 يونيو 2010.

من استخدامات برنامج فوتوشوب

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

رسومات الحاسوب و الغرافيزم ( Infographie et graphisme ) .

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

منصة العمل
حان وقت العمل الان . سأطلب منك أن تحمل البرنامج إن كنت لا تملكه بعد ، أما إذا كنت تملكه فقم بفتحه .
إن لم تجد البرنامج ، فتفضل من هنــــــــــا .

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

أنقر على الصورة للتكبير

في هذه الواجهة يتم كل شيء .
حسنا سأريك الان كيف تتقسم هذه الواجهة .



لاحظ !! هناك خمس مساحات ، كل واحدة لها وضيفة معينة .

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

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

الواجهة التي يتوفر عليها البرنامج غير مناسبة لنا الان ، لذلك سنقوم ببعض التغييرات عليها مما سيجعل البرنامج سهل و بسيط و فعال .

قبل البدأ في التغيير ، يقترح الفوتوشوب سلسلة من الواجهات الإفتراضية ، كل واحدة مناسبة لتقنيات عمل مختلفة ـ من بين هذه الواجهات المقترحة هناك New in CS التي سنختارها .
في أقصى الأعلى ستجد هذه الخيارات :



إختر New in CS . ستلاحظ أن اللوحات العائمة تغيرت تماما ، لكن في الحقيقة فقد تغيرت بعض الإعدادات المخفية أيضا .
ستعرفها لاحقا .


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

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

يتوفر الفوتوشوب على مجموعة كبيرة من الأدوات التي سندرسها ، لكن هناك أداة محددة أعتبرها الأهم ، و هي التي تمكنا من تسهيل العمل في الفوتوشوب بشكل كبير ، أنا أتكلم عن أداة Layer أو أداة الطبقات . بدونها لا يكون الفوتوشوب فوتوشوبا أبدا .

هذه الأداة تجعلني أتكلم عن دمج الصور و الحصول على صورة مركبة مع إضافة التأثيرات اللازمة لإضفاء بعض الجمالية على التصميم ، و بعض التأثيرات يقوم بها البرنامج أوتوماتيكيا .

هيا الان أعد نفسك . الأمور الجدية بدأت الان .

الفهرس
التعرف على الطبقات .
إنشاء و حذف طبقة .
التعرف على الطبقات

أريد أن أقول أن أداة الطبقات هذه بالنسبة لي هي أهم أداة في الفوتوشوب و هي التي تميزه عن باقي برامج الغرافيزم . الطبقاء هي جزء لا يتجزأ من البرنامج . و هي بوضوح ضرورية للعمل على البرنامج ، ستعرف لماذا فيما يلي .

في الفصل السابق لقد أفرغت الفوتوشوب من الأدوات . الان سنقوم بجلب هذه الأداة لنستطيع العمل بها .
أنقر على F7 ببساطة ، ستظهر لك نافذة أداة التحكم في الطبقات .



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

قبل كل شيء ، أود أن تقوم بإنشاء مساحة عمل جديدة ، بالنسبة لقياساتها لا تهمنا الان ، هيا أنشئها الان .

تعريف

السؤال الذي يطرحه جميع المبتدئين في مجال التصميم بالفوتوشوب هو : ماذا نقصد بالطبقة هنا ؟

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

كما قلت سابقا ، من الصعب العثور على تعريف جيد للطبقة في الفوتوشوب . و أنا أتصور الان أنك لا زلت لا تملك فكرة عن هذه الطبقة .
لكن لا تقلق ستعرف ماهي الطبقة فور البدء في استعمالها على البرنامج .

بين قوسين : بدلا من أن تبحث عن بعض الصور التي ترغب في التعلم من خلالها ، لقد قمت بإنشاء ملف psd به بعض الصور منسقة ، يمكنك تحميله لتستطيع إكمال الدرس بسهولة .
تحميل : ملف france.psd

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

مع الفيديو كريستيانو رونالدو يفاجئ جماهيره و يصدر اولى اغنياته

مدريد – اسبانيا
فاجأ اللاعب البرتغالي كريستيانو رونالدو الجميع من جماهيره حول العالم بعدما قام بغناء اولى اغنياته ليبرهن للجميع مدي المواهب العديدة التى يتمتع بها .
وكما كان اللاعب متفوقا فى مهاراته عن اقربائه يبدو انه سيكون ايضا مميزا فى اغنياته –حال قرر ان يهترف الغناء – حيث يكتسب اللاعب شعبيه جماهيرية كبيرة.
ويعد اللاعب البرتغالي كريستيانو رونالدو من اللاعبين ذوات الظهور الاعلامي المميز فاختارته العديد من شركات المنتجات الصحية ليشارك فى اعلاناتها لاكتسابه شخصية جميلة ومظهر لائق يعجب به العديد من الاشخاص.
شعبيه جارفه
وكان موقع “nbc sports” الاميركي والمهتم بالشئون الرياضية قد كشف مؤخرا عن احتلال النجم البرتغالي كريستيانو رونالدو مهاجم ريال مدريد الاسباني المركز الاول فى قائمة الشخصيات الاكثر شعبية في محركات البحث على الانترنت لعام 2011 بحسب إحصائيات نشرها الموقع.
ووفقا لما ذكره موقع “nbc sports” فان كريستيانو رونالدو تربع على قائمة الشخصيات الاشهر بعد ان خاض منافسه شرسه مع 50 رياضيا عالميا ضمتهم القائمة على انهم اكثر الشخصيات بحثا على الانترنت ، فيما احتل البرازيلي ريكاردو كاكا لاعب وسط ريال مدريد ايضا المركز الثاني في قائمة الاكثر شعبية على الانترنت.

تحديد ألوان النصوص و الخلفيات بـCSS

إستكمالا لدورة تعلم لغات HTML/CSS ، سنتعلم في هذا الفصل عدة خصائص خاصة بالتحكم في الألوان ، ستساعدك هذه الخصائص في إضفاء جمالية و أناقة و مظهر منظم لعناصر موقعك بحيث تجذب الزوار و تسهل عليهم التصفح و غيرها .... سنتعرف في هذا الفصل بالتفصيل على :
كيفية تغيير ألوان النصوص .
كيفية وضع صورة كخلفية .
كيفية إضافة الظلال .
كل هذا و سحر الـCSS لا يزال في بدايته .
الفهرس
ألوان النصوص .
ألوان الخلفية .
صور الخلفية .
ألوان النصوص .

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

تحديد الألوان بأسمائها
الطريقة الأبسط لتحديد اللون هي كتابة إسمه في قيمة الخاصية color و إسمه بالإنجليزية طبعا ، مثلا :

h1 { color: red;}

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

h1 {
color: DodgerBlue;
}