دورة تصميم الستايلات [ التصميم بواسطة الفوتوشوب ] الدرس الاول

[Khaled J. Ahmad]

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


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

متمنياً من الله ان يوفقكم في التطبيق وننهي هذه الدورة بخير وسلام

ونبداً بالمفاجئة الجديدة وهي الدورة التي تلي هذه وهي الدورة الإحترافية

من دون إطالة اترككم مع الدرس
ملاحظة هامة : ليس من الضروري التطبيق بنفس الالوان وبنفس الحركات فيمكنك الابداع في التصميم بإلوان مختلفة.
: قمت بتطبيق الدرس بأكثر من لون ووضعت تطبيقين بصورتين مختلفتين لإعلامكم بانه يمكنكم الابداع في التصميم

بسم الله نبداً .في الدرس الاول

اولا نقوم بفتح برنامج الفوتوشوب وهو البرنامج الذي سوف نقوم بتصميم الهيكل عليه أي [ الهيدر + الفوتر ] .
بالمقاسات الموضحة .

http://www.abc4web.net/4upload/uploads/images/abc4web_2ecc17ed74.jpg



ثانياً : نرسم مستطيلين باللون الذي تختاره انت في الاعلى والاسفل كما اسلفت الهيدر والفوتر

http://www.abc4web.net/4upload/uploads/images/abc4web_90b4bc0068.gif


ثالثاً نقوم بعمل rasterize layer على الطبقتين .

ثم نذهب الي خصائص الطبقة blending option

ونطبق الظل:

http://www.abc4web.net/4upload/uploads/images/abc4web_c6531171bd.gif



هنا لك الحرية بإستخدام التدرج اللوني

http://www.abc4web.net/4upload/uploads/images/abc4web_352df218e0.gif



أخيراً هذا التطبيق على الدرس بإستخدام التدرج اللوني

http://www.abc4web.net/4upload/uploads/images/abc4web_d9251c63a3.gif (http://www.abc4web.net/4upload)


هذا تطبيق بإستخدام صورة فيكتور

http://www.abc4web.net/4upload/uploads/images/abc4web_ddf6d1c4cf.jpg (http://www.abc4web.net/4upload)


وهذا تطبيق اخر

http://www.abc4web.net/4upload/uploads/images/abc4web_d61fbab83e.jpg (http://www.abc4web.net/4upload)




الان دعونا نرى ابداعاتكم وأنا جاهز لأي إستفسار


اخوكم خالد صبح

[نهر الغموض]

تم الإحتفاظ بالرد بالإدارة للرجوع إلى صاحب المشاركة



مع تحيات
أبو يوسف

[Khaled J. Ahmad]

اخي اعتذر منك فأنت لم تر
مزاجي : http://www.abc4web.net/vb/mwaextraadmin3/vmoods/26.gif

فأنا الباراحة فقط خرجت من المشفى ولم اتعافى بعد

وبخصوص مشاركتك انا وضعت رداً عليها ولم اعلم انك قمت بوضع رد جديد بالمشكلة
لاني كنت منشغل برفع الشرح وتنسيقه

وقمت بالشرح مرتين والمرة الاولى قمت بحذف الشرح الاول


واكرر لم اشاهد ردك الثاني وإما بخصوص جاهزية البرامج فهناك من الاخوى قاموا بتحميلها وجهزوها
ولم ارد ان اطيل عليكم بالدروس رغم مرضي

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

[ابو صفد]

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

[أبو يوسف]

أجزل الشكر لكم إخواني جميعا وأخص بالذكر أخي خالد صبح

بالنسبة لرد الأخ نهر الغموض إحتفظت به بالإدارة لمناقشته

وإن شاء الله افهم وجهة نظره

ولكن ايا كانت وجهة نظره فلا يجوز التحدث بهذا الأسلوب ؛ فالأخ خالد متبرع بهذه الدروس وقد مرض - نسأل الله أن يشفيه - ولم يعلم بذلك أحد وقد عاد ليكمل ما بدأه

فالأخ خالد ليس موظفا يتقاضى أجرا على هذا الجهد ؛ بل لتوصيل معلومة درسها وتعلمها وطبقها ويريد أن يبلغ هذه المعلومة بأسلوبه الخاص

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

.

[نهر الغموض]

خالد

ماتشوف شر , طهور بإذن الله .

ابو صفد

البرامج متوفره لدي ولكن أمر النسخة الماسيه عقدتني شوي ؟!

وشكراً لك .. والمعذره من الجميع .

[ذوالجناح]

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

[ابو صفد]

السلام عليكم ورحمة الله وبركاته
هذا تطبيقي الاول

http://www.qotaalhbeb.com/up/T1.gif

وهذا الثاني
http://www.qotaalhbeb.com/up/T2.gif

