كيفية تصميم الاستايل بالفوتوشوب [1]

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


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


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










google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);




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


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


الان فلنبدأ الدرس


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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


ثم أختر الادارة كما بالصورة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



بعد رسم الشكل كما بالسابق قم بعمل Rasterize layer كما بالصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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


أختر إداة الباث .كما بالصورة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


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


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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


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


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


بقي لدينا الاجناب والفووتر


والله يوفقنا


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