الدرس الثاني : فن إستخدام الأدوات

[Almohsen4design]

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

اللهم صل على محمد وال محمد

بعد ما رأيت من تفاعل من قبل الأعضاء الكرام لدورتي البسيطة

يسعدني أن أقدم الدرس الثاني ، وهو بعنوان /

فن إستخدام أدوات الفوتوشوب الأساسية

نبدأ بالشرح

أولاً بعد فتح الصفحة ( CTRL + N )

نقوم بالضغط مرتين ( دبل كلك ) على طبقة الخلفية الاساسية

http://www.iraqup.com/uploads/20090727/8Qh1a-Fi8W_46206567.jpg

بعد تحرير الطبقة نضغط كلك يمين على الطبقة ونختار ( Blending Options )
http://www.iraqup.com/uploads/20090727/5fiF4-8BcW_502589939.jpg
ندخل بعد ذلك على خيار ( Gradient Overlay ) ونضغط على المستطيل اما كلمة "Gradient " :

http://www.iraqup.com/uploads/20090727/PD2hi-5vD0_650927934.jpg
نقوم بتغيير الألوان من خلال الضغط بالفأرة على اسفل المربع وصنع التدرج التالي :
http://www.iraqup.com/uploads/20090727/33CP0-Sexy_846076592.jpg

1/ F48D24
2/ F0CB51
3/F2E3B4
بعدها نختار موافق ، الان صنعنى خلفية بواسطة التدرج والنتيجة هي /
http://www.iraqup.com/uploads/20090727/Xy40w-nT7O_215837939.jpg

الأن نصنع دخان في الخلفية
1- نضبط صندوق اللونين على اسود وابيض :
http://www.iraqup.com/uploads/20090727/s52E8-sKEd_157906145.jpg
2- ننشىء طبقة جديدة : ( CTRL + ALT + N )
3- نطبق الفلتر التالي :
Filter > Render > Clouds
بعد ذلك نغير خاصية الطبقة من ( Normal ) إلى ( Soft Light ) :
http://www.iraqup.com/uploads/20090727/aalL8-50IN_183427497.jpg

-- الان نتعبر انتهينى من انشاء الخلفية --

الان نبدا وضع الافكار للمشروع ، وانا بما اني اميل للتصميم الاسلامي ، جعلت بقيت الشرح عن عمل تصميم اسلامي ، وانتم براحتكم ، لكم مطلق الحرية في فكرة المشروع وحتى الوان الخلفية ( بشرط نفس الفكرة في انشاء الخلفية )


وأول عنصر وضعته هذا اول عنصر نستخدمه :

http://www.iraqup.com/uploads/20090727/Whj4V-30pK_459782760.jpg

