درس تصميم استايل احترافي

[Mohannad]

بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف الانبياء والمرسلين
هذا الدرس مهم للغايه :: افضل مشاهده لهذا الدرس هو التصفح 1024

الدرس عباره عن كيفية تصميم برواز احترافي متكامل + تقطيعه الى اجزاء لكي يركب على المنتدى

نقوم بفتح عمل جديد وافضل مقاس هو :: [الطول = 450 بيكسل :: العرض = 780 بيكسل]

ونختار الخلفيه بيضاء ثم نضغط ok

http://www.oomnia.com/t3leem/1.jpg

الان نذهب الى منسق الالوان ونختار اللون اللي راح يكون لون الخلفيه

http://www.oomnia.com/t3leem/2.jpg


ناخذ السطل ونصبغ الخلفيه باللون اللي يعجبنا (كل شخص وله ذوق )

http://www.traidnt.net/vb/images/Style/dros/finl-add/img-3.jpg

اللحين صبغنا الخلفيه


http://www.oomnia.com/t3leem/3.jpg


بعدها نروح من اعلى برنامج الفوتوشوب ونختار view :: ثم :: Exstras

http://www.oomnia.com/t3leem/4.jpg



وذلك ليتضح التخطيط على التصميم ومنها نقدر نضبط الاستايل بمقاسات دقيقه

(زمان كنت استخدمه واما الان فاصبح الوضع شبه عادي ) اللي اقصده هي كم مره وبعديم نتعود

اللحين نشوف شكل التخطيط على التصميم



http://www.oomnia.com/t3leem/5.jpg


نضيف لير جديد ومازال التخطيط مكانه ولاحتى نفكر نشيله الا في حاله الانتهاء او مشاهدة التصميم

http://www.oomnia.com/t3leem/6.jpg

اللي بتشوفونه الان الخلفيه + عليها التخطيط + عليها اربع ارقام انا اضفتها بس للتوضيح

تروح اللحين تختار اداة التحديد ومثل ماقلت انا مرقمها يعني لاحد يروح يرقم عنده فتلخبطون التصميم

اللحين انتوا تشوفون الارقام

بالله ركزوا معاي

اللي يساعدنا في الدقه هو التخطيط والتخطيط كل مربع صغير فيه حطته برقم

من اليسار عد معاي (1:: 2 :: 3 :: 4)

انا خليت واحد فاضي وبديت من المربع الثاني وانتهيت بنهاية المربع الثالث

اسباب البدايه من 2 هو ترك مجال بين جدار المنتدى والعمود

بالنسبه لاختياري 2 + 3 بس (عشان يكون العمود شكله مناسب ولاهو كبير حيل ولا هو صغير )


http://www.oomnia.com/t3leem/7.jpg

ركزوا واللي يرحم والديكم لاحد يروح يحدد على الطبقه الاساسيه

انا قلت افتحوا لير جيد وحددوا باداة التحديد من بداية رقم 2 الى نهاية رقم 3

اللحين نروح ناخذ اداة سحب الالوان او تدرج الالوان
http://www.traidnt.net/vb/images/Style/dros/finl-add/img-9.jpg

ونختار اللي في الصوره القادمه بالضبط ماعدا (اختيار اللون بالنسبه لكل شخص وذوقه)

http://www.oomnia.com/t3leem/8.jpg

ناخذ اداة سحب اللون ونسحب من اليمين اليسار

من تحت الى فوق او من فوق الى تحت لا لا لا ومالكم لوى

http://www.oomnia.com/t3leem/9.jpg

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

على فكره تقريبا شكل العمود اللي سويته هو ابسط الاشكال ولافيه ذاك الاحتراف

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

نروح مثل ماقلت على لير العمود ونضغط على حرف f :: ثم :: stroke...

http://www.oomnia.com/t3leem/10.jpg

ونحط هالاعدادات
http://www.traidnt.net/vb/images/Style/dros/finl-add/img-13.jpg

الى اللحين اقول كل واحد وذوقه في اللون

اللحين قضينا من شئ اسمه تصميم عمود ايسر واعطيناه تحت بلون اثقل او قريب منه

