كيف نصمم iphone 4 خطوة بخطوة [ سلسلة إبداع - مترجم ]
http://www.mexat.com/vb/attachment.p...3&d=1284953426
مرحباً بجميع أعضاء مكسات الكرام وبالأخص منهم أعضاء قسم التصميم ^_^
ومرحباً بجميع الزوار الكرام ^^
الى ...
الى درس جديد من دروس
سلسلة الدروس الأجنبية خاصة [سلسلة ابداع]
http://www.mexat.com/vb/attachment.p...5&d=1284953482
إسم الدرس :كيف نصمم iphone 4 خطوة بخطوة
فكرة الدرس : PintileiAdrian
مترجم الدرس : ahmed_nyd
مدة تطبيق الدرس : ساعة -ساعتين
مستوى الدرس : متوسط
نتيجة الدرس : هنا
تطبيقي للدرس : هنا
http://www.mexat.com/vb/attachment.p...1&d=1286435285
1_ أود أن أذكركم بأنه يمنع وضع ردرد الحجوزات والشكر ويرجى عدم مخالفة القوانين وعدم اتباع القوانين قد يؤدي الى تلقي العضو مخالفة ^^ مع العلم ان الردود التي توضع فيها تطبيقات أو استفسارات حول الدرس مسموحة :)
2_في هذا الدرس لن نستخدم اي أدوات جاهزة فقط ادوات الفوتوشوب الاساسية وبعض التاثيرات ^_^
3_ قد تكون خطوات الدرس طويلة نوعاً ما ولكن بنهاية الدرس سنكون تعلمنا مهارة جديد ستساعدنا على رسم الكثيير من الأشكال :لقافة:
4_ في هذا الدرس سنركز على إستخدام الـ Pen Tool بشكل رئيسي ولكي تستطيعوا تطبيق الدرس يجب ان تعرفوا كيفية استخدامها وكيفية استخدام الخواص الثلاث التي تظهر لنا في هذه القائمة
http://www.mexat.com/vb/attachment.p...1&d=1287723983
والتي تظهر لنا بعد رسم مسار معين بالـ Pen Tool ثم ضغط Right Click ومعرفة ما فائدة كل منها أمر مهم لتطبيق الدرس ^^
نبدأ الدرس في الرد القادم ان شاء الله
يتبع ... يرجى عدم الرد :)
الدرس { الخطوة 7 الى 12 }
7_ نقوم بعمل لير جديد ثم نختار اداة الـ Rounded Rectangular Tool
- نقوم برسم الشكل الموضح في الشكل ادناه ونغير اللون الى (141517)
8_ نقوم بعمل لير جديد ثم نختار الـ Pen Tool ونرسم المسار الموضح في الصورة ادناه
- نختار اداة الفرشاة ونغير الاعدادات الى : (1px) (Hardness 100%) ثم نختار اللون الابيض ونختار الـ Pen Tool مجدداً ونضغط RightClick ثم نختار Stroke Path ثم نضغط Ok ... نختار اداة الممحاة ونمسح قليلاً من الاطراف ثم نغير الـ Opacity الى 50% وهذه هي النتيجة
9_ وكما في الخطوة (7) نقوم برسم نفس الشكل ولكن اصغر قليلاً ونغير اللون الى (d5d4d2) نضغط مرتين على اللير ثم نختار Stroke ونختار الاعدادات التالية
وهذه هي النتيجة الى الان
10_ نقوم بعمل لير جديد ثم نختار الـ Pen Tool ونقوم برسم المسار كما في الصورة ادناه
- وبنفس الطريقة كما في الخطوات السابقة نختار الفرشاة ونغير الاعدادات الى
- (hardness) (1px) ثم نختار اللون الابيض
نختار الـ Pen Tool مجدداً ثم نضغط Right Click ثم نختار Stroke Path ثم Ok وهذه هي النتيجة الى الان
11_ الان نقوم بعمل لير جديد ثم نقوم باختيار الاداة Ellipse Tool من القائمة
- نقوم برسم شكل بيضوي كما في الصورة ادناه ونغير اللون الى (343331)
- نقوم بعمل Ctrl + Click على نفس اللير ثم نختار احدى ادوات التحديد (اداة الـ Marquee Tool او الـLasso Tool ) ثم نضغط Right Click ونختار Stroke من القائمة التي ستظهر لنا ونضع الاعدادات التالية
- نغير الـ Opacity الى 50% وهذه هي النتيجة الى الان
12_ كما في الخطوة السابقة نقوم بعمل لير جديد ثم نرسم شكل بيضوي بنفس الطريقة ولكن اضغر قليلاً ونغير اللون الى( d5d4d2)
- نختار الـ Pen Tool ونرسم المسار الموضح في الشكل دناه
- نضغط Right Click ثم نختار Fill ونختار اللون (343331) ثم نضغط Ok
الدرس { الخطوة 13 الى 18 }
13_ نختار اداة الـ Dodge Tool ونضع الاعدادات التالية
- نختار اللير الذي قمنا بعمله في الخطوة السابقة ثم نمسح فوق المناطق الموضحة في الصورة ادناه
- نضغط مرتين على اللير ثم نختار Stroke ونضع الاعدادات التالية
14_ نختار الـ Pen Tool ونرسم المسار الموضح في الشكل ادناه
- الان بعد رسم المسار نختار اداة الفرشاة ونضع الاعدادت التالية :
- (Hardness 100%) ونختار حجم الفرشاة 3px ونختار اللون الابيض
- ثم نختار الـPen Tool مجدداً ونضغط Right Click ونختار Stroke Path ثم Ok . وهذه هي النتيجة
15_ الان نقوم بعمل لير جديد ثم باستخدام الـ Pen Tool أو اداة (Line Tool ) http://www.mexat.com/vb/attachment.p...1&d=1284730632نرسم اشارة الـ(+) كما في الصورة ادناه ثم نختار اداة الفرشاة ونضع نفس اعدادات الخطوة السابقة ولكن نختار حجم الفرشاة ( 1px) ثم نختار الـ Pen Tool مجدداً ونضغط Right Click ثم Stroke Path ثم Ok
- نضغط مرتين على اللير ثم نضع الاعدادات التالية
http://fotofects.com/images/stories/..._112DE/17c.jpg
الان نقوم بعمل نسخة من الملف ( نقوم بضغط Right Click على الملف ونختار Duplicate Group ) (أو عن طريق اختيار الملف ثم نذهب الى Layey > Duplicate Group ) ثم نحركه الى الاسفل ..
- نغير لير اشارة الـ(+) الى (-)
16_ نقوم بعمل لير جديد ونرسم باستخدام الـ Pen Tool المسار الموضح في الصورة ادناه
- نختار اداة الفرشاة ونغير الاعدادت الى : (hardness 100% ) حجم الفرشاة 3 px ونختار هذا اللون (1a1c1b) ثم نختار الـ Pen Tool مجدداً ونضغط Right Click ثم نختار Stroke Path ثم Ok وهذه هي النتيجة
- نقوم باختيار الـ Dodge Tool ثم نسمح فوق الجزء الايمن من الخط الذي قمنا بعمله وهذه هي النتيجة (لاحظوا الجزء الايمن :لقافة:)
17_ نقوم بعمل لير جديد و الان بنفس الطريق كما في الخطوة السابقة (16) نقوم برسم خط ثاني ولكن هذه المرة نغير اعدادات الفرشاة الى حجم 2px ونختار اللون الابيض ونرسم الخط اسفل الخط الذي قمنا برسمه في الخطوة السبقة (16) ثم نغير الـ Opacity الى 50% وهذه هي النتيجة (لاحظوا المنطقة اسفل الخط الاسود :لقافة:)
ركزوا جيداً الان
:نينجا: 18_ نقوم باختيار اللير الذي رسمنا عليه الشكل الرئيسي (اللير الذي قمنا بعمله في الخطوة 2)
- ثم نرسم باستخدام الـ Pen Tool الشكل الموضح في الصورة ادناه ثم نضغط Right Click ثم Make Selection وسيصبح لدينا التحديد كما في الصورة
- نختار اداة الـ Dodge Tool ونضع الاعدادات التالية
- ثم نقوم بالمسح داخل التحديد وهذه هي النتيجة (لاحظوا المنطقة اليسرى من المنطقة السوداء فهي اكثر اضاءة بقليل الان :تدخين:)
الدرس { الخطوة 19 الى 24 }
19_ نقوم بعمل لير جديد ثم نختار اداة الـ Pen Tool ونرسم المسار الموضح في الصورة ادناه
- نختار اداة الفرشاة ثم نغير الاعدادت الى : (Hardness 100%) وحجم الفرشاة الى 1 px ونختار اللون الاسود ثم نعود لاختيار الـ Pen Tool ونضغط Right Click ونختار Stroke Path ثم Ok وهذه هي النتيجة
- الان نطبق Filter > Blur > Gasussian Blur ونختار هذه الاعدادات
- نختار اداة الممحاة (Eraser Tool ) ثم نقوم بمسح القليل من الجزء العلوي و الجزء السفلي وهذه هي النتيجة
20_نقوم بعمل لير جديد مجدداً ثم نخترا الـ Pen Tool ونرسم المسار الموضح في الصورة ادناه
- نختار اداة الفرشاة (Brush Tool ) ونترك الاعدادت كما في الخطوة السابقة (الخطوة 19) ثم نختار الـ Pen Tool وبنفس الطريقة نضغط Right Click ثم نختار Stroke Path ثم Ok وهذه هي النتيجة
- نطبق Filter > Blur > Gasussian Blur ونختار هذه الاعدادات التالية
21_ نقوم بعمل لير جديد ونختار الـ Pen Tool ثم نرسم المسار الموضح في الشكل ادناه
- نختار اداة الفرشاة ونضع الاعدادات التالية : (Hardness 100%) وحجم الفرشاة 2px ونختار اللون الابيض ثم نختار الـ Pen Tool ونضغط Right Clikc ثم نختار Stoke Path ثم Ok وهذه هي النتيجة
- نختار اداة الممحاة (Eraser Tool ) ثم نقوم بمسح القليل من الجزء العلوي والسفلي ثم نقلل الـ Opacity الى 50 او 70 % وهذه هي النتيجة
- ركزوا جيد جداً ... سنقوم الان بعمل شاشة الهاتف (The Screen )
22_ نقوم بعمل لير جديد ثم نختار الـ Pen Tool ونرسم المسار الموضح في الصورة ادناه نضغط Right Click ونختار Fill ونختار لون رمادي (2b2d2c ) وهذه هي النتيجة 23_ نقوم بعمل لير جديد ثم نختار الـ Pen Tool ونرسم المسار الموضح في الشكل ادناه
- نختار اداة الفرشاة (Brush Tool ) ونضع الاعدادات التالية : (Hardness 100%) وحجم 1px ونختار اللون الابيض
- نختار الـ Pen Tool مجدداً ونضغط Right Click ثم Stroke Path ثم Ok
- نغير الـ Opacity الى 17% وهذه هي النتيجة
- نتأكد من اختيار اللير ثم الضغط على هذه الايقونة الموضحة في الصورة ادناه
http://www.mexat.com/vb/attachment.p...1&d=1288037250
24_ نختار نفس اللير ثم نطبق
Image > Adjustments > Hue/Saturation
ستظهر لنا قائمة نغير قيمة الـ Lightness الى (- 100)
وستصبح الشاشة سوداء
- الان نقوم بالضغط Ctrl + CLick على نفس اللير ثم نختار اداة الفرشاة ونرسم بلونين مختلفين (لكم الحرية في اختيار الالوان ::جيد::) ثم نرسم مرتين .. مرة على اليسار واخرى على اليمين كما في الصورة ادناه
- الان نطبق Filte > Noise > Add Nosie ونضع هذه الاعدادات
- ثم نطبق Filte > Blur > Motion Blur ونختار هذه الاعدادات التالية
- الان مجدداً نقوم بضغط Ctrl + Click على لير الشاشة ثم نقوم بعمل لير جديد ويكون فوق جميع الليرات السابقة ونرسم بفرشاة بيضاء ناعمة في الجزء الاعلى كما في الصورة ادناه
- نغير الـ Blending Mode الى Overlay
- الان نطبق Filte > Blur > Motion Blur ونضع الاعدادات التالية
الدرس { الخطوة 25 الى 30 }
25 _ نقوم باختيار اللير الي قمنا برسم الشكل الرئيسي عليه (اللير الذي قمنا بعمله في الخطوة 2 )
- ثم نطبق Image > Adjustments > Brightess/Contrast ونختار هذه الاعدادات
- نقوم بعمل لير جديد ويكون فوق جميع الليرات ثم نرسم شكل بيضوي صغير ونغير اللون الى لون رمادي
- نختار الـ Lasso Tool ونرسم تحديد صغير كما في الصورة ادناه
- الان نختار اداة الـ Burn Tool ونضع هذه الاعدادات
- ثم نقوم بالمسح داخل التحديد الذي قمنا بعمله وهذه هي النتيجة
26_ نختار اداة الفرشاة (Brush Tool) ونضع هذه الاعدادات
- نقوم بعمل لير جديد ثم نضغط بالفرشاة مرة واحدة فوق الشكل البيضوي الذي قمنا بعمله في الخطوة السابقة لعمل دائرة صغيرة في منتصف الشكل البيضوي
- الان نقوم بالضغط مرتين على اللير الذي قمنا بعمله في هذه الخطوة ونختار الاعدادات التالية
27_ نقوم بعمل لير جديد ثم نختار اداة الـ Rounded Rectangle Tool والتي تجدونها في هذه القائمة
- نرسم الشكل الظاهر في الصورة ادناه ثم ندوره قليلاً ليبدوا كما في الصورة (لاحظوا الشكل الذي فوق الشاشة على اليمين ^^)
- الان نرسم بواسطة الـ Lasso Tool التحديد الموضح في الصورة اعلاه ...
- نقوم باختيار اداة الـ Dodge Tool ونغير الـ Hardness الى 50% ونختار حجم الفرشاة صغير بحيث تصبح بحجم الشكل الذي رسمناه تقريباً ثم نمسح فوق الجزء الاسفل من الشكل
- نختار اداة الفرشاة (Brush Tool ) ونغير الـ Hardness الى 75% ونختار لون رمادي ثم نرسم فوق الجزء العلوي من الشكل وهذه هي النتيجة
28_ مجدداً نقوم بعمل لير جديد ثم نرسم المسار الموضح في الشكل ادناه
- نختار اداة الفرشاة ونغير الاعدادات الى : الـ Hardness 100% . وحجم الفرشاة 1px ونختار اللون الاسود ثم نختار الـ Pen Tool مجدداً ونضغط Right Click ثم Stroke Path ثم Ok
- نختار اداة الممحاة (Eraser Tool ) ونمسح قليلاً فقط ن الجزء الاسفل من الخط الي قمنا بعمله وهذه هي النتيجة
29_ نقوم باختيار اللير الذي قمنا بعمله في ( الخطوة 27) ونرسم باتسخدام الـ Lasso Tool التحديد الموضح في الشكل ادناه
- نختار اداة الـ Dodge Tool ونسمح داخل التحديد الذي قمنا بعمله وهذه هي النتيجة
30_ نقوم بعمل لير جديد ويكون فوق جميع الليرات السابقة ثم نقوم بعمل التحديد الواضح في الصورة ادناه عن طريق اختيار الـ Pen Tool ثم رسم مسار مشابه للتحديد ثم نضغط Right Click ونختار Make Selection
- نختار اداة الـ Gradient Tool ثم نضع الاعدادات التالية
- بعد اختيار الاعدادات نقوم بعمل التدرج من الاعلى الى الاسفل (نقوم بهذا عن طريق الضغط في الاعلى ثم السحب الى الاسفل وستكون النتيجة كما في الصورة ادناه )
الدرس { الخطوة 31الى 34 والأخيرة ^^ }
31_ نقوم بعمل لير جديد ثم نرسم المسار الموضحفي الصورة ادناه نختار اداة الفرشاة (Brush Tool ) ثم نختار الاعدادات : Hardness 100% . وحجم الفرشاة 2px ونختار اللون الابيض
نختار الـ Pen Tool مجدداً ثم نضغط Right Click ونختار Stroke Path ثم Ok وهذه هي النتيجة
- نختار اداة الممحاة (EraserTool ) ونقوم بمسح الاطراف قليلاً فقط ثم نغير الـ Opacity الى 50%
32_ الان نقوم باختيار اللير الذي قمنا بعمل الشكل الرئيس عليه (اللير الذي قمنا بعمله في الخطوة 2 )
- نقوم باختيار اداة Eliptical Marquee Tool ثم نقوم بعمل تحديد بيضوي الشكل كما في الصورة ادناه
- نختار اداة الـ Dodge Tool ثم نقوم بالمسح فوق الجزء الايمن من التحديد
- نقوم بعمل لير جديد ويجب ان يكون فوق اللير الذي عملنا عليه في هذه الخطوة (اي فوق اللير الذي قمنا بعمل الشكل الرئيسي عليه )
- الان نعود لاختيار اداة Eliptical Marquee Tool ثم نضغط Right Clcik داخل التحديد ونختار Stroke Path ونضع الاعدادات التالية
33_ نقوم بعمل لير جديد ثم نختار اداة Rounded Rectangle Tool ونرسم مربع كما في الصورة ادناه
- نغير الـ Opacity الى 49 %
- نضغط Ctrl + T على لوحة المفاتيح ثم نضغط Right Click ونختار من القائمة
- Distort أو Warp ونقوم بالتعديل على الشكل ليصبح كما هو ظاهر في الصورة ادناه
34_ نقوم بعمل لير ويجب ان يكون تحت جميع الليرات التي قمنا بعملها الى الان
- نقوم بعمل تحديد كما في الشكل ادناه ثم نملىء باللون الاسود
- نطبق Filter > Bur > Motion Blur ونضع هذه الاعدادات
- نطبق Filter > Blur > Gaussian Blur ونضع هذه الاعدادات
وأخيراً هذه هي النتيجة النهائية ::سعادة:: ::سعادة:: ::سعادة::