لا تنس ذكر الله .. سبحان الله ، والحمد الله ،ولا اله إلا الله ،والله اكبر ،ولا حول ولا قوة إلا بالله
  #1  
قديم 16-03-2008, 06:42
عمر محسن عمر محسن غير متواجد حالياً
صقر صغير




Lightbulb درس تصميم واجهة موقع احترافية

السلام عليكم و رحمة الله و بركاته
اقدم لكم درس لتصميم واجهة موقع احترافية و اتمنى ان يعجبكم و تستفيدون منه و اتمنى عند النقل وضع هذا الرابط فى بداية او نهاية الموضوع شبكة و منتديات الديناصور web design تصميم المواقع science computer و اتمنى عدم نزع الحقوق
فلنبدا الشرح:
اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:
تصميم واجهة موقع احترافية
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على زر ok:
تصميم واجهة موقع احترافية
ثم نرسم مستطيل دائرى الاطراف باللون الازرق كما بالصورة:
تصميم واجهة موقع احترافية
ثم نضغط مرتين متتاليتين فى النقطة الموضحة بالصورة:
تصميم واجهة موقع احترافية
ستظهر لنا الشاشة التالية:
تصميم واجهة موقع احترافية
فنختار منها كما بالصورة:
تصميم واجهة موقع احترافية
ثم نضغط على color overaly كما بالصورة:
تصميم واجهة موقع احترافية
و تظهر النتيجة التالية كما بالصورة:
تصميم واجهة موقع احترافية
ثم نضغط على filter و من القائمة التى ستظهر نضغط على distort و من القائمة التى ستظهر نختار wave كما بالصورة التالية:
تصميم واجهة موقع احترافية
فتظهر النتيجة التالية و نختار كما يلى و نضغط على ok:
تصميم واجهة موقع احترافية
فتظهر النتيجة التالية :
تصميم واجهة موقع احترافية
ثم نحركها بالاداة التالية:
تصميم واجهة موقع احترافية
الى ان تصبح على النحو التالى:
تصميم واجهة موقع احترافية
ثم نرسم باداة المستطيل دائرى الاطراف و نطبق عليه كل ما طبقناه على الصور السابقة الى ان يصبح على النحو التالى:
تصميم واجهة موقع احترافية
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على ok كما بالصورة:
تصميم واجهة موقع احترافية
ثم نرسم باداة المستطيل الدائرى الاطراف مستطيل على يسار التصميم و نطبق عليه كل ما فعلناه من قبل فتكون النتيجة كالتالى:
تصميم واجهة موقع احترافية
ثم نضغط على filter و من القائمة التى ستظهر نختار distort و من القائمة التى ستظهر نضغط على shear كما بالصورة:
تصميم واجهة موقع احترافية
فتظهر لنا الشاشة التالية و نختار منها كما بالصورة:
تصميم واجهة موقع احترافية
فيصبح التصميم على هذا النحو:
تصميم واجهة موقع احترافية
ثم نرسم مستطيل دائرى الاطراف و نطبق عليه ايضاً كل ما طبقناه على المستطيل السابق فتصبح النتيجة كالتالى:
تصميم واجهة موقع احترافية
ثم نرسم مستطيل اخر و نطبق عليه كل شىء فعلناه باستثناء استخدام shear فتظهر لنا النتيجة التالية:
تصميم واجهة موقع احترافية
ثم نضغط على filter و من القائمة التى ستظهر لنا نختار distort و من القائمة التى ستظهر نختار zigzag كما بالصورة:
تصميم واجهة موقع احترافية
ثم تكون النتيجة النهائية كالتالى:
تصميم واجهة موقع احترافية
ثم نكتب ما نشاء على التصميم
و بهذا ينتهى الدرس و اتمنى ان ارى تطبيقاتكم
شبكة و منتديات الديناصور web design تصميم المواقع science computer



http://www.sakr1.com/vb/sakr-style/pic/write-comment.png

ضع تعليق باستخدام حساب الفيس بوك

رد مع اقتباس
قديم 17-03-2008, 12:34   رقم المشاركة : [2]
مجرد انسانـ
صقر صغير
 





مجرد انسانـ is on a distinguished road
افتراضي

