درس تصميم mp4 "خطيييييييييييييير"

[downc]

سأعرض عليكم النتيجه النهائيه بعد ذلك الدرس http://www.imac1.net/ipod/ipod.jpg

فلنبدأ الشرح


http://www.tutorialjunkies.com/ipod/1.jpg

2

نعمل لير جديدك وذلك من قائمة
Layer - New - Layer
ونسميها لير الآيبد

3

ننشطر لير الآيبد من نافذت الير وبعد ذلك نختار ادات الأشكال ومنها نختار المربع ناعم الحواف

بعد ذلك ننشط السهم الصغير على يمين ايقونت المربع ونحدد منه ابعاد مجسم الآيبد كما هو مبين امامكم


Geometry - Fixed Size
Width: 8cm
Height: 13.5cm
Radius: 20 px

http://www.tutorialjunkies.com/ipod/2.jpg

لنخرج بهذا الشكل هو مجسم الآيبد

http://www.tutorialjunkies.com/ipod/3.jpg
الآن نحول لير الآيبد الى لير عاديه وذلك عن طريق

Layer -> Rasterize -> Shape

7

من نافذة الير نضغط دبل كلك على لير الآيبد بعها نصنع هذا الستايل

Drop Shadow
http://www.tutorialjunkies.com/ipod/7-drop.jpg

Inner Shadow
http://www.tutorialjunkies.com/ipod/7-inner.jpg

Bevel and Emboss
http://www.tutorialjunkies.com/ipod/7-bevel.jpg

Contour
http://www.tutorialjunkies.com/ipod/7-contour.jpg

Satin
http://www.tutorialjunkies.com/ipod/7-satin.jpg

لنخرج بهذا الشكل
http://www.tutorialjunkies.com/ipod/8.jpg


نصنع لير جديده ونسميه لير الدائره بعد ذلك نختار اداة التحديد الدائري ونحدد ابعاد الدائره كما هو مبين امامكم بالصوره
ونوسطها في فوق مجسم الآيبد من الآسفل
#ccccccبعد ذلك نقوم بملئ اللير بالون التالي
http://www.imac1.net/ipod/1.gif

Style: Fixed Size
Width: 150 px
Height: 150px
Fill with #cccccc
http://www.imac1.net/ipod/9.jpg

3
نعمل دائره جديده بنفس الخطوات السابقه بعد ذلك نوسط التحديد فوق الدائره السابقه
وبهذه المقاسات
Width: 50 px
Height: 50px

بعد التوسيط نضغط على زر ديليت من الكيبورد أو من قائمة
Edit - Cut

ونزيل التحديد بعدها
http://www.imac1.net/ipod/10.jpg

4
نضغط على لير الدائره دبل كلك ونصنع هذا التحديد الخارجي من الستروك وباللون المبين
Color: #737373
http://www.imac1.net/ipod/12600.jpg
لنخرج بهذا الشكل

http://www.imac1.net/ipod/11.jpg

5
ننشط اداة الكتابه ونكتب كلمة
"MENU"
وبهذه الخصائص كما هو مبين امامكم

Arial - Bold - 12px - White
http://www.imac1.net/ipod/12.jpg

6

نعمل لير جديدك وذلك من قائمة

La yer - New - Layer

ونسميها لير الأزرار




ننشط اداة التحديد الحر ونعمل ازرار الأيبد ونملئها باللون الأبيض كما هو مبين امامكم

http://www.imac1.net/ipod/1250.jpg

7
لنخرج بهذا الشكل

http://www.imac1.net/ipod/13.jpg





نصنع لير جديده من قائمة
Layer - New - Layer
ونعطيها اسم شاشة الآيبد

2


ننشطر لير الآيبد من نافذت الير وبعد ذلك نختار ادات الأشكال ومنها نختار المربع ناعم الحواف

بعد ذلك ننشط السهم الصغير على يمين ايقونت المربع ونحدد منه ابعاد مجسم الآيبد كما هو مبين امامكم

Fixed Size - Width: 7cm Height: 5.4cm
Radius: 10 px
http://www.imac1.net/ipod/part31.jpg

لنخرج بهذا الشكل

http://www.imac1.net/ipod/part32.jpg

بعد ذلك من قائمة
Layer - Rasterize - Shape

