عمل خلفية للنظام الاروع (لينوكس)

**Ibrahim Saqr** · 10-07-2009, 08:34 AM

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

اخوانى اقدم لكم اليوم شرح تفصيلى للتصميم الذى طرحتة فى الموضوع الاتى
http://www.linuxac.org/forum/linuxac40/thread27526.html

اولا : اعتذر عن التأخير فى اضافة الشرح حيث اننى قلت سابقا اننى سوف اضعه فى وقت مبكر من الامس و لكن لظروف خارجة تم التأخير

ثانيا : ملاحظة مهمة و هى التصميم لا يحتوى على اى نوع من انواع الفلاتر الموجودة

ثالثا : ملاحظة مهمة جدا : انا من عشاق رسم التأثيرات و لا استخدم فى ذلك اى فلتر من اى نوع لذا تجد الخطوات طويلة نوعا ما على الرغم من امكانية اختصارها باستخدام الفلاتر الجاهزة لذا اذا لم يكن عندك صبر فأرجو ان تكتفى بنحميل الصورة ووضعها خلفية لنظامك و كفى .
( الملاحظة السابقة اتت بعد قول احد الاعضاء على الخاص اننى " الف و ادور" حتى يخرج التصميم )

رابعا : الجيمب عندى قمت باضافة plugin له و هى تعطى تأثيرات نافذة blending mode فى الفوتوشوب و هذه الاضافة موجودة فى المنتدى و لكنى لا اذكر اين بالضبط لذا قمت بوضعها فى المرفقات

خامسا : سم الله ثم ابدأ معى الشرح

1 - الخلفية : عبارة عن صورة خشب من على الانترنت قمت بأخذ جزء مناسب منها و هو جزء مستطيل ليبدو (لوح خشب) ثم قمت بتنفيذ تأثير(Bevel and Emboss) من قائمة (Layer Effect) الجديدة و التى ظهرت بعد اضافة (البلج ان) الان اصبح لدينا (لوح الخشب) قم بمضاعفة اللير مرات عديدة و ترتيبها سويا كما بالصورة الاصلية
ملاحظة : الصورة التى استخدمتها كانت (فاتحة) للغاية لذا قمت باختيار Curves من قائمة Colors

2 - الحروف : جميع الحروف طريقة صنعها واحدة مع اختلاف درجات الالوان لذا سوف اشرح صناعة حرف واحد فقط .

الحرف "L" بعد كتابة الحرف و اختيار الفنط المناسب (يفضل ان يكون سميك حتى يظهر علية التأثيرات) قمت بـ

أ - ضاعفت الحرف و اخفيت واحدة اما الثانية قمت بمضاعفتها مرة ثانية ثم حركت لير منهم الى الاسفل ثم الى اليسار (واحد بيكسل فقط ) ثم قمت بدمجهما ليصبحا لير واحدة .
الان قم بمضاعفة اللير الجديدة و حرك واحدة منهم الى الاسفل ثم الى اليسار و لكن 2بيكسل ثم قم بدمجهما .
كرر الخطوة الاخيرة بضع مرات حتى تحصل على شكل الظل المناسب للحرف و بعد الانتهاء قم بدمج الليرات الخاصة بالظل مع بعضها .

ب - بعد الانتهاء من عمل الظل قمت بتلوينة عن طريق تدريج لونى بخاصية Gradient Overlay التدريج من البنفسجى الغامق الى الفاتح الى الغامق مرة اخرى (اى تدريج ثلاثى) .

جـ - بعد الانتهاء قمت بوضع stroke الى الظل من خلال خاصية الـstroke و اعطيته اللون البنى الفاتح .

د - الخطوة الاخيرة فى الظل و هى اضافة اضاءة علية و قمت بذلك عن طريق فتح لير جديدة فوق لير الظل ثم ملئتها بالابيض ثم باستخدام الماسك (Mask) و استخدام الفرشاة جعلت حوافها ناعمة جدا ووضعتها عند ثنية الحرف بحيث يظهر و كأن هناك مصدر للاضاءة و يعكس نوره على اللير .

هـ - بعد انهاء الظل نعود لحرف الـ(L) الذى اخفيناه فى بداية الامر و نضاعفة مرة واحدة و نخفى واحدة ثم نلون الاخرى بنفس لون الـstroke و نظهر الاخرى و تكون فوق الجميع و نلونها بتدريج لونى من الاحمر الفاتح الى الغامق و بعد ذلك نعود الى الاخرى التى لونها بنفس لون الـstroke و نحركها قليلا الى الاسفل ثم اليسار حتى تشبة الstroke ثم نحركها و الاحرى الحمراء معا الى الاعلى ثم اليمين قليلا حتى يختفى ورائها الـstroke الخاص بالظل .
ملاحظة : كل هذا لكى اعطى انطباع ان الحرف مجسم جدا و انه يظهر من الجانب و ليس من الامام (جرب و سوف تجد كلامى صحيح) .

و - قمت بعمل خط طويل نوعا ما و قمت بتكراره ثم وضعته فوق اللير الحمراء ثم صنعت تحديداً كاملا لشكل الحرف من خلال تحديد اللير الحمراء ثم اخترت invert من قائمة select ثم ضغطت على delete .

ز - الان نقوم بتلوين الخطوط و انا اعطيتها تدريج لونى من الابيض للاحمر .

حـ - الخطوة الاخيرة فى الحرف "L" وهى اعطاء مزيد من التجسيم له و ذلك باختيار inner shadow من قائمة layer effect

الان نرى الحرف مكتمل و تماااااااااام ( انا تعبت جدا على فكرة)

