ROYAL MAN
01-12-2007, 23:04
http://www.x88x.com/imgfiles/XFU39348.gif
شرح ان شاء الله يكون مبسط اعذروني اذا كان صعب .. هع
حاولت ابعد عن استعمال الشرح بالصور وتقليلها وتجريب طريقه الشرح عن طريق الكتابه اكثر
ان شاء الله تعبجكم .. نبدأ الدرس
http://www.x88x.com/imgfiles/wic13769.gif
الدرس الخاص بعمل iPod Nano
وهو معروض في موقع Web Design Library لكن طبقت عليه تعديلات كثيرة علشان يظهر بالشكل الموجود في
نهاية الصفحة "لشكل اقرب للحقيقي"
+
+
+
الالوان المستخدمة
اللون الفوشي: f4359f
اللون الاخضر: 85cb10
اللون الازرق: 01a3d4
لون الازرار : d8dbe0
لون الشاشة: e1f3ff
لون القائمة: 0d8ed2
الخط المستخدم : Chicago
او خط Myriad Pro
لرسم الجهاز
1- البداية باستخدام أداة التحديد المربعة Rectangle Marquee Tool
ورسم مستطيل يعباً بلون الجهاز
2- يطبق على الشكل Resterize Layer
3- لاظهار الشكل بمنظر ثلاثي الابعاد تطبق الاعدادات التالية
(Drop Shadow, BevABDel and Emboss, Inner Shadow) :
http://www.x88x.com/imgfiles/lGg37278.gif
http://www.x88x.com/imgfiles/mPE37317.gif
2- ترسم الشاشة و تعبأ في layer جديد مع إظهار stroke بلون اسود
و يطبق على الشكل Resterize Layer
3- باستخدام ادوات الـ shape يتم رسم دائرة مفرغة تعبأ بلون ابيض
و يطبق على الشكل Resterize Layer
3- عمل duplicate layer لشكل الدائرة المفرغة و من free transform يعدل الـ scale إلى 85%
يظهر الجهاز على الشكل التالي:
http://www.x88x.com/imgfiles/lle37426.gif
اللمسات الاحترافية على الصورة:
1- لعمل اشارات تشغيل الجهاز ، يستخدم خط Webdings
: play
; pause
backwards و تعكس لـ Forward (نسخ الـ layer مع عكسها باستخدام Edit > Transform > Flip Horizontal
او نسخها بشكل مباشر من برنامج الوورد (insert >symbol )
2- يضاف مستطيل في بداية مربع الشاشة يلون بلون ازرق و تضاف عليه تأثير Emboss & Bevel
بما يتناسب مع حجمه
3- باستخدام خط chicago يكتب في وسط المستطيل السابق iPod
مع مراعاة الحجم المناسب
4- لرسم البطارية: في layer جديد رسمت مستطيل صغير (باستخدام اداة التحديد المربعة) باللون الاخضر الفاتح 8cd67f
ويضاف له مربع صغير في البداية ليعطي الشكل المطلوب واضفت تأثيرات bevel & emboss
مع تغيير اللون في الـ shadow mode إلى اخضر غامق: 308b2e
ورسم حد عن طريق الـ stroke بلون اسود مع تخفيف الحجم و الـ opacity
وتنقل البطارية إلى مكانها في يمين الشاشة مع تغيير الحجم ان الزم
5- اللمسات الاخيرة :
اما بكتابة قوائم الـ iPod Nano او إضافة صورة لتعطي انطباع عرض فيديو
وهذا هو شكل الجهاز النهائي:
http://www.x88x.com/imgfiles/kWI37487.gif
اتمنى انى وفقت بالشرح اخوكمـ .. ROYAL MAN
شرح ان شاء الله يكون مبسط اعذروني اذا كان صعب .. هع
حاولت ابعد عن استعمال الشرح بالصور وتقليلها وتجريب طريقه الشرح عن طريق الكتابه اكثر
ان شاء الله تعبجكم .. نبدأ الدرس
http://www.x88x.com/imgfiles/wic13769.gif
الدرس الخاص بعمل iPod Nano
وهو معروض في موقع Web Design Library لكن طبقت عليه تعديلات كثيرة علشان يظهر بالشكل الموجود في
نهاية الصفحة "لشكل اقرب للحقيقي"
+
+
+
الالوان المستخدمة
اللون الفوشي: f4359f
اللون الاخضر: 85cb10
اللون الازرق: 01a3d4
لون الازرار : d8dbe0
لون الشاشة: e1f3ff
لون القائمة: 0d8ed2
الخط المستخدم : Chicago
او خط Myriad Pro
لرسم الجهاز
1- البداية باستخدام أداة التحديد المربعة Rectangle Marquee Tool
ورسم مستطيل يعباً بلون الجهاز
2- يطبق على الشكل Resterize Layer
3- لاظهار الشكل بمنظر ثلاثي الابعاد تطبق الاعدادات التالية
(Drop Shadow, BevABDel and Emboss, Inner Shadow) :
http://www.x88x.com/imgfiles/lGg37278.gif
http://www.x88x.com/imgfiles/mPE37317.gif
2- ترسم الشاشة و تعبأ في layer جديد مع إظهار stroke بلون اسود
و يطبق على الشكل Resterize Layer
3- باستخدام ادوات الـ shape يتم رسم دائرة مفرغة تعبأ بلون ابيض
و يطبق على الشكل Resterize Layer
3- عمل duplicate layer لشكل الدائرة المفرغة و من free transform يعدل الـ scale إلى 85%
يظهر الجهاز على الشكل التالي:
http://www.x88x.com/imgfiles/lle37426.gif
اللمسات الاحترافية على الصورة:
1- لعمل اشارات تشغيل الجهاز ، يستخدم خط Webdings
: play
; pause
backwards و تعكس لـ Forward (نسخ الـ layer مع عكسها باستخدام Edit > Transform > Flip Horizontal
او نسخها بشكل مباشر من برنامج الوورد (insert >symbol )
2- يضاف مستطيل في بداية مربع الشاشة يلون بلون ازرق و تضاف عليه تأثير Emboss & Bevel
بما يتناسب مع حجمه
3- باستخدام خط chicago يكتب في وسط المستطيل السابق iPod
مع مراعاة الحجم المناسب
4- لرسم البطارية: في layer جديد رسمت مستطيل صغير (باستخدام اداة التحديد المربعة) باللون الاخضر الفاتح 8cd67f
ويضاف له مربع صغير في البداية ليعطي الشكل المطلوب واضفت تأثيرات bevel & emboss
مع تغيير اللون في الـ shadow mode إلى اخضر غامق: 308b2e
ورسم حد عن طريق الـ stroke بلون اسود مع تخفيف الحجم و الـ opacity
وتنقل البطارية إلى مكانها في يمين الشاشة مع تغيير الحجم ان الزم
5- اللمسات الاخيرة :
اما بكتابة قوائم الـ iPod Nano او إضافة صورة لتعطي انطباع عرض فيديو
وهذا هو شكل الجهاز النهائي:
http://www.x88x.com/imgfiles/kWI37487.gif
اتمنى انى وفقت بالشرح اخوكمـ .. ROYAL MAN