::: مـنتدى قبيلـة الـدواسـر الـرسمي :::

::: مـنتدى قبيلـة الـدواسـر الـرسمي ::: (http://alduwaser.org/vb/index.php)
-   :: قسم الـكمبيوتــر والاتصـالات والتصاميم والجرافكس :: (http://alduwaser.org/vb/forumdisplay.php?f=32)
-   -   .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•. (http://alduwaser.org/vb/showthread.php?t=14143)

رماد 14-04-2007 07:23 AM

.•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 


.
.



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

: || . . Adobe Photoshop CS . . الاصــدار 8 . . || :

|| . •. تحميل البرنامج . •. || :

|| • Click Here • ||

|| . •. لتصفـحـ الموقعـ الاصليـ . •. || :

|| • Click Here • ||
.
.










رماد 14-04-2007 07:27 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 


.


|| . •. الدرس الأول: فتح عمل جديد وصندوق الأدوات . •. || :

فتح ملف جديد والتحكم بخصائصه:

سنبدأ في هذا الدرس كيفية فتح ملف جديد والتحكم بحجمه وبعض خصائصه البسيطة,بذهابك إلى قائمة ملف(FILE) ومن ثم الذهاب إلى جديد(NEW) بعدها سيظهر لك المربع التالي
http://www.rawabetvb.net/up-pic/uploads/d42eab987b.gif

وباتباعك الارقام التي على الصورة ستعرف وظيفة ماهو محدد بالاطار الاسود.

1/ تسمية الملف أو الصورة المراد العمل عليها.

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

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

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

وبهذا تكون قد عملت أول ملف في برنامج الفوتوشوب.
http://www.rawabetvb.net/up-pic/uploads/016ae1660b.gif

---
--
-

توضيح صندوق الادوات وشرح أدواته الرئيسية:

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

1/ أداة التحديد المستطيلة
2/ أداة التحديد اليضاوية أو الدائرية
3/ أداة التحديد على شكل خط أفقي
4/ أداة التحديد على شكل خط عامودي

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

1/ تقوم باختيار اللون الذي تقوم باختياره (تلتقط اللون من الكائن او الصورة)
2/ تقوم باختيار اللون الذي تقوم باختياره (تلتقط اللون من الكائن او الصورة)
3/ تقوم بعمل القياسات.

http://design.arccn.net/images/ps/zoom.gif العدسة: تقوم بتكبير وتصغير الكائن

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

http://www.rawabetvb.net/up-pic/uploads/eb43072d0a.gif

.
.



يتبعـ




رماد 14-04-2007 07:31 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 


.
.



:|| . •. الدرس الثاني: كيفية استعمال بعض الأدوات . •. || :


أهداف الدرس :

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

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

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

اداة التحريك وأداة التلوين

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


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

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

http://www.rawabetvb.net/up-pic/uploads/188ffb07fb.gif

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

http://www.rawabetvb.net/up-pic/uploads/6f1f077db7.gif


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

http://www.rawabetvb.net/up-pic/uploads/6f1f077db7.gif

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

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

http://www.rawabetvb.net/up-pic/uploads/aa83b1afc0.gif

يفضل بعد قيامك برسم الأشكال أن تقوم بعمل(Rasterize) لتتمكن من التحكم بالشكل بشكل أكبر من حيث تغيير اللون أو تغيير الحجم أما الكتابة إذا عملت لها ماعملت على الشكل فستتعامل معها كشكل وليس ككتابةأي لن تستطيع تغيير نوع الخط ويمكنك عمل ذلك باتباع الصورة التالية طبعا بعد اختيارك الطبقة المراد عمل (Rasterize) عليها.
http://www.rawabetvb.net/up-pic/uploads/a6e298b514.gif

.

.

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

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

http://www.rawabetvb.net/up-pic/uploads/8a365f821c.gif





.
.



يتبعـ



بن حباب الدوسري 14-04-2007 04:41 PM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
ما شاء الله عليك
بيض الله وجهك
قواك الله

رماد 15-04-2007 06:38 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 


.
.



:|| . •. الدرس الثالثـ: شريط الخيارات . •. || :

أهداف الدرس :

شرح شريط الخيارات لأدا التحريك

شرح شريط الخيارات لأداة التلوين

شرح شريط الخيارات لأداة رسم الأشكال

شرح شريط الخيارات للفرشاة والقلم


’’

,

شرح شريط الخيارات لأدا التحريك :

الاختيار التلقائي للطبقات حيث يمكنك من اختيار الكائنات داخل العمل الموجودة على طبقات مختلفة بالنقر على الشكل المطلوب فقط دون الرجوع إلى لوحة الطبقات
http://design.arccn.net/images/ps/autoselect.gif

خيار اظهار صندوق الحدود للكائن وبمجرد ظهور الصندوق يمكنك من التحكم بحجم الكائن
http://design.arccn.net/images/ps/surroudnig-box.gif

ستلاحظ ظهور اطار على العمل المحدد وبسحبك أحد المربعات الموجودة على اطراف الكائن ستتمكن من تغيير حجم الكائن كما في الصور التالية قبل سحب المربعات وبعد سحبها
http://www.rawabetvb.net/up-pic/uploads/267ce29fab.gif

http://www.rawabetvb.net/up-pic/uploads/2c4d5ce19f.gif

ستلاحظ عند سحبك للمربعات بتغير شريط خيارت أداة التحريك إلى شريط خيارات آخر يمكنك من التحكم بالحجم يدويا وهذا شرح خياراته

التحكم بموضع الكائن باستخدام المحور السيني والمحور الصادي ولاحظ المثلث الذي في المنتصف بضغطه يجعل تحريكك للكائن متناسبا.
http://design.arccn.net/images/ps/posiotin.gif

التحكم بعرض وارتفاع الكائن ولاحظ السلسلة التي في المنتصف بضغطك عليها تجعل التكبير والتصغير متساويا بين العرض والارتفاع للكائن المحدد.

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

التحكم باستدارة الكائن أو (لفه) بزاوية معينه.
http://design.arccn.net/images/ps/rotate.gif

التحكم بانحراف الكائن(SKEW).

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

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

’’



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

اختيار نوع التلوين الذي تريده(التعبئة) سواء كانت للمقدمة أو من النماذج الجاهزة من الفوتوشوب
http://design.arccn.net/images/ps/fill.gif

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

2/اذا قمت باختيار الخيار الثاني يتفعل لك المربع التالي والذي سيمكنك من اختيار بعض النماذج الجاهزة.
http://www.rawabetvb.net/up-pic/uploads/d78dfc2626.gif

واذا قمت بتطبيق أحد هذه النماذج على المربع الأحمر ستحصل على النتيجة التالية
http://www.rawabetvb.net/up-pic/uploads/f6bcb28227.gif

ملاحظة تأكد دائما من فتح الطبقة الاولى لديك وذلك بالنقر القفل نقرا مزدوج ثم اختيار اسمها والضغط على موافق.
http://www.rawabetvb.net/up-pic/uploads/b259c0e4ad.gif

التحكم في شفافية التعبئة
http://design.arccn.net/images/ps/opicatiy.gif

لاحظ الفرق في التعبئة بعد تخفضيها إلى 50% لاحظ أن كثافة اللون الاحمر قلت عن السابق أي أصبح أكثر شفافية لو أن هناك طبقة أخر تحت المربع الان سوف تظهر.
http://www.rawabetvb.net/up-pic/uploads/cf97a7e6a2.gif

خيارات التلوين المتدرج مشابهة للسابق لا حظ الصورة التالية:

http://www.rawabetvb.net/up-pic/uploads/8b5ddeb5bd.gif

1/خيارت التدريج المتوفرة من قبل الفوتوشوب

2/شكل التدريج المراد عمله

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

http://www.rawabetvb.net/up-pic/uploads/f229938898.gif

http://www.rawabetvb.net/up-pic/uploads/0f5da0a057.gif

’’



شرح شريط الخيارات لأداة رسم الأشكال:
هناك ثلاث أنواع من الاشكال التي يتم رسمه على الفوتو شوب ولكن كبداية أختر الخيار الثالث من اليسار
http://design.arccn.net/images/ps/shape1.gif

خيارات الاشكال المراد رسمها
http://design.arccn.net/images/ps/shape2.gif

عند اختيارك المستطيل المنحني ستتمكن من تغيير درجة انحنائه من خلال خيار يمكنك من ذلك.

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

’’



شرح شريط الخيارات للفرشاة والقلم :

لا يختلف هذا الشريط أيضا عن الاشرطة السابقة فلذلك اترك لك استكشافه

.
.



يتبعـ






رماد 16-04-2007 07:48 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 


.
.



:|| . •. الدرس الرابعـ: صيغ ولوحات الفوتوشوب . •. || :


طريقة حفظ العمل بعدة صيغ:

سنتعلم في هذا الدرس كيفية حفظ العمل بعدة صيغ


1/ صيغة PSD وتعتبر هذه الصيغة هي صيغة عمل الفوتوشوب كما صيغة TXTصيغة ملف لمحرر النصوص ويمكنك عمل هذه الصيغة بالذهاب إلى قائمة ملف (File) ثم حفظ باسم(Save as) ثم سيظهر لك المربع التالي اختر الصيغة المطلوبة وهي PSD. ولاحظ ان هذه الصيغة تحفظ عملك كما هو على شكل طبقات أما باقي الصيغ فلا.
http://www.rawabetvb.net/up-pic/uploads/e7edb06749.gif


2/ صيغة الـ (JPEG و GIF) تعمل هذه الصيغ بنفس الطريقة وهناك طريقة أخرى وهي الذهاب إلى قائمة ملف ثم اختر (Save for ***) وهذا الخيار مفيد لمصممي صفحات الويب .

هناك صيغ أخرى كثيرة تعمل على الفوتوشوب ولكن هذه أشهرها قم باكتشاف الصيغ الاخرى التي يوفرها الفوتوشوب.


/

\


استكشاف اللوحات الرئيسية في الفوتوشوب:

لوحة الملاح(Navigator):تفيدك هذه اللوحة في استكشاف العمل من زيادة في الحجم أو العكس


http://www.rawabetvb.net/up-pic/uploads/2e4bf11e3a.gif

لوحة المعلومات(Info): تفيدك هذه اللوحة بإعطائك معلومات عن العمل من حيث كثافة الالوان أرقام الالوان المستخدمة إعطائك القياسات بدقة وموضع العمل بدقة أيضا.

http://www.rawabetvb.net/up-pic/uploads/17b3201b05.gif

لوحة الالوان(Color): تفيدك هذه اللوحة في اختيار الالوان عن طريق الشفاطة.

http://www.rawabetvb.net/up-pic/uploads/df33598f24.gif

لوحة العينات(Swathes): تعطيك هذه اللوحة بعض العينات من الالوان ويمكنك الاختيار منها أيضا عن طريق الشفاطة أو عمل العينات الخاصة بك.

http://www.rawabetvb.net/up-pic/uploads/dedba52893.gif

لوحة ستايل(Styles): تفيدك هذه اللوحة بتطبيق بعض التاثيرات على عملك أو بحفظ التأثيرات التي تقوم بها على عملك

http://www.rawabetvb.net/up-pic/uploads/b687e00cd0.gif


لوحة التاريخ(History): تفيدك هذه اللوحة في التراجع إلى ما يقارب العشرين خطوة سابقة قمت بها ويمكنك زيادتها.

http://www.rawabetvb.net/up-pic/uploads/c98c09975e.gif

لوحة الطبقات(Layers): شرحت في دروس سابقة
http://www.rawabetvb.net/up-pic/uploads/ecb1a0ab3e.gif


ولاضافة أو حذف طبقة معينة لا حظ الصورة التالية:

1/للحذف

2/ للاضافة

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






.
.



يتبعـ









الودعاني_Nawaf 03-06-2007 04:54 PM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
السلام عليكم

كم عجبتني الفكره يا رعاد من شرح برنامج الفوتوشوب

لكن كم احزنني انك تضع بالشروحات او الصوره المشروحه رابط موقع اخر ؟
http://www.u11p.com/folder3/U11P_SluTWFHaJk.jpg

علما باني متخصص فوتوشوب واعرف الكثير به واسوف انفع الكثير من بني عمومتي

اخي العزيز رعاد ارجوك لاتزعل مني

اخوك نواف الودعاني الدوسري

ناصر . 10-07-2007 02:05 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
جهد واضح .

مشكور يالغالي .

أبونواف الدوسري 13-07-2007 02:03 PM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
أخي رماد

الله يجزاك خير علي هذا الشرح

ابوعبدالرحمن الودعاني 17-09-2007 10:02 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
http://www.u11p.com/folder3/U11P_FyPSN32fEv.gif

أحسنـــــــت وبارك اللـــــــه فيــــــــك.

الصخيبري الدوسري 20-09-2007 02:02 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
جزاك الله خيراً

عبدالله بن قويد 17-10-2007 02:22 PM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
مشكور أخوي ولاهنت ,,,

فهدالمحيسن 09-11-2007 02:42 PM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
الله يجزاك خير
مجهود رائع وشغل متعوب عليه

ريميه 10-11-2007 11:31 AM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
رماد ....... جزاك الله خير .......على شرح برنامج الوافي وجعله الله في موازين اعمالك

فرج فرحان الدوسري 17-11-2007 02:04 PM

رد: .•:! [ شرح لبرنامـج Adobe Photoshop ] !:•.
 
مشكووووووووووووور


الساعة الآن 02:32 PM

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
---