انثىَ لن ٌتتكررَ...}  الإداره  | .gif) الدرس الاول تصميم الاستايل { هيدر -فوتر-ايطارات} خلفية للاستايل الغير متمدد
السلام عليكم ورحمة الله وبركاته ~
الدرس الأول من دورتنآ راح يكون هو البدآيه انشالله وهو اهم شي في الاستايل كله
لان اي خلل في التصميم او اهمال في القياسات راح يخليكم تواجهون مشاكل كثيره فيما بعد
والدرس راح يكون جدآ بسيط وخاصة للمصممين واللي متعودين العمل على التصاميم
وكل مصمم ولمسته الأبداعية راح تظهر في ملامح الأستايل
ولهذآ صممت لكم استايل بسيط ورآح اشتغل فيه معاكم لحد آخر درس من الدورة
طبعا أنا بعادتي مااحب الاستايلات التقليديه الي هي عباره عن انحنائات وخطوط
لذلك تجنبتها كثير في استايلاتي
وانتم لكم الحريه
ونظرآ لضيق الوقت ولشدة حماس المشتركين راح اجمع لكم الاستايل المتمدد والاستايل الغير متمدد
في درس وآحد
بمعنى الشق الأول من الدرس راح يكون للغير متمدد وطريقة شرحه والشق الثاني
من الدرس للاستايل المتمدد وهكذآ في جميع الدروس والمحآور الي راح نتظرق لهآ
وهذآ هو الاستايل الي راح اشتغل عليه
هذا بشكل لغير المتمدد
 هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 800x900 .