طيب :: العمود الثاني ماراح نصممه اللي في اليمين

عشان نرتاح :: مالنا غير ندبله اجل ونضغط على لير العمود بالماوس الايمن Duplcete layer

http://www.oomnia.com/t3leem/11.jpg


اللحين العمود اندبل وش السواه به

نسحبه الى اقصى اليمين

http://www.oomnia.com/t3leem/12.jpg

ومثل مارقمت انا الجهه اليسرى . اللحين رقمت الجهه اليمنى عشان تكون الوزنيه تمام التمام

http://www.oomnia.com/t3leem/13.jpg


اللحين نروح من اعلى برنامج الفوتوشوب ونختار view :: ثم :: Exstras

http://www.traidnt.net/vb/images/Style/dros/finl-add/img-17.jpg

ونزيل التخطيط :: نبي اتميلح شوي باللي سويناه


http://www.oomnia.com/t3leem/14.jpg


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

الاعمده وقضينا منها والحمد لله

اللحين جينا على الهيدر

نضيف لير جيد

طيب اللحين نروح من اعلى برنامج الفوتوشوب ونختار view :: ثم :: Exstras

عشان نرجع التخطيط


http://www.oomnia.com/t3leem/4.jpg


هالنقطه بالذات يبيلها تركيز

انت اضفت لير صح!
ورجعت التخطيط

وش مطلوب منك في هاللير

المطلوب تروح للتصميم حقك وتعد من فوق 12 مربع وانت وبكيفك

بس حط هيدر عليه الكلام

http://www.oomnia.com/t3leem/15.jpg


تروح للادوات وتاخذ اداة التحديد

وتحدد من اقصى اليمين الى اقصى اليسار

يعني مايحتاج تحدد عرض معين

كل اللي عليك شئ واحد انك تصك التحديد من الطرف الى الطرف

http://www.oomnia.com/t3leem/16jpg

اللحين مازلت محدد

تروح تاخذ اداة التدرج اللوني

http://www.oomnia.com/t3leem/4.jpg

http://www.traidnt.net/vb/images/Style/dros/finl-add/img-9.jpg

وتختار اللي موجود بالصوره

http://www.oomnia.com/t3leem/8.jpg


وتسحب من فوق الى تحت او من تحت الى فوق

من اليمين الى اليسار او العكس لا

بعد ماتسحب :: ازل التحديد وذلك بالضغط على Ctrl+D

اوكيه


http://www.oomnia.com/t3leem/17.jpg

وهذا الهيدر قضينا منه


اعطوه تحديد وذلك بالضغط على حرف f :: ثم :: stroke..

واعطوه هالقيم وكلاً على راحته

http://www.traidnt.net/vb/images/Style/dros/finl-add/img-13.jpg

راح يكون بهذا الشكل وهذا تصوير مقطعي


http://www.oomnia.com/t3leem/18.jpg

قضينا من الهيدر + الاعمده

بقى علينا الفوتر

نضيف لير جديد
ثم نستخدم اداة التحديد ونحدد الجزء الاسفل بمقاس اقل من الهيدر

http://www.oomnia.com/t3leem/19.jpg

وناخذ اداة التدرج اللوني

http://www.traidnt.net/vb/images/Style/dros/finl-add/img-9.jpg

ونختار اللون المطابق للهيدر والاعمده

http://www.oomnia.com/t3leem/8.jpg

نسحب من فوق الى تحت او من تحت الى فوق

من اليمين الى اليسار لا او العكس

بعد ماتسحب :: ازل التحديد وذلك بالضغط على Ctrl+D

http://www.oomnia.com/t3leem/20.jpg

تم الانتهاء بحمد لله من تصميم [هيدر + فوتر + عمود ايمين + عمود ايسر]

الان احفظ العمل


http://www.oomnia.com/t3leem/21.jpg

انتبه لصيغة الحفظ

http://www.traidnt.net/vb/images/Style/dros/finl-add/img-29.jpg



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

ثم اقفل الفوتوشوب وخذ قصد من الراحه



انتهى الدرس الأول على خير

والدرس الجديد قريبا ان شاء الله