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

منتدى بست نت

منتدى شامل وكامل مناسب لجميع الاعمار
 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
حسام الصلوي
~®§§عضو إداري §§®~
~®§§عضو إداري §§®~
حسام الصلوي


مدير عام
تصميم موبايل بالفوتوشوب Sans_t13
إحترام قوانين المنتدى تصميم موبايل بالفوتوشوب 111010
الدولـة : اليمن
مهنتي : طالب
هوايتي : السباحة
الجـنس : ذكر
الْمَشِارَكِات الْمَشِارَكِات : 2576
الْنِّقَاط الْنِّقَاط : 4818
تاريخ التسجيل : 10/07/2010
العمر : 33
أوسمتي :
تصميم موبايل بالفوتوشوب Caeaco11تصميم موبايل بالفوتوشوب 1a5c2483211a

MMS ~ : تصميم موبايل بالفوتوشوب Mms-24

تصميم موبايل بالفوتوشوب Empty
مُساهمةموضوع: تصميم موبايل بالفوتوشوب   تصميم موبايل بالفوتوشوب I_icon_minitime2010-09-08, 06:17

الدرس من إشاء موقع ألوانك




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


الدرس قد يكون طويل إلى حد ما ولكنه مفيد ..
النتيجة النهائية للدرس.
تصميم موبايل بالفوتوشوب 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

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

تصميم موبايل بالفوتوشوب 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://bestnet.ahlamontada.com
 
تصميم موبايل بالفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» العاب موبايل - العاب موبايل 2010 - العاب موبايلات نوكيا
» عمل نص ثلاثي الابعاد بالفوتوشوب
» تصميم رياضي
» مسابقة الاسلامية لإفضل تصميم
» برامج موبايل

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