اول درس عبارة عن


:: مقدمة عن برنامج الAdobe Photoshop::

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

\
/
..

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

وحتى الآن أصدرت شركة ADOBE تسعة إصدارات من برنامج PHOTOSHOP:
1 (PS)
2
3
4
5
5.5 (وهي نفس النسخة الخامسة ولكن بتحسين أداة Text وكانت من أقوى تطورات الفوتوشوب الخطية)6
6.0.1 (وهي النسخة المعدلة من الإصدار السادس)
7
7.0.1 (وهي النسخة المعدلة من الإصدار السابع)
8 (CS) وسنطبق دورتنا على هذا الإصدار باذنه تعالى
9 (CS2)


*ملاحظة: بين كل إصدار وإصدار آخر يتم إعادة برمجة برنامج الفوتوشوب بشكل كامل مثلاً:
من 3 إلى 4 تم برمجة البرنامج بشكل كامل
أما إذا كانت هناك إضافة مثل النسخة 5 إلى 5.5 لا تتم البرمجة كاملة ولكن تضاف الأوامر الخاصة بالإضافة فقط
وكذلك بالنسبة للتعديل يتم تعديل أمر الخطأ فقط مثل:
من 6 إلى 6.0.1 ولذلك سميت بالنسخة المعدلة.

***********************

هناك العديد من إصدارات الفوتوشوب تحمل الحرفين ME نهاية اسم الإصدار ، مثلاً :
PHOTOSHOP CS(8) ME
وهذه الحرفين ME اختصار لجملة Middle East Version إصدار الشرق الأوسط
ويعني أن هذا البرنامج يدعم اللغة العربية في الكتابة .

http://www.z3em.com/upload/uploads/1ba33f3413.jpg


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

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


***********************

*وظائف برنامج PHOTOSHOP CS:

1. معاجلة الصور (وهو أقوى برنامج في معالجة الصور حتى الآن).
2. عمل البروشورات وهي المطبوعات الورقية التي تنشر كدعاية أو إعلان مثل: البروشورات التي على غلاف السيديهات ، المجلات الدعائية ، والكاتلوجات .. واشباهها.
3. عمل صفحات مجلات.
4. عمل تصاميم البطاقات كبطاقات الإهداءات المنتشرة في الانترنت.
5. دمج الصور.
6. رسم الصور.
7. الكتابة بالـText.
وهناك الكثير من الوظائف التي يصعب حصرها.

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


***********************



ملاحظة هامة:

الدرس منقول وبتصرف

الدرس الثاني

*التعرف على واجهة برنامج فوتوشوب Photoshop*

بسم الله الرحمن الرحيم ..

السلام عليكم ورحمة الله وبركاته

في هذا الدرس سنتعرف على واجهة برنامج الفوتوشوب


لتشغيل البرنامج اتبع الخطوات التالية:

start > programs > Adobe > Adobe Photoshop CS
ابدأ > البرامج > ADOBE > ADOBE Photoshop CS
أو من سطح المكتب بالضغط على أيقونة الفوتوشوب

http://www.banaat.com/vb/attachment....1&d=1136792867

http://www.banaat.com/vb/attachment....1&d=1136792925

مرتين بزر الماوس الأيسر.

إذا كانت هذه اول مرة تفتح فيها البرنامج ستظهر لك رسالة في نافذة ، نص الرسالة :
Color setting for Photoshop CS will be configured using default
setting.
Do you wish to customize your color settings now? You can choose
Edit > color settings to customize them later

عند اختيارك لـyes فسيحولك البرنامج إلى إجراءات حفظ اعدادات ألوان الشاشة (وهي غير ضرورية لأن البرنامج منظم هذه الألوان تلقائيا)
إذاً فعليك باختيار No ،
بعدها تظهر لك شاشة الترحيب (welcome screen) وستظهر لك هذه الشاشة عند كل بداية تشغيل للفوتوشوب إلا إذا قمت بإلغاء علامة (صح) بجوار الجملة
Show this dialog at startup
بعدها قم بإغلاق شاشة الترحيب بالضغط على زر close.

***********************

* ملاحظة: إذا كانت هذه ليست بالمرة الأولى التي تقوم بها بفتح البرنامج فلن تظهر لك رسالة اعداد الألوان .
فإذا أردت أن تظهر لك هذه الرسالة فعليك باتباع الخطوات التالية قبل أن تقوم بفتح البرنامج:
1. انقر نقراً مزدوجا على أيقونة البرنامج من سطح المكتب أو افتحها عن طريق قائمة ابدأ وبعدها مباشرة قم بالضغط على
ctrl + alt + shift
في آنِ واحد واستمر في الضغظ حتى تظهر لك نافذة رسالة .
2. اضغط على yes لتـأكيد رغبتك في حذف ملف الإعدادات المعد مسبقاً في البرنامج وعندها ستظهر لك رسالة إعداد الألوان.

* ملاحظة: إذا أردت الدخول على إعداد ألوان الشاشة لتعديل الإعدادات بعد فتح البرنامج فعليك باتباع الخطوات التالية:
Edit < color settings
كما لاحظنا في نص رسالة أعداد الألوان.

* معلومة: إعدادات ألوان الشاشة الرئيسية الإفتراضية في البرنامج هي:
North America General Purpose Defaults

***********************

عندما يفتح البرنامج ستظهر لك واجهة برنامج الفوتوشوب الرئيسية كما في الصورة :


http://www.banaat.com/vb/attachment....6&d=1136792267

وهذا شرح مختصر للواجهة :

A: قوائم الأوامر ، ولكل قائمة وظيفة بشكل عام:
File: لأوامر الأدخال والإخراج للبرنامج.
edit : أوامر التحرير.
image: أوامر للتنفيد على الصورة.
layer: أوامر الطبقات.
select: أوامر التحديد.
Filter: أوامر الفلاتر ومن هنا يتم تطبيق الفلاتر على الصورة.
view: أوامر المعاينة (عند تطبيق أي أمر على هذه النافذة فإنها لا تؤثر على الصورة بعد حفظها فهي للمعاينة فقط)
windows: أوامر النوافذ الخاصة بالبرنامج (لإضافة وإزالة نوافذ على واجهة البرنامج) كصندوق الأدوات مثلا.
Help: أوامر المعلومات والمساعدة في البرنامج.

وسنتطرق لأكثر الأوامر استخداماً في الدروس القادمة إن شاء الله.

***********************

B: صندوق الأدوات ToolBox:
http://www.banaat.com/vb/attachment....5&d=1136792239
وهو يتضمن أدوات التحديد وأدوات الرسم والتحرير ومربعي لون اللونين الأمامي والخلفي وأدوات العرض
وسنتعرف على كل أداة في دروس قادمة إن شاء الله.
إذا حذف صندوق الأدوات من واجهة برنامجك يمكنك استعادته بالخطوات التالية:
windows > Tools


***********************

C: شريط خيارات الأداة Option Bar:
فعند انتقاء أي أداة من صندوق الأدوات يتغير شريط الخيارات حسب الخيارات المناسبة لكل أداة.
إذا حذف شريط خيارات الأداة يمكنك استعادته بالخطوات التالية:
windows > Options

***********************

D: الألواح Palletes:
وهي عبارة عن 3 مجموعات للألواح أو الـPalletes.
فكل نافذة عبارة عن مجموعة من الباليتات (الألواح)
وكل مجموعة تحتوي على عدد من الباليتات (الألواح)
فالمجموعة الأولى تحتوي على 3 باليتات وكذلك المجموعة الثانية أما الثالثة فتحتوي على 5 باليتات.

***********

E: منطقة العمل :
(لن تظهر لك هذه النافذة إلا بعد عمل ملف جديد)
وهنا تقوم بتطبيق عملك على البرنامج ونلاحظ في شريط العنوان لمنطقة العمل(وهي المنطقة المحاطة باللون الأزرق كما هو موضح في الصورة السابقة).
اسم الملف المفتوح (إذا كنت قد فتحت ملف محفوظ مسبقا) أو (Untitled-1 إذا فتحت ملف جديد).
وستجد فيه ايضاً مساحة منطقة العمل بالنسبة للمساحة الأصلية ،ونوعية الملف في الصورة كانت(RGB) التي سنعرف معناها لاحقا عند عمل ملف جديد.
وأيضا اسم اللير الحالية التي يطبق عليها العمل.


