برامج :+: شرح برنامج تصميم ثيمات للتلفون :+:

بحر السكون

Well-Known Member
السلام عليكم

اليوم جاايب لكم شرح برنامج series60 theme studio لـ تصميم ثيماات الجواااااااااال



نبدأ بالشرح

أول شي حمل البرنامج من هـــنــــا

و اضغط على I AGREE -- DOWNLOAD



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


1.jpg



بعدين نضغط زي مافي الصورة ذي


2.jpg



إذا ضغطنا على NEW راح تطلع لنا النافذة التالية


3.jpg



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




بعد ماضغطنا OK راح يطلع لنا مثل مافي الصورة



4.jpg



ذلحين تعرفنا على الأشيااء المهمة بالبرناامج والبااقي كله شغلات خفيفة وسهلة

نآخذ مكونات الثيم مثل ماهوو وااضح بالصوورة اللي فووق
ورااح نتعامل معاها خطوة بخطوة وياليت تركزوون معاايه لأن هذا مربط الفرس في البرنامج
إذا تمكنتوا منه وعرفتووه رااح تبدعوون بالبرناامج

ناخذ أول جزء بالمكوناات وهو BACKGROUND وهو خلفية القوائم مثل ما تلاحظون بالصورة


5.jpg



بعد ماشفنا الصورة نروح نصمم بالفوتشوب ويكون مقاس العمل كذه
العرض=176
الطول=208

بعد ما صممنا وخلصنا نحفظ العمل على متداد bmb زي مافي الصورة


6.jpg



انتبهوا انتبهوا انتبهوووا البرناامج مايدعم غير الصوور ذات الامتدااد BMP

يعني كل شي تصممه على طوول تحفظه بامتدااااد BMP


ذلحين خلصنا حفظنا الصورة وكلش انتهينا

بااقي علينا نحطه بالبرنامج

الطريقة سهلة وهي نضغط على BROWSER ونروح للمسار اللي فيه الصورة

شوف الصورة وراح تفهم الطبخة



7.jpg



لازم ياجمااعة كل حااجة نسويها على طوول نضغط على SAVE عشاان يحفظ العمل لكن لو ماضغطت على SAVE مارااح يحفظ معااك




المهم ذلحين أقدر اقوول مبروك قدرت تقطع 70% من تصميم الثيم



هذه خلفية القوائم وانتهينا منها نااخذ اللي بعدها وهي AREAS



8_1.jpg



إذا ضغطنا عليها راح يطلع لنا خيارين مثل ماهو موضح معاانا بالصورة


8_2.jpg



الخيار الأول اللي عليه رقم (1):

هذا ياطويل العمر الصورة العلوية من الثيم وأنصحك ماتغيرها خلها على تصميمك حق القوائم عشان يكوون متنااسق وحلوو


الخيار الثاني اللي عليه رقم(2)
هذا الخط الفااصل في الموبايل

ولازم نشيله ( نخليه شفااف ) عشاان يكون شكل الثيم تمااام

طريقة جعله شفاف نسووي مثل مافي الصورة



8_3.jpg



بعد ماركبنا الصورة الشفافة نضغط على save

وراح نلاحظ التالي



8_4.jpg



شايفين الــ صح اللي عند رقم وااحد هذا يدل على إنا انتهينا منه

بس لاحظو عند رقم (2) راح نلاحظ صورة زرقااء وجنبها (سهمين)

نضغط على الـسهمين لحد ماتصير الصورة الزرقاء كاملة مثل مافي الصورة



8_5.jpg



شايفين الصورة الزرقاء كاملة ولاحظ تحتها مافيه علامة صح يعني لحد الآن ما زبطناها

لكن اضغط عليها كليك ومثل ماغيرنا الصورة اللي فووق وخليناها شفافة نغير الصورة ذي بنفس الطريقة

وبعدين اضغط على save وراح تلاحظ علامة الصح موضوعه تحتها

يعني خلصنا منها ولله الحمد

ذلحين شوفوا الصورة



aa.jpg



رقم وااحد انتهينا منه
رقم اثنين أنصحكم محد يعدل فيه شي خلووه زي مااهو
رقم ثلاثة وهو خياار القائمة السفلى اللي تجي أسفل الثيم في القائمة
يعني لو ضغطت عرض القائمة في جوالك ذلحين راح تلاحظ أسفل الثيم موجود على اليمين ((خروج)) وعلى اليسار ((الخيارات))

هي الخلفية اللي تجي ورا خروج و الخيارات

وأنا أشووف لو تخليها على شكلها الافتراااضي يكوون أفضل

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


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




100.jpg



نلاحظ طلع لنا خيارين
الخيار الأول وعليه رقم ((1))

هذا خيار الأيقونااات اللي يطلع في ركن الجوال

امسك جوالك ذلحين واضغط على زر القائمة

راح تطلع لك صورة في ركن الجواال وجنبها مكتووب القائمة

هذا هو المقصوود يعني كل خياار تطلع الأيقوونة بالركن الأيمن

لو فرضنا إنك ضغطت على الأوضاع بجوالك رااح تطلع لك بالركن الأيمن ايقونة الأوضاع

ولو ضغطنا على الرسائل كمان راح تطلع لك أيقونة الرسائل بالركن الأيمن

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


وهذه مجمووعة من الأيقووناااات في ملف وااحد
فيه منها الأخضر والأزرق والرمادي والودري والأحمر والفوشي الباهت



]::+: للــتــحــمــيــل :+::


وبعد هذا ملف مرفق فيه صوور رووعة للبطاريات والأبرااج وشرح البطاريات والأبرااج تحت

للــتــحــمــيــل


بس واللي يرحم والديكم انتبهوو انتبهوو

فيه نقطة مهمة بغيت أنساها وهي لو حملت الملفات المرفقه حقت الأيقونات راح تلاحظ كل أيقونة لها أيقونة بنفس الشكل واللون

لحد يحذفها

الفرق بينها ((في الحجم))

يعني ايقونة مقاساتها أكبر من الأيقونة اللي تشبه لها

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


101.jpg


عند الرقم ((1)) نلاحظ بعض الأيقونااات تحتها علامة صح وهذه خلصانين منها

بااقي علينا الأيقوناات اللي ماسويناها والطريقة مشروحة بالصورة في رقم((3))


لازم كل أيقونة تزبطها تضغط على save وبعدين تنتقل للأيقوونة اللي بعدها


رقم ((2)) هذا سلمكم الله تبحث فيه عن المجلد اللي فيه الأيقونات عشان تنزلها بالثيم


لاحظ رقم ((4)) فيه أيقونتين بنفس الشكل واللون ناخذ الأيقونة اللي مقاسها أكبر

لأن فيه وحده مقاسها صغير والثانية مقاسها كبير إحنا في الخيار ذا تهمنا الأيقونة اللي مقاسها كبير


والله أتمنى من كل قلبي إن الشرح يكوون وااضح للجميع وسهل


فووق إحنا شفنا الصورة ذي



100.jpg


شرحنا الخيار الأول اللي عليه رقم ((1))



بااقي الخياار الثاني

نضغط كليك على الخياار الثاني ورااح نشووف القائمة ذي



102.jpg




زي مانشووف الأيقوناات اللي تطلع بالقائمة وهذه الأيقونات مقاسها أصغر من الأيقوناات اللي فووق

يعني عرفنا الحين ليش الايقونتين بنفس الشكل واللون

الكبيرة وضعناها فووق في الركن الأيمن في الجوال

والصغيرة تضعها في القائمة زي ماهو وااضح بالصوورة في علامة الإستفهام الرمادية

وطريقة إدراج الأيقونة نفس الشرح اللي فووق


بااقي بعض الخيارات في الأيقوناات بس ماهي مهمه عشان كذه نتجاوزها ونرووح لــHIGHLAGHIT مثل مافي الصور



103.jpg


نلاحظ الخياار الأول وهو خياار التحديد في القائمة مثل مافي الصورة

104.jpg


وهذا هو مقاسها بالوفوتوشب

العرض= 174
الطول= 132



نروح للخيار الثاني اللي عليه الرقم((2)) مثل مافي الصورة


103.jpg



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

105.jpg



ومقاساتها

الطول=47
العرض=58


خلصنا من الخيار الثاني

بااقي الخيار الثالث وأعطووه كنسل << لحد يحرجه ويقوول ليش كنسلته


نرووح للخياار التالي



106.jpg



نلاحظ الخيار الأول يتفرع إلى خيارين

الخيار((A)) والخيار ((B)) شوف الصورة معي



107.jpg



الخيار A هو القائمة المنسدلة من الخيارات

ومقاسات العمل للخيار A و B

الطول=132
العرض= 176


ذلحين نرووح للخيار الثاني اللي فيه الرقم ((2))



106.jpg




يــــــتــــبـــــع
 
أتوقع الصورة شارحة نفسها وهو خياار الأصواات

