الدرس الثاني لتصميم الإستايل ( تقسيم وتقطيع الإستايل )

السلام عليكم ورحمة الله وبركاته
في درس اليوم راح نتلكم عن الجزء الثاني في تصميم الإستايل ..
وهو تابع لدرس (كل ما في الموقع من روابط للتحميل مثل صورة لعبة برنامج اغنية مقطع فلم على رسائل مسجات الى يوتيوب سواء للبنات او للشباب لابد من تسجيل اضغط هنا و استمتع مع اجمل و احلى مواضيع )
اليوم بإذن الله سنتطرق للجزء المهم في الإستايل وهو تقطيع التصميم الذي صممته ..
وقبل البدء في درس اليوم ... أحببت ان أجاوب على سؤال دائماً أسمعه من الكثير .. وهو /
ماهي متطلبات تصميم الإستايل ؟؟
كل ماهومطلوب منك ( برنامج الفوتوشوب لتصميم الإستايل او أي برنامج جيد في التصميم ) + فرونت بيج
أنا هنا ساتعامل مع بنرامج الفوتوشوب .. وتقدر تحمله من قسم البرامج في المنتدى لو لم يكن موجود لديك ..
المهم قلنا في الدرس السابق أولاً عليك أن تصميم الإستايل الذي تريد .
.وقلنا كذلك مع الخبرة راح تعرف تختار لك العرض والإرتفاع المناسب وقلت لكم العرض والإرتفاع المفضل لدي تقريباً هو لدي( 780 * 585 ) بكسل وتصمم الإستايل من بنر وفوتر وجوانب لو حاب وبأي شكل تريد ..
ونقول تصميمنا الي صممناه وراح نشرح عليه ونركبه كإستايل هو كما هو موضح في الصورة

الآن عند الإنتهاء من التصميم ... نجي نقسم التصميم حتى نقوم بتقطيعه بطريقة دقيقه وسهله ..
فأنا هنا إخترت ان أشرح لكم طريقة التقطيع بإستخدام أداة ( slice tool ) وهي تطلب وجود المسطره حتى نستخدمها .. ولإدراج المسطره في الفوتوشب إختر قائمة view وتأكد أن أمر Ruler موجوده أمامه علامة الصح كما هو موضح بالصورة ...

الآن بالسحب والإفلات من نفس المسطرة ستظهر لنا خطوط الإرشاد والتي من خلالها سنقسم الإستايل ..
حيث سندرج خطوط الإرشاد كما هو موضح بالصورة ( 3 ) أعمده كماهي موضحه بالون الاحمر و ( 2) من الصفوف كما هي موضحه بألون الأخضر ..

حاول أن تضبط هذه الخطوط كما أن فعلت وبنفس المقاسات تقريباً ..يعني الجوانب تكون صغيره زي ماهو موضح في الأعلى ..
فنحن نريد أن نقطع الإستايل إلى ( 10 ) قطع بالتمااام والكماااااااال لذلك إخترت أماكن خطوط الإرشاد كما فعلت في الصورة أعلى ..
الان نختار الأداة ( slice tool ) من مربع الادوات كما هي موضوحه بالصوره

سيظهر عن الضغط عليها شريط الخيارات الخاص بهذه الأداة إضغط على الزر (( slice from Guides ) كما هو موضح بالصوره

الآن ستلاحظ تصميمك يحصل فيه كما هو موضح بالصورة أسفل /

هذه التقسيمات توضح ماوضحناااه هنا في هذه الصورة التالية /



تابع