عيون العرب - ملتقى العالم العربي - دورة عيون العرب لتعليم الفوتوشوب

السلام عليكم..

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

تم تعديل الرابط..

مقدمة عن برنامج الفوتوشوب:
يعد برنامج الفوتوشوب من أقوى برامج تحرير ومعالجة الصور من إصدار شركة ADOBE وكان الاصدار الرسمي الاول لهذا البرنامج في عام 1990 واستمرت الاصدارات المتتالية لهذا البرنامج الى وقتنا الحالي والاصدار الثامن ( Adobe PhotoShop CS-Creative Suite) والذي ستم التعامل معه من خلال الدروس و التطبيقات التي ستعرضها شبكة ارسن مع العلم ان الاصدارات السابقة لا تختلف كثيرا عن الاصدار الحالي وأتمنى للجميع الفائدة والاستفادة.ولمشاهدة بعض التغيرات التي طرأت على الفوتوشوب من الاصدار الاول الى الثامن شاهد الصور التالية
صندوق الادوات في الاصدار 1.0 صندوق الادوات في الاصدار8.0 http://design.arccn.net/images/ps/1.gif
http://vb.arabseyes.com/images/statusicon/wol_error.gifClick this bar to view the full image.
http://design.arccn.net/images/ps/8.gif
قد يشاهد البعض منا بعض الاعلانات المتواجدة في الصحف أو الاعلانات المعلقة في الشارع أو إذا كنت من رواد كرة القدم قد تجد تلك الاعلانات هناك وقد تتسآئل عن كيفية تصميم هذه الاعلانات وماهو البرنامج الذي تم تصميم هذه الاعلانات به , والاجابة أن هناك برامج عديدة ولكن أيضا الفوتوشوب يؤدي الغرض وبشكل احترافي وهذه بعض النماذج.

http://design.arccn.net/images/ps/web3.gif
http://design.arccn.net/images/ps/pepsi.gif
ربما تمنيت تصميم شعار لمصنعك أو شركتك أو لنادي ثقافي أو رياضي داخل جامعتك أو حتى لموقع على الانترنت ستجد الفوتوشوب يؤدي الغرض وهذه نماذج لبعض الشعارات المصممة بالفوتوشوب.

http://design.arccn.net/images/ps/logo1.gif
http://design.arccn.net/images/ps/logo2.gif
http://design.arccn.net/images/ps/logo3.gif
قد تكون لك اهتمامت في تصميم المواقع ولكن ببرامج التصميم العادية كالفرونت بيج وهذا البرنامج لايرضي غرورك من ناحية التلوين والاشكال والمظهر الخارجي للموقع ولكن الفوتوشوب يوفر لك بعض الاداوت المساعدة في تصميم المواقع وهذه نماذج لبعض المواقع المصممة بالفوتوشوب

http://design.arccn.net/images/ps/web.gif
http://design.arccn.net/images/ps/web2.gif
أو ربما رغبت في إضافة بعض التأثيرات على صورك الخاصة وهذه بعض النماذج المنفذة بالفوتوشوب أيضا لاحظ الصورة الاولى ولاحظ الفرق الذي حدث في الصورة الثانية.

http://design.arccn.net/images/ps/car2.gif
http://design.arccn.net/images/ps/car1.gif
لاحظ النموذج التالي ستجد أن الفصل الظاهر للمشاهد هو فصل الربيع ولكن ببعض التعديلات ببرنامج الفوتوشوب ستغير الفصل إلى الخريف.
http://design.arccn.net/images/ps/spring.gif
http://design.arccn.net/images/ps/atom.gif
وتعتبر هذه النماذج نقطة من بحر الفوتوشوب الذي أتمنى أن نرتوي وإياكم ولو بقليل منه وأتمى أن تعم الفائدة للجميع بإذن الله.