>>>>
اتمنى يكون شرح القوائم وافي وواضح للجميع واي استفسار اسالوني:)

الدرس الثالث: إنشاء ملف جديد في الفوتوشب*

السلام عليكم ورحمة الله وبركاته

* في هذا الدرس سنبدأ بإنشاء ملف جديد ، درس سهل وجميل

* هناك ثلاثة طرق لإنشاء ملف جديد:

1. File > New كما في الصورة التالية :

http://www.banaat.com/vb/attachment....1&d=1137107603

2. اختصار الكيبورد : ctrl + N

3. ctrl + ضغطتين بزر الماوس الأيسر على المساحة الرمادية لواجهة البرنامج (وهي طريقة مختصرة وانا استخدمها دائماً)
********************

* بعدها ستظهر لك نافذة كما في الصورة التالية :

http://www.banaat.com/vb/attachment....1&d=1137107660

1. Name: اسم الملف الجديد التي تريد إنشاءه (يمكنك الكتابة بالعربية أو الانجليزية أو أي لغة متوفرة على جهازك) ،
اذا لم تسم اسم الملف الجديد سيتم تسميته تلقائيا إلى untitled-1 أما اذا كنت تريد إنشاء ملف جديد غير الأول فستكون التسمية التلقائية untitled-2 .. وهكذا.


********************

2. preset: اعدادات مسبقة للخطوات 3(العرضWidth) و 4 (الطول أو الارتفاعHeight) و 5 (الدقة Resolution) و 6 (نظام الألوان Color Mode) ،

********

3. Width: عرض التصميم يمكنك اختياره بأحد الوحدات اللتي تناسب عملك ،
، بالسنتيمتر(cm) كل 1 سم = 28.346 بكسل ،
أو بكسل (pixel) وهي أكثر وحدة تستخدم عالميا في قياس طول وعرض الصورة الضوئية(وهو الخيار المفضل لدى أكثر المصممين) ،
أو بوصة (inches) كل 1 بوصة = 72 بكسل ،
،او مليمتر (mm) كل 1 ملم = 3 بكسل ،
وهذه الأربعة وحدات أكثر استخداماً
وكذلك هناك وحدات اخرى كـالنقاط(points) التي تستخدم في مجالات الطباعة(فعندما يكون هدفك من التصميم طباعته فالأفضل أن تختار هذه الوحدة) ، وكل 1 نقطة = 1 بكسل ، متساوية
و الأعمدة (columns) وكل 1 عمود = 180 بكسل ،
و البيكا (picas) وكل 1 بيكا = 12 بكسل .

**********


4. height: طول أو ارتفاع التصميم (بالنسبة للوحدات كما ذكر في خطوة 3.العرض).

********************

5. Resolution: قيمة دقة ووضوح الصورة وهو عدد البكسلات في في السنتيمتر أو عدد البكسلات في البوصة .
لو لاحظنا في (3.) لوجدنا أن :
كل 1 بوصة = 72 بكسل لذلك تكون أفضل دقة ووضوح للصورة هي 72 بكسل/بوصة (عند استخدامك للطول والعرض بالبكسل بالنسبة للصور الضوئية)
وأيضا لوجدنا أن : كل 1 سم = 28.346 بكسل فلذلك نجد أن أفضل دقة هي 28.346 بكسل/سم (عند استخدامك للطول والعرض بالسنتيمتر بالنسبة للصور الضوئية)
أما بالنسبة للصور الطباعية فأفضل دقة لها هي 300 بكسل/بوصة
و 118.11 بكسل/سم .

********************

6. Coloe Mode: نمط الألوان


* Bitmap: نمط ألوان لايحتوي إلا على اللونين الأبيض والأسود ولا يستخدم أي تدرجات بينهما(جرب وانظر للنتيجة)
* Grayscale: نمط ألوان يحتوي على اللونين الأبيض والأسود مع الرمادي بتدرجاته(جرب وانظر للنتيجة)
* RGB color: نمط ألوان ملون يحتوي على ملايين الألوان بتدرجات كثيرة (يستخدم هذا النمط في الصور الضوئية)
انظر للمنطقة المحاطة باللون البرتقالي عند اختيار (16 bit) سيزداد عدد الألوان وتزداد دقة الصورة أكثر (ولكن العيب هنا أن حجم الملف يصبح كبيراً) فاجعل خيارك الدائم هو (8 bit).
* CMYK color: نمط ألوان ملون يحتوي على ملايين الألوان بتدرجات كثيرة (يستخدم هذا النمط في الصور الطباعية)
* Lab color: ألوان المعامل.