:abc_145:

[Khaled J. Ahmad]

:abc_051::abc_051:
تطبيقك اخي ابو صفد جيد بالنسبة لمبتدئ

ينقصه بعض المسات ويصبح ممتاز لكن يعطيك الف عافية

وافي انتظار الاخرين .:abc_097:

[abohmam]

جزاك الله خيرا أخى خالد على الشرح الرائع

وهذا تطبيقي الذى سوف أتابع به معكم الدورة ان شاء الله

http://img31.imageshack.us/img31/666/abc4web.jpg

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

لك اجمل تحية

[ابو صفد]

بسم الله الرحمن الرحيم
اشكرك على التشجيع اخي خالد ... :abc_138:
الاخ ابو همام لمست الاحتراف موجوده في بدايه العمل :abc_051:

[مُجمع الخبرات]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

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

طهور لا بأس عليك..... لقد حزنت لأجلك :abc_008: ..... أتمنى لك الشفاء العاجل:abc_026:

مع تمنياتي لك بالتوفيق
أخوك...مُجمع الخبرات

[Khaled J. Ahmad]

حياكم الله جميعاً

تطبيق ممتاز اخي ابو همام

وفي انتظار الباقي

[كينج نت]

السلام عليكم ورحمة الله وبركاته

جزاك الله كل خير أخي خالد صبح

على هذا الجهد المبذول والشرح الجميل

تصميم مميز وانيق

بإذن الله أحاول التطبيق لو وجدت لدي الوقت

والشكر موصول لجميع الأخوة المتابعين للدورة بالتوفيق للجميع

[مُجمع الخبرات]

السلام عليكم خالد صبح
لقد انتهيت من التطبيق تفضل
http://img35.imageshack.us/img35/825/38185350.jpg

[Khaled J. Ahmad]

ماشاء الله
تطبيق جميل اخي مجمع خبرات

لكنك فقدت التنسيق بين الالوان لكي يخرج التصميم بجمالية اكثر

وفي ملاحظة بشأن الهيدر والفوتر

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

فوق الهيدر وتحت الفوتر وعلى الاجناب

توجد فراغات.

وبخصوص لون الخلفية يفضل جعلها لون سادة وعدم استخدام تدرج

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

ارجوا ان تكون فهمتني

[مُجمع الخبرات]

ماشاء الله
تطبيق جميل اخي مجمع خبرات

لكنك فقدت التنسيق بين الالوان لكي يخرج التصميم بجمالية اكثر

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



وفي ملاحظة بشأن الهيدر والفوتر

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

فوق الهيدر وتحت الفوتر وعلى الاجناب

توجد فراغات.

أرى أن وجود فراغات يعطي شكل جمالي أكثر ( وجهة نظر )



وبخصوص لون الخلفية يفضل جعلها لون سادة وعدم استخدام تدرج

أرى أن وجود بعض التزيين في الخلفية يعطي شكل جمالي أكثر ( وجهة نظر ) .. وإذا اضررت إلى تغيير الخلفية في الدروس التالية سأغيرها

وشكرا لك أخي خالد صبح على ملاحظتك فلقد أسعدتني بذلك .. لأنك تعطيني عيوب التصميم لكي أصححها
وإذا كانت عندك ملاحظة حول ردودي أرجوا أن تفيدني
وشكرا لك

[Khaled J. Ahmad]

بصوص الفراغات :

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


والخلفية نفس الشيء لكي لا تواجه تعب عند التركيب بالمنتدى

[الراعي]

بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

تسلم أخي خالد على اقامة هذه الدورة وفقك الله وبارك في جهودك .. هذا تطبيق أولي ريثما ننجز
ان شاء تطبيقا آخر نتابع به الدورة ..
http://www.abc4web.net/4upload/uploads/images/abc4web_f0c0620014.gif

[محترفة]

هذا عملي ,,,,,,,


http://up.arab-x.com/July09/pwj15071.gif (http://up.arab-x.com/)



اي ملاحظات ,,,,,,, لاني اول مرة اعمل ستايل ,,,,,,,,,,,

[ذوالجناح]

وهذا تصميمي المتواضع : ( الإطار ليس له علاقة بالستايل فقط من باب تجميل المشاركة )

http://www.abc4web.net/upload/images/140_abc4web_style.gif

وقد استفدت من ملفات الفيكتور التي قدمها الأخ أبوهمام

[Khaled J. Ahmad]

بصراحة اخي ذو الجناح

تصميم انييييييييق جداً

والوان جميلة

ابدعت ..

هل هناك المزيد من التطبيقات !! للاخوة الذين سجلوا ولم نشاهد ابداعاتهم

[محترفة]

انااااااااااا


كيييييييييييييييييييييف تصميمي ,,,,,,,,,,,,,,,,,

[Khaled J. Ahmad]

تطبيقك جميل اخي الراعي

لكنك لم تراعي منطقة التمدد

يجب عليك حذف الفرشة التي بالهيدر . لكي لا تواجه مشكلة بالمتدد

اما بخصوص اختنا المحترفة تطبيق جميل :
وايضاً انتِ يجب عليكي وضع لون سادة للخلفية

لعدم مواجهة مشاكل مع اعدادات الستايل الشاملة


تحياتي .

[محترفة]

عدت التصميم ان شاء الله تكون صح ,,

http://up.arab-x.com/July09/3ns40387.gif (http://up.arab-x.com/)


والثاني

http://up.arab-x.com/July09/Fxy40493.gif (http://up.arab-x.com/)

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[Khaled J. Ahmad]

هذا روعه

عملك مميز ومع المتابعة ستكون اعملاك احترافية ..


***************
اهلا اخت سالي

[الراعي]

بسم الله الرحمن الرحيم

تحية لك أخي خالد ...استجابة لملاحظاتك القيمة هذه محاولة تطبيق جديدة .

http://www.abc4web.net/4upload/uploads/images/abc4web_901ecd57a7.gif

[Khaled J. Ahmad]

بصراحة اخي الراعي ابداعاتكم زادت

وهل هناك المزيد من الملاحظات ام اضع الدرس الثاني

[مُجمع الخبرات]

أنتظر الدرس التالي بفارغ الصبر

[Khaled J. Ahmad]

جار تحضير الدرس الثاني

[Khaled J. Ahmad]

دورة تصميم الستايلات [ تقطيع التصميم] الدرس الثاني. (http://www.abc4web.net/vb/showthread.php?t=3927)

[المصرى]

بسم الله الرحمن الرحيم وبه نستعين



اشكرك جزيلا اخى الفاضل خالد على حبك لنشر العلم ايا كان تخصصه كما احب ان اثنى على اداء كل مشرفى طريق الاحتراف فلا يعرف كم الجهد المبذول الا مجرب


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


http://img194.imageshack.us/img194/1817/masry.png

[Khaled J. Ahmad]

تطبيق جميل اخي المصري

لكن انا لن اشرح طريقة الاعمدة
اولا للتسهيل عليكم
ثانياً هي سبب من اسباب ثقل الستايل


بالتوفيق.

[رائد ابو فيصل]

http://www.img1000.com/images/93_1583_1585_1587_1582_1.gif

رايح احاول

بس سؤال
ثالثاً نقوم بعمل rasterize layer على الطبقتين

هذه القائمه لا تظهر الا بعد الكتابه

[Khaled J. Ahmad]

مش مشكلة لا تهم rasterize layer

انت تعمل على اي اصدار ؟

وتطبيقك ممتااااااااااز

[وتر الغرام]

ـآلسـلأام عليكم ,,

احب اشكرك اخي الكريم على هذه المبـآدره الطيبـه ..

وبالنسبه للتصميم .. فهذا تصميمي ..

http://dc05.arabsh.com/i/00462/122tbuk1qwhl.jpg

الهيدر في اشيـآء كثيره ما سويتهـآ .. لاني بمشي مع دروسك ..

والفوتر .. انا الافضل عندي يكون بدون فوتر .. بس صممت من شان درسك ..

انا مزجت التصميم .. مما تعلمته منك .. ومما شاهدته في تصميم المنتديات ..

.. انتظر منك تعقيبك .. وملاحظاتك ..

دمت بود

[Khaled J. Ahmad]

بصراحة وتر الغرام تطبيق رااااااااااااائع

جداً .............. جدا جدا

بدون مجاملة والله رائع

[وتر الغرام]

تسلم اخوي .. شفت كيف من حظي .. انحذفت الملفات حقت تصااميمي كلها من جهازي :(

بس ان شاء الله .. بسوي واحد جديد اذا حملت البرنامج

[حنظلة]

عملي :


فرش مش صورة ولا سكرابز


http://img689.imageshack.us/img689/545/59211423.jpg

[عادل نت]

السلام عليكم ورحمة الله وبركاته

مشكور مقدم الدوره مع ان انضمامي متأخر جداً ولكني سوف اكمل معكم باقي الدروس وان شاء الله تقبلوا هالتصميم لانه صراحة اعجبني كثير :):)

http://img514.imageshack.us/img514/2533/33220351.gif

[أبو النور]

السلام عليكم ورحمة الله

هذا هو أول مشاركة لي ..

ارجو ان تنال الإعجاب


http://up4.m5zn.com/9bjndthcm6y53q1w0kvpz47xgs82rf/2009/11/27/04/3pxnxdkgk.jpg




:abc_152::abc_152::abc_152: