عالمي كووول
أهلا وسهلا بك زائرنا العزيز نأمل أن تستمتع بالتصفح في المنتدى ونعلمك أن التسجيل للنساء فقط

وشكرا لك

عالمي كووول

عالم أنثى مليء بالأسرار
 
الرئيسيةالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
ضحكة طفلة
مشرفة اقسام
مشرفة اقسام
avatar

عدد المساهمات : 356
نقاط : 458
التقييم : 4
تاريخ التسجيل : 14/09/2010

مُساهمةموضوع: تصميم موبايل بالفوتوشوب .. درس رهييييييب   السبت يناير 15, 2011 7:51 pm

جبت لكم درس اليوم لقطة على ما يقولوا


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


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




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


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





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





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




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




ونبدأ بعمل لمعة علي الزاوية العلوية بدرجة لون 414040 ثم نضغط حرف V ونحرك اللاير 2 بكسل لليمين و2 بكسل للاسفل .


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




6- نرسم مستطيل آخر بإستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius كما بالشكل (25) وارسم مستطيل أصغر حجما ولكن لاحظ الابعاد بين المستطيلين بنسب متساوية .. ليكون الشكل كالآتي



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 كما بالشكل (8) وارسم مثل هذا الشكل .



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



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



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



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







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

www.alwank.com





ملحوظة بسيطة : استغرق الدرس منى يومان في عمله فبرجاء عدم نقل الدرس دون ذكر المصدر وهذه مجرد أمانة لا أكثر ولا أقل ..
وفي النهاية أتمنى أن يكون الدرس نال إعجابكم وافادكم وسامحوني علي الاختصار في الخطوات ولكني لا أحب أن أطيل عليكم..
وفي حالة وجود إستفسارات فأنا في الخدمة ..



المصدر : ألوانك


ما زلت أسكن في geek داخل عالمي الطفولي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
حورية
مشاركة كووول
مشاركة كووول
avatar

عدد المساهمات : 93
نقاط : 137
التقييم : 0
تاريخ التسجيل : 03/01/2011

مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب .. درس رهييييييب   السبت يناير 15, 2011 11:03 pm

جزاااك الله خيرااا شرح وافى ورااائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
كلي شقاوهه
جديدة كووول
جديدة كووول
avatar

عدد المساهمات : 25
نقاط : 25
التقييم : 0
تاريخ التسجيل : 07/01/2011

مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب .. درس رهييييييب   الثلاثاء يناير 18, 2011 2:20 pm

يعطيك العااافيه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
كارمن
مشرفة عامة
مشرفة عامة
avatar

عدد المساهمات : 237
نقاط : 442
التقييم : 6
تاريخ التسجيل : 08/09/2010

مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب .. درس رهييييييب   الأربعاء يناير 19, 2011 10:58 am

مشكوره ياحلوه




ياحلاة الشااااااااااااااااي وخاصة عندما اتصفح عالمي كوووووووووول
لانه عالمي المفضل










[img] [/img]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
كاميليا
مشرفة عامة
مشرفة عامة
avatar

عدد المساهمات : 568
نقاط : 862
التقييم : 2
تاريخ التسجيل : 30/08/2010

مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب .. درس رهييييييب   الأربعاء يناير 19, 2011 5:33 pm

تسلمي ضحكة طفلة على الدرس الرهيييب

ننتظر جديدك القادم




فكره لا حدود للإبداع فكره
الرجوع الى أعلى الصفحة اذهب الى الأسفل
فراشه محترق جناحها
مشرفة منتدى
مشرفة منتدى
avatar

عدد المساهمات : 306
نقاط : 388
التقييم : 2
تاريخ التسجيل : 17/09/2010

مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب .. درس رهييييييب   الأحد يناير 23, 2011 1:05 pm

وااااااااااااااااااااااااااااااااو مشكوره حبي



الرجوع الى أعلى الصفحة اذهب الى الأسفل
نرجس
جديدة كووول
جديدة كووول
avatar

عدد المساهمات : 43
نقاط : 47
التقييم : 0
تاريخ التسجيل : 15/01/2011

مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب .. درس رهييييييب   الأحد يناير 23, 2011 9:49 pm

شكرآآآآآ لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
شموخي عالي
جديدة كووول
جديدة كووول
avatar

عدد المساهمات : 40
نقاط : 40
التقييم : 1
تاريخ التسجيل : 20/01/2011

مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب .. درس رهييييييب   الإثنين يناير 24, 2011 11:43 pm

درس ممتع
جزاك الله خيراً
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تصميم موبايل بالفوتوشوب .. درس رهييييييب
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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