الدرس الثاني::..
فتح ملف جديد والتحكم بخصائصه:
سنبدأ في هذا الدرس كيفية فتح ملف جديد والتحكم بحجمه وبعض خصائصه البسيطة,بذهابك إلى قائمة ملف(FILE) ومن ثم الذهاب إلى جديد(NEW) بعدها سيظهر لك المربع التالي
http://design.arccn.net/images/ps/newfile.gif
وباتباعك الارقام التي على الصورة ستعرف وظيفة ماهو محدد بالاطار الاسود.
تسمية الملف أو الصورة المراد العمل عليها.

يوفر الفوتوشوب قياسات افتراضية للصور المراد العمل عليها في الوقت الحالي دع القياس على ماهو عليه وهو القياس الافتراضي للفوتوشوب.

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

اختيار لون الخلفية المراد العمل عليها اختر (Transparent) أو شفيفة , ثم اضغط موافق(OK).

وبهذا تكون قد عملت أول ملف في برنامج الفوتوشوب.
http://design.arccn.net/images/ps/new.gif
توضيح صندوق الادوات وشرح أدواته الرئيسية:

http://vb.arabseyes.com/images/statusicon/wol_error.gifClick this bar to view the full image.

http://design.arccn.net/images/ps/toolsbox.gif
http://design.arccn.net/images/ps/movetool.gif أداة التحريك(Move Tool): وتستخدم لتحريك الكائن (الصورة - الخط - المربع .....) الموجود في الملف
*لاحظ وجود مثلث صغير في أسفل الزاوية اليمنى لكل أداة ,وهذ ا يعني أن الأداة تحتوي على خيارات أخرى ويمكنك استعراض هذه الخيارات بالنقر على الأداة بزر الفأرة الأيمن
http://design.arccn.net/images/ps/gradiant.gif أداة التلوين المتدرج (Gradient): وهي لتلوين الخلفية بشكل متدرج.
http://design.arccn.net/images/ps/paint.gif أداة التلوين(Paint Bucket): وتستخدم لتلوين الخلفية بلون واحد.
*بضغطك على زر الفأرة اليمين على أي من الادوات السابقة سيظهر لك المربع التالي للإختيار من بين الأداتين
http://design.arccn.net/images/ps/gradiantoptions.gif .
http://design.arccn.net/images/ps/text2.gif أداة الخط: وتقوم بهذه الاداة الكتابة وجميع الخيارات الأخرى تستخدم للكتابة
http://design.arccn.net/images/ps/text.gif
http://design.arccn.net/images/ps/line.gif أداة رسم اللأشكال: وتقوم هذه الأداة برسم أشكال قياسية داخل البرنامج باستثناء الاختيار الاخير حيث يسمح لك بعمل أشكالك الخاصة
http://design.arccn.net/images/ps/line2.gif
وسنتناول الخيار الأخير في الدروس المتقدمة ان شاء الله.
http://design.arccn.net/images/ps/eraser2.gif الممحاة: ومن اسمها تقوم بالمسح ويوجد أنوع من المسح ولكن كبداية سنستخدم النوع الأول
http://design.arccn.net/images/ps/eraser.gif
http://design.arccn.net/images/ps/selection.gif أداة التحديد: تقوم الأداة بتحديدالشكل المطلوب لتتحكم به بشكل أكبر من حيث المسح او اللون ويوجد أشكال لهذا التحديد
http://design.arccn.net/images/ps/selection2.gif

أداة التحديد المستطيلة

أداة التحديد اليضاوية أو الدائرية

أداة التحديد على شكل خط أفقي

أداة التحديد على شكل خط عامودي

