[align=center]السلام عليكم ورحمة الله وبركاته

درس مفصل تصميم واجهة interface إحترافية من عمالقة التصميم




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




ثم نضغط Ctrl + N لفتح عمل جديد


نضع المقاسات التي في الصورة




يتم تنسيق الالوان على زوق المصمم .. مثلاً نحن وضعنا هذه الالوان




نقوم بالاختيار من القائمة اليسرى هذا الشكل




من فوق إحرص على أن تكون الإعدادات كما في الصورة




ثم نرسم هذا الشكل بالذي اخترناه من القائمة اليسرى




نؤدي مضاعفة للشفيفة



ثم نختار الشكل الذي إخترناه مسبقاً في رسم الصفحة لنرسم الهيدر header



من فوق إحرص على الإعدادات الذي في هذه الصورة



بعد رسم الهيدر header نراه في هذا الشكل



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



نحدد الجزء الأعلى من الهيدر header كما في الصورة



نقوم بالضغط على Delete من الكيبورد لقص ما حددناه في الصورة السابقة



ونرفع الهيدر header للأعلى حتى يصبح مطابق للإطار الخارجي



الآن نقوم بالتعديلات على الهيدر header

أولاً إختيارات الدمج أعمل كما في الصورة




نذهب إلى تغشية متدرجة ونضغط عليها ومن ثم نقوم بالضغط ضغطتين على التغشية لتعديل الألوان








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







حتى يصبح الهيدر header بهذا الشكل





نذهب للأشكال اليسرى ونختار الشكل هذا




نرسم وسط الصفحة الشكل

ومن ثم نبدء برسم الازرار كما في الصورة





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





ومن ثم نذهب إلى إخيارات الدمج





نذهب إلى التغشية المتدرجة كما في السابق





ومن ثم نقوم بمضاعفة الزر الذي وضعناه إلى ثلاثة ونضعهم بجانب بعض







بعدها نحدد هذا الشكل





ونرسمه بجانب الزر الأخير





نضغط على Delete لنجلعه أكثر جمالية وإحترافية


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




بعدها نقوم بتنقيط الشفيفة




ونذهب إلى إختيارات الدمج مرة آخرى


ونقوم بالضغط على تغشية متدرجة





بعدها نرسم هذا الشكل في أسفل الشكل الذي رسمناه في الوسط





نذهب إلى إختيارات الدمج مرة آخرى

ونقوم بالضغط على تغشية متدرجة




ومن ثم نقوم بالضغط على الحد




أضغط موافق


مبروك عليك إنتهى التصميم

وبدى بهذا الشكل





لتحميل التصميم هو في المرفقات
[/align]

الملفات المرفقة [TR]
عمالقة التصميم.zip (38.6 كيلوبايت, عدد مرات المشاهدة 60 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©