3
من نافذة اللير اضغط على ليرالشاشه بالفاره مع الضغط على كنترول من الكيبورد
بعد ذلك اختر اداة التحديد المربع ونشط هذه الخصائص المبينه امامك
http://www.imac1.net/ipod/3.gif
اذهب الى لير الشاشه واسحب التحديد من اسفل الى اعلى التحديد لنخرج بهذا التحديد المبين امامك بالصوره

http://www.tutorialjunkies.com/ipod/part33.jpg

4
نبقي التحديد كما هو ونعمل لير جديده ونسميها اعلى الشاشه ونعطيه التدريج المبين امامكم بالصوره
يمين
e5eaf0
شمال
cad5dc
ونسحب التدريج من داخل التحديد من الأعلى الى الأسفل

http://www.imac1.net/ipod/part34.jpg

لنخرج بهذا الشكل كما هو مبين امامكم
http://www.imac1.net/ipod/part35.jpg

5
من نافذة الألوان نحدد كود هذا اللون
#9ba0a3
ننشط اداة القلم البنسل تول وبمقاس واحد بكسل ونذهب اسفل لير الذي اسمناه اعلى الشاشه ونأتي في اسفله مباشره
ونضغط ضغطه اسفله ونسحبها الى الجهه المقابله كما هو مبين امامك بالصوره مع الضغط على شفت من الكيبورد

http://www.imac1.net/ipod/4.gif
نكرر العمليه بختيار لون اخر
#bebfbe
ونضعه اسفل الخط الأول
لنخرج بهذا الشكل
http://www.tutorialjunkies.com/ipod/part35.jpg

6

من نافذة اللير اضغط على ليرالشاشه بالفاره مع الضغط على ضغط كنترول من الكيبورد
بعد ذلك اختر اداة التحديد المربع ونشط هذه الخصائص المبينه امامك
http://www.imac1.net/ipod/3.gif
بعد ذلك نسحب التحديد من اسفل أخر خط وضعنها في لير الذي اسميناه اعلى الشاشه ونسحب التحديد
ونملئه بالتدريج السابق من اليمين الى اليسار لنخرج بهذا الشكل

http://www.imac1.net/ipod/part37.jpg

7

نصنع لير جديده ونسميا البطاريه
8

نعمل لير جديده ونسميا البطاريه
ومن ادات التحديد او ادات الأشكل نصنع مجسم للبطاريه ونملئه بأي لون
بحيث لا يتعدى الأرتفاع 8 بكسل والعرض 21 بكسل كما هو مبين امامكم

http://www.imac1.net/ipod/part38battery.jpg

نصنع هذا الستايل على لير البطاريه

Stroke
http://www.tutorialjunkies.com/ipod/part39stroke.jpg

Gradient Overlay
http://www.tutorialjunkies.com/ipod/part40grad.jpg


0% - Colour #217f2f
38% - Colour #83ac39
52% - Colour #cdd253
70% - Colour #9fb357
100% - Colour #adc246

http://www.imac1.net/ipod/part41grad.jpg

http://www.imac1.net/ipod/part385battery.jpg

Step 9

ندمج لير الشاشه مع لير أعلى الشاشه ونضيف اليهم ضل داخلي وتحديد خارجي

Stroke
http://www.imac1.net/ipod/part43stroke.jpg

Inner Shadow
http://www.tutorialjunkies.com/ipod/part44innershadow.jpg

http://www.tutorialjunkies.com/ipod/part42grad.jpg

Step 10
من اداة الكتابه نضيف باقي مستلزمات المحاكاه من هذه الكلمات
iPod
"Music" "Photos" "Extras" "Settings" "Shuffle Songs" "Backlight"
وبهذه الخصائص
Arial, Bold, 14pt, Smooth, colour: Dark Grey
فقط يبقا لدينا كلمة
"Photos"
نعطيها اللون الأبيض
لنخرج بهذا الشكل

http://www.imac1.net/ipod/part45text.jpg

11

من ادات الأشكال نختار اداة الشكل المربع ونصنع منها مستطيل بحدود لير الشاشه ونضعه خلف كلمة
"Photos"
ومن لير ستايل نضيف له هذا التدريج وبهذه الألوان
0% - Colour #196aaf
100% - Colour #186aae

