درس عمل [ هيدر - خلفية - فوتر ] لتنسيق مواضيع احترافية ~

[رَاء.]

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


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


شلونكم وشخباركم وشعلومكم ؟:biggrin:


بالبداية زي ما تلاحظون الموضوع تنسيقه مختلف عن المعتاد

وهو مكوّن من ثلاث صور

الهيدر [ أعلى التصميم]
الخلفية [وسط التصميم]
الفوتر [نهاية التصميم]


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


درسنا اليوم بنتعلم شلون نسوي هالثلاثة بكود تنسيق واحد :sm5::004:

أنا اسميه كود الحُلم لأني يااااما تمنيته واخيراً الله اكرمنا بوجوده :biggrin:

بفضل من الله ثم بفضل أختي الرائعة مَلاك (http://www.ckfu.org/vb/u154221.html)

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

http://www.ckfu.org/vb/t687038.html (http://www.ckfu.org/vb/t687038.html)

^
أنيقة تبارك الرحمن :004::004::004:






درسنا اليوم مكوّن من جزئين ولازم نركّز بالجزء الأول عشان نفهم الجزء الثاني :verycute::rose:

نتفق على بعض الاتفاقات

العرض دائماً يكون 1300 والتصميم يميل لليسار عشان اذا عرضناه بالملتقى ما يختفي التصميم من اليمين

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

الاتفاق الثالث ان الطول مقاسة غير مهم وغير موحد
تقدرون بكل مره تسوون مقاس شكل واذا حطيتوه بالكود تمسحون وتزودون بالمسافات براحتكم
لين يضبط الشكل اللي انتوا تبونه * معليش هالفقرة متعبة بس لازم نتعب حبتين عشان شغلنا يطلع مرتب* :16.jpg:



http://www.ckfu.org/pic4u/uploads/ckfu1433663062071.png


الشرح بالجزء الأول بهالصورة اضغطوا هنا (http://www.ckfu.org/pic4u/uploads/ckfu1433663129741.gif)




http://www.ckfu.org/pic4u/uploads/ckfu1433663062292.png


هنا الجزء الأهم وهو تقطيع التصميم

ولاحظوا قبل التقطيع يبي لكم تسوون شغلتين

تحفظون التصميم بشكل عمل مفتوح يعني بصيغة Psd عشان تقدرون تعدلون عليه بعدين

ثم الخطوة اللي بعدها تدمجون كل الطبقات بالضغط على Control+shift+E عشان التقطيع يصير صحيح


الحين نجي لأداة التقطيع راح نستخدم هذي الأداة

http://www.ckfu.org/pic4u/uploads/ckfu1433663316741.png


^

هذا شكل الأداة ومن اسمها Slice Tool يعني اداة الشريحة يعني بيقطعها لنا شرائح

ونروح للتصميم ونبدا من فوق نقطع الجزء الأول عشان نكوّن [ الهيدر ]وراعوا استخدام المسطرة

ثم الثاني عشان نكوّن [ الخلفية ]

ثم الثالث عشان نكوّن [ الفوتر ]

اضغطوا هنا (http://www.ckfu.org/pic4u/uploads/ckfu143366331682.png) وشوفوا الصورة بشكل كبير

وصورت لكم الشاشة قبل ما ادمج الليرات يعني لحد يقول ليش ما دمجتي قبل التقطيع :biggrin:


نجي لطريقة الحفظ طبعاً بتقولون شلون نحفظ الصورة وهي كذا ؟

نقول سهله

http://www.ckfu.org/pic4u/uploads/ckfu1433663316913.jpg


ثم بعد ما نضغط على سيف فور ويب نضغط سيف مره ثانيه

راح يتكون عندنا مجلد الافضل انكم تخلونه على سطح المكتب

وهذا اسم المجلد التلقائي اللي بيسويه لكم

http://www.ckfu.org/pic4u/uploads/ckfu1433663316964.jpg

وداخل هالمجلد الصور الثلاثة المقطعة اللي قطعناها


وبس انتهت مهمة التصميم :sm5::004::004::004:

الكود ارفقته لكم بالمرفقات وسهل الاستخدام ان شاء الله اهم شيء الكلام والمحتوى
يكون مكان جملة [ النص هنا ]

وما يكون لا بالكود الاول ولا بالكود الثاني


اللي حاب يستخدم تصميمي لأي موضوع آخر ويستفيد منه حملوه من هنا (http://www.4shared.com/download/A993Lgovba/___.psd?lgfp=1000)


اي استفسار انا حاضرة لكم :004::004:

سلامُ اللهِ عليكُم :mh318::biggrin:

[زهرآء]

ماشاء الله تبارك الله :106:

حاجة تفتح النفسسس :smile:

يازين الفنن و الفنانين ( ريم + ملاك ) :verycute:

ربي يزيدك أكثر و أكثر :060:

شرح واضح و لا أحلى :rose:

إن شاء الله أحاول اطبق إذا عرفت :sm1:

لأن ما مرة جربت إداة التقطيع :(107):

> خايفة منها تذكرني بتقطيع المنتديات حاجة متقدمة :no:

و حملت ملفك حسيت سهل على تخيل الشكل العام للتصميم بعد :(204):

و هذا المجلد الافتراضي قاهرني لازم سطح المكتب مايصير داخل المجلدات :sm5:

> عندي طقوس احب سطح المكتب يكون نظيف :hahahahahah:

ألف شكر :004::004::004:

[رَاء.]

ماشاء الله تبارك الله :106:

حاجة تفتح النفسسس :smile:

يازين الفنن و الفنانين ( ريم + ملاك ) :verycute:

ربي يزيدك أكثر و أكثر :060:

شرح واضح و لا أحلى :rose:

إن شاء الله أحاول اطبق إذا عرفت :sm1:

لأن ما مرة جربت إداة التقطيع :(107):

> خايفة منها تذكرني بتقطيع المنتديات حاجة متقدمة :no:

و حملت ملفك حسيت سهل على تخيل الشكل العام للتصميم بعد :(204):

و هذا المجلد الافتراضي قاهرني لازم سطح المكتب مايصير داخل المجلدات :sm5:

> عندي طقوس احب سطح المكتب يكون نظيف :hahahahahah:

ألف شكر :004::004::004:



يازين الفواطم والله :sm5::004::004:


صح ترى هذا اللي يستخدمونه باستايلات المنتديات احسنتِ يا مُصممتنا :5aga:


وبالنسبة للمجلد الافتراضي لا تقدرين تحفظينه داخل طبعاً بس عشان الحوسة حطيه بسطح المكتب وبعد ما تنتهين دخليه بأي مجلد لك :biggrin:


انا لو اوريك سطح المكتب حقي عقب أي تصميم .. الله لا يوريك كل الخامات اللي احملها واستخدمها تكون فيه ولاحظي التصميم تسوين له اكثر من نموذج لين تقتنعين بالشيء المطلوب .. نص سطح المكتب يتغطى .. وأول ما انتهي من التصميم واقتنع ! اجيك اسوي كنترول واحدد كللللللل شيء استخدمته واحطه بمجلد الادوات :sm5:


فقرة متعبة بس شنسوي :hahahahahah:


يلا استنى تطبيقك على أحر من الجمر يا مُبدعة :sm5::004:

[مَلاك]

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

[نوره المتفائله]

مبـــــــــــــدعة تبارك الله ياريمي :rose:لاتحرمينا من هالابداع ياعسل

[رَاء.]

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

بعد قلبي ملاك :004::004:


الفضل لله ثم لك هالكود فك أزمات :biggrin::004:


الله يعطيك العافية وتسلمين على كل كلمة قلتيها من ذوقك والله :rose:


والتنسيق تحت امرك موجود الملف مفتوح لو احتجتيه :106:


منورتني آآد الدوونيا دي كولها :sm5:

مبـــــــــــــدعة تبارك الله ياريمي :rose:لاتحرمينا من هالابداع ياعسل


حبيبتي نوارة تسلمين لي :004::004:


نورتيني يا بعدي :rose::004:

[زهرآء]

العيد أنا أحبه > لاحقه يابنت ما بعد رمضان :004:

أكثر شيء ضيع وقتي :(177):

تنسيق الخط يلا لقيت خط عدل بالعربي :sm1:

و بعد أداة التقطيع دايم يطلع زوايد :sm4:

قلت خلاص بغش بفتح الصورة المقصوصة و اعمل لها اقتطاع :(107):

بس زين تبت و ساعدوني الخطوط السماوية للمسطرة :(269):

عاد بحط التطبيق و لا أشوف الخلفية مع التكرار مقسمة لأن الباترن مدري كيف :icon9:

تالي من جديد غيرت الباترن و حطيت يشبهك عن التفلسف :007:

و مع ذلك في خطأ نتفه بس سوي روحك ما شفتيه :5aga:

و ما أدري ليه صاير على جنب معن بالمعاينة مضبوط يمكن لأني رد:biggrin:

ححلو دام أني فاضية وبإجازة اتسلى بالفوتو و لا بالدراسة > مأعرفكم ياشين الدفارة :hahahahahah:

حسيت رجع حسي التصميمي صاير من زمان تركته :019:

هالمرة تعبت نفسي و صدق بلغ أعلى درجات الكياتة :verycute:

لا حرمنا من ذوقك :106:

كودهااا بالمرفقات :no:

[مييووش2]

ماشاء الله تبارك الرحمن مببببدعه كعادتك ريم 93
تسلمون انتي والفاطمه الذوق
الله يبلغنا واياكم رمضان يارب

[رَاء.]

العيد أنا أحبه > لاحقه يابنت ما بعد رمضان :004:

أكثر شيء ضيع وقتي :(177):

تنسيق الخط يلا لقيت خط عدل بالعربي :sm1:

و بعد أداة التقطيع دايم يطلع زوايد :sm4:

قلت خلاص بغش بفتح الصورة المقصوصة و اعمل لها اقتطاع :(107):

بس زين تبت و ساعدوني الخطوط السماوية للمسطرة :(269):

عاد بحط التطبيق و لا أشوف الخلفية مع التكرار مقسمة لأن الباترن مدري كيف :icon9:

تالي من جديد غيرت الباترن و حطيت يشبهك عن التفلسف :007:

و مع ذلك في خطأ نتفه بس سوي روحك ما شفتيه :5aga:

و ما أدري ليه صاير على جنب معن بالمعاينة مضبوط يمكن لأني رد:biggrin:

ححلو دام أني فاضية وبإجازة اتسلى بالفوتو و لا بالدراسة > مأعرفكم ياشين الدفارة :hahahahahah:

حسيت رجع حسي التصميمي صاير من زمان تركته :019:

هالمرة تعبت نفسي و صدق بلغ أعلى درجات الكياتة :verycute:

لا حرمنا من ذوقك :106:

كودهااا بالمرفقات :no:










شهالكشخة شهالزين شهالسنع :sm5::sm5::004::004::004:

تبارك الرحمن والله فنانة وذوق والخطأ اللي تقولين عليه تراني ما شفته ولا ادري وشو :hahahahahah:
ما يعرف الاخطاء الدقيقة الا المصمم نفسه صاحب العمل :biggrin:

وترى ما طلع كامل عشانه رد .. بس انا سويت له معاينه وشفته كامل بطله وقياساتك مضبووووووطة تبارك الرحمن يا فنانة :106:
روعه وربي روعه جد ما اجاملك :rose:
مجهودك مبيّن
وذوقك قمة بالجمال والروعة


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


اسجّل اعجابي فيك وفي موهبتك يا صديقة القسم :sm5::004::004::004:


تقييم +:rose:


ماشاء الله تبارك الرحمن مببببدعه كعادتك ريم 93
تسلمون انتي والفاطمه الذوق
الله يبلغنا واياكم رمضان يارب


تسلمين لي ميوش ما تقصرين حبيبتي منورة :rose:

[الوردة الخجولة]

ريمو رووووعه ماشاء الله عليكي شرح وافي وكافي

وتصميم ذوووق انتي وملاك وفطوم ماشاء الله مبدعات

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

ليه عودة اذا اراد الله

[برهي 333]

تسلمي الله يعطيك العاافيه

[rana.a]

مشاء الله روعه

يعطيك العافية

[برهي 333]

روعه

[اتاري]

مشكورة

يعطيكِ ربي العافيه

[Focus]

هيدر خورافيي ما شاء الله عليكك ,,

كأن الموضوع قديم شوي أو يتهيئ لي ههه < :Looking_anim:

بس عجزت وانا ابي اركب الهيدر في الرد :sm5:


يعطيكك العافية ي مبدعة ..


:rose:

[رَاء.]

هيدر خورافيي ما شاء الله عليكك ,,

كأن الموضوع قديم شوي أو يتهيئ لي ههه < :Looking_anim:

بس عجزت وانا ابي اركب الهيدر في الرد :sm5:


يعطيكك العافية ي مبدعة ..


:rose:

الله يعافيك يا هلا فيك :004:


لا تقريباً 4 أو 5 شهور مادري الزبدة قديم طيب :16.jpg::hahahahahah:


حياك الله :004::106:

[سلوم الفلاج ❥]

_


سويت نفسك ولمن حفظت الصوره صارت مو ملف وصورة وحده
مو ثلاث صور اللي قطعناهن ب الآداة , مدري شنوح ؟
مدري صح ولا لا - صارت زي كيذآ .. :71::71:
‘


file:///C:/Users/HASIB/Desktop/%D8%B5%D9%88%D8%B1/%D8%B3%D9%84%D9%88%D9%85_01.gif

[رَاء.]

_


سويت نفسك ولمن حفظت الصوره صارت مو ملف وصورة وحده
مو ثلاث صور اللي قطعناهن ب الآداة , مدري شنوح ؟


تأكد ان طريقة حفظك هي عن طريق سيف فور ويب .. جرب وتأكد وان شاء الله تضبط معك :rose:

[سلوم الفلاج ❥]

‘
طيب الفوتو حقي عربي مو انقلش ..
هي نفسه حفظ للويب ولا لا ؟ :icon1:

[رَاء.]

‘
طيب الفوتو حقي عربي مو انقلش ..
هي نفسه حفظ للويب ولا لا ؟ :icon1:


اي نعم اخوي هو نفسه

[سلوم الفلاج ❥]

شكرآ ..

[رَاء.]

اخوي سلوم هنا مو طالع لي خلفية

http://www.ckfu.org/vb/12909669-post17.html

[Dr. nsroon]

ما شاء الله ريومه وش هالزين :71:
من زمان ودي اطبق بس فيني كسل اعوذ بالله :sm1:
عاد اليوم وانا اجهز خلفيات الاقسام قلت انزل شيء هنيا :Looking_anim::cheese:


هنا الملف مفتوح # (http://www.ckfu.org/pic4u/uploads/ckfu1452467332971.psd)
للي يبي يستخدمه ويعدل عليه حلاله :004:
# فضلا عدم ازالة الحقوق :004:


هنا نموذج ثاني بدون النص
















هنا الموضوع









كيفني وانا مدخلة خلفية على الثانية :cheese:
اللي يبي اكوادهم جاهزات بالمرفقات :004:


والله وحشني الفوتو ووحشتوني انتوا :bawling:

[رَاء.]

ما شاء الله ريومه وش هالزين :71:
من زمان ودي اطبق بس فيني كسل اعوذ بالله :sm1:
عاد اليوم وانا اجهز خلفيات الاقسام قلت انزل شيء هنيا :Looking_anim::cheese:


هنا الملف مفتوح # (http://www.ckfu.org/pic4u/uploads/ckfu1452467332971.psd)
للي يبي يستخدمه ويعدل عليه حلاله :004:
# فضلا عدم ازالة الحقوق :004:


هنا نموذج ثاني بدون النص















هنا الموضوع








كيفني وانا مدخلة خلفية على الثانية :cheese:
اللي يبي اكوادهم جاهزات بالمرفقات :004:


والله وحشني الفوتو ووحشتوني انتوا :bawling:










شقول يا نصرون شقول بالله ؟ :004::004:


انتَ معلم واحنا منك نتعلم :icon9::004::004::004::004:


بارك الله فيك وبجهودك بالقسم احسنتِ كلك ابداع :004::106: