منتديات تمللى معااك


 
س .و .جبحـثالأعضاءالمجموعاتالرئيسيةالرئيسيةالتسجيلدخول

شاطر | 
 

 {درس} عمل موبايل بالفوتوشوب مميز

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
King Of Software
مشـــرف
مشـــرف
avatar

مشاركاتى : 751
مزاجى :

بــــــلدى :

الــجنس : ذكر

<b>دعـــــــاء</b> سبحان الله و بحمده سبحان الله العظيم


مُساهمةموضوع: {درس} عمل موبايل بالفوتوشوب مميز   الجمعة 21 يناير - 16:18

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

حمل الان من هنا

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

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

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

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

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

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

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

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






هذا الدرس من انشاء موقع الوانك




أنا مصرى دى لا تعريف ولا صفه ده وسام ومحفور على قلبى

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.islamway.net
leomessi2010
مشـــرف
مشـــرف
avatar

مشاركاتى : 1203
مزاجى :

بــــــلدى :

الــجنس : ذكر

<b>دعـــــــاء</b> سبحان الله و بحمده سبحان الله العظيم


مُساهمةموضوع: رد: {درس} عمل موبايل بالفوتوشوب مميز   السبت 22 يناير - 14:25

الف شكر يا معلم






Go east... Go west... ♥ Leo MeSsi ♥ iS the BeSt‬





الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Mahmoud Wally
E G Y P T - L O V E R
E G Y P T - L O V E R
avatar

مشاركاتى : 1822
مزاجى :

بــــــلدى :

الــجنس : ذكر

<b>دعـــــــاء</b> سبحان الله و بحمده سبحان الله العظيم


مُساهمةموضوع: رد: {درس} عمل موبايل بالفوتوشوب مميز   السبت 22 يناير - 16:36

تسلم أيدك




الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.tamallym3aak.com
Meshmesh
مشرف عام المنتدى
مشرف عام المنتدى
avatar

مشاركاتى : 731
مزاجى :

بــــــلدى :

الــجنس : ذكر

<b>دعـــــــاء</b> سبحان الله و بحمده سبحان الله العظيم


مُساهمةموضوع: رد: {درس} عمل موبايل بالفوتوشوب مميز   السبت 22 يناير - 16:48

تسلم أيدك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.TaMaLLyM3AAk.CoM
 
{درس} عمل موبايل بالفوتوشوب مميز
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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