تسجيل الدخول

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


سيف-مروانة
2010-12-20, 10:18
http://www.pcintv.com/moonflowers/myDesign/Welcom.gif


كيف نصمم الثيم بإستخدام برنامج الفوتوشوب

بعد ما تعرفنا على شرح برنامج Theme Editor 6600 ولمشاهدة شرح البرنامج
اضغط هنا (http://www.pcintv.com/forums/showthread.php?t=14159)




*****

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

والآن نبدأ في أول خطوه :


الخطوة الأولى

نقوم بعمل تصميم بالمقاسات التالية
العرض : 176 بيكسل
الطول 208 بيكسل


**
ويمكن لغير المصممين إستخدم صور جاهزة ولعمل ذلك اتبع التالي
افتح ملف جديد بالمقاسات المذكوره سابقاً ثم افتح الصورة المراد إستخدامها وسحبها بـ أداة Move tool
ويجب أن تكون متطابقة مع مقاسات الملف الجديد ولتصغيرها أو تكبيرها عن طريق
قائمة Edit نختار free transform يظهر لك أطار محدد للصورة قم بتصغير الصورة على نفس حجم المطلوب


وبعد التأكيد من وضع الصورة على حسب المقاس المطلوب ...

نقوم بحفظ العمل بإسم ( التصميم الأساسي ) ونختار صيغة jpg

الان اصبح التصميم الأساسي جاهز كالصورة التالية

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/baby.jpg


**

الخطوة الثانية

نبدأ بتقسيم التصميم الأساسي إلى ثلاث اقسام ولعمل ذلك نتبع التالي :

1-افتح التصميم الأساسي التي تم تنفيذه من قبل

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/baby.jpg

2-افتح ملف جديد بهذه المقاسات
العرض 176 بيكسل
الطول 44 بيكسل


3-نقوم بسحب التصميم الأساسي إلى الملف الجديد باستخدام أداة Move tool http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/7.jpg

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/Theme28.jpg

ملاحظة
( من الأفضل يتم إغلاق التصميم الأساسي بعد نقلها للملف الجديد )


2-علينا ان نوازي الصورة مع المقاسات الجديد بحيث يظهر لنا الجزء الأعلى من التصميم وللتأكد من وضع الصورة بشكل صحيح اتبع التالي
قائمة Edit نختار free transform يظهر لك أطار محدد لكامل الصورة كالشكل التالي

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/Theme29.jpg


ثم نقوم بحفظ الصورة بـ أسم( الجزء الأول ) وبصيغة jpg

ملاحظة : لا نقوم بـ إغلاق ملف الصورة السابقة القابل للتعديل بعد حفظ نسخه منه لأننا سوف نحتاج إليه في الخطوة الثالثة )

النتيجة

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/one.jpg

**

الخطوة الثالثة

1-نعود للملف السابق ونقوم بتحديد الجزء الأول باستخدام اداة التحديد http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/res.jpg

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/Theme30.jpg

2-بعد التحديد نقوم بالضغط على Delete من لوحة المفاتيح سوف تلاحظ حذف الجزء الأعلى من التصميم ولكن باقي الصورة مازالت موجودة اسفل الصفحة .

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/Theme31.jpg

3- نقوم بإ لغاء التحديد باتباع التالي :

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/50.jpg

4-الآن افتح ملف جديد بهذه المقاسات:
العرض : 176 بيكسل
الطول : 144 بيكسل



5-نقوم بسحب الصورة السابقة التي تم حذف الجزء الأعلى منها باستخدام أداة Move tool
ايضاً نكرر ما قمنا به سابقاً في الخطوة الثانية للتأكد من متطابقة الصورة للمقاس الملف باستخدام
free transform



6-ثم نقوم بحفظ العمل بـ إسم الجزء الثاني وبصيغة jpg
مع الاحتفاظ بنسخة العمل قبل الحفظ مفتوحه

النتيجة :

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/2.jpg


الخطوة الرابعة


1-نكرر ما قمنا به في الخطوة الثالثة وهي كالتالي
أ‌-نعود للملف السابق ونقوم بتحديد الجزءالظاهر من الصورة باستخدام اداة التحديد


ب_ بعد التحديد نقوم بالضغط على Delete من لوحة المفاتيح سوف تلاحظ حذف الجزء المحدد من التصميم ولكن باقي الصورة مازالت موجودة اسفل الصفحة .

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/Theme32.jpg

2- ثم افتح ملف جديد بهذه المقاسات
العرض : 176 بيكسل
الطول 20 بيكسل

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

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/Theme33.jpg

ونحفظ العمل بـ إسم الجزء الثالث وبصيغة jpg

النتيجة

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/3.jpg

الآن انتهينا من إعداد الصور الخاصة بقائمة standby


**

الخطوة الخامسة

1-افتح ملف جديد بهذه المقاسات
العرض 176
الطول 144

2-ثم افتح الصورة التي تم حفظها بـ إسم الجزء الثاني

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/2.jpg

3-وقم بنقلها إلى الملف الجديد مع تخفيف درجة الشفافية إلى 45% كما موضح بالشكل التالي.

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/34.jpg

4-ثم احفظ العمل بإسم Menu

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/4.jpg



الخطوة السادسة
1-افتح ملف جديد بهذه المقاسات
العرض 174
الطول 180


1- قم بنقل التصميم الأساسي إلى الملف الجديد مع تصغير المقاس على حسب مقاس الملف الجديد

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/baby.jpg

2- تخفيف درجة الشفافية إلى 60% كما موضح بالصورة

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/35.jpg

3- ثم احفظ العمل بإسم speed –dial

النتيجة :
http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/speed-dial.jpg



الخطوة السابعة


1-افتح ملف جديد بهذه المقاسات
العرض 167
الطول 176


2- قم بنقل التصميم الأساسي إلى الملف الجديد مع تصغير المقاس على حسب مقاس الملف الجديد
3- تخفيف درجة الشفافية إلى 60%

4- احفظ العمل باسم Go to

النتيجة

http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/Go-to.jpg


الخطوة الثامنة

1-افتح ملف جديد بهذه المقاسات
العرض 176
الطول 141

2- ونكرر الخطوات السابقة التي في قمنا بها في الخطوة رقم 7
3- احفظ العمل باسم calendar

النتيجة :
http://www.pcintv.com/moonflowers/programpcintv/Theme%20Editor%20/calendar.jpg

**

الآن انتهينا من إعداد الصور الخاصة بالثيم
تابع طريقة إدراج الصور في برنامج صانع الثيم على هذا الرابط
تصميم الثيم ( الجزء الخاص بـTheme Editor) (http://www.pcintv.com/forums/showthread.php?t=14208)


شرح برنامج Theme Editor 6600
http://www.pcintv.com/forums/showthread.php?t=14159


http://www.pcintv.com/moonflowers/myDesign/Welcom2.gif

قلب امرأة
2010-12-20, 15:17
نفس المشكل بالنسبة للصور فهي لاتظهر ،
في انتظار لتعديل اخيتي ..http://www.ehsasbnat.com/vb/images/smilies/ehsasbnat.Com%20%2852%29.gif
ولي عودة ان شاء الله ]

fatimazahra2011
2010-12-23, 06:24
http://www.samysoft.net/forumim/slambasmla/123g.gif

http://www.nsaayat.com/up/uploads/nsaayatc67888cab2.gif

http://www.samysoft.net/forumim/shokr/4/fgsgsdg.gif

http://dc06.arabsh.com/i/00838/kvvw3txepjzm.gif