:: مكتبة دروس التصميم ::

مكتبة دروس التصميم » تصميم المواقع والمنتديات » [تصميم الجزء العلوي للاستايل رباعي الاطراف - الجـ(A)ـزء]

 [تصميم الجزء العلوي للاستايل رباعي الاطراف - الجـ(A)ـزء]  ط£ط¶ظٹظپ ظپظٹ: 24-9-1427هـ
بسم الله الرحمن الرحيم

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

اخواني واخواتي .... تحيه طيبه وبعد

الان ننطلق في هذا الدرس بعمل تصميم للهيدر فقط ويجب ان نحفظ العمل في مجلد مستقل للرجوع اليه فيما بعد في الدروس القادمه

يجب حفظ العمل على صيغتين وهي Psd للرجوع الى اي تعديل وصيغة jpg للطبيق

نقول بسم الله وننظر للدرس

قم بفتح عمل جديد

http://www.traidnt.net/vb/images/Style/dros/header/1-top.jpg

والمقاس كما في الصوره

http://www.traidnt.net/vb/images/Style/dros/header/2-top.jpg

بيكون بهذا الشكل

http://www.traidnt.net/vb/images/Style/dros/header/3-top.jpg

الان انشئ لونين على حسب اختيارك ويكون لون خفيف والثاني اثقل منه

طبعا الخفيف فوق والثقيل تحت

http://www.traidnt.net/vb/images/Style/dros/header/5-top.jpg

اصبغ الخلفيه باللون الخفيف مثل هذا الشكل

http://www.traidnt.net/vb/images/Style/dros/header/4-top.jpg

اللحين نضغط على اداة تدرج اللون

http://www.traidnt.net/vb/images/Style/dros/header/6-top.jpg

ونختار من فوق اللي محدد باللون الاحمر

http://www.traidnt.net/vb/images/Style/dros/header/7-top.jpg

اللحين نضغط على الونيين المدموجين

http://www.traidnt.net/vb/images/Style/dros/header/8-top.jpg

واللحين الصور بتشرح نفسها ولازم نركز فيها

http://www.traidnt.net/vb/images/Style/dros/header/9-top.jpg

http://www.traidnt.net/vb/images/Style/dros/header/10-top.jpg

http://www.traidnt.net/vb/images/Style/dros/header/11-top.jpg

http://www.traidnt.net/vb/images/Style/dros/header/12-top.jpg

اللحين من فوق نختار التالي للتخطيط الدقيق

http://www.traidnt.net/vb/images/Style/dros/header/13-top.jpg

مثل مانشوف كيف صار التخطيط

http://www.traidnt.net/vb/images/Style/dros/header/14-top.jpg

افتح لير جديد

http://www.traidnt.net/vb/images/Style/dros/header/15-top.jpg

اللحين ناخذ اداة التحديد الخاص ونحدد بشكل مناسب من الاطراف

http://www.traidnt.net/vb/images/Style/dros/header/16-top.jpg

شوف الشكل بالتحديد

http://www.traidnt.net/vb/images/Style/dros/header/17-top.jpg

اللحين نستعمل اداة التدرج الخاص باللون

http://www.traidnt.net/vb/images/Style/dros/header/18-top.jpg

ومازال التحديد موجود نسحب بالتدرج اللون من فوق الى تحت

http://www.traidnt.net/vb/images/Style/dros/header/19-top.jpg

اللحين نلغي التحديد اضغط Ctrl+D

ومن فوق نسوي مثل اللي في الصوره


http://www.traidnt.net/vb/images/Style/dros/header/20-top.jpg

اللحين نروح على لير اللون المتدرج ونضغط من الاسفل حرف f ومن ثم كلمة stroke لكي نضع له تحديد خارجي

http://www.traidnt.net/vb/images/Style/dros/header/21-top.jpg

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

http://www.traidnt.net/vb/images/Style/dros/header/22-top.jpg

ثم نسوي دبل للير اللي اشتغلنا عليه

http://www.traidnt.net/vb/images/Style/dros/header/23-top.jpg

ثم نضغط Ctrl+T ليتم تحديد الشكل وسحبه الى اعلى بحيث يصبح عمود مناسب الشكل

http://www.traidnt.net/vb/images/Style/dros/header/24-top.jpg

ادبل اللير الخاص بالعمود ليصبح لدينا عمود في الاعلى وعمود في الاسفل

http://www.traidnt.net/vb/images/Style/dros/header/25-top.jpg

اللحين العمودين نضغط على كل واحد فيهم Ctrl+G بحيث تدخل في القالب الاساسي الام

http://www.traidnt.net/vb/images/Style/dros/header/26-top.jpg

وهذا شكل الليران المدخله في القالب الاساسي

http://www.traidnt.net/vb/images/Style/dros/header/27-top.jpg

اللحين نروح للير الام اللي محدد باللون الاحمر ونضغط على حرف F ثم DROP SHOW لاعطائه ضل مناسب

http://www.traidnt.net/vb/images/Style/dros/header/28-top.jpg

وهذي قيم الظل

http://www.traidnt.net/vb/images/Style/dros/header/29-top.jpg

وهذا الهيدر اصبح جاهز للاضافات من صور ومن كتابه ... الخ

http://www.traidnt.net/vb/images/Style/dros/header/30-top.jpg




وهذا تطبيقي

http://www.traidnt.net/vb/images/Style/dros/header/31-top.jpg

ط§ظ„ظƒط§طھط¨: تركي الودعاني ط§ظ†ظ‚ط± ظ‡ظ†ط§ ظ„ظ…ط±ط§ط³ظ„ط© تركي الودعاني ط£ظ†ظ‚ط± ظ‡ظ†ط§ ظ„ظ„ط¥ظ†طھظ‚ط§ظ„ ط¥ظ„ظ‰ ظ…ظˆظ‚ط¹ تركي الودعاني ط¥ط¶ط§ظپط© ظ„ظ„ظ…ظپط¶ظ„ط© ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Google ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Delicious ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Digg ط¥ط¶ط§ظپط© ظ„ظ…ظپط¶ظ„ط© Facebook
ط®ظٹط§ط±ط§طھ ط§ظ„ط¯ط±ط³ : ط§ط±ط³ظ„ ط§ظ„ط¯ط±ط³ ظ„طµط¯ظٹظ‚ ط§ط±ط³ظ„ ط§ظ„ط¯ط±ط³ ظ„طµط¯ظٹظ‚  ط·ط¨ط§ط¹ط© ط§ظ„ط¯ط±ط³ ط·ط¨ط§ط¹ط© ط§ظ„ط¯ط±ط³  ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ Word ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ Word  ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ PDF ط­ظپط¸ ط§ظ„ط¯ط±ط³ ظƒظ…ظ„ظپ PDF

ط§ظ„طھط¹ظ„ظٹظ‚ط§طھ
آ»..! نـــبـــوض !..
  ط£ط¶ظٹظپ ظپظٹ: 11-11-1427هـ
تسلم ايدك اخوي والله يعطيك

الف عافيه

وانا سويت التطبيق ^_^ بس ممكن طلب لو سمحت

[IMG]http://ad4up.com/up/sing/header.jpg[/IMG]

ابا اقطعه مثلك كيف مقطع فوق وتحت وشرات ما مسوي بالطرف اليمين ها المنحى ابا اتعلم كيف لو سمحت
آ»..][..رمـش الغـلا..][..
  ط£ط¶ظٹظپ ظپظٹ: 28-9-1427هـ
درس رااائع جداً مشكور

أستاذ تركي

طبقت معك

لكن

لدي مشكلة

بعد ماأسحب العمود أبغى أدبل اللير

مايرضى الليرات كلها تعلق

أرجو منك توضيح سبب ذلك؟؟؟