هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةفوتوشوب اون لاينأحدث الصورالتسجيلدخول

 

 تصميم موبايل بالفوتوشوب

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
мàħмσυđ
الادارة
الادارة
мàħмσυđ


عدد المساهمات : 287
تاريخ التسجيل : 09/01/2012

تصميم موبايل بالفوتوشوب Empty
مُساهمةموضوع: تصميم موبايل بالفوتوشوب   تصميم موبايل بالفوتوشوب Emptyالخميس يناير 12, 2012 11:49 am



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


الدرس قد يكون طويل إلى حد ما ولكنه مفيد ..
النتيجة النهائية للدرس.
تصميم موبايل بالفوتوشوب Samsung-star-wifi

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


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

تصميم موبايل بالفوتوشوب Alwank-1

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

تصميم موبايل بالفوتوشوب Alwank2

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

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

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

تصميم موبايل بالفوتوشوب Alwank6

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

تصميم موبايل بالفوتوشوب Alwank7

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

تصميم موبايل بالفوتوشوب Alwank8

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

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

تصميم موبايل بالفوتوشوب Alwank10

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

تصميم موبايل بالفوتوشوب Untitled-11

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

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

تصميم موبايل بالفوتوشوب Alwank-111

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

تصميم موبايل بالفوتوشوب Alwank13

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

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

تصميم موبايل بالفوتوشوب Alwank-122

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

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

تصميم موبايل بالفوتوشوب Alwank-222

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

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

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

تصميم موبايل بالفوتوشوب Alwank-133333

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

تصميم موبايل بالفوتوشوب Alwank-15
21 – اتبع الخطوات التالية :

تصميم موبايل بالفوتوشوب Alwank-155

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

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

تصميم موبايل بالفوتوشوب Alwank-77

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



تصميم موبايل بالفوتوشوب Samsung-star-wifi3

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


تصميم موبايل بالفوتوشوب Download
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://photoshop.arabepro.com
islam

islam


عدد المساهمات : 4
تاريخ التسجيل : 09/01/2012
العمر : 33
الموقع : Egypt

تصميم موبايل بالفوتوشوب Empty
مُساهمةموضوع: رد: تصميم موبايل بالفوتوشوب   تصميم موبايل بالفوتوشوب Emptyالخميس يناير 12, 2012 5:14 pm

تسللللللللللللللللللللم على المجهود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.facebook.com/Closedforimprovements
 
تصميم موبايل بالفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تعلم كيف تصنع خدع بالفوتوشوب جزء خير و جزء شر
»  شرح طريقة تصميم تواقيع مضيئة فلورية بطريقة مبسطة بالفوتوشوب
» طريقة عمل ختم بالفوتوشوب
» طريقة تصميم جـــــــــــــرح
» تعلم كيف تصنع خدع بالفوتوشوب جزء خير و جزء شر

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