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

[align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433595782951.gif');"][cell="filter:;"][align=center]





















[/align][/cell][/table1][/align][align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433595783082.gif');"][cell="filter:;"][align=center]





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


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


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


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

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

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


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


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

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

بفضل من الله ثم بفضل أختي الرائعة مَلاك

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

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/ckfu1433663062292.png


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

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

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

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


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

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


^

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

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

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

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

اضغطوا هنا وشوفوا الصورة بشكل كبير

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


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

نقول سهله

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


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

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

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

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

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


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

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

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


اللي حاب يستخدم تصميمي لأي موضوع آخر ويستفيد منه حملوه من هنا


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

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









[/align][/cell][/table1][/align][align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433595783173.gif');"][cell="filter:;"][align=center]





[/align][/cell][/table1][/align]

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

ماشاء الله تبارك الله :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:


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


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


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


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


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


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

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

[align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433860582571.gif');"][cell="filter:;"][align=center]





















[/align][/cell][/table1][/align][align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433860582752.gif');"][cell="filter:;"][align=center]


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[/align][/cell][/table1][/align][align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433860582853.gif');"][cell="filter:;"][align=center]




[/align][/cell][/table1][/align]

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

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

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

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

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

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


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


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


تقييم +:rose:



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

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

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

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

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

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