تصميم استايل منتدى رباعي أطراف .....الجزء الأول

[جهيمآن الروقي]

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



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



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


الان ننطلق في هذا الدرس بعمل تصميم للهيدر فقط ..



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



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




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




قم بفتح عمل جديد
http://dc02.arabsh.com/i/00309/7j178t3x7edv.jpg (http://arabsh.com/)




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

http://dc02.arabsh.com/i/00309/70qfp8uz0sp5.jpg (http://arabsh.com/)



بيكون بهذا الشكل
http://dc02.arabsh.com/i/00309/rtxyqytzgioy.jpg (http://arabsh.com/)




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

طبعا الخفيف فوق والثقيل تحت
http://dc02.arabsh.com/i/00309/yaiw9ugy1s86.jpg (http://arabsh.com/)






اصبغ الخلفيه باللون الخفيف مثل هذا الشكل
http://dc02.arabsh.com/i/00309/n6c27v1pi7wq.jpg (http://arabsh.com/)

اللحين نضغط على اداة تدرج اللون
http://dc05.arabsh.com/i/00310/sp4lhpwvaka3.jpg (http://arabsh.com/)




ونختار من فوق اللي محدد باللون الاحمر
http://dc05.arabsh.com/i/00310/otf7fm5jx9re.jpg (http://arabsh.com/)




اللحين نضغط على الونيين المدموجين
http://dc05.arabsh.com/i/00310/q3lo4ywbzj3e.jpg (http://arabsh.com/)





واللحين الصور بتشرح نفسها ولازم نركز فيها
http://dc05.arabsh.com/i/00310/jbnhw31x4gru.jpg (http://arabsh.com/)
http://dc05.arabsh.com/i/00310/k8gsiats929t.jpg (http://arabsh.com/)
http://dc05.arabsh.com/i/00310/oky8fpubfhwq.jpg (http://arabsh.com/)
http://dc05.arabsh.com/i/00310/69lrk21bup0i.jpg (http://arabsh.com/)












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

http://dc05.arabsh.com/i/00310/b3ceima5u6g5.jpg (http://arabsh.com/)



مثل مانشوف كيف صار التخطيط
http://dc05.arabsh.com/i/00310/twduaqrrsq6j.jpg (http://arabsh.com/)




افتح لير جديد

http://dc05.arabsh.com/i/00310/lxuo4mgsvu7k.jpg (http://arabsh.com/)



اللحين ناخذ اداة التحديد الخاص ونحدد بشكل مناسب من الاطراف
http://dc04.arabsh.com/i/00310/fipq9nihi0wn.jpg (http://arabsh.com/)




شوف الشكل بالتحديد
http://dc04.arabsh.com/i/00310/c7lina5xxehq.jpg (http://arabsh.com/)




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

http://dc04.arabsh.com/i/00310/oag6y59agv8p.jpg (http://arabsh.com/)



ومازال التحديد موجود نسحب بالتدرج اللون من فوق الى تحت
http://dc04.arabsh.com/i/00310/urym8zo1lrj6.jpg (http://arabsh.com/)




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

ومن فوق نسوي مثل اللي في الصوره
http://dc03.arabsh.com/i/00310/yntxkggb0bkg.jpg (http://arabsh.com/)





اللحين نروح على لير اللون المتدرج ونضغط من الاسفل حرف f ومن ثم كلمة stroke لكي نضع له تحديد خارجي
http://dc03.arabsh.com/i/00310/345xpuqgtzmd.jpg (http://arabsh.com/)



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

http://dc03.arabsh.com/i/00310/aplhwtib69ay.jpg (http://arabsh.com/)




ثم نسوي دبل للير اللي اشتغلنا عليه
http://dc03.arabsh.com/i/00310/zcex45g299v6.jpg (http://arabsh.com/)





ثم نضغط Ctrl+T ليتم تحديد الشكل وسحبه الى اعلى بحيث يصبح عمود مناسب الشكل
http://dc03.arabsh.com/i/00310/uw7brl3q64ep.jpg (http://arabsh.com/)




ادبل اللير الخاص بالعمود ليصبح لدينا عمود في الاعلى وعمود في الاسفل
http://dc03.arabsh.com/i/00310/htqojhy42glq.jpg (http://arabsh.com/)




اللحين العمودين نضغط على كل واحد فيهم Ctrl+G بحيث تدخل في القالب الاساسي الام
http://dc03.arabsh.com/i/00310/pkvzwwsigl4f.jpg (http://arabsh.com/)




وهذا شكل الليران المدخله في القالب الاساسي
http://dc03.arabsh.com/i/00310/ln4drskd356s.jpg (http://arabsh.com/)




اللحين نروح للير الام اللي محدد باللون الاحمر ونضغط على حرف F ثم DROP SHOW لاعطائه ضل مناسب
http://dc02.arabsh.com/i/00310/t0i31by18r5s.jpg (http://arabsh.com/)





وهذي قيم الظل
http://dc02.arabsh.com/i/00310/j4clbjlw03ay.jpg (http://arabsh.com/)




وهذا الهيدر اصبح جاهز للاضافات من صور ومن كتابه ... الخ
http://dc02.arabsh.com/i/00310/1xj6jp1ewpi3.jpg (http://arabsh.com/)




أنتهى الدرس ......... أتمنى أن تناااااال أستحسااان الجميع :)


منقو و و ل للفائـده

[مشاري بن جدلان]

شرح وافي بارك الله فيك وننتظر الجزء الثاني

تسلم ماقصرت ...!

[ملكة الورد]

يعطيك العافية اخوي ع الشرح

نتظر الجزء الثاني ان شاء الله

[كونترول المنتدى]

رائع ياجهيمان .. وننتظر من الجميع التطبيق بتصميم هيدر لمنتديات المرقاب ومجاراة الشرح وجائزة قيمة لأفضل تصميم

[وردة روز]

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

اشكرك اخي على المجهود الرائع

طريقه سهله وراااائعه

[جهيمآن الروقي]

شرح وافي بارك الله فيك وننتظر الجزء الثاني

تسلم ماقصرت ...!

رد وافي ... شرفني تواااااجدك .. يأبن جدلان






ماقصرت على الرد ...!

[جهيمآن الروقي]

يعطيك العافية اخوي ع الشرح

نتظر الجزء الثاني ان شاء الله

الله يعافيكِ ... أسعدني توااااجدكِ .. ياملكــــه





أن شاء الله ...... موفقه دائمــــاً

[جهيمآن الروقي]

رائع ياجهيمان .. وننتظر من الجميع التطبيق بتصميم هيدر لمنتديات المرقاب ومجاراة الشرح وجائزة قيمة لأفضل تصميم

رائــع بمرووووووورك أخي ....






وفكــره جميلــــه ...




وننتظر من الأخوان والأخوات .....

[جهيمآن الروقي]

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

اشكرك اخي على المجهود الرائع

طريقه سهله وراااائعه



الشكر لكي على المرووور ... الجميل




شرفني توااااجدكِ .. ياورده




موفقــه دائمــاً

[المرقاب]

الاخ جهيمان كل الشكر والتقدير ونشكر لك حضورك المتميز

[جهيمآن الروقي]

الاخ جهيمان كل الشكر والتقدير ونشكر لك حضورك المتميز


متميــــز بمروووورك الكريم ...




ولاهنت على الرد ... والتوااااجد :)




موفق يالغالي

[الناعسي]

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

[جهيمآن الروقي]

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

جااااااااري تحميل الصور من جديد :)






وأسف على القصـــور ..... وأسعدني مروووورك يالغالي ...

[ونـــة قلـــب]

هلااا وغلاااا


اللف شكر لك . على الطرح المميـز


تحيتي