لتحميل الصورة مقصوصة ( اضغط هنا ) (http://file14.9q9q.net/Download/24236359/Photo-Quran.psd.html)

نضع الصورة في صفحة العمل ونغير الخاصية للطبقة من ( Normal ) إلى ( Linear Burn ) :
http://www.iraqup.com/uploads/20090727/46xMs-5IrR_588715314.jpg

نضغط كلك يمين على طبقة الصورة ونختار ( Blending Options ) :
http://www.iraqup.com/uploads/20090727/eC3f4-hC3G_694318844.jpg
ندخل على خيار الـ ( Outer Glow ) ونجعل الخيارات كما في الصورة التالية :
http://www.iraqup.com/uploads/20090727/ceuEM-81E7_367652975.jpg

ثم نختار أمر الـ ( ) ونجعل الخيارات كما في الصورة التالية :
http://www.iraqup.com/uploads/20090727/2rUXy-0An5_271701524.jpg
ثم موافق " Ok "
الان نقوم بإنشاء طبقة جديدة ( سبق معرفة كيف انشائها) ونجعل اسمها ( طبقة الدمج )
ثم
نفتح الصورة في الفوتوشوب ونقوم بسحبها بواسطة اداة السهم وافلاتها في صفحة العمل
( اضغط هنا لمشاهدة الصورة ) (http://www.iraqup.com/uploads/20090727/gyVxQ-581V_445463637.jpg)
ملاحظة ( يجب ان تكون طبقة الصورة فوق طبقة (الدمج )
http://www.iraqup.com/uploads/20090727/7R2jF-F1su_954051188.jpg
الان نضغط على طبقة الدمج ونذهب إلى اداة الفرشاة ( http://www.iraqup.com/uploads/20090727/16Psm-0BNy_829369831.jpg )

في شريط الأعلى يظهر مربع للتحكم في خصائص الفرش وشكل الفرشاة
http://www.iraqup.com/uploads/20090727/VMjd6-21xQ_437684915.jpg
نضغط على السهم المحدد ونختار :
http://www.iraqup.com/uploads/20090727/H1yC2-Jgy7_960377818.jpg
نختار فرشاة حواف ناعمة وفي الخانة التي امام مربع ( Master Diameter ) نجعل القيمة (550)
ثم تقريبا نضغط بواسة الفأرة في منتصف صفحة العمل ضغطة واحده للتكون لنى الفرشاة ( لن ترا الفراشاة لانها سوف تكون اسف طبقة الصورة ، فطبقة الصورة تغطي طبقة الدمج
الان بعد وضع الفرشااة في الصفحة نعود إلى طبقة الـصورة ومن خلال لوحة المفاتيح نضغط على ( Ctrl + G )
نجد انه تم ادخال الصورة داخل الفرشاة

الخطة التالية
من صندوق الدوات نختار المستطيل ( http://www.iraqup.com/uploads/20090727/WN32D-kqj5_566969641.jpg ) :
ونقوم برسم مستطيل في التصميم بهذا الشكل تقريبا :
http://www.iraqup.com/uploads/20090727/3NL35-tkfI_991839131.jpg
ونقوم برسم مستطيل اخر اعلاه :
http://www.iraqup.com/uploads/20090727/6bR77-RmCw_677861306.jpg
ونضغط كلك يمين على طبقة المستطيل الصغير الذي بالاعلى ونختار ( Duplicate Layer ) :
http://www.iraqup.com/uploads/20090727/enu2I-HX26_623953998.jpg
سوف تتضاعف الطبقة التي تحتوي على المستطيل نقوم بإنزاله إلى اسفل ليكون هكذا :
http://www.iraqup.com/uploads/20090727/0H2vi-Y0Va_44287891.jpg
الان نختار طبيقة المستطيل ( الازرق ) ونضغط كلك يمين ونختار : ( Blending Options ) :
ندخل بعد ذلك على خيار ( Gradient Overlay ) ونضغط على المستطيل اما كلمة "Gradient " :

http://www.iraqup.com/uploads/20090727/PD2hi-5vD0_650927934.jpg
نقوم بتغيير الألوان من خلال الضغط بالفأرة على اسفل المربع وصنع التدرج التالي :
http://www.iraqup.com/uploads/20090727/33CP0-Sexy_846076592.jpg

1/ F48D24
2/ F0CB51
3/F2E3B4
( كما في انشاء الخلفية )
الان نذهب إلى المستطيل الاصغر الي بالاعلى ونطبق عليه نفس الخيارت التي عملنها على المستطيل الازرق ، ولاكن في المستطيل الاصغر نضيف زياده على ذلك بدخول على امر ( Bevel and osEmbs ) ونجعل الخيارات كالصورة التالية :
http://www.iraqup.com/uploads/20090727/Cg75m-Ek2H_385882060.jpg
وكذللك نفس الاعدادت نطبقها على المستطيل الذي بالاسفل

الان نجد الطبقات للثلاث المستطيلات هكذا:
http://www.iraqup.com/uploads/20090727/15R2B-hemL_118776669.jpg

نقوم بوضع علامة التشابك بالضغط بالمربع الصغير الذي بجنب المربع الموجود فيه العين

http://www.iraqup.com/uploads/20090727/T31Sp-7dAo_424994252.jpg

ثم اضغط ( Ctrl + E ) ليتم دمجهم جميعا في طبقة واحدة الان نعمل كما في الصورة :

http://www.iraqup.com/uploads/20090727/Rd6kh-60KA_524493398.jpg

سوف نلاحظ تكون مربع ابيض بجنب الطبقة ، نذهب إلى اداة التدرج ( http://www.iraqup.com/uploads/20090727/wM44e-7eDI_907201237.jpg ) ونقوم بالسحب من جهة اليمين إلى اليسار عند نهاية المستطيلات الثلاث :
http://www.iraqup.com/uploads/20090727/LVU51-do5s_154561817.jpg
النتيجة :
http://www.iraqup.com/uploads/20090727/06FeU-npR4_504612984.jpg


الخطوة الثالثة
نضع فرشاة في التصميم
( لتحميل الفرشاة اضغط هنا ) (http://file14.9q9q.net/Download/73557895/za.psd.html)
الان ، اين نضع الفرشاة ؟؟؟
هذا رسم مبـــــــــــــسط للتصميم

http://www.iraqup.com/uploads/20090727/QUb28-uY3w_83733984.jpg

بعد معرفة مكان الفرشاة وتحميلها
نقوم بوضع الفرشاة في مكانها المناسب ( والافضل ان نضاعفها ونجعلها جنب بعضها الاخر ) ونقوم بتصغير الفرش ، كيف نقوم بالتصغير ؟؟؟
للتصغر
نختار اداة السهم ( http://www.iraqup.com/uploads/20090727/2Sc2q-BxM1_972670613.jpg ) عند اختيار اداة السهم نلاحظ ظهور المربع التالي بالاعلى
http://www.iraqup.com/uploads/20090727/o7Ppa-L8R1_790164065.jpg
نضع علامة صح في المربع الذي عند كلمة ( Show Bounding Box )
http://www.iraqup.com/uploads/20090727/qGO62-aPb2_977038382.jpg
الان يمكن التحكم في الحجم ، ولا ننسى الضغط على ( Shift ) من لوحة المفاتيح للحفاظ على العرض والارتفاع للصورة .
الأن نختار طبقة الفرشاة ونختار ( Blending Options )
1) نختار ( Drop Shadow ) ونجعل الخيارات كالصورة التالية :
http://www.iraqup.com/uploads/20090727/i0mAB-rN82_113191658.jpg
2) نختار ( Outer Glow) ونجعل الخيارات كالصورة التالية :
http://www.iraqup.com/uploads/20090727/JsR77-Lp3s_684005015.jpg

3) نختار ( Bevel and Emboss) ونجعل الخيارات كالصورة التالية :
http://www.iraqup.com/uploads/20090727/RJvD3-86rd_21397698.jpg
4) نختار ( Satin) ونجعل الخيارات كالصورة التالية :
http://www.iraqup.com/uploads/20090727/i0Nb4-1iTF_2071743.jpg
5) نختار ( Color Overlay) ونجعل الخيارات كالصورة التالية :
http://www.iraqup.com/uploads/20090727/O4Y7l-Gm3s_175876637.jpg
((( رمز اللون " F2E3B4 " )))
6) نختار ( Stroke) ونجعل الخيارات كالصورة التالية :
http://www.iraqup.com/uploads/20090727/FEsfb-607V_860625483.jpg



الخطوة الرابعة
وضع شكل ( فانوس ) لان القران نور والفانوس يبث النور
( للتحميل من هنا ) (http://file14.9q9q.net/Download/79685176/ms.psd.html)
عند وضع الفانوس في صفحة العمل
نقوم بتغيير الخاصية من ( Normal ) إلى ( Color Burn ) ثم نقوم بمضاعفة طبقة الفانوس وندبل الخاصية إلى ( Linear Burn )

هذا تمام الختام

انتهى الدرس

وهذه هي نتيجتي لدرس فن استخدام الادوات
http://www.iraqup.com/uploads/20090727/Dak8K-Yk74_470879512.jpg

واشكر من يتابع الموضوع إلى النهاية

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

اتمنى من كل قلبي تفاعل الجميع

وانتظر ان ارا التطبيقات ( انتظر على احر من نااااااااار )

تحياتي الذهبية :
:21:

AL-Mohsen for Design

[تلاشي ..!]

درس رووعه

لي بآآك مع التطبيق ..

يعطيك العافيه

[العقرب]

الله يعطيك الف الف عافية على المجهود الاكثر من روووعه

وهذا تطبيقي:

http://www.sadanajd.com/up/uploads/images/sadanajd-136e4ed421.jpg

[Almohsen4design]

اشكرك اختي تلاشي وانا في انتظار الابداع

اخي العقرب :

اول اهنئك على هذا الابداع

واهنىء نفسي اني اوصلت الدرس إلى ذهنك

لاكن ،،،

انا واثق لانك مسجل معنى بهذه الدورة ، فانت تقبل النقد على التصميم

هذا رائيي في تصميمكـ :

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

وتقبل تحياتي ، بسعة صدر ورحابة

وشكرا

[تلاشي ..!]

تطبيقي ::

http://img24.imageshack.us/img24/6105/91403647.png

^ حاسه إني غيرت شوووي :16:

بس في أشياء ما عرفت اسويها أو ما ضبطت معاي

من بينها التدرج اللي في المستطيل

و الفرشه اللي استخدمتها استبدلتها بفرشه المباني << حسيتها انسب http://www.shoaba.com/vb/images/icons/happy.gif

لي رجعه بعد إنتقادك للتطبيق ؛ في أشياء محتااجه اسأل عنها :24:

و مرره ثانيه ’ يعطيك العافيه خيي :D

[Almohsen4design]

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

بداية اشكرك خيتي على التفاعل المبهج

بالنسبة للتصميم ، احس أنه بعيد عن الدرس اشوي ، لاكن بدون شك انا احترم تطبيقكي هذا

هو جميل وانا لا اجد اي اخطاء او نقد على العمل ،

اممممممممممم

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

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

وللتوضيح اكثر ، هذا الشرح بالفيديوو :04:

معليش تأخرت بإرفاقه لاكن اتمنى انه ينقع ;)

:90: تحــــــــــــميل (http://www.2shared.com/file/6860932/e1d974b0/LESSON_2.html):90:
الملف فلاشي بصيغة الــ( SWF )

-------------------------------------------------------------------------------------

:59: تحياتي الذهبية للجمييع :59:

وشكـــــــــــــــــراً

[وردة الياسمين]

كيف ندمج؟؟؟

[Almohsen4design]

هلا والله ومسهلا اختي الغائبة وردة الياسمين

اشكرك على المرور اللامع والسؤال المضيء والظهور بعد الغيبة :D

بالنسبة للدمج طبعا انا اائسف على حدوث الخطأ في طريقة وضع الطبقة انا كتبت ( Ctrl + Alt + N) لاكن هذا خطا انا ما انتبهت لا لانشاء الطبقة نضغط على ( Ctrl + Shift + N )

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

بعد ذلك ( وانت محدد على طبقة الصورة ) تقوم بالضغط من لوحة المفاتيح على ( Ctrl + G )

وبإذن الله يكون الدمج

اتمنى وفقت في ان اوضح هذا الجزء

((( ويمكنكـ مشاهدة الشرح فيديو ، في المشاركة : [ 6 (http://www.shoaba.com/vb/showpost.php?p=101434&postcount=6) ]
:13:
تحــــــــــــــــــــــــــــــــــــــــــياتي
:36:
وشكـــــــــــــــــــــــــــــــــــــــــراً
:04:

[العقرب]

مشكوورو على الملاحضات المهمة

وانشاء الله اكون في التطبيقات الجاية احسن

[وردة الياسمين]

ممكن اسم مركز تحميل
http://file14.9q9q.net/img/71312332/Untitled-1.psd.bmp (http://file14.9q9q.net/preview/71312332/Untitled-1.psd.bmp.html)

[Almohsen4design]

تفضلي هذا موقع رفع ( للصور فقط )

www.iraqup.com/uploads (http://www.iraqup.com/uploads)

من افضل المواقع التي تعاملت معها

[وردة الياسمين]

عساك على القوه يعطيك العافيه اخوي
مافتح المركز ؟؟؟
(http://file14.9q9q.net/preview/45433565/Untitled-1.psd.bmp.html)

[Almohsen4design]

هلا اختي ورد الياسمين

معليش حدث مني خطا

هذا الموقع :
www.iraqup.com/ (http://www.iraqup.com/)

ولاكن لا تحفظي اعمالك بصيغى الـ PSD وترفعيها ، انما احفظيها بصيغة الـ JPG لرفعها على النت اما PSD احتفض بها لنفسكي للتعديل علها وقت الحاجة

وشكرا

[~ إَشرآقة أم ــل ~]

آمممم ..

الدرس ممتآز


بس تعبني هذآ الشريط و بالاخير ماازبط ...:27:


لكن لي بآإك انشآء الله بس اروق على تطبيق حلييو ...:80:

بحآول آجربه من جديد انشآء الله :92:





يعطيك العآفيه ..

[غسق]

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

[غسق]

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

[أمانة]

الله يعطيك الف عااافيه على الآفآده
بارك الله فيك بنتظار جديدك و لاعدمناك..
لك خالص تحياااتى..

[طيف الأمل]

بسم الله الرحمن الرحيم
اللهم صل على محمد وآل محمد وعجل فرجهم

مشكوووووور والله يعطيك الف عافيه
جزاك الله خيرا وبارك في جهودك