وهذا بشكل المتمدد
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 777x1200 .
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,
بسم الله نبدأ الشرح
الدرس صور من غير فديوا لانه سهل مجرد تصميم
اول شي نفتح عمل جديد
العرض لغير المتمدد 776
الطول 666 <<< غير مشترط القياس
المتمدد العرض 777
الطول 666 <<< غير مشترط القياس
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 1280x800 .
نصبغه باي لون تحب
وحبيت مايكون شكله عادي اضفت له بعض التأثيرات
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 959x625 .
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 969x631 .
بعد ذلك
نشتغل على الهيدر لحاله والفوتر لحاله والاقسام لحالها
بمعنى
نضع للهيدر عمل جديد بنفس المقاسات العرض 777 والطول 666 <<للغير متمدد
والفوتر عرض 777 طول 666 وهكذا للاقسام
ليش انا حطيت هالطريقه لانها راح تعطيكم حرية أكبر في التصميم ورؤية اوضح من بعد
وفي الاخير اقصهم واجمعهم في عمل وآحد في النهاآية
نكمل ماتوقفنا عنده
نشتغل الان على الهيدر
انا حبيت اضيف له بعض الصور واقاربها ليكون بشكل جماعي
اضفت صورة التي في مع قلادة
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 988x587 .
واضفت له بعض التأثيرآت
مثل فرش وخطوط واسكرابزات
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 964x598 .
اصبح بهذا الشكل
ولكم الحرية في التصميم والاضافات ولكن اهم شي مراعاة مناطق التمدد في الاستايل
وراح تسألون شنهي مناطق التمدد او كيف نعرفها
طبعا نراعي اننا مانضيف صور في مناطق التمدد عشان مايخرب علينا الاستايل
عند توزيعه في الفرونت بيج
شوفوا الصوره
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 964x598 .
حاولوا قدر الامكان هذي المناطق تكون خاليه تماما من الصور والفرش
مادعدا الي يبون استايلهم غير متمدد باامكانهم اضافة الهدير كله صور وفرش مافيه مشكله
خلصنا الحين من الهيدر
نجي للفوتر والي حاب انه يخلي صور الفوتر مثل الهيدر الطريقه سهله
ماعليه الان ان
ان يحذف الصور الي مايبي يضيفها في الفوتر والخطوط وذلك عن طريق ازالة العين بجانب
الصوره او الطبقه لكي تختفي
ثم يدمج الصور الي يبيهم بحيث تكون عمل واحد ويصغر المساحه وينقلها لعمل جديد
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 1280x800 .
وبكذا خلصنا من الهيدر والفوتر
يبقى لنا تصميم الاقسام
كثير مايحبون يضيفون ايطارات للاقسام لتجنب مشاكل التقطيع والتوزيع في الفرونت بيج
والمسأله هذي محتاجه الى ممارسه وخبرة دقيقه في تصميم الاستايلات
لان البعض يصمم الايطارات بالشكل الي يبي وينسى ان هناك فيه مناطق تمدد
وتوزيع وتقطيع
وفي الآخر مايطلع بنتيجه ويخلي استايله من دون ايطارات
ولتجنب هذي المشاكل كله
نكون دقيقين في عملنا ومفتحين مخنا شوي
وطريقتي الخاصه في تصميم الايطارات لتجنب المشاكل
اول شي نضيف مربع ونصبغه بنفس اللون الي راح تحط خلفية اقسامك في المنتدى
مو تحطون لونه باي لون حبيتوه لا هني نصير دقيقين وبعدين راح تعرفون وش اقصد بكلامي
وكنصيحة مني لكم قبل ان تبدأون بعمل اي استايل خلوا عندك تخيل لشكل من جميع النواحي
حتى باللوانه وطريقة تنسيقه لكي لايختلط الحابل بالنابل
نضيف المربع ونصبغه بنفس لون خلفية اقسام المنتدى
طيب ابي اضيف لها ايطارات كيف
الي يجي ويقول ان اضيف له حدود نقوله اوك تقدر تخلي له حدود عن طريق اضافة حد
ولكن بعضهم يبون يخلون الايطارات تجي كم لون
بمعنى اكثر من حد كيف نسويها ؟
انا اقولكم
بعد مااضفنا المربع الي قلنا نخلي لونه مثل لون خلفية اقسام المنتدى
نجي نضيف مربع او منحني الاطراف مثل ماتحبون يكون شكله الاحترافي
ونصبغه باللون الي تبونه ونخليه ورى المربع الاول وهكذا على حسب الحدود الي تبونها
وكل واحد وطريقته في التصميم والشكل الي يبيه بس اهم شي نهتم بالخطوات الاساسيه
راح يكون تصميمنا بهذا الشكل
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 1280x800 .
اضفت 3 ايطارات
طيب نبي نضيف للايطارات صور جماليه كيف؟
بكل بساطه نضيف الصور عاديه بعد مانقصهم ونلصقهم في الاماكن الي نبي
ولكن هل معنى ذلك نقدر نحطهم في اي مكان من الاطارات الجواب لا
لان فيه شي اسمه مناطق تمدد لازم نراعيها كثير
نضيف الصور على جوانب الايطار سواء يمين او يسار فوق او تحت
وننتبه كثير للمنطقى الوسطى من الايطار سواء يمين يسار فوق او تحت
شوف الصوره
انا اضفت صور جماليه في جوانب الايطارات
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 777x666 .
وراعيت مناطق التمدد بان كون خاليه تماما من الصور
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 777x666 .
هذا للايطارات الرباعيه وبالنسبة للثنائيه نفس الطريقه بس تكونوا حاطين الاطار فوق او تحت من غير الجوانب
وبكذا خلصنا من الهيدر والفوتر والاقسام
نجي لتصميم الخلفيه خاص للاستايلات الغير متمدد
وطريقتها جدا سهله
نفتح عمل جديد العرض --- 1200
الطول 666
ونصمم على جوانب الخلفيه فقط ونراعي ان يكون الجانب الايمين مساوي للجانب الايسر
كثير انتبهوا لهذي النقطه لان بعد تقطيع وتوزيع الاستايل يبان الخلل كثير
ونقدر نوزاي بينهم عن طريق اضافة الشبكه للتصميم ليبان لنا المساحه بشكل ادق
وهذي الخلفيه الي سويتها
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 1011x623 .
وبكذا خلصنا من التصميم
وبالنسبه للمشتركين وتطبيقاتهم
نجي نفتح عمل جديد عرض 777 طول 1200
ونروح للهيدر الي سويتوه وندمج جميع طبقاته ونقصه ونضيف في العمل جديد
ونسوي نفس الشي للفوتر والاقسام
بحيث يكون الاستايل عندنا بشكل واحد
هذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 777x1200 .
ونرفقه هني في الموضوع لكي نشوف كل تطبيق واحد فيكم
آخر موعد لتسليم التطبيقات يوم الاربعاء القآدم
اي نقطه صعبه عليكم راح اعيدها لكم مره ومرتين
اتمنى ان يكون الدرس سهل ومفهوم
في انتظاركم
موفقين
ملاحظة / الصور تم تغيير قياساتها لارفاقها في الدرس
منقوووول للفائدهـ
 توقيع saronah : لا الهـ الا أنتـ سبحـانك اني كنتـ منـ الظالمينـ ،، ،، وما توفيقيـ الا باللــهـ أستغفركـ ربيـ وأتوبـ اليــكـ ،، | |
الإهداءات
![الصورة الرمزية |[كبريآء الج ـرح]|](http://bnat-s.com/vb/avatars/1249.gif?dateline=1268329252)
العرض العادي
