اسعد الله اوقاتكم اخوانى الكرام
يسعدنى هنا ان استهل هذه الدوره وراجيا" من المولى العلى القدير التوفيق والسداد فان اصبت فمن الله وان اخطات فمن نفسى والشيطان . فالدوره بأذن الله عبارة عن اربع ملاحق
الملحق الاول : مفاهيم اساسيه لبرنامج الفوتوشوب
الملحق الثانى : مفاهيم متقدمة لبرنامج الفوتوشوب
الملحق الثالث : تصميم واجهات المواقع بالفوتوشوب
الملحق الرابع : تهئية الصور للويب
تنبيه
اعلم اخى الكريم فى
مدرس مفصلة اللولو جرفكس ومنتديات مساهير الغلا ومنتديات ابو صالح التعليميه و منتديات ديزاد باتنة و منتديات شماليات وكافةالمنتديات التى شُرفت بأن اكون احدى اعضاؤها المخلصين فى نقل ما لدى من علم فى هذا المجال , بان هذا الدرس مفصل وكافة الدروس التى قد عملتها وما ساعملها هى لك وحدك فاحرص على التطبيق العملى وانى برئ منك ليوم الدين حينما تسخدم شروحاتى فيما يغضب الله عزوجل ورسوله الحبيب
تنويه
كافة الصور المصاحبه للدرس مفصل موجوده على سيرفر SERVER خاص لخالد الحربي فارجوا من ينقل الموضوع الى احدى المواقع او المنتديات ان يذكر المصدر حفاظا على الحق الادبى للمعد والمصمم وهما مقترنه بشخص خالد الحربي
قبل ان ابدأ
نتاول فى جوله سريعه حول برنامج الفوتوشوب لا اتحدث هنا عن الامكانيات الجباره فى هذا البرنامج لانها صعب التحدث غنها هنا فى هذه الدورة ولكن انا متاكد انها سنتطرق لها اثناء الشروحات فى العمل ان استدعى ذلك , ولكن الان دعنى اعطيك بعض المهمات الاساسيه قبل الشروع باستخدام هذا البرنامج ان استخدام الفوتوشوب بالتكامل مع الامج ريدى Image Ready فى تقسيم المساحات الكبيره من الصور الى شرائح Slices وذلك لتحقيق ثلاث اسباب :
الاول هو تكسير المساحه الكبيره الى مساحات اصغر لتكون اسرع فى التحميل على الانترنت وتلبيه احدى المتطلبات الاساسيه فى سرعه الدخول لصفحات المواقع .
والثانى هو امكانية توجيه ارتباطات هذه الشرائح الى صفحات اخرى على شبكة الانترنت فيما تعرف بالارتباطات التشعبيه Hyber links .
والثالث هو استخدام حالات Rollover التى تحدد تغير شء فى واجهة interface الموقع عند الاشارة فوق شريحه معينه او عندما نشير فوق احد الازاره فقد يتغير لونها او شكلها .
واستخدام الفوتوشوب والامج ريدى فى تهيئة الصور للويب وذلك بتحقيق المعادله الصعبه وهى :
صوره عاليه الجوده والوضوح , وحجم صغير للتحميل السريع , وتتم هذه من خلال مجموعه من الاختيارات لتفصليه التى تشمل صيغة الحفظ Format وعدد الالوان المستخدمه وغيرها من المعاملات التى سنكتسبها جميعا بالممارسه لكى تكون لدينا خبره فى هذاالمجال للوصول الى افضل النتائج .
الملحق الاول :
مفاهيم اساسيه
هنا يجب علينا ان نتعلم مفردات العمل بالبرنامج التى تؤهلنا بأذن الله تعالى للاستفادة من الامكانيات الهائله للبرنامج .
يتناول هذا الملحق على معرفة
1- التعامل مع الملفات
2-انشاء التحديد Selection
3- استخدام الطبقات Layers
اذا دعونا نبدأ فى التعامل مع الملفات Files هناك ثلاث طرق يمكن بها ان نحصل على ملف مفتوح داخل برنامج الفوتوشوب وهى شاهد الصوره لكى تعرفها
الاولى فتح الملفات
والثانيه انشاء ملف جديد
ستشاهد فى الصوره الثانيه طريقه عمل ملف جديد
باختيار الامر file ثم new سيظهر لنا مربع حوارى كما نشاهده بالصوره
فى المربع الاول name هنا يمكنك تسجيل اسم الملف الجديد
فى المربع Preset Sizes هنا يمكنك الاختيار من بين مجموعه من المقاسات الافتراضيه التى داخل البرنامج وهنا كل تلك المقاسات الافتراضيه لها استخدامات فعلى سبيل المثال لو كنت انت تعمل فى مجالالتصوير الفوتغرافى تحتاج الى مجموعه من المقاسات الثابته لاخراج الصور وراح تستخدم المقاسات التاليه :
2x3 , 4x6 . 5x7 , 8x10
ولو انت من مصممين الويب راح تحتاج الى مقاسات مناسبه مع مساحة الشاشات التى يتم عرض الموقع عليها ويمكن هنا ان تختار المجموعه التاليه الموضحه بالصوره
الان نلاحظ الصوره الثانيه لنكمل معالمها ( الخاصه بانشاء ملف جديد )
اختيار الطول والعرض Height / Width هنا ادخل المقاس الى يروق لك ولا بد من الانتباه الى وحده القياس المستخدمه ونشير الى ان تصميم صفحات الانترنت تكون الوجده المستخدمه لها Pixels
الان نختار الرزوليشن RESOLUTION وهنا لكى نحدد درجة الوضوح التى تكون قيمتها 72 نقطه / بوصة كقيمة افتراضيه لتطبيقات الويب .
الان نختار الـ Mode هنا اختار RGB Color .
اختيار Contents
عند الضغط عليها ستجد عده خيارات هى
White : وهى للحصول على ملف باللون الابيض ويحتوى على الخلفيه Background فى لوحة الطبقات Layers . شاهد الصورة
Background Color : للحصول على ملف اللون الخلفى ويحتوى على Background فى لوحة الطبقات Layers . شاهد الصورة
اختيار TRANSPARENT : للحصول على ملف شفاف يحتوى على طبقه Layer1 فى لوحة Background شاهد الصورة
الادله Guides
الان دعونا نتعرف على استخدام الادله Guides والتى سوف تساعدنا بالتصميم وهى عبارة عن خطوط راسيه وافقيه بالصفحه وهذه الخطوط لن تظهر لثناء الطباعه ويمكن اضافتها للملف عن طريق سحبها من المسطره فبسحب المسطره الافقيه نحصل على دليل افقى وبسحب المسطره الراسيه نحصل على دليل راسى كما هى موضحه بالصورة . انظر الصورة
ولاضافة الادله الى الملف فى موضع محدد وبدقه تامه ننفذ الامر التالى :
View ثم New Guide وذلك سيظهر لك هذاالمربعالحوارى ناظر الصورة :
فى هذا المربع الحوارى كما تشاهد بالصوره اعلاه يمكنك اختيار نوع الدليل سواء افقيا او راسيا من اختيار الـ Orientation وتحديد موضعه من داخلالصفحه من اختيار Position
واخيرا لو ترغب باظهار الادله او اخفائها ما عليك الا الذهاب الى الاوامر التاليه :
View ثم Show ثم Guides
ولكى تحرك الادله داخل الصفحه استخدم الاداة Move كما تشاهد بالصوره
شاهد هناالطريقه لسحب الادله
تنويه :
تسطيع ان تسحب اكثر من دليل افقى او عامودى الى مالانهايه
الان لم يتبقى لنا الا استخدام التحديد Selection
لاننا سوف نحتاج اثناء التصميم الى انشاء اشكال متنوعه منها الدائره ومنها المستطيل والمربع والتحديد البيضاوى او تحديد حر او نحتاج الى تحديد مساحه لونيا بلون معين وقد نحتاج الى انشاء مسارات حول مساحه معينه .
هنا الان انا سوف ابين لكم هذه الادوات عن طريق عرضها بالصورة ولكن يبقى السؤال ( هل تجيد استخدامها .... ؟) طبعا الجواب انا متأكد نعم لان اى مستخدم للفوتوشوب ولو كان مبتدئيا....! لابد ان يعرف طرق استخدامها ولو قليلا .... على العموم.. راح نتعرض لها كثير اثناء الدوره ونعرف الطرق المثلا بالاستخدام وماهى الاوامر الخاص بها ....فلا تقلق من فهم استخدامها بالوقت الراهن .
استخدام الطبقات Layers
طبعا الطبقات او الليرات هى من المهمات الاساسيه للتقنيه فى البرنامج وسر من اسرار قوته وعندما نقوم بعمل اى شئ كعمل بطاقة او تصميم بنر او موقع او اى شئ كان فلا بد من استخدام الطبقات ووضع كل عنصر بطبقه مستقله لكى يسهل التعامل معها وايضا للتحكم فى مستوى شفافية العنصر عند اختيارنا Opacity وامكانية الدمج بين الطبقات المختلفه عندما نستخدم انماط المزج Bland Modes وكذلك امكانية الترتيب وامكانية الرابط الطبقات فيما بينهم او جزء منها وامكانية دمج الطبقات Merging لتبسيط الملف وتقليل حجمة واخير استخدامنا لانماط التأثير Styles وما نضيفة من تأثيرات مبهرة
[/align]
انشاء الطبقات
داخل لوحة Layers يمكنك انشاء الطبقات الجديده بالنقر على الزر الموضح بالصور التاليه
تسمية الطبقات
هنا بالامكان ان نقوم بتسميه الطبقات وذلك لكل طبقه باسم خاص بها لكى يسهل معها التعامل خاصة عندما يكثر عددها فى الملف وذلك تتم بعده طرق اهمها :
النقر المزدوج فوق اسم الطبقه ليظهر محددا حيث يمكنك ادخال الاسم الجديد كما تشاهدها هنا
وشاهد بعد ان كتبت الاسم الجديد ناظر الصوره
اوبالنقر بالزر الماوس الايمن فوق الطبقه التى تود نغير اسمها ليظهر لك مربع حوارى شاهد الصورتين للتوضيح
اثناء انشاء الطبقه بالنقر على الزراضغط مفتاح Alt من لوحة المفاتيح ليظهر مربع الحوار New Layer لتستطيع تسمية الطبقه منذ اللحظة الاولى ناظر الصورة
ترتيت الطبقات
عندما يحتوى ملف اكثر من طبقه يمكننا ترتيبها بما يتناسب مع احتياجاتنا وذلك عن طريق سحب الطبقه بالماوس الى الموضع الجديد اسفل او اعلى احد الطبقات ناظر الصور
قبل
بعد
ربط الطبقات
يتم ربط الطبقات معا حتى نشترك فى عملية التحريك والتعديل فعندما نحرك احد العناصر فى طبقة يتم تحريك بقيه العناصر فى الطبقات المرتبطه بها ويتم الربط بين الطبقات عن طريق النقر فى الموضع المخصص لذلك فى لوحة الليرات كما ترى بالصورة
دمج الطبقات
مع زيادة الطبقات فى الملف سوف يزداد الوزن مما يؤثر على سرعة الاداء للبرنامج كما يؤثر على انسابية العمل لذلك نحتاج الى دمج عدد من الطبقات فى طبقة واحده ويتم ذلك فى بعدد من الاوامر المتاحة فى القائمة الجانبية للوحة الليرات Layers ناظر الصورة
من القائمة نشاهد
1- Merge Down وذلك لدمج الطبقة النشطة مع الطبقة التى تليها مباشره فى لوحة Layers ولايظهر هذا الامر فى حالة وجود ارتباط Link مع طبقة اخرى .
2- Merge Visible لدمج الطبقات المرئية الظاهرة وهى التى تظهر الى جوارها علامة العين
3- Flatten Image وذلك لدمج كل الطبقات فى الملف بحيث لا يحتوى الا على Bacground الخلفية .
ولو وجدت الامر Merge Linked هذا لدمج الطبقات المرتبطه معا .
واخيرا استخدام انماط التأثير الـ Styles
نظرا لضيق الوقت استميحكم عذرا بشرح طريقة الجزئيه الاخيره والخاصه بالتأثير Styles وهى اخر جزئيه بالملحق الاول بعد ساعات قليله
الان دعونا نكمل حديثنا بعد ان قمت بتجهيز الصوراللازمة
انماط التأثير من الامكانيات القويه فى الفوتوشوب والتى تدعم بقوة تطبيقات لبويب وحيث بالامكان ان نضيف تأثيرات عديده منها الظل والنور وتأثير البروز وهى تساعدنا كثيرا فى انشاء اشكال متنوعه من الازرار Buttons وتدعمنا فى التعبير عن حالات Rollovers المختلفه التى تمثل الاوضاع المختلفه للزر عند الاشارة فوقه بالماوس او عند النقر عليه وايضا تساعدنا حينما نستخدمها فى تصميم استايل styleات المنتديات وقد نوه اليها الاستاذ تركى الودعانى وبقيه الاخوة الكرام فى اكثر من موضوع ناظر الصورة
ويمكن استدعاء المجموعات المختلفه من الانماط من القائمة الجانبيه الموضحه بالصوره
وبالرغم من تنوع التأثيرات المتاحه بلوحة Styles الا اننا نستطيع تخليق انماط غير محدوده وغير مسبوقه من خلال مجموعه الاختيارات الخاصه بذلك من مربع الحوار Layer Styles
أرجو من الله العلي القدير أن يمدنا جميعاً بعونه وتوفيقه وأن يجعل كل أعمالنا خالصة لوجه الله عزوجل .. إنه ولي ذلك والقادر عليه
خالد الحربي
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
رد مع اقتباس
