تسجيل الدخول

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



 
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
иαиα ρℓυs sαмɪ ρℓυs вєиᴊя єɢαℓє яємɪx τα3 τмαнвɪℓ
تَبقى الذكرياَت دروسآ في حياتناَ > [GALLERY]
[خامس دروس الدورة] شكل الاقسام + المتواجدون وتعديلات اخرى + المواضيع
[أول دروس الدورة] اشياء اساسية لتحويل استايل vb
أول اعمالي في الـMMS
[رابع دروس الدورة] وضع اللمسات الاخيرة على الهيدر + تحويل الفوتر
مجموعة ادعية لاجتياز الامتحانات و الاختبارات
الراحمون يرحمهم الله
كم كتَبَتُ عنَ عشِقك فرسسان التصميم !♥☻
[ثاني دروس الدورة] تحويل الهيدر الى قالب ouvrall_header (الجزء 1 )
الجمعة يوليو 09, 2021 9:22 pm
الخميس يوليو 30, 2015 11:43 pm
الأربعاء يوليو 15, 2015 6:29 am
الثلاثاء مايو 12, 2015 12:10 am
الثلاثاء أبريل 07, 2015 6:26 pm
الثلاثاء أبريل 07, 2015 12:28 pm
الثلاثاء أبريل 07, 2015 4:43 am
الثلاثاء أبريل 07, 2015 4:37 am
الثلاثاء أبريل 07, 2015 1:40 am
الإثنين أبريل 06, 2015 4:41 pm
ẄhiTε DëveL
иaиα
dzeduc.net
محمد الشريف
null
az-az
null
null
null
az-az




شبكة فرسان التصميم :: عالم تصاميم و فنونه :: دروس الفوتوشوب

كاتب الموضوع cool amir مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 المشاركة رقم: #
تم النشر فى :23 - 12 - 2011
cool amir
إدارة الشبكة
إدارة الشبكة
تواصل معى
البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8421
الجنس : ذكر
العمر : 26
الدولة : الجزائر
درس تصميم واجهة موقع احترافية  Emptyموضوع: درس تصميم واجهة موقع احترافية

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


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

فلنبدا الشرح:

اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:

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

ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على زر ok:

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

ثم نرسم مستطيل دائرى الاطراف باللون الازرق كما بالصورة:

درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache3907180


ثم نضغط مرتين متتاليتين فى النقطة الموضحة بالصورة:

درس تصميم واجهة موقع احترافية  Image.cache76293853
ستظهر لنا الشاشة التالية:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache37040416


فنختار منها كما بالصورة:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache92317985


ثم نضغط على color overaly كما بالصورة:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache2751021


و تظهر النتيجة التالية كما بالصورة:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache6069410


ثم نضغط على filter و من القائمة التى ستظهر نضغط على distort و من القائمة التى ستظهر نختار wave كما بالصورة التالية:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache3340259


فتظهر النتيجة التالية و نختار كما يلى و نضغط على ok:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache32228208


فتظهر النتيجة التالية :
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache44584591


ثم نحركها بالاداة التالية:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache22011833


الى ان تصبح على النحو التالى:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache91884998


ثم نرسم باداة المستطيل دائرى الاطراف و نطبق عليه كل ما طبقناه على الصور السابقة الى ان يصبح على النحو التالى:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache80050919


ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على ok كما بالصورة:
درس تصميم واجهة موقع احترافية  Image.cache12277237
ثم نرسم باداة المستطيل الدائرى الاطراف مستطيل على يسار التصميم و نطبق عليه كل ما فعلناه من قبل فتكون النتيجة كالتالى:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache97956812


ثم نضغط على filter و من القائمة التى ستظهر نختار distort و من القائمة التى ستظهر نضغط على shear كما بالصورة:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache47249017


فتظهر لنا الشاشة التالية و نختار منها كما بالصورة:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache24452133


فيصبح التصميم على هذا النحو:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache14366536


ثم نرسم مستطيل دائرى الاطراف و نطبق عليه ايضاً كل ما طبقناه على المستطيل السابق فتصبح النتيجة كالتالى:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache39626889


ثم نرسم مستطيل اخر و نطبق عليه كل شىء فعلناه باستثناء استخدام shear فتظهر لنا النتيجة التالية:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache74729939


