كيفية عمل ستايل منتدى"من شلة الطف بنات"

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

الدرس مطول ويمكن تواجهه صعوبه لو ماتركز او تطمر نقاط ؟

راح نتعلم كذا شغله بالتصميم

في البدايه كل مانحتاج له هو برنامج الفتوشوب للتصميم
وبرنامج الفرنت بيج راح يكون له درس اخر

بسم الله نبداء

نفتح برنامج الفتوشوب

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

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

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



كيف راح تبداء التقطيع ؟؟

الاجابه : راح نقوم بتقطيع الستايل الى ثلاث خانات

1- الجزء العلوي من الستايل ( الهيدر )2- الجزء الاوسط من الستايل ( الاعمده )3- الجزء السفلي من الستايل (الفوتر )

شوف الصوره قسمتها حسب التوزيع الي ذكرنه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الهيدر : عدد الصور خمس
زاويه يمين +زاويه يسار + صوره تجميله يمين + صور تجميليه يسار + تمدد

الاعمده :
عمود يمين + عمود يسار

الفوتر:
زاويه يمين +زاويه يسار + صوره تجميله يمين + صور تجميليه يسار + تمدد


نحتاج لمعرفة ما الاداوات الي تساعدنا على التقطيع ...

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

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

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

وتروح تسوي لصق من خلال نفس طريقة القص بس بدل حرف ( X ) نضغط ( V )

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

روووووووووووووعهـ شكرا

شكرا ع المرور

رووووووعه


شكرا كثيرا

تسلمين الدرس شكله مفيد جدا

شكرا لكم نورتواااااااااا

شرح وافى جدا شكرا لك

شكرا ليكي
استفدنا كتير