درورة تصميم استايل الدرس الاول:- التصميم على الفيتشوب.

[cool]

بسم الله الرحمن الرحيم

الدرس الاول:- التصميم على الفيتشوب.

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])

دورة تصميم الاستايلات

الدرس الاول


توكلنا على الله ونبداء


افتح الفوتشوب.

File-now
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ضع المقاسات الموضحة اعلاه.

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ضع اداة الصبغ

ولون خلفية التصميم

بالون الي يناسبك وانا استخدمت اللون E9ABF2#
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعد صبغ الخلفية
ضع اداة المربع
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ثم ضع مربع في اعلى التصميم

ضع لون اغمق من لون الخلفية الي وضعتها وانا استخدمت اللون AC43BC#
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعد وضع المربع الان نبي نعمل له حركة جمالية
يسمى المربع هذا (هيدر)

اوك

اختار هذه الاداة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
+add anchor point tool

ثم ضع هذه الاداء على المربع الاعلى (هيدر)
ضع انقاط هكذا.
على الحدود 3×3
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعدها شد النقطه الاولى على اليمين لتحت

وشد النقطه الاولى على اليسار لتحت

وارفع النقاط الي جنب اليمين واليسار لفوق
يطلع لك الشكل هكذا او قريب منه
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
لحد الان الهيدر منتهي بنسبة 70 %

الان باقي علينا التأثيرات على الهيدر.

اذهب للير حق الهيدر
اضغط على زر الفاره اليمين
واختر
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الان نعمل التاثيرات ركزوا معايه في هذي النقطه

اول شي اعمل هذا التاثير
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
وعمل التاثير الثاني
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
وعمل التاثير الثالث
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
والان نعمل اخر تاثير
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
طيب الان الحمد لله انتهينا من التأثيرات.

شوفوا الان نتيجة التاثيرات على الهيدر
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الان اضافة الصور الجمالية على الهيدر


الطيب لي اضافة أي صورة جمالية

ابحث في المواقع الصور الي تناسبك.

اما الصور الي بنستعملها في الدرس

انشاء الله بارفقها لكم

الان لفتح أي صورة

File>open>
ثم افتح الصورة الي تبيها


بعد الفتح

اذهب للير

وافتحه

بضغط على القفل مرتين
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم
Ok
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم


انقل الصوره الى التصميم

بسحبها بالماوس


ثم ضعها على الهيدر



في المكان المناسب لصوره

الي تبيه


بس يكون الترتيب

في الير هكذا

اول شي

الهيدر
فوقه الصوره الي تبي تضيفها


ثم ادمجها ctrl+G

ثم

اضغط على الير حق الصورة واظغط
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم

اختر هذه الاداة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ركز معي
ضعها على جانب الصورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم
Ctrl+t
ومد لليمين


وهذه النتيجه
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الان نضع الصورة اللي على اليمين .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
هذي الصورة اللي نبي نحطها على اليمين لازم الان نمسح اطرافها زين بهذه الاداة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعد التقطيع تكووون كذا لا تنسون تظغطون على اللير مرتين
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعدها اسحبها الى التصميم وجعلها فوق الصورة الاولى
ثم اضغط على ctrl+g لدمج الصورة مع الشكل
ولضبط حجم الصورة اضغط على ctrl+t
النتيجة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
كذا خلاص خلصنا الهيدر باقي الفوتر
نروح للير حق شكل الهيدر الموضح
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعدين ضاعف اللير
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم اسحبه للأعلى وانتقل الى
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
ثم اسحبه الى اسفل التصميم ويصبح الشكل .
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
بعدها نضيف الصور في اسفل الفوتر وانا اخترت هذه الصورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

ثم ضعها فوق لير الفوتر
وادمجها بالضغط على ctrl+g
وعشان تضبط الفوتر اضغط على ctrl+t
وبعد كذه نطابق لون الصورة بالتصميم
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
وبعد كذه نطابق لون الصورة بالتصميم
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

وبعدها احفظ العمل على هية psd
وبعد كذا يكون الشكل النهائي بهذا الشكل
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]








تم الانتهاء من الدرس


انتضر تطبيقاتكم


وانتضروا الدرس الثاني


مع تحيات معهد عسكر ديزاين ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])


الصور المصغرة المرفقة [فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
الصور المرفقة [فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]