- دورة تعليم تصميم الستايلات -1- تصميم الهيدر فى الفوتوشوب

[abohmam]

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

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

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

هذه دورة لتعلم كيفية تصميم الستايلات أنقلها لكم كاملة مع تقديم الشكر وخالص الدعاء لمن أنجز هذا العمل الرائع .

- دورة تعليم تصميم الستايلات -1- تصميم الهيدر فى الفوتوشوب


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

أخواني الكرام إليكم أول دروس تصميم الاستايل الخاص بمنتداكم..

والدرس الاول هو عبارة عن مقاس صفحة التصميم + تصميم الهيدر

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

أولاً أفتح برنامج الفوتوشوب

http://www.abc4web.net/vb/imgcache/3244.abc4web

بعد ان يفتح البرنامج أفتح ملف عمل جديد وضع به المقاسات التي بالصورة

http://www.abc4web.net/vb/imgcache/3245.abc4web

http://www.abc4web.net/vb/imgcache/3246.abc4web

بعد فتح الصفحة الجديدة قم بالضغط من لوحة التحكم علي trl+" أو حرف ط
ثم أختر الادارة كما بالصورة

http://www.abc4web.net/vb/imgcache/3247.abc4web

أرسم الشكل التالي ولاحظ انه سيكون البنر ويمكنك رسم غيره ولكني أفضل هذا لكي أري التطبيق

http://www.abc4web.net/vb/imgcache/3248.abc4web

بعد رسم الشكل كما بالسابق قم بعمل Rasterize layer كما بالصورة

http://www.abc4web.net/vb/imgcache/3249.abc4web

الان نقوم بعمل حد للشكل الذي قمنا به + تعبئة له تابع الصور

http://www.abc4web.net/vb/imgcache/3250.abc4web

http://www.abc4web.net/vb/imgcache/3251.abc4web

http://www.abc4web.net/vb/imgcache/3252.abc4web

أنتهينا من تعبئة الشكل كما نريد.. الان نريد عمل رسم أحترافي عليه بالجوانب أتبع الصورة التالية
أختر إداة الباث .كما بالصورة

http://www.abc4web.net/vb/imgcache/3253.abc4web

أرسم الشكل الموضح بالصورة ولاحظ الصور القادمة جيداً..

http://www.abc4web.net/vb/imgcache/3254.abc4web

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

http://www.abc4web.net/vb/imgcache/3255.abc4web

بعد تحديد النقاط قم بعمل الانحناء كما موضح بالصورة

http://www.abc4web.net/vb/imgcache/3256.abc4web

الان طبق الحدود كما شرحناها بأعلي وكذلك التعبئة ولكن هذه المرة ضع التدرج علي 45 درجة

http://www.abc4web.net/vb/imgcache/3257.abc4web

الان طبق مثل ما هو موضح بالاشكال التالية

http://www.abc4web.net/vb/imgcache/3258.abc4web

http://www.abc4web.net/vb/imgcache/3259.abc4web

ليكون الناتج كما بالصورة

الان قم بعمل طبقة أخري من نفس الشكل وطبق عليها ما بالصورة

بعد ان تطبق عليها ما بالشكل حركها لكي تصبح علي الحافة الثانية من البنر

http://www.abc4web.net/vb/imgcache/3260.abc4web

الان قم بأستخدام إداة الباث مرة أخري لصنع الشكل الموضح وكذلك لكي تقوم بعمل الانحانائات التي بالشكل

ثم قم بعمل حدود وتعبئة مثل ما ذكرنا بأعلي ثم قم بعمل طبقة أخري ممائلة وأعكسها لاسفل

وحركها لحين يكون شكلها كما بالاشكال التالية :

http://www.abc4web.net/vb/imgcache/3261.abc4web

http://www.abc4web.net/vb/imgcache/3262.abc4web

الان أيضاً وبأستخدام إداة الباث قم بعمل الشكل الموضع بالصورة وقم بعمل حدود وتعبئة له كما أشرنا بالاعلي
ثم أعمل طبقة بنفس الشكل دوبلكيت لاير ثم قم بتحريك الطبقة العلوية ثلاثة اسهم من الكيبورد لاعلي

بعدها أدمج الطبقتين مع بعضهما ثم قم بعمل دوبلكيت لاير من الطبقة الجديدة 4 أشكال بعد ان دمجناها ليصبحوا كما بالشكل

http://www.abc4web.net/vb/imgcache/3263.abc4web

http://www.abc4web.net/vb/imgcache/3264.abc4web

http://www.abc4web.net/vb/imgcache/3265.abc4web

الان من صندوق الادوات قم بأختيار الاداة كما بالصورة

http://www.abc4web.net/vb/imgcache/3266.abc4web

ارسم شكل كما بالمثال في الصورة القادمة

http://www.abc4web.net/vb/imgcache/3267.abc4web

الان قم بعمل حدود وكذلك التعبئة كما اشرنا بالسابق ثم قم بعمل دوبلكيت لاير وضعه بالاعلي ليصبح الشكل كما بالصورة

http://www.abc4web.net/vb/imgcache/3268.abc4web

الان الحمد لله علي اننا أنجزنا عملنا بشكل جيد أنظر البنر بعد إتمامه

http://www.abc4web.net/vb/imgcache/3269.abc4web

بقي لدينا الاجناب والفووتر فى الدرس القادم إن شاء الله
والله يوفق الجميع

منقــ(مع أجمل تحية للكاتب)ـــول
أبو هــــMــــام
.

[الدمشقي]

مجهود رائع
جزاكم الله خيراً

[AlmajedGroup]

مجهود رائع
جزاكم الله خيراً

[مُجمع الخبرات]

مجهود رائع
جزاكم الله خيراً
:abc_050:

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[محمود عفيفى]

جزاك الله خيرا أستاذنا الفاضل
مجهود جبااااااااااااااااااااااا ر:abc_152:

[الدموكي]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .