PDA

مشاهدة نسخة كاملة : الدرس الاول : تصميم استايل احترافي


alialsahher
17-07-2006, 11:40 PM
السلام عليكم اخواني الاعزاء



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

نبدأ على بركة الله تصميم الاستايل
************************************
بسم الله الرحمن الرحيم
************************************

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

نفتح صفحه جديده ونحدد القياسات كما في

http://alkhaleeg.net/upload/learn/khaleeg1.jpg

نلاحظ الشكل التالي

http://alkhaleeg.net/upload/learn/khaleeg2.jpg

الحين نختار لونين واحد ثقيل ثقيل والاخر اخف منه

http://alkhaleeg.net/upload/learn/khaleeg3.jpg

نصبغ الخلفيه باللون الخفيف حتى يكون الناتج التالي

http://alkhaleeg.net/upload/learn/khaleeg4.jpg

اخواني الاعزاء ركزو معايه شوي لان الخطوات الجايه شوي صعبه

نختار اداة التدرج

http://alkhaleeg.net/upload/learn/khaleeg5.jpg

نعاين شوي لفوق نلاحظ اشكال التدرج نختار منها الاداة الثانيه

http://alkhaleeg.net/upload/learn/khaleeg6.jpg

بعد تحديد الاداة نضغط ضغطه واحده على التدرج المرسوم في الصوره

http://alkhaleeg.net/upload/learn/khaleeg7.jpg

نلاحظ ضهور نافذه Gradiant Editor نضغط مره واحد على النقطه اللي في الصوره

http://alkhaleeg.net/upload/learn/khaleeg8.jpg

نلاحظ تغير لونها معناه ان هذي النقطه اصبحت هي الفعاله
بعدمما ضغطنا مره واحده على النقطه نضغط مره واحده بالمكان الفارغ المجاور لها

http://alkhaleeg.net/upload/learn/khaleeg9.jpg

نلاحظ ظهور نقطه اخرى كما في

http://alkhaleeg.net/upload/learn/khaleeg10.jpg

الحين نضغط على النقطه اللي في اقصى اليسار ونضع في حقل location القيمه (50)

http://alkhaleeg.net/upload/learn/khaleeg11.jpg

نلاحظ انسحاب النقطه للوسط

http://alkhaleeg.net/upload/learn/khaleeg12.jpg

ونضغط على النقطه اللي قبل اقصى اليمين يعني الثانيه من اليمين (الترتيب بالعربي من اليمين الى اليسار)
ونضع في حقل location القيمه صفر

http://alkhaleeg.net/upload/learn/khaleeg13.jpg

يكون الناتج النهائي

http://alkhaleeg.net/upload/learn/khaleeg14.jpg

نلاحظ انسحاب النقطه الى اقصى اليسار ونضغط على زر OK

الحين انتهينا من التدرج الجاي ان شاء الله سهل بس ركزو شوي واقرو الموضوع تمام حتى لاتصير اشكالات



********************

الحين نضغط على القائمه View وبعدها Show ونختار Grid
او نضغط المفتاح Ctrl الزر " سويه للاختصار

http://alkhaleeg.net/upload/learn/khaleeg15.jpg

نلاحظ تحدد الصفحه كاملةً

http://alkhaleeg.net/upload/learn/khaleeg16.jpg

نفتح لير جديده

http://alkhaleeg.net/upload/learn/khaleeg17.jpg

نختار اداة التحديد المساه Selection tool نحدد كما في الصوره

http://alkhaleeg.net/upload/learn/khaleeg18.jpg

يعني نترك مربع من اليمين ومن اليسار ومن الاسفل واشرحلكم بعدين ليش عملنا كذا

نعمل تدرج من الاسفل للاعلى او من الاعلى للاسفل ميفرق بالشكل

http://alkhaleeg.net/upload/learn/khaleeg19.jpg

نضغط على اللير ونضغط على Stroke الذي يستخدم لاحاطه اللير بخط

http://alkhaleeg.net/upload/learn/khaleeg20.jpg

نضبط الاعدادات كالتالي

http://alkhaleeg.net/upload/learn/khaleeg21.jpg

نضغط اوكي

الان ندبل اللير بضغط الزر الايمن للماوس على اللير اللي عملنا عليها تدريج

http://alkhaleeg.net/upload/learn/khaleeg22.jpg

نضغط CTRL + T لتحديد اللير فتكون بالشكل

http://alkhaleeg.net/upload/learn/khaleeg23.jpg

نقوم بسحب اللير من النقطه رقم واحد في الصوره الى الخط المرسوم على بعد مربعين من الاعلى اللي يحمل رقم (2)

http://alkhaleeg.net/upload/learn/khaleeg25.jpg

ندبل اللير بالضغط مره اخرى بالزر الايمن على اللير الجديد اللي سحبنا

http://alkhaleeg.net/upload/learn/khaleeg26.jpg

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

http://alkhaleeg.net/upload/learn/khaleeg27.jpg

نأشر الحين الير الحاوي العمود العلوي ونضغط CTRL + G لدمجه مع لير التدرج الاول
ناشر العمود السفلي ونضغط CTRL + G لدمجه مع لير التدرج الاول

مهم : اضغط على العمود الاول ctrl + g قبل العمود الثاني لتفادي الاخطاء احبائي
يكون الشكل مثل

http://alkhaleeg.net/upload/learn/khaleeg28.jpg

نحدد اللير الاول اللي عملناه واللي حاوي التدرج الاعظم للصفحه ونتابع الصوره

http://alkhaleeg.net/upload/learn/khaleeg29.jpg

اي نختار Drop Shadow لعمل ظل لان يكون كثير احلى بالضل
نضبط اعدادات الظل ليكون

Opacity : 35
Angle : 90

كما في

http://alkhaleeg.net/upload/learn/khaleeg30.jpg

نضغط OK

نلاحظ الهيدر كيف عمل

http://alkhaleeg.net/upload/learn/khaleeg31.jpg

وهذا تصميمي

http://alkhaleeg.net/upload/learn/

Illusion
17-07-2006, 11:50 PM
شكرا لك اخى


تم النقل الى المكان الصحيح ,,

LMSTY-DES
18-07-2006, 01:32 AM
مشكور ياغالي علي الدرس
كما نتمني منك المزيد من الدروس

windy
18-07-2006, 04:09 AM
يعطيك الف عافيه اخي الكريم

ان شاءالله حكون من المتابعين لك

انا فملت تطبيقي لغاية الاخير

بس للاسف الصورة الاخيرة اللي هي صورة تصميمك
ما شوفتها لانه ماظهرت معايا فمدري انت سويت تصميم كامل للهيدر والا ايش مدري

ان شاءالله تطبيقي صح

اختك

ونوودة

وهذا تطبيقي

http://www.losaan.com/upp/uploads/269547db11.jpg

alialsahher
18-07-2006, 02:37 PM
مشكورين احبائي انتظروا مني الدروس القادمه قريبا جدا ...

وبالنسبه للاخت التطبيق ممتاز

و انشاء الله ما قصرت واني حاضر لاي استفسارات