http://www.tutorialjunkies.com/ipod/part46grad.jpg

نخرج بهذا الشكل
http://www.imac1.net/ipod/part466grad.jpg

Step 12

الخطوه الأخيره
نعمل لير جديده ونسميها لير السهم
ننشط ادات التحديد ونعمل تحديد على شكل سهم لوضعه بجانب الكلمات ونملئه بهذا اللون
#646669

http://www.tutorialjunkies.com/ipod/part47arrow.jpg


النتيجه النهائيه لدرس ال mp4
http://www.imac1.net/ipod/ipod.jpg</SPAN>

[خالدf15]

درس رائــــــــــع منك اخي وأتمنى منك المزيد من الدروس الرائعـــه

تقبل مروري وتـ ح ـياتي

[lavender]

تسلم ايديك اخي
درس روعة
شكرا لك

[star2]

بالفعل خطيييييييييير :smailes70:
شكررررررررررررررا ً على الدرس الرااااااااااااااااااااائع ونترقب المزيد من هالدروس الجمييييييييييلة وهذه محاولة لتطبيق الدرس

http://www.up4arab.com/out.php/i53061_iPod.gif

تحياتي
أختك star2

[Sad Prince]

درس جميل ما شاء الله

تسلم ايديك علي الدرس التحفه

بالتوفيق وفي انتظار جديد دروسك اخي :)

[أمجـاد]

درس رائع اخي
مشكور على الشرح
ننتظر جديدك

[Gold Shadow]

درس رائــع جدا ,,
جـــاري التطبيق.
تحياتي

[made_man]

درس رهيب درس ولا اروع

[remos]

درس رائع جداً

و دة تطبيقى ^^ :

http://img101.imageshack.us/img101/2183/ipodju4.jpg

[aziz el maana]

درس رائــــــــــع

[downc]

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

[egysamba]

تسلم إيدك أخى

شكرا على الإفادة

[downc]

مشكووووووووووور يا سامبا على مرورك

[romi77777]

thanks brother

[downc]

مشكووووووووووووووووووور على مرورك

[aloqab]

درس ممتاز يعطيك العافيه
بالتوفيق.....................

[downc]

مشكوووووووووووووووووووووووووور على مرورك

[donmoha_119]

ممكن توضح الشرح اشوية اكتر في هذا الجزء


بعد ذلك من قائمة
Layer - Rasterize - Shape

3
من نافذة اللير اضغط على ليرالشاشه بالفاره مع الضغط على كنترول من الكيبورد
بعد ذلك اختر اداة التحديد المربع ونشط هذه الخصائص المبينه امامك

اذهب الى لير الشاشه واسحب التحديد من اسفل الى اعلى التحديد لنخرج بهذا التحديد المبين امامك بالصوره



4
نبقي التحديد كما هو ونعمل لير جديده ونسميها اعلى الشاشه ونعطيه التدريج المبين امامكم بالصوره
يمين
e5eaf0
شمال
cad5dc
ونسحب التدريج من داخل التحديد من الأعلى الى الأسفل



لنخرج بهذا الشكل كما هو مبين امامكم


5
من نافذة الألوان نحدد كود هذا اللون
#9ba0a3
ننشط اداة القلم البنسل تول وبمقاس واحد بكسل ونذهب اسفل لير الذي اسمناه اعلى الشاشه ونأتي في اسفله مباشره
ونضغط ضغطه اسفله ونسحبها الى الجهه المقابله كما هو مبين امامك بالصوره مع الضغط على شفت من الكيبورد


نكرر العمليه بختيار لون اخر
#bebfbe
ونضعه اسفل الخط الأول
لنخرج بهذا الشكل


6

من نافذة اللير اضغط على ليرالشاشه بالفاره مع الضغط على ضغط كنترول من الكيبورد
بعد ذلك اختر اداة التحديد المربع ونشط هذه الخصائص المبينه امامك

بعد ذلك نسحب التحديد من اسفل أخر خط وضعنها في لير الذي اسميناه اعلى الشاشه ونسحب التحديد
ونملئه بالتدريج السابق من اليمين الى اليسار لنخرج بهذا الشكل

[downc]

بتهيألي الشرح واضحومش محتاج توضيح اكتر من كده
لو في نقطة معينة مش مفهومة ممكن اوضحها