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

دخول

descriptionشرح تصميم الواجهات Emptyشرح تصميم الواجهات

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

اولاً نقوم بتشغيل برنامج الفوتوشوب بمقاس 800 * 600 بيكسل

ثم نقوم بانشاء طبقة جديدة بالضغط على ctrl + shift + n كما بالصورة:

شرح تصميم الواجهات 7a85e46636

ثم نختار اداة rectangle tool كما بالصورة:

شرح تصميم الواجهات 31bd488a14

ثم نضغط على السهم الصغير الموجود بلوحة الاستايلات كما بالصورة:

شرح تصميم الواجهات 65063b38cd


ثم نضغط على buttons كما بالصورة:

شرح تصميم الواجهات 0245bfc266

ثمستظهر لنا نافذة و نضغط فيها على append كما بالصورة:

شرح تصميم الواجهات 7fc004b3c9

ثم ستظهر لنا استايلات جديدة فى لوحة الاستايلات و نحتار منها الاستايل الاحمر الذى سيمى ب red gil كما بالصورة:

شرح تصميم الواجهات 46d02c4987

ثم نقوم بانشاء طبقة جديدة بنفس الطريقة المذكورة فى بداية الشرح و نرسم باداة rectangle tool مستطيل كما بالصورة:

شرح تصميم الواجهات 4d5a6d14dc

و نجعل لونه بالاستايل bright red bevel كما بالصورة:

شرح تصميم الواجهات D22a583190

ثم نضغط على filter و نختار من القائمة التى ستظهر لنا distort و من القائمة التى ستظهر بعد ذلك نختار ripple كما بالصورة:

شرح تصميم الواجهات 9d37efa7c7

و بعد ذلك نضغط على قائمة filter و نختار من القائمة التى ستظهر لنا
distort ثم نخ تار من القائمة الاخرى التى ستظهر لنا wave كما بالصورة:

شرح تصميم الواجهات 0068583d12

ثم نقوم بعمل طبقة جديدة بنفس الطريقة المذكورة فى اول الشرح و نرسم باداة
rectangle tool مستطيل اخر بنفس الطريقة المذكورة فى اول الشرح و بعد ذلك
نضغط على قائمة edit و نختار منه transform و نختار من القائمة الاخرى
التى ستظهر لنا warp كما بالصورة:

شرح تصميم الواجهات 63115b0cc4

ثم نغير شكلها بتحريك الدائرة الصغيرة الثانية من اليمين بالطريقة المطلوبة ليصبح الشكل كما ترى فى الصورة:



شرح تصميم الواجهات 1f33db94e6


و نرسم مستطيل اخر بالطريقة المذكورة فى البداية و نقوم بعمل نفس التاثير warp على المستطيل
ثم نقوم بانشاء طبقة جديدة و نرسم مستطيل فى المنتصف و يوازى المستطيلان
الموجودان على اليميمن و اليسار و نقوم بعمل التاثير warp عليه ثم نرسم
مستطيل اخر بالاسفل تحت كل ما تم تصميمه
و نقوم بعمل التاثير ripple الموجود فى قائمة distort الموجودة بقائمة filter و ستكون النتيجة كالتالى:

شرح تصميم الواجهات Cfb1940dd7

ثم نقوم برسم الزرار التى تريدها كما تشاء باستخدام اداة rectangle tool و
قم بالتعديل عليها و تلوينها كما تحب و بعد ذلك قم بكتابة الكلمات التى
تريدها على تلك الازرار و عمل التاثيرات التى تريدها عليها

و صورة للناتج النهائى قبل وضع الازرار و التاثيرات المطلوبة:
شرح تصميم الواجهات 8a2d1ee17d




انتهى الشرح و اعتذر على الاطالة و التقصير فى الشرح
كما اعتذر ايضاً على حجم الصور الكبير فهذا اول شرح تصميم واجهة قمت بعمله

واريد ان ارى تطبيقاتكم

descriptionشرح تصميم الواجهات Emptyرد: شرح تصميم الواجهات

more_horiz
شكـــرآ لكــ

descriptionشرح تصميم الواجهات Emptyرد: شرح تصميم الواجهات

more_horiz
بلتوفيق

descriptionشرح تصميم الواجهات Emptyرد: شرح تصميم الواجهات

more_horiz
مشكور

descriptionشرح تصميم الواجهات Emptyرد: شرح تصميم الواجهات

more_horiz
مشكور



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

جميع الحقوق محفوظة لدليل الاشهار العربي