********************

7. Background Contents: لون خلفية منطقة العمل الجديدة

* White: لون خلفية أبيض .
* Background color: لون الخلفية من صندوق الأدوات (انظر للسهم)في الصورة السابقة.
* Transparent: خلفية شفافة بلا لون .

***********************
9. save preset: لحفظ اعدادات تم تخصيصها من قبل المصمم.

********************

10. حجم ملف العمل psd المتوقع حتى الآن.



|؛&#164;ّ,&#184;&#184;,ّ&#164;؛|خلاصة :|؛&#164;ّ,&#184;&#184;,ّ&#164;؛|

* عند إنشاء ملف جديد لصور ضوئية ستعرض على الكمبيوتر والانترنت أو البروجكتور أو شاشات التلفاز أو أي مصدر ضوئي احرص على اختيار التالي:

Resolution: 72 pixels/inch

Color Mode: RGB color

وحدة القياس للطول والعرض:Pixels

هلا بنات ..

.. كااايت ..

للأسف حبيبتي فيه طلب كثير على الاشتراك في المدرسة
فا تـم رفض الجميع

وان شاءالله اللي ماشاركت هالمرة تشارك المرة الثاني
او تابعي الدروس معنا وطبقيها من بعد مثل الاخت اسيرة الاه

.

.. اسورة ..

الله يسلمك حبيبتي

وزين سويتي انك من المتابعات :tender:

.

.. سول لوف ..

هلا حبيبتي
شوفي القصد اذا تحبين تكون لون الخلفيه ملونة

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

أي سؤال ثاني تفضلي :kissfly:

.

.. ريرو ..

هلا حبيبتي
اكيد ممكن تشاركين في المدرسة المتوسطة :wink2:

وبعد شوي بحط الدرس الجديد والواجب

.
.

شكراً لكل اللي ردوا في الموضوع

:)

يالا طالباتي
بعد قليل بنزل الدرس وبعده الواجب

:takexam:

الدرس الرابع:
شرح استخدام اداة الكتابة حرف T في الفوتوشوب

كاتب الدرس :
فتيات للابد <--منقول من موقع ارض الفوتوشب

...


للكتابه في برنامج الفوتوشوب نستخدم هذه الاداةhttp://www.psdland.com:8080/lesson/w-tool/tool1.gif

تحتوي هذه الاداة على الكثير من الفروع اذا لاحظت وجود سهم صغير في الصورة بجانب حرفT هذا يعطيك قائمة بانواع كثيره لطرق الكتابة

http://www.psdland.com:8080/lesson/w...toolcontan.gif
من الصوره واضح فائدة كل واحد وهي كالتالي

1- Horizontal Type Tool للكتابة الافقية .http://www.psdland.com:8080/lesson/w-tool/right.gif

3- Horizontal Type mask Tool للكتابة الافقية ولكن يفرقها عن الاولى : هذه الأداة لما تكتب فيها تحدد لك الكلام ( بخطوط مقطعة ) بدون ماتلونه كأنه محدد بالمقص .

2- Vertical Type Tool للكتابة العمودية .http://www.psdland.com:8080/lesson/w-tool/up.gif

4- Vertical Type mask Tool للكتابة العمودية نفس الكلام عن سابقتها .



تجد امامك في أعلى البرنامج شريط الادوات هذا ..

http://www.psdland.com:8080/lesson/w-tool/line.gif
سأقوم بشرحه بشكل مبسط :)


1- للتحديد طريقة الكتابه فعند الضغط عليه تظهر لك القائمة تخيرك بين الكتابة الافقيه او العمودية شبيهه فيما ذكرته قبل قليل .

2- نوع الخط و تحديدة بالضغط على الزر تظهر لك قائمة كاملة بالخطوط الموجوده لديك
http://www.psdland.com:8080/lesson/font.gif

3- حجم الخط و قد لا يناسبك المقاس الموجود في القائمة عندها قم بكتابه الرقم الذي تريده بدل الرقم المدخل في صندوق الارقام
http://www.psdland.com:8080/lesson/sizefont.gif

4- هذه القاءمة تحتوي على اشكال الخط
http://www.banaat.com/vb/attachment....1&d=1137629949
* ملاحظة في فوتوشوب الداعم للعربي :
في بعض الاحيان قد لا يتوقف الفوتوشوب عن الكتابه بالعربي مع انه داعم للعربية عندها تأكد من اللقائمه فستجده على خيار None عدلها كما تريد و سيعود للكتابه بالعربي .

5- للتحديد صف الكتابه هل من اليمين ام اليسار ام توسيط ..

6- اذا كانت الكتابه عربية اضغط على السهم الايمن ليبدأ لك المؤشر من اليمين و اذا انقليزية اضغط اليسار كي يظهر لك المؤشر من ناحية اليسار .

7- لون الخط و ستظهر لك لوحة الالوان و اختر منها ما تريد .

8- Warp Text
http://www.psdland.com:8080/lesson/w-tool/warptxt.gif


و هذه الطريقة للتغير اسلوب الكتابة
اضغط على Style

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

http://www.psdland.com:8080/lesson/w-tool/listwarp.gif


اختر منها ما تشاء و كنماذج للخطوط

9- ستظهر لك هذه القائمة ...

http://www.psdland.com:8080/lesson/w-tool/character.gif



تحتوي على انواع الخطوط

1- لتحديد نوع الخط
2- مقاس الخط
3- المسافه بين الاسطر
4- المسافه بين الحروف
5- امتداد الكلمة
6- اختيار اللون
7- هذا لحالات الكلمة بحيث [ ممكن تكون على شكل اس او مايل او تحتي او مشخوط او تحته سطر او او او.... جرب ما راح تخسر شي بس ماهي مهمة .
8- هذي اللغة المستخدمة .

فوق فيه سهم اذا ضغطته تطلع لك قائمة

http://www.psdland.com:8080/lesson/list.gif

1 - هذا لتحديد الخط العريض و المائل .
2- لتحويل الخط الى عامودي و افقي .
3- تعديل الحروف اما كبيره و اما صغيره .
4- لوضع خط تحت الكلام او وسط الكلام.
5- من اليمين لليسار و من اليسار لليمين .


6- هذا القسم مهم لكتابه الارقام **
عند كتابة الارقام في الفوتوشوب ستظر لك دوما ارقام انقليزية و لتحويلها للارقام العربية .
اختار
Hindi Numbers
و ستتحول الارقام الى عربية .

-----------



http://www.psdland.com:8080/lesson/w-tool/paragraph.gif



هذه النافذة لتعديل و ترتيب البرقراف ( النص الكتابي ) توسيط - تيامن - يسار
و تحديد المسافه في بداية البرقارف
..

انتهى الشرح...وسوف اطالبكم بتطبيق على هذا الدرس اي سوال تفضلي :)

الواجــــــــــــــــــــــــــــــــــــب الاول

مطلوب من كل طالبة ان:

1- تكتب اسمها
2-على خلفية بيضاء
3-بمقياس 300 في 200 بيكسل
4-وتقوم باستخدام انحناء مناسب

لتظهر بالشكل التالي:
http://www.banaat.com/vb/attachment....1&d=1137274367


طريقة حفظ العمل بعد الانتهاء منه كالتالي

بعد الانتهاء من كتابة المطلوب ..اذهبي الى File وبعدها اختاري Save for web
(للفوتوشوب العربي :اختاري ملف وبعدها حفظ للشبكة)

http://www.banaat.com/vb/attachment....1&d=1137274394



ومن ثم سوف تظهر لك قائمة كبيرة كهذه:
http://www.banaat.com/vb/attachment....1&d=1137274408

اختاري save (حفظ) وبعدها ok
وخلاص راح تنحفظ لك الصورة

اخيرا قومي بارفاقها في هذا الموضوع.

ملاحظة: على هالتطبيق 10 درجات