ثم نضغط على filter و من القائمة التى ستظهر لنا نختار distort و من القائمة التى ستظهر نختار zigzag كما بالصورة:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache70528127


ثم تكون النتيجة النهائية كالتالى:
درس تصميم واجهة موقع احترافية  Arrow-down اضغط على الصورة لمشاهدتا بالحجم الطبيعي درس تصميم واجهة موقع احترافية  Arrow-down
درس تصميم واجهة موقع احترافية  Image.cache78361418


ثم نكتب ما نشاء على التصميم
و بهذا ينتهى الدرس و اتمنى ان ارى تطبيقاتكم


الموضوع الأصلي : درس تصميم واجهة موقع احترافية // المصدر : شبكة فرسان التصميم // الكاتب: cool amir
التوقيع: cool amir



راسل الادارة من هنا

ارسل رسالة

طلبات الاشراف من هنا

قسم طلبات الاشراف

قدم شكواك او استفسارك من هنا

الاستفسارات والشكاوي

لديك اقتراح لجعل المنتدى بشكل اروع من هنا

قسم الاقتراحات


السبت ديسمبر 24, 2011 2:12 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

иaиα

البيانات
تاريخ التسجيل : 12/08/2011
المشاركات : 4372
الجنس : انثى
العمر : 27
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


شكرااا لكـــ على الدرس الرائع و جاري التطبيق
تسلم يا امير






التوقيع: иaиα



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


السبت ديسمبر 24, 2011 2:16 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

иaиα

البيانات
تاريخ التسجيل : 12/08/2011
المشاركات : 4372
الجنس : انثى
العمر : 27
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


ها هو التطبيق:
http://www.m5zn.com/files-122411051251ip9c29nx738duxhkr7vcweemi-jùfdr.psd

لا ادري اي رابط من المفروض نسخه لذلك ساضعها كلها هه:








التوقيع: иaиα



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


السبت ديسمبر 24, 2011 2:17 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

иaиα

البيانات
تاريخ التسجيل : 12/08/2011
المشاركات : 4372
الجنس : انثى
العمر : 27
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


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






التوقيع: иaиα



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


السبت ديسمبر 24, 2011 6:50 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8421
الجنس : ذكر
العمر : 26
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


انت اخطأت في حفظ الصور

يجب عند الحفظ

حفظها بنوع gif او jpeg بدل psd






التوقيع: cool amir



راسل الادارة من هنا

ارسل رسالة

طلبات الاشراف من هنا

قسم طلبات الاشراف

قدم شكواك او استفسارك من هنا

الاستفسارات والشكاوي

لديك اقتراح لجعل المنتدى بشكل اروع من هنا

قسم الاقتراحات



الأحد ديسمبر 25, 2011 9:16 am
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

البطل القادم

البيانات
تاريخ التسجيل : 22/12/2011
المشاركات : 48
الجنس : ذكر
العمر : 23

الإتصالات
الحالة:
وسائل الإتصال:

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


مشكور اخى على الدرس المميز






التوقيع: البطل القادم







الأحد ديسمبر 25, 2011 11:06 am
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

Mesa

البيانات
تاريخ التسجيل : 24/08/2011
المشاركات : 279
الجنس : انثى
العمر : 25

الإتصالات
الحالة:
وسائل الإتصال:

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


شكرا يا امير علي الدرس

هذا تطبيقي

http://im21.gulfup.com/2011-12-25/1324807502301.gif







الإثنين ديسمبر 26, 2011 11:23 am
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8421
الجنس : ذكر
العمر : 26
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


مشكووووورين على المرور


ويا mesa تطبيقك رااائع جدااااااااااااااااا






التوقيع: cool amir



راسل الادارة من هنا

ارسل رسالة

طلبات الاشراف من هنا

قسم طلبات الاشراف

قدم شكواك او استفسارك من هنا

الاستفسارات والشكاوي

لديك اقتراح لجعل المنتدى بشكل اروع من هنا

قسم الاقتراحات



السبت ديسمبر 31, 2011 4:36 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

иaиα

البيانات
تاريخ التسجيل : 12/08/2011
المشاركات : 4372
الجنس : انثى
العمر : 27
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


cool amir كتب:
انت اخطأت في حفظ الصور

يجب عند الحفظ

حفظها بنوع gif او jpeg بدل psd
صح دوك نعدله






التوقيع: иaиα



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


الأربعاء مارس 14, 2012 12:41 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

MAXٍِِ~

البيانات
تاريخ التسجيل : 14/03/2012
المشاركات : 58
الجنس : ذكر
العمر : 24

الإتصالات
الحالة:
وسائل الإتصال:

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


شكرااا لكـــ







الأربعاء مارس 14, 2012 6:27 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8421
الجنس : ذكر
العمر : 26
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


عفواااااا

شكرا لمرورك






التوقيع: cool amir



راسل الادارة من هنا

ارسل رسالة

طلبات الاشراف من هنا

قسم طلبات الاشراف

قدم شكواك او استفسارك من هنا

الاستفسارات والشكاوي

لديك اقتراح لجعل المنتدى بشكل اروع من هنا

قسم الاقتراحات



الأربعاء مارس 14, 2012 7:49 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

قمر زماني

البيانات
تاريخ التسجيل : 13/03/2012
المشاركات : 16
الجنس : انثى
العمر : 23

الإتصالات
الحالة:
وسائل الإتصال:

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


يسلموووو







الخميس مارس 15, 2012 12:41 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8421
الجنس : ذكر
العمر : 26
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


شكرا لمرورك






التوقيع: cool amir



راسل الادارة من هنا

ارسل رسالة

طلبات الاشراف من هنا

قسم طلبات الاشراف

قدم شكواك او استفسارك من هنا

الاستفسارات والشكاوي

لديك اقتراح لجعل المنتدى بشكل اروع من هنا

قسم الاقتراحات



الخميس مايو 03, 2012 5:12 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

photoshop man

البيانات
تاريخ التسجيل : 03/05/2012
المشاركات : 2
الجنس : ذكر
العمر : 26

الإتصالات
الحالة:
وسائل الإتصال:

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


thank u so much but i have some thing else
this
درس تصميم واجهة موقع احترافية  13360472789010







السبت مايو 05, 2012 5:11 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8421
الجنس : ذكر
العمر : 26
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


photoshop man كتب:
thank u so much but i have some thing else
this
درس تصميم واجهة موقع احترافية  13360472789010

تسلم على طلتك

شكرا لك

تصميمك جميل جداااااااااااااا






التوقيع: cool amir



راسل الادارة من هنا

ارسل رسالة

طلبات الاشراف من هنا

قسم طلبات الاشراف

قدم شكواك او استفسارك من هنا

الاستفسارات والشكاوي

لديك اقتراح لجعل المنتدى بشكل اروع من هنا

قسم الاقتراحات



الخميس يونيو 28, 2012 2:38 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

>_< الذيـــب مـــبارك>_<

البيانات
تاريخ التسجيل : 22/06/2012
المشاركات : 248
الجنس : ذكر
العمر : 22

الإتصالات
الحالة:
وسائل الإتصال:

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


شكرا لك






التوقيع: >_< الذيـــب مـــبارك>_<



درس تصميم واجهة موقع احترافية  160161827
درس تصميم واجهة موقع احترافية  1345724006941
درس تصميم واجهة موقع احترافية  545680_283710941702951_100001921437695_620590_54595417_nدرس تصميم واجهة موقع احترافية  579169_170835073042389_100003476922280_231475_1773428024_nدرس تصميم واجهة موقع احترافية  Images?q=tbn:ANd9GcTcmKrzd9GLpHZBWqx6Xhrkk71i7AXwiDP-P1Moe95Mv2z_N9wT9U1t39as


الخميس يونيو 28, 2012 4:02 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8421
الجنس : ذكر
العمر : 26
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

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


عفوااااا






التوقيع: cool amir



راسل الادارة من هنا

ارسل رسالة

طلبات الاشراف من هنا

قسم طلبات الاشراف

قدم شكواك او استفسارك من هنا

الاستفسارات والشكاوي

لديك اقتراح لجعل المنتدى بشكل اروع من هنا

قسم الاقتراحات



الخميس يونيو 28, 2012 7:03 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

GoGo Af

البيانات
تاريخ التسجيل : 17/06/2011
المشاركات : 193
الجنس : ذكر
العمر : 24

الإتصالات
الحالة:
وسائل الإتصال:

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


درس رائع جدآآ

شكرآآ لكـ







التوقيع: GoGo Af




*(^_^)*التوقيـــاع *(^_^)*

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


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




الإشارات المرجعية


التعليق على الموضوع بواسطة الفيس بوك

الــرد الســـريـع
..


مواضيع ذات صلة


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

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