منتدى دروس الفوتوشوب هنا كل ما يخص البرنامج الرائع الفوتوشوب من [شرح ودروس]...

الرئيسيــــة استرجاع كلمة المرور دليـل الموقــع أكواد الألــوان

 
إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
تحميل برامج كمبيوتر كاملة 2024 برابط مباشر - منتديات ساسو سوفت
قديم منذ /26-08-2009, 04:31 AM   #1

aymano
 
الصورة الرمزية aymano

:: عضو مجتهد ::

aymano غير متواجد حالياً

 رقم العضوية : 55
 تاريخ التسجيل : 19 - 2 - 2009
 المشاركات : 346
 النقاط : aymano شروحات مواضيعaymano شروحات مواضيع
 تقييم المستوى : 23

اوسمتي
افتراضي درس تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا

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





بســــــــــــــــم الله نبــــــــــدئ
اليوم راح انترجم درس جديد و مميز و ان شاء الله تعالى بيكون جدا سهل عليكم
الترجمة مش ترجمة حرفية للنص . و لكن مع اضافات من عندي عشان احاول اوصل
المعلومة بأذن الله تعالى . فلا تأخذونا علي التعبيرات



نبدئ بفتح عمل جديد علي برنامج الفوتوشب بالمقاس التالي :
960 × 900 بيكسل.

و طبعا تقدر تغير الحجم حسب اختيارك و نقوم بتحديد لون الخلفية حسب الاختيار

و يمكنك استخدام اللون المستخدم في الدرس



ثم نقوم بتحميل مجموعة الباترن الي برابط تحت



لتحميل الباترن




بعد تحميل الباترن نقوم بعمل طبقة جديدة ثم نقوم بكسوة الطبقة بأحد الانماط الموجودة بالمجموعة







بعد ان قمنا بتعبأة الطبقة بالباترن نحصل علي هذه النتيحة







نقوم بتغير مود الطبقة الي overlay






بستخدام اداة المستطيل سنقوم بعمل اشكال بمقاسات مختلفة و نوزعها كما بالشكل






نقوم بعمل ستايلات مميزه للاشكال الي قمنا بأضافتها عن طريق دخولنا الي خصائص الطبقات









و هذه النتيجة







نقم بتغير استايلات الاشكال الاربعة التي بالمنتصف بهذه الاعدادت



و نحصل على هذه النتيجة



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


نستخدام مجموعة ايقومات الـ png لاضافة روح جمالية للتصميم

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






بستخدام اداة الكتابة نقوم بكتابة الروابط و الاختصارات الخاصة بالتصميم


نقوم بأضافة صورة تجميلة اخرى في اسفل الصندوق كاضافة جمالية


سنقوم بعمل طبقة جديدة فوق الطبقة الثانية التي قمنا بتعبئتها بالباترن و بستخدام فرشة كبيرة جدا و بالون الابيض نقوم بعمل التأثير وسط الصفحة زي التالي


و بنحديد مود Soft light للطبقة نحصل علي الشكل التالي


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






التعديل الأخير تم بواسطة mokhtar1 ; 26-08-2009 الساعة 09:50 AM.
  رد مع اقتباس
إضافة رد

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

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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
درس تصميم واجهة موقع سنمائي احترافية gana منتدى دروس الفوتوشوب 6 12-06-2023 10:06 AM
[إستفسار] مقاس تصميم واجهة :::متمدده:: saado منتدى دروس الفوتوشوب 0 22-11-2010 02:52 PM
تقطيع واجهة موقع بالفوتوشوب و تركيبيها aymano منتدى دروس الفوتوشوب 1 28-12-2009 06:01 AM
[درس] شرح تصميم واجهة دخول لمواقعكم الروند منتدى دروس الفوتوشوب 0 23-02-2009 10:11 AM
تصميم المواقع (تصميم موقع استضافه) ملكة النت منتدى دروس الفوتوشوب 0 19-02-2009 06:53 PM

RSS RSS 2.0 XML MAP

الساعة الآن 06:26 AM.


Powered by vBulletin Version 3.8.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd

جميع المشاركات المنشورة فى المنتدى لا تعبر عن وجه نظر الإدارة

Please dont post any copyrighted materials like cracks , serials , nulled products .. ETC