الرئيسية
من طرف اسلام الجمعة أبريل 11, 2008 3:10 pm<hr style="color: rgb(177, 187, 207);" size="1">
السلام عليكم و رحمة الله و بركاته
اليكم درس تصميم واجهة موقع احترافية
اولاً نقوم بتشغيل برنامج الفوتوشوب بمقاس 800 * 600 بيكسل
ثم نقوم بانشاء طبقة جديدة بالضغط على ctrl + shift + n كما بالصورة:
ثم نختار اداة rectangle tool كما بالصورة:
ثم نضغط على السهم الصغير الموجود بلوحة الاستايلات كما بالصورة:
ثم نضغط على buttons كما بالصورة:
ثمستظهر لنا نافذة و نضغط فيها على append كما بالصورة:
ثم ستظهر لنا استايلات جديدة فى لوحة الاستايلات و نحتار منها الاستايل الاحمر الذى سيمى ب red gil كما بالصورة:
ثم نقوم بانشاء طبقة جديدة بنفس الطريقة المذكورة فى بداية الشرح و نرسم باداة rectangle tool مستطيل كما بالصورة:
و نجعل لونه بالاستايل bright red bevel كما بالصورة:
ثم نضغط على filter و نختار من القائمة التى ستظهر لنا distort و من القائمة التى ستظهر بعد ذلك نختار ripple كما بالصورة:
و بعد ذلك نضغط على قائمة filter و نختار من القائمة التى ستظهر لنا
distort ثم نخ تار من القائمة الاخرى التى ستظهر لنا wave كما بالصورة:
ثم نقوم بعمل طبقة جديدة بنفس الطريقة المذكورة فى اول الشرح و نرسم باداة
rectangle tool مستطيل اخر بنفس الطريقة المذكورة فى اول الشرح و بعد ذلك
نضغط على قائمة edit و نختار منه transform و نختار من القائمة الاخرى
التى ستظهر لنا warp كما بالصورة:
ثم نغير شكلها بتحريك الدائرة الصغيرة الثانية من اليمين بالطريقة المطلوبة ليصبح الشكل كما ترى فى الصورة:
و نرسم مستطيل اخر بالطريقة المذكورة فى البداية و نقوم بعمل نفس التاثير warp على المستطيل
ثم نقوم بانشاء طبقة جديدة و نرسم مستطيل فى المنتصف و يوازى المستطيلان
الموجودان على اليميمن و اليسار و نقوم بعمل التاثير warp عليه ثم نرسم
مستطيل اخر بالاسفل تحت كل ما تم تصميمه
و نقوم بعمل التاثير ripple الموجود فى قائمة distort الموجودة بقائمة filter و ستكون النتيجة كالتالى:
ثم نقوم برسم الزرار التى تريدها كما تشاء باستخدام اداة rectangle tool و
قم بالتعديل عليها و تلوينها كما تحب و بعد ذلك قم بكتابة الكلمات التى
تريدها على تلك الازرار و عمل التاثيرات التى تريدها عليها
و صورة للناتج النهائى قبل وضع الازرار و التاثيرات المطلوبة:
انتهى الشرح و اعتذر على الاطالة و التقصير فى الشرح
كما اعتذر ايضاً على حجم الصور الكبير فهذا اول شرح تصميم واجهة قمت بعمله
واريد ان ارى تطبيقاتكم
مع تحيات عمر محسن شاكر
__________________
اسم الشركة:الديناصور
صاحب الشركة:عمر محسن شاكر
اداء الشركة:تصميم و تطوير و برمجة المواقع و تركيب السكربتات و الدعم الفنى
بريد الشركة:عذراً لعدم وضع شىء هنا لان ذلك مخالف لشروط المنتدى
هاتف الشركة:للعملاء فقط
الدعم الفنى:عذراً لعدم وضع شىء هنا لان ذلك مخالف لشروط المنتدى
السلام عليكم و رحمة الله و بركاته
اليكم درس تصميم واجهة موقع احترافية
اولاً نقوم بتشغيل برنامج الفوتوشوب بمقاس 800 * 600 بيكسل
ثم نقوم بانشاء طبقة جديدة بالضغط على ctrl + shift + n كما بالصورة:
ثم نختار اداة rectangle tool كما بالصورة:
ثم نضغط على السهم الصغير الموجود بلوحة الاستايلات كما بالصورة:
ثم نضغط على buttons كما بالصورة:
ثمستظهر لنا نافذة و نضغط فيها على append كما بالصورة:
ثم ستظهر لنا استايلات جديدة فى لوحة الاستايلات و نحتار منها الاستايل الاحمر الذى سيمى ب red gil كما بالصورة:
ثم نقوم بانشاء طبقة جديدة بنفس الطريقة المذكورة فى بداية الشرح و نرسم باداة rectangle tool مستطيل كما بالصورة:
و نجعل لونه بالاستايل bright red bevel كما بالصورة:
ثم نضغط على filter و نختار من القائمة التى ستظهر لنا distort و من القائمة التى ستظهر بعد ذلك نختار ripple كما بالصورة:
و بعد ذلك نضغط على قائمة filter و نختار من القائمة التى ستظهر لنا
distort ثم نخ تار من القائمة الاخرى التى ستظهر لنا wave كما بالصورة:
ثم نقوم بعمل طبقة جديدة بنفس الطريقة المذكورة فى اول الشرح و نرسم باداة
rectangle tool مستطيل اخر بنفس الطريقة المذكورة فى اول الشرح و بعد ذلك
نضغط على قائمة edit و نختار منه transform و نختار من القائمة الاخرى
التى ستظهر لنا warp كما بالصورة:
ثم نغير شكلها بتحريك الدائرة الصغيرة الثانية من اليمين بالطريقة المطلوبة ليصبح الشكل كما ترى فى الصورة:
و نرسم مستطيل اخر بالطريقة المذكورة فى البداية و نقوم بعمل نفس التاثير warp على المستطيل
ثم نقوم بانشاء طبقة جديدة و نرسم مستطيل فى المنتصف و يوازى المستطيلان
الموجودان على اليميمن و اليسار و نقوم بعمل التاثير warp عليه ثم نرسم
مستطيل اخر بالاسفل تحت كل ما تم تصميمه
و نقوم بعمل التاثير ripple الموجود فى قائمة distort الموجودة بقائمة filter و ستكون النتيجة كالتالى:
ثم نقوم برسم الزرار التى تريدها كما تشاء باستخدام اداة rectangle tool و
قم بالتعديل عليها و تلوينها كما تحب و بعد ذلك قم بكتابة الكلمات التى
تريدها على تلك الازرار و عمل التاثيرات التى تريدها عليها
و صورة للناتج النهائى قبل وضع الازرار و التاثيرات المطلوبة:
انتهى الشرح و اعتذر على الاطالة و التقصير فى الشرح
كما اعتذر ايضاً على حجم الصور الكبير فهذا اول شرح تصميم واجهة قمت بعمله
واريد ان ارى تطبيقاتكم
مع تحيات عمر محسن شاكر
__________________
اسم الشركة:الديناصور
صاحب الشركة:عمر محسن شاكر
اداء الشركة:تصميم و تطوير و برمجة المواقع و تركيب السكربتات و الدعم الفنى
بريد الشركة:عذراً لعدم وضع شىء هنا لان ذلك مخالف لشروط المنتدى
هاتف الشركة:للعملاء فقط
الدعم الفنى:عذراً لعدم وضع شىء هنا لان ذلك مخالف لشروط المنتدى
