(2) تصميم موقع كالمجله بكل دقه واحتراف - منتديات نور الاستقامة
  التسجيل   التعليمـــات   قائمة الأعضاء   التقويم   البحث   مشاركات اليوم   اجعل كافة الأقسام مقروءة
أخواني وأخواتي..ننبه وبشدة ضرورة عدم وضع أية صور نسائية أو مخلة بالآداب أو مخالفة للدين الإسلامي الحنيف,,,ولا أية مواضيع أو ملفات تحتوي على ملفات موسيقية أو أغاني أو ماشابهها.وننوه أيضاَ على أن الرسائل الخاصة مراقبة,فأي مراسلات بين الأعضاء بغرض فاسد سيتم حظر أصحابها,.ويرجى التعاون.وشكراً تنبيه هام


** " ( فعاليات المنتدى ) " **

حملة نور الاستقامة

حلقات سؤال أهل الذكر

مجلة مقتطفات

درس قريات المركزي

مجلات نور الاستقامة



الإهداءات


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

الفوتوشوب وملحقاته [برامج التصميم] [دروس التصميم] [فرش] [سكرابز] [صور للتصميم] [خطوط] [خلفيات]


إضافة رد
 
أدوات الموضوع
Icon26  (2) تصميم موقع كالمجله بكل دقه واحتراف
كُتبَ بتاريخ: [ 02-21-2011 ]
رقم المشاركة : ( 1 )
الصورة الرمزية عابر الفيافي
 
عابر الفيافي غير متواجد حالياً
 
رقم العضوية : 1
تاريخ التسجيل : Jan 2010
مكان الإقامة : في قلوب الناس
عدد المشاركات : 8,749
عدد النقاط : 363
قوة التقييم : عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز عابر الفيافي قمة التميز


نقره لعرض الصورة في صفحة مستقلة

(2) تصميم موقع كالمجله بكل دقه واحتراف


الجزء الثاني من تصميم موقع كالمجله


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



ثم نذهب الى قائمة Edit ونختار Cut
ثم اذهل لقائمة file واختر New واضغط ok !!
راح تلاحظ بأن النافذه التي ظهرت لك بها مقاسات خاصه وهي مقاسات التحديد اللي قمنا بقصه لأن الفوتوشوب سيقوم بإعطائنا

نفس مقاسات التحديد اذا قمنا بنسخه او قصّه لذلك لاعليك الا ان تضغط ok .
نقره لعرض الصورة في صفحة مستقلة



الآن اذهب الى قائمة Edit واختر Paste وراح تشوف ان التحديد اللي حددناه وقصّيناه اصبح جاهز عندنا بدون زياده ولا نقصان

وبدون اي مشاكل .... وهو الآن بمثابة الشكل العلوي للتصميم .... ونقوم بحفظه بإسم header ونختار الامتداد jpg .
نقره لعرض الصورة في صفحة مستقلة



والآن نرجع لتصميمنا الاساسي ونقوم بتحديد التصميم من الأسفل ثم نذهب الى قائمة Edit ونختار Cut ثم اذهل لقائمة file واختر

New واضغط ok كما فعلنا سابقا .... ثم نذهب الى قائمة Edit ونختار Paste يعني نلصق اللي قصّيناه من التصميم ... ويصبح كما

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




ثم نقوم بحفظه بإسم footer ونختار الامتداد jpg .

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



ثم نذهب الى قائمة Edit ونختار Cut ثم اذهل لقائمة file واختر New واضغط ok ثم نذهب الى قائمة Edit ونختار Paste وينتج

معانا مثل هذا
نقره لعرض الصورة في صفحة مستقلة




ونقوم بحفظه بإسم bottom ونختار الامتداد jpg .

ستلاحظ الآن أن اصبح لدينا 3 صور للتصميم هي :

الشكل العلوي
نقره لعرض الصورة في صفحة مستقلة


شكل المنتصف
نقره لعرض الصورة في صفحة مستقلة


الشكل السفلي
نقره لعرض الصورة في صفحة مستقلة



والحين بدينا بالجد !!!
يعني التركيز مطلب رئيسي يجب فهم التطبيقات التاليه لأنها مهمه جدا واي لخبطه راح تتلخبط أمور كثيره وتتعقد بعدها وماراح نوصل


الى نتيجه مرضيه .

عملية تقصيص التصميم

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

المتصفح لــذلك لابد من التركيز في هذه النقطه بشكل قوي .

الحين روح لقائمة window ثم اختر منها info ((نافذة مقاسات التصميم)) من خلالها تستطيع تقطيع التصميم بدقه فائقه وبأحجام

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


الرقم 1 هو عرض التحديد .
الرقم 2 هو ارتفاع التحديد .
اذا مافهمت شنو نقصد راح تفهم معانا حاليا .......

اضغط على قائمة File ثم open ثم افتح الصوره اللي حفظناها بإسم header تبع الشكل العلوي ... ثم اختر اداة التحديد
نقره لعرض الصورة في صفحة مستقلة




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




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

ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



والآن احفظ الصوره بالضغط على file ثم save as واعطه اسم hl وقائمة format اختر منها الامتداد الموضح بالصوره
نقره لعرض الصورة في صفحة مستقلة



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



ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



ثم قم بحفظ الصوره بإسم hr .

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

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



ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



ثم قم بحفظ الصوره بإسم hb .

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

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



ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة




ثم قم بحفظ الصوره بإسم hback .

والآن انتهينا من تقطيع الشكل العلوي للتصميم واصبح لدينا 4 صور خاصه بالشكل العلوي وهي كالتالي :
نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة




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

اضغط على قائمة File ثم open ثم افتح الصوره اللي حفظناها بإسم footer تبع الشكل السفلي ... ثم اختر اداة التحديد
نقره لعرض الصورة في صفحة مستقلة



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

الصوره
نقره لعرض الصورة في صفحة مستقلة




ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



ثم قم بحفظ الصوره بإسم fl .

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



ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



ثم قم بحفظ الصوره بإسم fr .

والآن طال عمرك حدد جزء من الصوره ليصبح بمثابة بنر سفلي للتصميم يفيدنا في أن نكتب كلمة حفظ الحقوق او اسم المصمم او غير

ذلك حسب رغبتك ... تابع التحديد
نقره لعرض الصورة في صفحة مستقلة



ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة




ثم قم بحفظ الصوره بإسم fb .

والآن نقوم بتحديد جزء عرضه صغير حتى نقوم بجعله خلفيه للفوتر سيفيدنا بالتمدد وحتى يمنع التشوه ... تابع التحديد :
نقره لعرض الصورة في صفحة مستقلة



ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



ثم قم بحفظ الصوره بإسم fback .


والحين انتهينا من تقطيع الشكل السفلي ولله الحمد ونتج لدينا ايضا 4 صور كما بالشكل العلوي وهي كالتالي :
نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة




والحين شنو بقى لنا ما قطّــعناه ؟
بقى طال عمرك شكل المنتصف وهو أسهل مرحله من التقطيع !!!

اضغط على قائمة File ثم open ثم افتح الصوره اللي حفظناها بإسم bottom تبع الشكل السفلي ... ثم اختر اداة التحديد
نقره لعرض الصورة في صفحة مستقلة




قم بتحديد الجزء الأيسر كما تعودنا سابقا >>> لاحظ لابد وأن يكون العرض بنفس المقاس اللي حفظناه <<< تذكــر شنو قلنا .
نقره لعرض الصورة في صفحة مستقلة



ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



ثم قم بحفظ الصوره بإسم left .


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




ثم اذهب الى قائمة Edit واختر Cut ثم اذهب الى قائمة File واختر New ثم اضغط من النافذه التي ستظهر لك ok ثم اذهب الى قائمة

Edit واختر منها Paste ... وسيظهر لنا هكذا
نقره لعرض الصورة في صفحة مستقلة



ثم قم بحفظ الصوره بإسم right .


والآن انتهينا من تقطيع شكل المنتصف >> أرأيت ما أسهله << ونتج لدينا صورتان فقط !! وهما كالتالي :
نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة




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

التصميم كشكل المجله .

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

انتهينا من الجزء الثاني وسيتم عمل الجزء الثالث ان شاء الله .

(2) jwldl l,ru ;hgl[gi f;g ]ri ,hpjvht 2 l,ru jwldl f;g ]ri ,hpjvht ;hgl[gi





توقيع :



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

رد مع اقتباس

إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
2 , موقع , تصميم , بكل , دقه , واحتراف , كالمجله


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

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

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

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
موقع متكامل مصمم على سكربت جوملا عابر الفيافي نور السكربتات ومجلات إدارة المحتوى 4 11-28-2012 10:48 PM
(1) تصميم موقع كالمجله بكل دقه واحتراف عابر الفيافي الفوتوشوب وملحقاته 0 02-21-2011 09:17 PM
:: تصميم بنر مميز عن طريق photoshop + Bannershop GIF Animator عابر الفيافي الفوتوشوب وملحقاته 1 12-15-2010 09:04 PM
دليلك الطبي جنون نور الصحة والعناية 0 10-30-2010 04:37 PM
شرح طريقة التسجيل رفع الفيديو إلى موقع "يوتيوب" YouTube عابر الفيافي نــور الـفـيـديـو والـيـوتـيـوب 0 10-28-2010 11:29 PM


الساعة الآن 09:08 PM.