منتدى العرب
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي



 
الرئيسيةبحـثقائمة الاعضاءالمجموعاتس .و .جاليوميةالتسجيلدخول
قوانين المنتدىإنظم لفريق عملناإربح من النتالمكتبة الإلكترونيةمعرض الإستيلاتBAC 2012BEM 2012الكرة الجزائريةالكرة الأروبية
أهلا وسهلا بك يا نتمنى قضاء افضل الاوقات في ربوع منتديات العرب
اذا كنت زائر فتفضل بالتسجيل من هنا اما اذا كنت من اعضائنا الاعزاء فتفضل بالدخول من هنا


حفظ البيانات؟
  الرئيسية المنتديات مكتبة الصور قائمة الأعضاء بحث اتصل بنا سؤال وجواب التسجيل دخول
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
حصري عمل احصائيات للقسم مثل الفي بي تماما .
(تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
(تـومبلـايت) وضع اسماء وا الوصف الفئات في ايطار تلقائي كالفيبى
[تومبلايت] وضع ايطار الأدوات الاشراف مثل الفي بي من
تومبيلات كود وضع ملاحظات تحت المرفقات مثل الفي بي
كود خانة المشرفين الاحترافية مع ايقونة شغال 100/100
[تومبلايت] جعل اخر مشاركة متحركة ومطورة بتقنية css ..
كود [ jQuery ] كود جافا وضع ايقونه بحث لقوقل بجانب عناوين المواضيع
(تومبلايت) شريط اخر المواضيع الرائع 2012
كود لوضع اكثر من استايل مميز وحصري على منتدى العرب ..
2014-08-19, 17:56
2014-08-06, 19:33
2013-08-05, 00:08
2013-08-04, 22:05
2013-08-04, 22:02
2013-06-05, 08:50
2013-06-05, 08:36
2013-03-05, 02:38
2013-02-18, 17:55
2012-08-19, 17:52
zizou2012
zizou2012
zooro250
zooro250
zooro250
MID0
MID0
naruto14145
mo2236301
ندى الجزيري

شاطر | 
 

  درس تصميم موبايل بالفوتوشوب

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
~> lamrisif <~
عدد المساهمات : 573
نقاط : 1743
تاريخ الميلاد : 11/09/1993
العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://www.seyf-educ.com/
موضوع: درس تصميم موبايل بالفوتوشوب 2011-07-31, 14:02


درس اليوم للمحترفين او ذو خلفية مقبولة بالفوتوشوب..

الدرس قد يكون طويل إلى حد ما ولكنه مفيد ..النتيجة النهائية للدرس.

1- نبدأ بفتح صفحة بمقاس مناسب 700*700 كمجرد مثال .

2- إستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius كما بالشكل (25) واللون 030303 وارسم مثل هذا الشكل .


3- أضف الإعدادات التالية


ليكون الشكل كالتالي

4 – نفتح لاير جديد ونستخدم التدرج الآتي

ونبدأ بعمل لمعة علي الزاوية العلوية بدرجة لون 414040 ثم نضغط حرف V
ونحرك اللاير 2 بكسل لليمين و2 بكسل للاسفل .5- نكرر نفس الخطوة السابقة
علي الزاوية المقابلة بدرجة لون 383838 ثم نحرك اللاير 2 بكسل لليسار و 2
بكسل لأعلى .اذا واجهت اختلاف في الالوان قم بتغيير القيمة العددية لخاصية
(
opacity) الموجودة في أعلى صندوق اللايرات .سيكون نتيجة العمل كالآتي



[center]بنسب متساوية .. ليكون الشكل كالآتي

7- اتبع الإعدادات التالية

ليكون النتيجة كالآتي:


8- نقوم بتكرار اللاير السابق ونقص الجزء العلوي ليكون الشكل كالآتي:

9- نقوم بعمل تدرج علي اللاير بالاعدادات التالية


10-
نضغط Ctrl+u ونجعل الالوان من ابيض واسود ثم نضغط اوك .11- نضيف للاير
الإعدادات التالية : مع عمل strock بقيمة 1 بكسل ودرجة لون 242323 وعمل ال
strock داخلي

سيكون الشكل كالتالي
12-
سنبدأ بعمل تدرج شفاف بدرجة لون 6d6d6c الشكل التالي سيوضح ( لاحظ مكان
البداية من الأعلى ثم النهاية في الاسفل ) ثم نضغط حرف v ونحرك اللاير 4
بكسل للاسفل و 4 بكسل لليمين .


13-
نمسح بعض الأجزاء من التدرج بآداة pen tool ولا تنسى أن تكون مفعل خيار (
paths) ثم عمل selection ونمسح الاجزاء المتبقية الصورة القادمة ستوضح ..

سيكون الشكل النهائي :




14– نضيف بعض الزراير الجانبية البسيطة أسفل جميع اللايرات لتكون بهذا الشكل :

وهكذا
انتهينا من رسم الهيكل العام للهاتف ..أعلم أن الدرس طويل ولكني أرى فيه
إفادة .. والآن فقد أنجزنا 70% من الدرس فصبر جميل :)15 – نبدأ برسم الشاشة .. نختار خلفية مناسبة ( أنا أرفقت خلفية هاتفي الحالية

16- نضع الخلفية في الشاشة لتكون بهذا الشكل

17- نرسم مستطيلين علي صورة السيارة ونملأهم باللون الأسود ونقلل شفافيتهم حتي يصبحو بهذا الشكل :

18- نضيف لشريطين بعض الايقونات والكلمات ليصبح بهذا الشكل والايقونات مرفقة في ال psd سيتم ارفاقه في آخر الدرس ..

19-
نضيف شعار سامسونج ولكني بحثت عن الخط المستخدم في كتابة الشعار ولم اجده
, فقمت بكتابة كلمة SAMSUNG بخط Arial ونمسح الخط الأفقى في حرف “A “ ..
مجرد حل بديل ..ونضيف كلمة WIFI اسفل الشاشة لانها مكتوبة عالجهاز بالفعل ..ليكون الشكل كالآتي :

باقي رسم السماعة وال 3 أزرار ..20- إستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius كما بالشكل ( وارسم مثل هذا الشكل .

21 – اتبع الخطوات التالية :

21- نضيف بعض النقاط السوداء بفرشاة حجم 1 بكسل واللون الرمادي وتكرارها بجانب بعضها حتي تصبح مثل الشكل الآتي:








- باقي الأزرار
السفلية ولكني أطلت في الدرس كثيرا ولا أرى فيها أي صعوبة..فسأرفقها جاهزة
مع الأيقونات والخطوط في PSD اختصاراً لوقتي ووقتكم ..سيكون الناتح للازرار
والهاتف كالآتي:

وفي النهاية نضع التصميم علي خلفية مع عمل انعكاس مائي مع بعض اللمسات الجمالية ..تطبيقي المتواضع






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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]






موقع الدراسة والتعليم في الجزائر - أكادمية سيف
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.seyf-educ.com/
 

درس تصميم موبايل بالفوتوشوب

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى العرب  :: منتديات التصميم والإبداع الفني :: منتديات التصميم والإبداع الفني :: منتدى دروس وشروحات التصميم-