الرئيسيةتصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا :: ترجمة
شبكة عراق نت :: الاقسام العامة :: تقنيات التطوير والجرافيك | Tips & Tricks and Graphic Design :: التصميم والجرافيك
صفحة 1 من اصل 1
تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا :: ترجمة
من طرف iraqnt السبت 12 يونيو - 18:07
بسم الله الرحمن الرحيم
و به نستعين و الصلاة و السـلام علي سيد الخلق اجمعين
سيـدنا محمد و على اله و صحبه اجمعين
بســــــــــــــــم الله نبــــــــــدئ
اليوم راح انترجم درس جديد و مميز و ان شاء الله تعالى بيكون جدا سهل عليكم
الترجمة مش ترجمة حرفية للنص . و لكن مع اضافات من عندي عشان احاول اوصل
المعلومة بأذن الله تعالى . فلا تأخذونا علي التعبيرات
نبدئ بفتح عمل جديد علي برنامج الفوتوشب بالمقاس التالي :
960 × 900 بيكسل.
و طبعا تقدر تغير الحجم حسب اختيارك و نقوم بتحديد لون الخلفية حسب الاختيار
و يمكنك استخدام اللون المستخدم في الدرس
ثم نقوم بتحميل مجموعة الباترن الي برابط تحت
لتحميل الباترن
بعد تحميل الباترن نقوم بعمل طبقة جديدة ثم نقوم بكسوة الطبقة بأحد الانماط الموجودة بالمجموعة
بعد ان قمنا بتعبأة الطبقة بالباترن نحصل علي هذه النتيحة
نقوم بتغير مود الطبقة الي overlay
بستخدام اداة المستطيل سنقوم بعمل اشكال بمقاسات مختلفة و نوزعها كما بالشكل
نقوم بعمل ستايلات مميزه للاشكال الي قمنا بأضافتها عن طريق دخولنا الي خصائص الطبقات
و هذه النتيجة
نقم بتغير استايلات الاشكال الاربعة التي بالمنتصف بهذه الاعدادت
و نحصل على هذه النتيجة
يمكننا عمل مضاعفة من الشكل البرتقالي الكبير الي بالمنتصف و بتقليل حجمة بالتساوي من جميع الاطراف
و تغطيتة بالنمط الرمادي السابق نحصل علي هالنتيجة
نستخدام مجموعة ايقومات الـ png لاضافة روح جمالية للتصميم
نقوم بفتح الايقومات عن طريق الفوتوشوب ووضعها في مكانها المناسب حسب الحاجة
بستخدام اداة الكتابة نقوم بكتابة الروابط و الاختصارات الخاصة بالتصميم
نقوم بأضافة صورة تجميلة اخرى في اسفل الصندوق كاضافة جمالية
سنقوم بعمل طبقة جديدة فوق الطبقة الثانية التي قمنا بتعبئتها بالباترن و بستخدام فرشة كبيرة جدا و بالون الابيض نقوم بعمل التأثير وسط الصفحة زي التالي
و بنحديد مود Soft light للطبقة نحصل علي الشكل التالي
ان شاء الله ايكون الدرس سهل و ما تكون فيه اي صعوبة عليكم بأذن الله تعالى
و اي استفسار انا جاهز ... لتوضيح اي خطوة للاعضاء الكرام
و به نستعين و الصلاة و السـلام علي سيد الخلق اجمعين
سيـدنا محمد و على اله و صحبه اجمعين
بســــــــــــــــم الله نبــــــــــدئ
اليوم راح انترجم درس جديد و مميز و ان شاء الله تعالى بيكون جدا سهل عليكم
الترجمة مش ترجمة حرفية للنص . و لكن مع اضافات من عندي عشان احاول اوصل
المعلومة بأذن الله تعالى . فلا تأخذونا علي التعبيرات
نبدئ بفتح عمل جديد علي برنامج الفوتوشب بالمقاس التالي :
960 × 900 بيكسل.
و طبعا تقدر تغير الحجم حسب اختيارك و نقوم بتحديد لون الخلفية حسب الاختيار
و يمكنك استخدام اللون المستخدم في الدرس
ثم نقوم بتحميل مجموعة الباترن الي برابط تحت
لتحميل الباترن
بعد تحميل الباترن نقوم بعمل طبقة جديدة ثم نقوم بكسوة الطبقة بأحد الانماط الموجودة بالمجموعة
بعد ان قمنا بتعبأة الطبقة بالباترن نحصل علي هذه النتيحة
نقوم بتغير مود الطبقة الي overlay
بستخدام اداة المستطيل سنقوم بعمل اشكال بمقاسات مختلفة و نوزعها كما بالشكل
نقوم بعمل ستايلات مميزه للاشكال الي قمنا بأضافتها عن طريق دخولنا الي خصائص الطبقات
و هذه النتيجة
نقم بتغير استايلات الاشكال الاربعة التي بالمنتصف بهذه الاعدادت
و نحصل على هذه النتيجة
يمكننا عمل مضاعفة من الشكل البرتقالي الكبير الي بالمنتصف و بتقليل حجمة بالتساوي من جميع الاطراف
و تغطيتة بالنمط الرمادي السابق نحصل علي هالنتيجة
نستخدام مجموعة ايقومات الـ png لاضافة روح جمالية للتصميم
نقوم بفتح الايقومات عن طريق الفوتوشوب ووضعها في مكانها المناسب حسب الحاجة
بستخدام اداة الكتابة نقوم بكتابة الروابط و الاختصارات الخاصة بالتصميم
نقوم بأضافة صورة تجميلة اخرى في اسفل الصندوق كاضافة جمالية
سنقوم بعمل طبقة جديدة فوق الطبقة الثانية التي قمنا بتعبئتها بالباترن و بستخدام فرشة كبيرة جدا و بالون الابيض نقوم بعمل التأثير وسط الصفحة زي التالي
و بنحديد مود Soft light للطبقة نحصل علي الشكل التالي
ان شاء الله ايكون الدرس سهل و ما تكون فيه اي صعوبة عليكم بأذن الله تعالى
و اي استفسار انا جاهز ... لتوضيح اي خطوة للاعضاء الكرام
iraqnt- إدارة الموقع
رد: تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا :: ترجمة
من طرف زمردة الشرق الثلاثاء 22 يونيو - 13:22
شكرا على الموضوع المفيد جدا
نتمنى دوم هذا الابداع
نتمنى دوم هذا الابداع
زمردة الشرق- عضـو جديـد
رد: تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا :: ترجمة
من طرف وليد الأمين الثلاثاء 29 يونيو - 22:19
بارك الله فيك
وليد الأمين- عضـو نشـيــــط
رد: تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا :: ترجمة
من طرف iraqnt الأربعاء 30 يونيو - 2:32
شكرا لمروركم الراقي يا عسل
iraqnt- إدارة الموقع
رد: تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا :: ترجمة
من طرف aljna الثلاثاء 20 يوليو - 22:44
شكرا على الدرس
aljna- عضـو يشـــارك
رد: تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا :: ترجمة
من طرف iraqnt الثلاثاء 20 يوليو - 22:49
عفوا حبي منور
iraqnt- إدارة الموقع
مواضيع ذات صلة
شبكة عراق نت :: الاقسام العامة :: تقنيات التطوير والجرافيك | Tips & Tricks and Graphic Design :: التصميم والجرافيك
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى