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

مشاهدة النسخة كاملة : شرح مع الصور تصميم ثيم للبلاك بيري



رونق الامل
16 Mar 2012, 04:08 PM
درس تصميم ثيم للبلاك بيري




http://www.qa44.com/vb/imgcache/2/44008alsh3er.jpg



http://www.qa44.com/vb/imgcache/2/44009alsh3er.jpg



http://www.qa44.com/vb/imgcache/2/44010alsh3er.jpg


(3) أضافة أيقونات today .. كل ماضغطتو على علامة اضافة ايقونات توداي (http://www.qa44.com/vb/imgcache/2/44011alsh3er.jpg) بتزيد الايقونات ع الشاشة الرئيسية وبتشوفون شكلها كيف

(4) إضافة أيقونات zen .. علامتها تكون كذا (http://www.qa44.com/vb/imgcache/2/44012alsh3er.jpg) وكل ماضغطتو عليها كل مازادت الايقونات ع الشاشة الرئيسية ..
واذا بغيتو تحذفون ايقونة اضغطو ع الإكس الاحمر اللي بزاوية اليمين..
طبعاً لكم حرية اختيار عدد الايقونات اللي بتكون ع الشاشة الرئيسية مثل مانتوا حابين ..

وكذا يكون شكل zen و today






وبعد كذا نجي لشرح تحريك الايقونات ..

http://www.qa44.com/vb/imgcache/2/44013alsh3er.jpg

اول ماتضغطون على reposition home screen itemsبتلاحظون الايقونات بالشاشة الرئيسية تظللت بالاخضر والازرق مثل هيك

http://www.qa44.com/vb/imgcache/2/44014alsh3er.jpg

روحو للشاشة الرئيسية وحركوا الايقونات مثل ماتبون لين ترتبونها بالطريقة اللي تبون ..
اذا خلصتوا من تحريك الايقونات اضغطوا reposition home screen items مرة ثانية ..





الحين نجي لتغيير اختصارات الايقونات
يعني تختارون الابلكيشنز اللي تبونها تكون ع الشاشة الرئيسية
http://www.qa44.com/vb/imgcache/2/44015alsh3er.jpg

برجع اشرح الخطوات للتوضيح..
نبدا بخطوة (5) نفتح فئة properties ومنها نقدر نغير خصائص الايقونات ..
خطوة (6) تضغطون ع الايقونة الاولى وبعدها ننتقل لخطوة (7) عشان نغير اختصار الايقونة..
وبتطلع لنا هالويندو
http://www.qa44.com/vb/imgcache/2/44016alsh3er.jpg





بخطوة (8) تختارون أي ابلكيشن تبونة وبعدها اوكي..
طبعاً تكررون هالخطوات مع كل ايقونة وبتشوفون التغيير يصير ع الشاشة الرئيسية..
http://www.qa44.com/vb/imgcache/2/44017alsh3er.jpg





والحين الشغل بيصير ع أيقونات zen
http://www.qa44.com/vb/imgcache/2/44018alsh3er.jpg

بعد مانختار ايقونة من ايقونات zen
نروح لخطوة (11) ومن خيار icon animation تقدرون تختارون حركة الايقونة ..
يعني تبونها تناقز والا تختفي والاتصير مثل الفلاش واللا جامدة ماتسوي شي
طبعاً حركة الايقونة مابتطلع لكم الا اذا مررتوا الماوس عليها
يعني بعد ماتثبتون الثيم ع الجهاز ..

خطوة (12) **** animation خاص بحركة أسم الايقونة ..
يعني مثلا كلمة messeges تقدرون تخلونها تختفي او تروح يمين او تروح يسار او تناقز بعد ..

اما خطوة (13) **** position وهو انكم تختارون موقع أسم الايقونة..
تبونة تحت الايقونة او فوق الايقونة او يمينها او يسارها..

مثل هيك .. خليت كلمة messenger فوق الايقونة .. وكلمة clock تحت الايقونة
http://www.qa44.com/vb/imgcache/2/44019alsh3er.jpg


طبعاً تكررون الخطوات على كل ايقونات zen اذا بغيتوا ..




وبكذا نكون خلصنا من الشاشة الرئيسية.. نجي لآخر خطوتين ..
http://www.qa44.com/vb/imgcache/2/44020alsh3er.jpg

http://www.qa44.com/vb/imgcache/2/44021alsh3er.jpg



خلصنا درس تصميم ثيم كوستوم ولله الحمد
وهذا شكل الثيم اللي طبقت علية الدرس
http://www.qa44.com/vb/imgcache/2/44022alsh3er.jpg

هالثيم للبيبي كيرف متوافق مع سوفتوير 4.6 ..

اللي يبي يحملة

http://www.rofof.com/dw.png (http://sub5.rofof.com/03cxqsf16/Thym_Llbyby_Kyrf.html)






اذا جيتو تطبقون رتبوا الايقونات مثل مانتو حابين لاتتقيدون بالشكل اللي انا سويته ..
أبدعوا وأطلقوا العنان لأنفسكم
وهذي بعض ثيمات كوستوم .. عشان تعطيكم افكار

http://www.qa44.com/vb/imgcache/2/44023alsh3er.jpg



الحين نجي لشرح تلوين بنر الشاشة الرئيسية وعلامة التركيز..
يعني بنحتاج للفوتوشوب بهالدرس..
ببدا فبنر الشاشة الرئيسية.. وهذا شكلة ..
http://www.qa44.com/vb/imgcache/2/44031alsh3er.jpg

ننتقل للفوتوشوب ونفتح عمل جديد ..
مقاسات البنر بالنسبة للبولد بتكون 75×480
ومقاسات بنر الكيرف8900 48×480
والبيبي كيرف مثل ماهو موضح 50×320
http://www.qa44.com/vb/imgcache/2/44032alsh3er.jpg


بعدين نلون البنر باللون اللي نبية
http://www.qa44.com/vb/imgcache/2/44033alsh3er.jpg

http://www.qa44.com/vb/imgcache/2/44034alsh3er.jpg

وبكذا نكون خلصنا من لون البنر..
نحفظة بصيغة png < هذي اهم نقطة لانة بيتغير شكلة لو حفظناة بصيغة غير الـ png



الحين ننتقل لبرنامج الثيمات
http://www.qa44.com/vb/imgcache/2/44035alsh3er.jpg

نتبع الخطوات وبيصير البنر كذا
http://www.qa44.com/vb/imgcache/2/44036alsh3er.jpg









خلصنا من تلوين البنر .. ننتقل لتلوين علامة التركيز
وهي المربع الازرق اللي يكون خلف الايقونة
http://www.qa44.com/vb/imgcache/2/44037alsh3er.jpg

رفعتها لكم بملف لانة مقاساتها تختلف بكل جهاز
طبعا هي 4 ايقونات بكل ملف
للبولد والكيرف 8900 حملوها من | http://www.rofof.com/dw.png (http://sub5.rofof.com/03hkjer16/Llbwld_walkyrf.html)


والبيبي كيرف 8350 من | http://www.rofof.com/dw.png (http://sub5.rofof.com/03wulyg16/Al-byby_Kyrf.html)


بعد مانحمل الملف نفتح أيقونة TAB(1) بالفوتوشوب
ونتبع الخطوات

http://www.qa44.com/vb/imgcache/2/44038alsh3er.jpg
نروح لبوكس اللاير ونختار علامةالدائرة اللي نصها اسود وابيض
وبعدين نختار hue\saturation

وبتطلع لنا هالويندو ومنها تغيرون اللون
http://www.qa44.com/vb/imgcache/2/44039alsh3er.jpg

بعد كذا تحفظون الايقونة بصيغة png وماتغيرون أسمها يعني TAB(1)تظل TAB(1)
طبعا تغيرون الوان الايقونات الاربعة كلهم وتحفظونهم بصيغة pngوماتغيرون اساميهم





بعد مانخلص من التلوين والحفظ ننتقل لبرنامج الثيمات
ونتبع الخطوات
http://www.qa44.com/vb/imgcache/2/44040alsh3er.jpg


الحين نضيف علامة التركيز لأيقونات today
http://www.qa44.com/vb/imgcache/2/44041alsh3er.jpg

بعد مانضيف علامة تركيز ايقونات today بيصير شكلها كذا
http://www.qa44.com/vb/imgcache/2/44042alsh3er.jpg




بعدين نروح لأيقونات zen ونتبع الخطوات
http://www.qa44.com/vb/imgcache/2/44043alsh3er.jpg





وتصير كذا
http://www.qa44.com/vb/imgcache/2/44044alsh3er.jpg




الحين ننتقل لأيقونات قائمة البرامج
ونتبع الخطوات





ننتقل للخطوة اللي بعدها
ونسوي هيك
http://www.qa44.com/vb/imgcache/2/44045alsh3er.jpg


http://www.qa44.com/vb/imgcache/2/44046alsh3er.jpg

بعد مانضغط علامة تعديل التاب بتطلع لنا هالويندو
http://www.qa44.com/vb/imgcache/2/44047alsh3er.jpg

نحط مثل المقاسات اللي بالصورة وهالمقاسات خاصة بالبيبي كيرف 8350

أما مقاسات البولد والكيرف 8900 بتصير كذا
http://www.qa44.com/vb/imgcache/2/44048alsh3er.jpg


بعد مانظبط المقاسات نختار ok ونطبق نفس الخطوات ع المربعين الباقين
http://www.qa44.com/vb/imgcache/2/44049alsh3er.jpg
يعني تختارون TAB(4) وتعدلون المقاسات ..



بكذا نكون خلصنا من درس التلوين
يبقى لكم حفظ الثيم بالصيغة اللي تبونها jad أو alx وعليكم بالعافية








منقوووول

فله المميزة
17 Mar 2012, 08:21 PM
شرح رائع وواضح وجميل
بارك الله فيك
مواضيعك مميزة كتميزك وفقكِ الله

رونق الامل
08 Sep 2012, 02:14 AM
شرح رائع وواضح وجميل
بارك الله فيك
مواضيعك مميزة كتميزك وفقكِ الله
بارك الله فيك
أكتمل الموضوع تميزاً و جمالاً بمرورك أختي فله