لاحظ الرقم ((1)) لازم تغير الأثنتين مع بعض يعني إذا غيرت الأولى وحفظت save

تروح للثانية وتغيرها وتضغط على save عشان يجي الصح تحت الصورتين

لاحظ الصورة الأولى تعني إن الصووت ممتلئ يعني Full
أما الصورة الثانية تعني الصوت منخفض للأخير


أتمنى فهمتوو المقصوود منها وإذا النقطة ذي أو أي نقطة مو فاهمها لاتترد بالسؤال عنها

كلنا اخوااان والمقصد إن الكل يعرف كيف يصمم ثيم وإن شاء الله الكل يعرف الطريقة ويتحفنا بإبداعاته




خلصنا من الخيار ذا نرووح للخياار اللي بعده وهوو كمان للصوت لكن هالمرة في مستوى الرنين بالأوضااع


109.jpg



اضغط على رقم واحد
وكماان نفس الشرح الساابق يعني لازم تغير الصورتين كلها
وبعدين نروح للخيار الثالث وهو كماان عن الأصواات
ما أزيد كلام على اللي فووق




نرووح للخيار اللي بعده وهو خيار القواااائم

110.jpg



عند الرقم ((2)) اضغطو على animate عشان تعرفووا المقصوود
والأرقام 3 و 4 و 5 وكماان اللي تحت 5 كلها نفس المقصوود بالخيار الأول

بس بدل ماتكوون صورتين تكوون ثلاث أو أربع وهذه صورة موضحة عنها



111.jpg



نزلتكم الصورة من دوون ختم عشاان اللي وده يلطش القواائم يلطشها ماعنده غير حلاله



نرووح للخياار اللي بعده وهو خياار الأبراج والبطاريه



112.jpg



إذا زبطنا الأبرااج والبطارية نرووح للي بعدووه


113.jpg



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



ماعلينا

نرووح للخياار التالي



114.jpg



والرقم 2 و 3 واااضحة مجرد الضغط عليها راح تعرف شو فيها وشو مافيها

والخيارات اللي فوق ذي كلها تعتمد على المؤشرات

ذلحين ابيكم تركزووا معاايه بالصورة ذي



115.jpg



مقاسات الصورة((الشاشة الرئيسية))
الطول=208
العرض = 176


ننتقل للخياار اللي بعده



116.jpg



رقم((1)) >> تضع فيه الصورة اللي تبيها تظهر في قائمة ذهاب إلى
رقم((2))>> خليه زي ماهوو وإذا ودك تغيره مافيييش مشااكل غيره وهو الخط الفااصل بين صورة الذهاب إلى وبين أسفل الثيم
رقم((3)) >> إذا ضغطت على الخياار ذا رااح يظهر لك التقوويم وإذا ودك تنزل فيه صوورة نزل
رقم((4)) >> مهم وراح أشرحه لكم
شووف الصورة حقته



117.jpg



ياربيييييييييييييييييييييييييييه
مابغينا نخلص

بس بااقي شي بسيطة وهي أهم نقطة بالثيم كله



(( خاصية اللون ))


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



118.jpg




نضغط على color وراح تطلع لنا الصورة التالية


119.jpg



بعد ما اخترنا اللون وضغطنا أووكي نلاحظ إن لون صورة الرسايل ورمز القفل تغير إلى اللون اللي اخترته

ولاتنسى تضغط على save عشان يحفظ اللي سويته

بعدين انتقل للخياار اللي بعده وحدد اللون واضغط ok وبعدين اضغط على save لحد ماتخلصها كلها

شووف الصورة ذي



120.jpg




**** coloure تعدلها نفس تعديل اللي قبلها يعني تختار اللون وبعدين تضغط ok وبعدين تضغط على save لحد ماتخلص كل خياراتها

لكن اللي محدد باللون الأحمر أنصحك لاتتعب فيها
كلها عن التقوويم وما التقوويم يعني ماراح تفيدك بشي


في النهااية نضغط على اللي محدد بالصوورة عشاان نحفظ الثيم



121.jpg



وراح تطلع معانا الصورة التالية


122.jpg




نضغط على contine مثل ماهو محد باللون الأحمر وبيطلع لنا النافذة التالية


123.jpg



إذا ضغطت اووكي رااح تطلع لك رسالة أخير اختاار فيها كنسل


124.jpg



كذه أقدر الف مبروك عليك الثيم ورااح تلاقيه على المساار التاالي


125.jpg



مـــنــــقــــول


 
عودة
أعلى