تسجيل الدخول

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



 
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
иαиα ρℓυs sαмɪ ρℓυs вєиᴊя єɢαℓє яємɪx τα3 τмαнвɪℓ
برج العرب
الدراسة في مصر
تَبقى الذكرياَت دروسآ في حياتناَ > [GALLERY]
[خامس دروس الدورة] شكل الاقسام + المتواجدون وتعديلات اخرى + المواضيع
[أول دروس الدورة] اشياء اساسية لتحويل استايل vb
أول اعمالي في الـMMS
[رابع دروس الدورة] وضع اللمسات الاخيرة على الهيدر + تحويل الفوتر
مجموعة ادعية لاجتياز الامتحانات و الاختبارات
الراحمون يرحمهم الله
الجمعة مايو 26, 2023 12:43 am
الخميس ديسمبر 08, 2022 10:54 am
الخميس ديسمبر 08, 2022 10:54 am
الخميس يوليو 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














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

كاتب الموضوع cool amir مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 المشاركة رقم: #
تم النشر فى :23 - 12 - 2011
cool amir
إدارة الشبكة
إدارة الشبكة
تواصل معى
البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8423
الجنس : ذكر
العمر : 27
الدولة : الجزائر
درس تصميم واجهة موقع احترافية  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
السبت ديسمبر 24, 2011 2:12 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

иaиα

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

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

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


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







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

иaиα

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

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

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


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

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









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

иaиα

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

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

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


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







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

cool amir

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

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

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


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

يجب عند الحفظ

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







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

البطل القادم

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

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

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


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







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

Mesa

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

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

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


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

هذا تطبيقي

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







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

cool amir

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

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

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


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


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







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

иaиα

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

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

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


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

يجب عند الحفظ

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







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

MAXٍِِ~

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

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

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


شكرااا لكـــ







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

cool amir

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

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

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


عفواااااا

شكرا لمرورك







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

قمر زماني

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

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

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


يسلموووو







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

cool amir

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

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

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


شكرا لمرورك







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

photoshop man

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

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

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


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







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

cool amir

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

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

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


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

تسلم على طلتك

شكرا لك

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







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

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

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

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

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


شكرا لك







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

cool amir

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

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

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


عفوااااا







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

GoGo Af

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

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

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


درس رائع جدآآ

شكرآآ لكـ









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


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

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


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


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

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