منتديات مدرسة المشاغبين  

العودة   منتديات مدرسة المشاغبين > منتديات تطوير مواقع تطوير منتديات منتديات برمجه منتديات سكربتات PHP CGI ASP.NET SQL Scripts > تطوير و صيانة المنتديات vBulletin

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


للاعلان بالموقع sehraya 8-5-2013 للاعلان بالموقع
روابط مهمة و مفيدة : لاستعادة الباسورد الرقم السري || كيف يتم تفعيل الاشتراك || أفضل طريقة لطلب كود تفعيل على البريد

شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

تطوير و صيانة المنتديات vBulletin

للمنتديات اعدادات في لوحة التحكم صلاحيات هاكات هاك مجموعات المدير تمبلت كيف حل اخطاء رمزية نسخة للمنتدى طريقة القوالب الستايل vBulletin® Version 3.8.1 Patch Level 2

شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

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

موضوع مغلق
 
أدوات الموضوع
  #1  
جديد 04/02/2008, 04:51 AM
جاي معه ملفه
 
تاريخ التسجيل: Jan 2008
المشاركات: 11
Rep Power: 0
maq22 النقاط 10
افتراضي شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

للحين نقول بسم الله وننطلق الى الدرس

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

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

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



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



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



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



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



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

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

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



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



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

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

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

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

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

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

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

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

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



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

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

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



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




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

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




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

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

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

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




ونحط هالاعدادات




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

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

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

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



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

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



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




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



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



================================================== ================

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

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

نضيف لير جيد



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

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



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

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

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

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

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



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

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

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

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




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

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



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



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

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

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

اوكيه



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

يالله دلعوه

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



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



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




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

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

نضيف لير جديد



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



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



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



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

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

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



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

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




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



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

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

واللي راعي شبة النار يشبها عاد مع شاهي شئ ثاني


================================================== ============

انتهى هذا الدرس الخاص بالتصميم استايل الاحترافي

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

ملاحظات مهمه :: عند وضع اضافات على الهيدر او الفوتر فلابد ان تنتبه لنقطة الالتقاء

اللحين انت صممت هيدر وحطيه فيه اسم المنتدى وصور ومدري ايش

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

ولا بد يكون نقطة الالتقاء في الهيدر تتوافق مع الفوتر

شوف الصوره هذا وراح تفهم وش اعني



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

فتاكد انك بتتعب.

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

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

================================================== ============




اللحين نجي لمرحلة التقطيع

اللي فهم الدروس السابقه فماراح يتعب في هالدرس

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

تبي تقطع مثل الناس وتسلك في الاستايلات ركز

بتسرح او تجلس تسئل اسئلة مبتدئين فانصحك ترجع لركن تعليم الاستايلات للمبدتئين

اللي ابيه في هالدرس ذيابه تنشد بها الظهر

اللحين افتح برنامج الفوتوشوب

انت فتحت الفوتوشوب طيب انت حفظت العمل يوم قلت احفظه على هالصيغه



طيب اسحبه يامال الغنيمه للفوتوشوب وحطه قدامك وناظر فيه



قدامك الاستايل ..... اللي ابيه منك تقطعه ثلاث قطع بس

[:::عملية التقطيع :]
تستخدم اداة التحديد وبعد تحديد الجزء المراد قطعه
تقوم بالضغط على ctrl+ c (تنسخه)
تضغط على file :: ثم :: new



لاتحط اي مقاس
طبيعي راح يعطيك المقاس للجزء اللي انت حددته ثم نسخته
من غير نسخ ماراح يعطيك (انتبه)

من يوم ينفتح لك العمل :: اضغط ctrl + v (لصق)

جزء الهيدر لوحده



وجزء الوسط لوحده



وجزء الفوتر الحاله



قطعت الثلاث الاجزاء

===============================

اللي يبي يقطع من غير مشاكل يتبع التالي:
1- انشئ جدول باي مكان بجهازك عشان نحط قطع الاستايل فيه
2- افتح المعلومات info :: وطريقه فتحها من اعلى الفوتوشوب عن طريق windos :: ثم :: اختر info
3- خذ قلم وورقه وابدى خطط مثل مافي الصوره

كل معلومه تاخذها من الـ info دونها او سجلها على الورقه
عارف ليش؟؟
عشان يكون استايلك موزون
من يوم تشده وتنزله في المنتدى الا وهو يملى العين
اي خلخله في الاستايل
كانك ماسويت شئ

يعني ركزوا لاهنتوا

حط الوسط والفوتر على جنب

واعطنا الهدير لاهنت ويالله ننطلق في التقطيع السليم

هذا الهيدر المقطوع



خذ اداة التحديد وروح لجهة اليسار في الهيدر وهي العمود لو تلاحظه اسفل الهيدر بشئ بسيط

حدد الموضوع المناسب للجهه اليسر ى



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

اما العرض راح تشوفه في الـ info

اللحين انت حددت الجهه اليسرى من طرف الهيدر

كم مكتوب في الـ info

العرض =1.76 الطول = 6.17

روح اكتبها في الورقه لاهنت

انت كتبت العرض والطول في الورقه

طيب انت حددت الجزء اللي طلع فيه العرض والطول

وش ابي منك اللحين

اللي ابيه تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

مثل ماعلمتكم مجرد عمل نسخ لشئ محدد او قص وبعد الضغط على File ثم New

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+V

راح يكون بهذا الشكل



روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

وطبعاً احفظها باسم انجليزي وهو افضل وطبعاً يكون الحفظ في المجلد اللي قلت انشئه

خلصنا من اول قطعه في يسار الهيدر

وصار شكل الهيدر بعد اخذ القطعه الاولى كذا



طيب انقز مثل الذيب وروح للجهه اليمنى

المطلوب منك

يكون الـ info موجود ولاتخفيه فما راح تكمل زين

خذ المحدد وحدد الجزء الايمن من الهيدر بهذا القياس

العرض =1.76 الطول = 6.17 عشام يتوافق الجهه اليمنى مع الجه اليسرى من غير مشاكل





اللحين انت حددت الجهه اليمنى من طرف الهيدر

كم مكتوب في الـ info؟؟؟

العرض =1.76 الطول = 6.17

روح اكتبها في الورقه لاهنت مره ثانيه طبعا الورقه المخططه مو ورقه فاضيه

انت كتبت العرض والطول في الورقه

طيب انت حددت الجزء اللي طلع فيه العرض والطول

وش ابي منك اللحين

اللي ابيه تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

مثل ماعلمتكم مجرد عمل نسخ لشئ محدد او قص وبعد الضغط على File ثم New

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+V

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



خلصنا من القطعه اللي في اليسار واللي في اليمين

شكل الهيدر المتبقي بيكون كذا



لاتقص منه شئ

ابي منك تحدد القطعه المتبقيه

ماهو باداة التحديد الا بالضغط على Ctrl+ الضغط على لير القطعه المتبقيه



راح يتحدد بهذا الشكل



طالما انه محدد

اللي ابيه تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x

ثم اضغط على File ثم New

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+V

راح يكون بهذا الشكل



اللحين نفرض انك مصمم اشكال والوان في الهيدر

حاول تحدد جزء من اليسار يكون فيه مكان اللتقاء مع الجزء اللي في اليمين

شوف الصوره وشوف الانفو مطلعه العرض اللي نبيه والطول صار ثابت مع القطعه اللي قصيناها من شوي في جهة اليسار وفي اليمين



ومازلت اكرر حط كل شئ في الورقه

اللحين انت محدد الشكل طيب المطلوب

اللي ابيه تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x

ثم اضغط على File ثم New

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+V

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE




باقي معانا جز واحد

لاتقص منه شئ

ابي منك تحدد القطعه المتبقيه

ماهو باداة التحديد الا بالضغط على Ctrl+ الضغط على لير القطعه المتبقيه



راح يتحدد بهذا الشكل



اللي ابيه تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+V

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

راح يكون بهذا الشكل



بمجرد الضغط على ctrl+a راح يطلع لك الانفو دونها لاهنت في الورقه

انتهينا من الهيدر واللي بقى علينا خلفية الهيدر اللي هي نقطة الالتقاء في التمدد

نروح لنفس الصوره اللي هي اخر صوره قصيناها ولصقناها



ونحدد جزء من اخرها مثل كذا



اللي ابيه نسخ الجزء المحدد بالضغط على Ctrl+c

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

بكذا انت حفظت خمس صور

طرفين ووسطين وخلفيه

============================================

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



ماراح تاخذ منه الا قطعتين وتحذف الباقي

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

طالما انه عمود وراح يكون متمدد فلايهم الطول

اللي يهمنا العرض

نشوف العرض

كم قلنا الزاويه اللي في الجه اليسر للهيدر العرض =1.76

طيب لما نجي نحدد عرض العمود عشان ينساب في التمدد من غير مشاكل يكون العرض =1.76



وهذا العمود في الجه اليمنى



من يوم تحدد كل واحد لحاله تعمل التالي

اللي ابيه قص الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

ونفس الشئ تطبقها على الصوره الثانيه

================================================== ==========

انتهينا من الهيدر + الاعمده

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

================================================== =========

اللحين نروح للفوتر



ونحدد الجزء الايسر وركز معاي

راح يكون الطول ثابت بس العرض ::
ثابت في الاطراف ومتغير في الاوساط على حسب توافقها مع الهيدر ونقطة الالتقاء

الجزء الايسر حددناه
كم مكتوب في الـ info
العرض =1.76 الطول = 2.33
يعني ان العرض توافق مع الاعمده ومع الهيدر



المطلوب منك بعد التحديد

اللي ابيه قص الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

اللحين نروح للجزء الايمن ونشوف

الجزء الايمن حددناه
كم مكتوب في الـ info
العرض =1.76 الطول = 2.33
يعني ان العرض توافق مع الاعمده ومع الهيدر



المطلوب منك بعد التحديد

اللي ابيه قص الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

اللي تبقى معنا من الفوتر هالجزء



ابي منك تحدد القطعه المتبقيه

ماهو باداة التحديد الا بالضغط على Ctrl+ الضغط على لير القطعه المتبقيه

ثم قص الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v




اللحين نحدد الجزء اللي يتوافق مع الهيدر

نشوف الصوره



قص الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

والجزء الثاني تقوم بعمل التالي





قص الجزء المحدد بالضغط على Ctrl+x

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE




الان نحدد على اخر صوره جزء عشان يمثل الهلفيه للفوتر



انسخ الجزء المحدد بالضغط على Ctrl+c

روح اضغط على file ::ثم :: new

راح يطلع لك المقاس اوتوماتيك

فتحت العمل الجديد

طيب اللصقه بالضغط على Ctrl+v

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE





انتهينا بحمد الله


اصبح معنا التالي

خمس قطع في الهيدر + خمس قطع في الفوتر + قطعتين في الاعمده = 12 قطعه تشكل استايل احترافي

وماتبقى هو الاضافات من المصمم نفسه فقط

راح نستفيد من التقطيع هذا الامر احفظه بجهازك لتعلم اين الموازنه



وللحصولعلى منتدى مجانى vb = استايل يخش علىالرابط


http://el7biba.hostwq.net/vb


مواضيع مشابهه:

:
  #2  
جديد 04/02/2008, 04:55 AM
جاي معه ملفه
 
تاريخ التسجيل: Jan 2008
المشاركات: 11
Rep Power: 0
maq22 النقاط 10
افتراضي رد: شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

او الاميل بتاعى maaz_q2003@yahoo.com

  #3  
جديد 04/02/2008, 06:50 PM
طالب متوسط
 
تاريخ التسجيل: Sep 2007
المشاركات: 167
Rep Power: 6
hmood252 النقاط 10
افتراضي رد: شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

مشكوووووووووووووووووووووو ووووور

  #4  
جديد 06/03/2008, 08:13 AM
جاي معه ملفه
 
تاريخ التسجيل: Oct 2007
المشاركات: 3
Rep Power: 0
egyptcool النقاط 10
افتراضي رد: شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

مشكوووووووووووووووووووووو ووووور

  #5  
جديد 22/03/2008, 04:08 AM
جاي معه ملفه
 
تاريخ التسجيل: Mar 2008
المشاركات: 1
Rep Power: 0
Mi$$ Jedd@h النقاط 10
افتراضي رد: شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

عفواً وين الصور ؟

وبارك الله فيك ع الجهد الطيب Click here to enlarge


  #6  
جديد 23/03/2008, 01:50 PM
طالب متوسط
 
تاريخ التسجيل: Nov 2007
المشاركات: 203
Rep Power: 6
hamdi200 النقاط 10
افتراضي رد: شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

عفواً وين الصور ؟

وبارك الله فيك ع الجهد الطيب


  #7  
جديد 23/03/2008, 02:17 PM
يطلع بدون استئذان
 
تاريخ التسجيل: Jul 2007
الدولة: المغرب
المشاركات: 373
Rep Power: 6
essadik34 النقاط 10
افتراضي رد: شرح موفق لعمل استايل على الفوتوشوب من الالف للياء

merciiiiiiiiiii

موضوع مغلق

أدوات الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة



الساعة الآن توقيت السعودية الرياض جدة الشرقية القصيم 08:37 PM.

استضافة

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2013, vBulletin Solutions, Inc.
SEO by vBSEO 3.6.0 PL2
جميع ماينشر بالموقع لا يعبر عن اصحاب الموقع انما يعبر عن صاحبه