درس عمل [ هيدر - خلفية - فوتر ] لتنسيق مواضيع احترافية ~ - ملتقى طلاب وطالبات جامعة الملك فيصل,جامعة الدمام

رَاء. · #1 2015- 6- 7

[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]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الشرح بالجزء الأول بهالصورة اضغطوا هنا

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

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

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

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

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

^

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

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

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

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

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

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

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

نقول سهله

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

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

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

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

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

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

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

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

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

سلامُ اللهِ عليكُم

[/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]

زهرآء · 2015- 6- 7

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

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

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

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

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

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

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

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

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

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

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

ألف شكر

رَاء. · 2015- 6- 7

اقتباس:

المشاركة الأصلية كتبت بواسطة الفاطمة

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

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

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

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

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

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

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

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

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

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

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

ألف شكر

يازين الفواطم والله

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

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

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

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

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

مَلاك · 2015- 6- 8

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

نوره المتفائله · 2015- 6- 8

مبـــــــــــــدعة تبارك الله ياريمي

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

رَاء. · 2015- 6- 8

اقتباس:

المشاركة الأصلية كتبت بواسطة مَلاك

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

بعد قلبي ملاك

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

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

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

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

اقتباس:

المشاركة الأصلية كتبت بواسطة نوره المتفائله

مبـــــــــــــدعة تبارك الله ياريمي

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

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

نورتيني يا بعدي

زهرآء · 2015- 6- 9

[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]

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

أكثر شيء ضيع وقتي

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

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

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

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

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

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

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

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

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

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

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

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

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

[/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]

مييووش2 · 2015- 6- 10

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

رَاء. · 2015- 6- 10

اقتباس:

المشاركة الأصلية كتبت بواسطة الفاطمة

[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]

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

أكثر شيء ضيع وقتي

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

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

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

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

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

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

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

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

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

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

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

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

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

[/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]

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

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

ما يعرف الاخطاء الدقيقة الا المصمم نفسه صاحب العمل

وترى ما طلع كامل عشانه رد .. بس انا سويت له معاينه وشفته كامل بطله وقياساتك مضبووووووطة تبارك الرحمن يا فنانة

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

مجهودك مبيّن
وذوقك قمة بالجمال والروعة

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

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

تقييم +

اقتباس:

المشاركة الأصلية كتبت بواسطة مييووش2

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

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

الوردة الخجولة · 2015- 6- 11

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

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

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

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

2015- 6- 7	#2
زهرآء متميزة في المسابقة التحفيزية الملف الشخصي: رقم العضوية : 160474 تاريخ التسجيل: Sun Oct 2013 المشاركات: 449 الـجنــس : أنـثـى عدد الـنقـاط : 215786 مؤشر المستوى: 265 بيانات الطالب: الكلية: الآداب الدراسة: انتساب التخصص: إنجليزي المستوى: خريج جامعي	رد: درس عمل [ هيدر - خلفية - فوتر ] لتنسيق مواضيع احترافية ~ ماشاء الله تبارك الله حاجة تفتح النفسسس يازين الفنن و الفنانين ( ريم + ملاك ) ربي يزيدك أكثر و أكثر شرح واضح و لا أحلى إن شاء الله أحاول اطبق إذا عرفت لأن ما مرة جربت إداة التقطيع > خايفة منها تذكرني بتقطيع المنتديات حاجة متقدمة و حملت ملفك حسيت سهل على تخيل الشكل العام للتصميم بعد و هذا المجلد الافتراضي قاهرني لازم سطح المكتب مايصير داخل المجلدات > عندي طقوس احب سطح المكتب يكون نظيف ألف شكر

2015- 6- 8	#4
مَلاك صديقة إدارة أعمال الملف الشخصي: رقم العضوية : 154221 تاريخ التسجيل: Sun Sep 2013 العمر: 29 المشاركات: 4,820 الـجنــس : أنـثـى عدد الـنقـاط : 96974 مؤشر المستوى: 190 بيانات الطالب: الكلية: الدراسات التطبيقية وخدمة المجتمع الدراسة: انتساب التخصص: إدارة اعمال المستوى: المستوى السادس	رد: درس عمل [ هيدر - خلفية - فوتر ] لتنسيق مواضيع احترافية ~ - ماشاء الله ابداعك مايختلف عليه اثنين طرح فخم جداً ودرس غاية في الروعه ماشاء الله حبيت شرحك وحبيت التفصيل اللي فيه كل شي واضح والنتيجه مميزة تنسيقك للموضوع فنتاستك ربي يعطيك العافية مشرفتنا ويدوم لك يارب هالابداع والتألق

2015- 6- 8	#5
نوره المتفائله متميزه في قسم المواضيع العامة الملف الشخصي: رقم العضوية : 153999 تاريخ التسجيل: Sat Aug 2013 المشاركات: 4,946 الـجنــس : أنـثـى عدد الـنقـاط : 106447 مؤشر المستوى: 201 بيانات الطالب: الكلية: جامعةالملك فيصل الدراسة: انتساب التخصص: طالبه ادارة اعمال المستوى: خريج جامعي	رد: درس عمل [ هيدر - خلفية - فوتر ] لتنسيق مواضيع احترافية ~ مبـــــــــــــدعة تبارك الله ياريمي لاتحرمينا من هالابداع ياعسل

2015- 6- 10	#8
مييووش2 مشرفة المستوى السابع سابقاً الملف الشخصي: رقم العضوية : 157826 تاريخ التسجيل: Thu Sep 2013 المشاركات: 2,543 الـجنــس : أنـثـى عدد الـنقـاط : 431715 مؤشر المستوى: 502 بيانات الطالب: الكلية: جامعيه الدراسة: انتساب التخصص: ادارة اعمال المستوى: المستوى الثامن	رد: درس عمل [ هيدر - خلفية - فوتر ] لتنسيق مواضيع احترافية ~ ماشاء الله تبارك الرحمن مببببدعه كعادتك ريم 93 تسلمون انتي والفاطمه الذوق الله يبلغنا واياكم رمضان يارب

2015- 6- 11	#10
الوردة الخجولة متميزة بالمستوى السابع – إدارة أعمال الملف الشخصي: رقم العضوية : 116122 تاريخ التسجيل: Sun Aug 2012 المشاركات: 7,050 الـجنــس : أنـثـى عدد الـنقـاط : 130900 مؤشر المستوى: 250 بيانات الطالب: الكلية: كلية الادارة الدراسة: انتساب التخصص: ادارة اعمال المستوى: خريج جامعي	رد: درس عمل [ هيدر - خلفية - فوتر ] لتنسيق مواضيع احترافية ~ ريمو رووووعه ماشاء الله عليكي شرح وافي وكافي وتصميم ذوووق انتي وملاك وفطوم ماشاء الله مبدعات ودقة واحتراف ليه مده عن التصميم والفوتشوب ليه عودة اذا اراد الله

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)