http://design.arccn.net/images/ps/brush.gif أداة الفرشاة : تعتبر اداة الفرشاة من أمتع الادوات في الفوتوشوب حيث يمكن التطبيق عليها الكثير من الاساليب في تحرير الصور والتصميم ويمكنك عمل الفرش الخاصة بك وهناك خيار آخر وهو خيار أداة القلم.
http://design.arccn.net/images/ps/magic.gif أداة العصا السحرية: تستخدم هذه الاداة في التحديد أيضا ولكن لتحديد الالوان المتقاربة في الصورة أو أيا كان الكائن.
http://design.arccn.net/images/ps/lassotool.gif اداة التحرير الحر: تقوم هذه الاداة بعمل التحديد على الكائن(الصورة) بحرية أكبر وفقا لكيفية الشكل الذي تريده او على حركة اليد.
http://design.arccn.net/images/ps/polyselect.gif اداة التحرير المستقيمة: تقوم هذه الأداة بعمل التحديد ولكن على شكل خطوط مستقيمة.
http://design.arccn.net/images/ps/crop.gif اداة القص:تقوم هذه الاادة بقص المنطة المحددة بعد التحديد تقوم بنقرة مزدوجة على المنطقة المحددة ويتم القص.
http://design.arccn.net/images/ps/drop.gif القطرة(الشفاطة): وهناك ثلاث أنواع
http://design.arccn.net/images/ps/drop2.gif
تقوم باختيار اللون الذي تقوم باختياره (تلتقط اللون من الكائن او الصورة)

تقوم باختيار اللون الذي تقوم باختياره (تلتقط اللون من الكائن او الصورة)

تقوم بعمل القياسات.

http://design.arccn.net/images/ps/zoom.gif العدسة: تقوم بتكبير وتصغير الكائن.
http://design.arccn.net/images/ps/color.gif مربع اختيار الالوان: وكبداية سنعتمد على المربع الذي في الاعلى (الأصفر) يقوم هذا المربع بعد ضغطك عليه مرتين بفتح خيارات لالوان يمكنك اختيار اللون المناسب منها لتلوين الخلفية أو اختيار لون الشكل أو لون الخط الذي سترسمه على الخلفية.
http://design.arccn.net/images/ps/color-picker.gif

=============

استعمال أداة رسم الاشكال:

سنقوم برسم الاشكال الاساسية باستخدام أداة الرسم المشروحة في الدرس السابق

http://design.arccn.net/images/ps/line2.gif

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

http://design.arccn.net/images/ps/reqt.gif

استعمال اداة الكتابة:

سنقوم الان باستخدام أداة الكتابة وكتابة النصوص داخل برنامج الفوتوشوب اختر أدة الكتابةhttp://design.arccn.net/images/ps/text2.gif ستغير شكل المؤشر قم بسحب المؤشر سترسم أمامك منطقة مستطيلة هذه المنطقة هي المساحة التي ستتم فيها الكتابة ويمكنك التحكم بها من خلال المربعات الظاهرة على اطراف المربع من حيث تكبيرها او تصغير المنطقة ثم قم بالكتابة ويمكنك التحكم بالخط من خلال شريط الخيارات اضغط هنا لرؤية الشرح مع ملاحظة أن الخيارات تختلف باختلاف الاداة المختارة, بعد كتابة للخط واختيار نوعه ولونه سيظهر الشكل التالي

http://design.arccn.net/images/ps/rertext.gif

استخدام الطبقات(Layers) :

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

http://design.arccn.net/images/ps/layers.gif

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

http://design.arccn.net/images/ps/restarize.gif

سنقوم بتحريك الشكل والكتابة في العمل السابق وتغيير لون الخلفية نقوم بتحريك الشكل عن طريق أداة التحريك http://design.arccn.net/images/ps/movetool.gif بعدها نحدد الطبقة الموجود عليها الشكل المراد تحريكه ثم نذهب إلى أداة التلوين المتدرج واختيار أحد الالوان المتدرجة الموجوة في شريط الخيارات وسيتم هذه باستخدام أيضا أداة التحديد http://design.arccn.net/images/ps/selection.gifاضغط على الاداة ثم اذهب الى المربع الاحمر وحدده. وقم بتحريك الكتابة إلى الأعلى وستظهر النتيجة التالية:

http://design.arccn.net/images/ps/Untitled-1.gif

وأي سؤال أرجو طرحة بدون تردد.::