- إنضم
- 2 فبراير 2015
- رقم العضوية
- 3401
- المشاركات
- 2,525
- الحلول
- 8
- مستوى التفاعل
- 7,936
- النقاط
- 981
- أوسمتــي
- 19
- العمر
- 29
- الإقامة
- مغرب الأنوار ..!
- توناتي
- 3,255
- الجنس
- ذكر
LV
4
[TBL="http://www.foxpic.com/VIMYiS5v.jpg"]
[/TBL][TBL="http://www14.0zz0.com/2015/03/28/12/986616757.png"]
[/TBL][TBL="http://www14.0zz0.com/2015/03/28/12/886138463.png"]
[/TBL]
[/TBL][TBL="http://www14.0zz0.com/2015/03/28/12/986616757.png"]
[FONT=Arial, sans-serif]
[/FONT]
السلام عليكم ورحمة الله تعالى وبركاته
أهلا طلابي الأعزاء .. كيف حالكم ؟ ان شاء الله الكل بخير وفي أفضل حال ~
أول شيء أعتذر عن هذا التأخـر في طرح الدرس الرابع بسبب الأنشغالات وايضا تركتها كفرصة ليلتحــق بنا من لــــم يسعفه
الوقت لمراجعة الدروس او التطبيقات ,, موضوع اليوم سيكون الأخير في ما يخص التصميم وسنتعلم فيه كيفية ترتيب محتوى
القرص في الجزء الأول اما الجزء الثاني فسيكون عن كيفية تصميم الأزرار وتنسيقهـــا كي نبدأ في تركيب قرصنــا عما قريب
هذه المرة لن نقـــوم بأية تطبيقات وما ستكتسبونه هنـــا يمكنكـم من خلاله التعديل على مشاريعكـــم السابقة والدرس جد سهل
| الجزء الأول : ترتيب المحتويات |
داخل المقاس المحدد للمشروع كلنا نحاول ترتيب الأمور قدر المستطاع وكمثال على ذلك نأخذ هذه الصورة التي توضح ان
[ Rounded Rectangle ] غير متناسقة من ناحية المسافة بينها في الأصدار الأحدث من الفوتوشوب هنالك
خاصية [ Smart Guides ] دورها بدون اطالة يظهر في هذه الصورة التالية :
يساعد كثيرا في وضع الطبقات على نفس المستوى هذا أول شيء ،، الأمر الثاني يوجد لدينا خاصيتان في قائمة [ Layer ]
طريقة الأستخدام بسيطة وهي عن طريق تحديد الطبقات المراد ترتيبها بنفس القياس وإختيار أحد هذه الخيارات :
الأداة الأخيرة والتي تقدم عون كبير هي [ Rulers ] وتتواجد في قائمة [ View ] أو يمكننا الوصول اليها من الكيبورد عن
طريق الأختصار [ Ctrl + r ] طريقة استخدامه بسيطة جدا أولا نقوم بالنقر بالزر الأيمن فوق الشريط لاستعراض المقياس الذي
سنتعامل به وفي حالتنا إخترت البيكسل < الخطوة الثانية هي النقر بالزر الايسر فوق الشريط وسحب الخط المتقطع الى مساحة
العمل .. والصورة التالية توضح هذه الخطوات :
وفي الأخير سنحصل على النتيجة التالية وبهذا نكون قد نسقنا المحتويات بقياسات متشابهة :
| الجزء الثاني : تصميم الأزرار |
لكل منا طريقته في تصميم هذا الجزء .. لكن سأوضح مسألة عند الأنتقال الى البرنامج الذي سنعمــــل عليه في المـــرة القادمـــة
فمن خلاله يمكننا ادراج أزرار موجودة مسبقا أو حتى تحميلها من النت ،، لكن لسوء الحظ هذه الطريقة لن تتماشى مع التصميم
وقد لا نحصل على الشكل الذي نريده .. لذلك اتخذت أسلوب مختلف للتعامل مع المشكلة والحفاظ على جمالية المشروع وذلك عن
طريق اضافة ازرار الى التصميم بالفوتوشوب وبعد الانتقال الى البرنامج الثاني افتح عمل جديد بنفس مقاس الزر والاهم ان يكون
شفاف تماما كما في الصورة :
بعد حفظ الصورة أقوم بادراجها فوق الزر الاصلي ،، ومــــن خلال هذه الصورة أقوم باضافة خاصية الصوت عند مرور الماوس فوقهــــا
وايضا اضافة الأكشن الذي سيحدث بعد النقر عليها .. سيتم توضيح الفكرة أكثر بشكل عملي في الدرس القادم عندما نبدأ مرحلة التركيب
وايضا هذا شكل بعض الأزرار التي اضفتها الى اسطوانة : [ قرص إنمي تون الحصري لبرامج الويندوز وتطبيقات الأندرويد ]
حيث لجأت فقط الى الكتابة وأحد الأشكال .. أو باستخدام صور بصيغة [ PNG ] تتناسب والمشروع مع تعديل شفافيتها كما في الصورة
سبق وأن رفعت لكم المجموعة التالية :
التحميل من [ هنآ ]
الان نعود الى التصميم الخاص بالأزرار .. هنالك الكثير من الطرق التي يمكن إتباعها وعلى سبيل المثال اقوم بعمل شكل
جديد وأطبق عليه ما يلي :
طريقة ثانية :
وهذه مجرد أمثلة لا غير ويمكنكم التفنن في استخدامها .. ايضا قمت بإرفاق مجموعة من الأزرار كل ما عليكم فعله لاستخدامها
هو التحديد على الطبقة وعمل نسخ للستايل الخاص بها وتطبيقه على عملكم :
التحميل من [ هنا ]
وبهذا يكون قد إنتهى درس اليوم وأتمنى أن تكون الفكرة واضحة لكم .. اما بالنسبة للتطبيقات فلا توجد لكن
يجب عليكم العودة لمشاريعكم والتعديل على كافة الأمور لننتقل الى مرحلة التركيب ونخرج من الجزء الممل
الخاص بالتصميم
السلام عليكم ورحمة الله تعالى وبركاته
أهلا طلابي الأعزاء .. كيف حالكم ؟ ان شاء الله الكل بخير وفي أفضل حال ~
أول شيء أعتذر عن هذا التأخـر في طرح الدرس الرابع بسبب الأنشغالات وايضا تركتها كفرصة ليلتحــق بنا من لــــم يسعفه
الوقت لمراجعة الدروس او التطبيقات ,, موضوع اليوم سيكون الأخير في ما يخص التصميم وسنتعلم فيه كيفية ترتيب محتوى
القرص في الجزء الأول اما الجزء الثاني فسيكون عن كيفية تصميم الأزرار وتنسيقهـــا كي نبدأ في تركيب قرصنــا عما قريب
هذه المرة لن نقـــوم بأية تطبيقات وما ستكتسبونه هنـــا يمكنكـم من خلاله التعديل على مشاريعكـــم السابقة والدرس جد سهل
| الجزء الأول : ترتيب المحتويات |
داخل المقاس المحدد للمشروع كلنا نحاول ترتيب الأمور قدر المستطاع وكمثال على ذلك نأخذ هذه الصورة التي توضح ان
[ Rounded Rectangle ] غير متناسقة من ناحية المسافة بينها في الأصدار الأحدث من الفوتوشوب هنالك
خاصية [ Smart Guides ] دورها بدون اطالة يظهر في هذه الصورة التالية :
يساعد كثيرا في وضع الطبقات على نفس المستوى هذا أول شيء ،، الأمر الثاني يوجد لدينا خاصيتان في قائمة [ Layer ]
طريقة الأستخدام بسيطة وهي عن طريق تحديد الطبقات المراد ترتيبها بنفس القياس وإختيار أحد هذه الخيارات :
الأداة الأخيرة والتي تقدم عون كبير هي [ Rulers ] وتتواجد في قائمة [ View ] أو يمكننا الوصول اليها من الكيبورد عن
طريق الأختصار [ Ctrl + r ] طريقة استخدامه بسيطة جدا أولا نقوم بالنقر بالزر الأيمن فوق الشريط لاستعراض المقياس الذي
سنتعامل به وفي حالتنا إخترت البيكسل < الخطوة الثانية هي النقر بالزر الايسر فوق الشريط وسحب الخط المتقطع الى مساحة
العمل .. والصورة التالية توضح هذه الخطوات :
وفي الأخير سنحصل على النتيجة التالية وبهذا نكون قد نسقنا المحتويات بقياسات متشابهة :
| الجزء الثاني : تصميم الأزرار |
لكل منا طريقته في تصميم هذا الجزء .. لكن سأوضح مسألة عند الأنتقال الى البرنامج الذي سنعمــــل عليه في المـــرة القادمـــة
فمن خلاله يمكننا ادراج أزرار موجودة مسبقا أو حتى تحميلها من النت ،، لكن لسوء الحظ هذه الطريقة لن تتماشى مع التصميم
وقد لا نحصل على الشكل الذي نريده .. لذلك اتخذت أسلوب مختلف للتعامل مع المشكلة والحفاظ على جمالية المشروع وذلك عن
طريق اضافة ازرار الى التصميم بالفوتوشوب وبعد الانتقال الى البرنامج الثاني افتح عمل جديد بنفس مقاس الزر والاهم ان يكون
شفاف تماما كما في الصورة :
بعد حفظ الصورة أقوم بادراجها فوق الزر الاصلي ،، ومــــن خلال هذه الصورة أقوم باضافة خاصية الصوت عند مرور الماوس فوقهــــا
وايضا اضافة الأكشن الذي سيحدث بعد النقر عليها .. سيتم توضيح الفكرة أكثر بشكل عملي في الدرس القادم عندما نبدأ مرحلة التركيب
وايضا هذا شكل بعض الأزرار التي اضفتها الى اسطوانة : [ قرص إنمي تون الحصري لبرامج الويندوز وتطبيقات الأندرويد ]
حيث لجأت فقط الى الكتابة وأحد الأشكال .. أو باستخدام صور بصيغة [ PNG ] تتناسب والمشروع مع تعديل شفافيتها كما في الصورة
سبق وأن رفعت لكم المجموعة التالية :
التحميل من [ هنآ ]
الان نعود الى التصميم الخاص بالأزرار .. هنالك الكثير من الطرق التي يمكن إتباعها وعلى سبيل المثال اقوم بعمل شكل
جديد وأطبق عليه ما يلي :
طريقة ثانية :
وهذه مجرد أمثلة لا غير ويمكنكم التفنن في استخدامها .. ايضا قمت بإرفاق مجموعة من الأزرار كل ما عليكم فعله لاستخدامها
هو التحديد على الطبقة وعمل نسخ للستايل الخاص بها وتطبيقه على عملكم :
التحميل من [ هنا ]
وبهذا يكون قد إنتهى درس اليوم وأتمنى أن تكون الفكرة واضحة لكم .. اما بالنسبة للتطبيقات فلا توجد لكن
يجب عليكم العودة لمشاريعكم والتعديل على كافة الأمور لننتقل الى مرحلة التركيب ونخرج من الجزء الممل
الخاص بالتصميم
[/TBL][TBL="http://www14.0zz0.com/2015/03/28/12/886138463.png"]
[/TBL]
التعديل الأخير:
.gif "At (102) ض1")
.png "At (39) ش1")
.gif "At (448) ض2")