اما بقية الحروف نفس الخطوات السابقة بالضبط مع اختلاف شيئين
الاول : درجات الالوان و التى قمت بتغييرها من حرف الى اخر
الثانى : زاوية الطل . فى الحرف L قمنا بجعل الظل الى الاسفل ثم اليسار اما بقية الحروف نفس الفكرة و لكن مع جعل الظل بزاوية اخرى (مثلا الى الاسفل ثم اليمين ) .

حسنا لنكمل معا (اذا تعبتم يمكنكم ان تكملوا غدا)

بعد انهاء الحروف جميعاً نأتى الى الاضاءة الموجودة فى خلف

3 - الاضاءة : و هى سهلة جدا

أ - فقط لير جديدة ملئتها بالابيض ثم بالفرشاة و الماسك حذفت منها الزيادات و لم اترك سوى ما يوجد خلف الاحرف فقط و كأنها اضاءة من الخلف .

ب - الافرع و الورود الخارجة من الاضاءة عبارة عن مجموعة من الصور قمت بتكرارها عشوائيا على جميع انحاء الاضاءة ( اعنى اللير البيضاء )

الخطوة الاخيرة :

4 - نعود للخلفية مرة اخرى ( اقصد الخشب ) و بعد ان جعلنا جميع الواح الخشب لير واحدة نأتى لبعض التأثيرات

أ - قم بعمل تحديد لبعض الافرع و الورود قم انقل هذا التحديد على اى مساحة فارغة من ليرالخشب ثم اختر curves من قائمة colors و اصنع تفتيحا بسيطا ( ماذا تلاحظ ) كررهذه الخطوة فى اماكن متعددة من لير الخشب .

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

الان فقط يمكننا ان نقول ان التصميم انتهى و الحمد لله (الذى لا يحمد على مكروه سواه)

للملاحظات و ابداء الرأى بالتأكيد يمكنك وضعها هنا

احصائية : وقت العمل
على الفوتوشوب : 1 ساعة
على الجيمب : 5 ساعة
عدد الليرات المستخدمة : قاربت 100 لير (للعمل كاملاً)
كتابة و تنسيق الموضوع : نصف ساعة

الاحصائية السابقة لا يوجد غرض منها الا ان اظهر فارق خبرتى فى التعامل مع البرنامجين (فقط) و محاولة تنمية هذه الخبرة

شكرا
سلام

**محمد أسامة** · 10-07-2009, 06:00 PM

شرح رائع أخي إبراهيم لاكن أظن أنك نسيت شيء وهو نوع الخط المستخدم في التصميم أضف بعد الصور كما قال الأخ محمد لكان أفضل مشكور على الجهد الرائع منك

د - الخطوة الاخيرة فى الظل و هى اضافة اضاءة علية و قمت بذلك عن طريق فتح لير جديدة فوق لير الظل ثم ملئتها بالابيض ثم باستخدام الماسك (mask) و استخدام الفرشاة جعلت حوافها ناعمة جدا ووضعتها عند ثنية الحرف بحيث يظهر و كأن هناك مصدر للاضاءة و يعكس نوره على اللير .

أظن أنها معقدة قليلا على المبتدئين هناك طريقة أخرى وهي :
إفتح نافذة جديدة ثم أكتب الحرف l عاديا ثم قم بستخدام الفلتر التالي كما هو في الصورة

الصورة

ثم قم بنقل هذا الجزء إلى العمل وستكون نفس النتيجة مع شرح إبراهيم

إن شاء الله يكون الأمر توضح .............
OUSS@MA

**Ibrahim Saqr** · 10-07-2009, 06:05 PM

بسم الله

المشاركة الأصلية كتبت بواسطة n-1

ثانيا : ملاحظة مهمة و هى التصميم لا يحتوى على اى نوع من انواع الفلاتر الموجودة

ثالثا : ملاحظة مهمة جدا : انا من عشاق رسم التأثيرات و لا استخدم فى ذلك اى فلتر من اى نوع لذا تجد الخطوات طويلة نوعا ما على الرغم من امكانية اختصارها باستخدام الفلاتر الجاهزة لذا اذا لم يكن عندك صبر فأرجو ان تكتفى بنحميل الصورة ووضعها خلفية لنظامك و كفى .
( الملاحظة السابقة اتت بعد قول احد الاعضاء على الخاص اننى " الف و ادور" حتى يخرج التصميم )

هل لاحظت اخى اسامه ما كتبته انا فى المشاركة الاصلية

كيف تستخدم فلتر ما لاخراج الاضاءة

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

شكرا
سلام

**محمد أسامة** · 10-07-2009, 06:41 PM

هل لاحظت اخى اسامه ما كتبته انا فى المشاركة الاصلية

كيف تستخدم فلتر ما لاخراج الاضاءة

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

شكرا
سلام

نعم أخي إبراهيم قرأة لاكن اردت أن أبين هذه النقط للمبتدئين فقط أما عن نوع الخط فسألتك عنه لأنه أجبني ومناسب للتطبيق شكرا
ouss@ma

**The Prime** · 12-07-2009, 01:00 AM

السلام عليكم ورحمة الله وبركاته
أهنئك أخى الكريم على اننى وجدت خلفيتك الشهيره linuxac ذات الخلفيه الخشبيه مرفوعه على الموقع الشهير Eyecandy for your GNOME-Desktop - GNOME-Look.org
اتمنى ان اكون أول من هنأك على التصميم

**Ibrahim Saqr** · 12-07-2009, 02:27 AM

بسم الله
اخى The Prime
مرحبا بك اخى الكريم فى موضوعى المتواضع
فى الحقيقة انا رفعت الصورة فى موقع gnome-look بعد رأى اخونا MOSAB
و كان هذا من بضعة ايام
و ارحب بك طبعا كأول من يهنأنى على التصميم و لكن الم تلاحظ عدد المشاهدات لقد تعددت 150
على كل حال ارحب بك

شكرا
سلام