مشكوور اخوي

ربي يعطيك ألف ألف عاافيه ..


تحياتي
مجردانسانـ
مجرد انسانـ غير متواجد حالياً   رد مع اقتباس
قديم 17-03-2008, 01:13   رقم المشاركة : [3]
alfanann79
صقر صغير
 





alfanann79 is on a distinguished road
افتراضي

بارك الله فيك

شرح وافي وماقصرت يالغالي
alfanann79 غير متواجد حالياً   رد مع اقتباس
قديم 17-03-2008, 02:21   رقم المشاركة : [4]
عمر محسن
صقر صغير
 





عمر محسن is on a distinguished road
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة مجرد انسانـ مشاهدة المشاركة
مشكوور اخوي

ربي يعطيك ألف ألف عاافيه ..


تحياتي
مجردانسانـ
العفو اخوى الكريم الله يعافيك
اقتباس:
المشاركة الأصلية كتبت بواسطة alfanann79 مشاهدة المشاركة
بارك الله فيك

شرح وافي وماقصرت يالغالي
اللله يبارك فيك
عمر محسن غير متواجد حالياً   رد مع اقتباس
قديم 25-03-2008, 02:43   رقم المشاركة : [5]
فارس بن فارس
صقر صغير
 





فارس بن فارس is on a distinguished road
افتراضي

يعطيك الف عافيه اخوي مجهود رائع
فارس بن فارس غير متواجد حالياً   رد مع اقتباس
قديم 13-04-2008, 04:17   رقم المشاركة : [6]
عمر محسن
صقر صغير
 





عمر محسن is on a distinguished road
افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة فارس بن فارس مشاهدة المشاركة
يعطيك الف عافيه اخوي مجهود رائع
الله يعافيك اخوى و شكراً لك على الرد
عمر محسن غير متواجد حالياً   رد مع اقتباس
قديم 23-07-2008, 04:31   رقم المشاركة : [7]
عبدالقادر أبوعلي
صقر صغير
 





عبدالقادر أبوعلي is on a distinguished road
افتراضي

جزاكم الله خيراً وجعله الله في ميزان حسناتكم
عبدالقادر أبوعلي غير متواجد حالياً   رد مع اقتباس
قديم 23-08-2008, 01:37   رقم المشاركة : [8]
mkm005
صقر صغير
 





mkm005 is on a distinguished road
افتراضي

مشكور أخي عمر محسن على الشرح الرائع
بارك الله فيك ..
ممكن أستفسار عن ماهو المقاس المناسب لعمل
الواجهه للموقع بالأنش وبالبيكسل؟
لقد بدأت أنا في تعلم تصميم الواجهات لاكن وقد رفعت الصفحة
لموقعي لاكن أراها انها صغيرة مايقارب ثلثين بالشاشة ؟بالعرض
المقاس الذي أستخدمتة تقريبا على مأ ذكر هو
w= 600
H=588
mkm005 غير متواجد حالياً   رد مع اقتباس
قديم 04-08-2009, 01:21   رقم المشاركة : [9]
بنوتة شقية
صقر صغير
 





بنوتة شقية is on a distinguished road
افتراضي

حلو كتير الدرس
وتم التطبيق
بنوتة شقية غير متواجد حالياً   رد مع اقتباس
قديم 26-04-2010, 04:23   رقم المشاركة : [10]
alisalleh
صقر صغير
 





alisalleh is on a distinguished road
افتراضي

مشكور على الواجهات الجميله

وما قصر

تحياتي

الله يجزيك الخير
alisalleh غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

شارك في القائمة البريدية ليصلك الجديد


الكلمات الدلالية (Tags)
موقع, احترافية, تصميم, درس, واجهة

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are معطلة
Refbacks are معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
احترف تصميم المواقع sevendash قسم الدعايات والإشهار 0 30-10-2011 12:11

شارك في القائمة البريدية ليصلك الجديد


الساعة الآن 04:43


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.1

سبحان الله وبحمده :: سبحـان الله العظيم
جميع ما ينشر في المنتدى لا يعبر بالضرورة عن رأي صاحب الموقع وإنما يعبر عن وجهة نظر كاتبه