المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [درس مفصل] التعامل مع تقنية 9-Slice (فايروركس)



salima
10-30-2013, بتوقيت غرينيتش 04:49 AM
السلام عليكم و رحمة الله و بركاته

من المميزات الجديدة التي اضيفت للفايروركس باصداره cs3
تقنية ال 9-Slice (الاقسام التسعة) و التي سهلت بشكل كبير التعامل مع تصميم الايقونات عندما نغير قياسها باداة Scale Tool

حيث في السابق عند تحجيم الايقونة كانت تتشوه بعض الشيء لكن مع هذه التقنية المميزة لن يحدث اي تشوه بعد الان

و كما في الصورالتوضيحية التالية لطفا

الايقونة الاصلية

http://img144.imageshack.us/img144/6214/0000001ds5.gif


الان في الصورة التالية الايقونة الاولى مع استخدام التقنية و الثانية بدون استخدامها

http://img88.imageshack.us/img88/1091/0000002ku6.gif


و طريقة استخدامها كما في الخطوات التالية

* نحول الايقونة الى رمز (symbol)


http://img144.imageshack.us/img144/6214/0000001ds5.gif


و لنقوم بهذا التحويل فقط نضغط كلك ايمن على الايقونة و نختار

Convert to Symbol




http://img88.imageshack.us/img88/3035/0000003ee1.gif


او من Modify نختار Symbol ثم Convert to Symbol

http://img100.imageshack.us/img100/9135/0000004pw1.gif


او للسهولة نضغط على مفتاح F8


ستفتح لنا الان نافذة باسم Convert to Symbol

فنختار منها الاختيار Button

و من المهم تفعيل الاختيار Enable 9-slice scaling guides بوضع علامة صح بجانبه

ثم OK

http://img137.imageshack.us/img137/7964/0000005za6.gif


و الان فقط نضغط دبل كلك على الايقونة لتفتح نافذة التحكم لها

http://img246.imageshack.us/img246/4306/0000006pp6.gif


و نغير في موضع اعمدة التقاطع بما يناسب نوع تصميمنا ثم نوافق على الاعدادات

http://img246.imageshack.us/img246/7915/0000007jl3.gif


http://img134.imageshack.us/img134/7403/0000008tp8.gif


ثم الان نعود الى التصميم و نستخدم اداة التحجيم (Scale Tool) و نغير بالابعاد لنجد انها متناسقة و لم تتشوه اطلاقا

http://img134.imageshack.us/img134/5606/0000009cw8.gif


http://img89.imageshack.us/img89/3097/00000010bb9.gif


متمنيا ان يكون الدرس مفصل قد نال استحسانكم و استفدتم منه



مع
اجمل تحية



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى